@vef-framework/components 1.0.17 → 1.0.18

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

@@ -0,0 +1,11 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),i=require("@emotion/react"),r=require("@vef-framework/shared"),t=require("motion/react"),a=require("../../vef-responsive-container/index.js"),o=require("../../vef-responsive-item/index.js"),l=require("../hooks/use-filter-context.js"),s=require("../hooks/use-label-config.js"),n=require("./filter-item.js"),d=i.css`
+  overflow: hidden;
+`,u=i.css`
+  margin-top: ${r.themeVariables.margin};
+  background-color: ${r.themeVariables.colorFillAlt};
+  padding: ${r.themeVariables.padding};
+  border-radius: ${r.themeVariables.borderRadiusLg};
+  border: ${r.themeVariables.lineWidth} ${r.themeVariables.lineType} ${r.themeVariables.colorBorderSecondary};
+`,c={opacity:1,height:"auto",transition:{ease:"easeInOut",duration:.2}},m={opacity:0,height:0};exports.default=function({items:i}){const[r,b,h]=l.useFilterContextSelector((e=>[e.labelPosition,e.labelAlign,e.labelWidth])),{labelWidthToUse:p,labelCol:g}=s.useLabelConfig(r,h),f="top"===r?200:200+(p??80);return e.jsx(t.motion.div,{animate:c,css:d,exit:m,initial:m,children:e.jsx(a.default,{baseItemWidth:f,css:u,gap:"large",children:i.map((i=>{const{name:t,span:a}=i;return e.jsx(o.default,{span:a??1,children:e.jsx(n.default,{item:i,labelAlign:b,labelCol:g,layout:"top"===r?"vertical":"horizontal"})},t)}))})})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,21 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),i=require("@emotion/react"),t=require("@vef-framework/shared"),r=require("antd"),s=require("clsx"),a=require("./action-buttons.js"),n=require("./filter-item.js"),c=i.css`
+  &.vef-filter-basic-items-with-prefix {
+    display: grid;
+    grid-template-columns: max-content 1fr;
+    align-items: center;
+    gap: ${t.themeVariables.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: ${t.themeVariables.margin};
+  }
+`;exports.default=function({items:i,prefix:t}){const l=s({"vef-filter-basic-items-with-prefix":!!t,"vef-filter-basic-items-content":!t}),f=e.jsxs(e.Fragment,{children:[i.map((i=>{const{name:t}=i;return e.jsx(n.default,{item:i},t)})),e.jsx(r.Form.Item,{children:e.jsx(a.default,{})})]});return e.jsxs("div",{className:l,css:c,children:[t&&e.jsx("div",{className:"vef-filter-basic-items-prefix",children:t}),t?e.jsx("div",{className:"vef-filter-basic-items-content",children:f}):f]})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/components/fields/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./input.js"),t=require("./input-number.js");require("./props.js");const r={Input:e.default,InputNumber:t.default};exports.fieldMap=r;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/components/fields/input-number.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),u=require("react"),t=require("../../../vef-input-number/index.js"),s=require("../../hooks/use-computed-values.js"),o=require("../../store.js");exports.default=function({label:a,disabled:n,value:i,onChange:l,componentProps:f}){if("InputNumber"!==f.type)throw new r.VefError(-9,'Oops! Something went wrong. The type of the filter field is not "InputNumber", but rendered.');const{onChange:d,onEnterKeyPress:m,placeholder:p,prefix:c,suffix:x,max:V,min:h}=f,[g,v]=o.useFilterStore((e=>[e.form,e.setValues])),[w,b,y,k,j]=s.useComputedValues([{key:"placeholder",rawValue:p,defaultValue:a?r.isString(a)?`请输入${a}`:"请输入":void 0},{key:"max",rawValue:V},{key:"min",rawValue:h},{key:"prefix",rawValue:c},{key:"suffix",rawValue:x}]),q=u.useMemo((()=>{const e={onChange:e=>{if(l?.(e),r.isFunction(d)){const r=g.getFieldsValue();d(e,{values:r,setValues:v})}}};return r.isFunction(m)&&(e.onPressEnter=e=>{const r=g.getFieldsValue();m(e,{values:r,setValues:v})}),e}),[g,l,m,d,v]);return e.jsx(t.default,{disabled:n,max:b,min:y,placeholder:w,prefix:k,suffix:j,value:i,...q})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/components/fields/input.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),t=require("react"),s=require("../../../vef-input/index.js"),o=require("../../hooks/use-computed-values.js"),u=require("../../store.js");exports.default=function({label:n,disabled:l,value:a,onChange:i,componentProps:d}){if("Input"!==d.type)throw new r.VefError(-9,'Oops! Something went wrong. The type of the filter field is not "Input", but rendered.');const{onChange:c,onEnterKeyPress:p,placeholder:f}=d,[h,g]=u.useFilterStore((e=>[e.form,e.setValues])),[m]=o.useComputedValues([{key:"placeholder",rawValue:f,defaultValue:n?r.isString(n)?`请输入${n}`:"请输入":void 0}]),v=t.useMemo((()=>{const e={onChange:e=>{if(i?.(e),r.isFunction(c)){const r=h.getFieldsValue();c(e,{values:r,setValues:g})}}};return r.isFunction(p)&&(e.onPressEnter=e=>{const r=h.getFieldsValue();p(e,{values:r,setValues:g})}),e}),[h,i,p,c,g]);return e.jsx(s.default,{clearable:!0,disabled:l,placeholder:m,value:a,...v})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/components/fields/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/components/filter-field.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),t=require("react"),o=require("./fields/index.js");exports.default=function(n){const{name:i,componentProps:{type:s}}=n,u=t.useMemo((()=>{const e=o.fieldMap[s];if(!e)throw new r.VefError(-9,`Unknown filter field type: "${s}", please check the type of "${i}" field.`);return e}),[i,s]);return e.jsx(u,{...n})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/components/filter-item.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/hooks"),a=require("@vef-framework/shared"),u=require("antd"),t=require("react"),l=require("../hooks/use-computed-values.js"),i=require("./filter-field.js"),{Item:s}=u.Form;const o=t.memo((function({item:{name:a,show:u,disabled:o,label:d,tip:n,required:m,width:f,advanced:c=!1,span:p,virtual:w,...q},...V}){const b=r.useContextDisabled(),[h,k,v,y,j,x]=l.useComputedValues([{key:"show",rawValue:u,defaultValue:!0},{key:"disabled",rawValue:o,defaultValue:!1},{key:"label",rawValue:d},{key:"tip",rawValue:n},{key:"required",rawValue:m,defaultValue:!1},{key:"width",rawValue:f,defaultValue:d?220:180}]),M=t.useMemo((()=>{if(j)return[{required:!0}]}),[j]),g=t.useMemo((()=>{if(!c)return{width:x}}),[c,x]);return h?e.jsx(s,{css:g,help:!1,label:v,name:a,preserve:!1,rules:M,tooltip:y,...V,children:e.jsx(i.default,{componentProps:q,disabled:b||k,label:v,name:a})}):null}),((e,r)=>a.isEqual(a.omit(e,["item"]),a.omit(r,["item"]))));exports.default=o;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/event.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared");var t,a=e=>{throw TypeError(e)},r=(e,t,r)=>(((e,t,r)=>{t.has(e)||a("Cannot "+r)})(e,t,"read from private field"),r?r.call(e):t.get(e));const o=Symbol("change"),s=Symbol("submitResult");t=new WeakMap,exports.FilterEventBus=class{constructor(){var r,o,s;r=this,o=t,s=e.createEventEmitter(),o.has(r)?a("Cannot add the same private member more than once"):o instanceof WeakSet?o.add(r):o.set(r,s)}clear(){r(this,t).all.clear()}onChange(e){r(this,t).on(o,e)}offChange(e){r(this,t).off(o,e)}emitChange(e){r(this,t).emit(o,e)}onSubmitResult(e){r(this,t).on(s,e)}offSubmitResult(e){r(this,t).off(s,e)}emitSubmitResult(e){r(this,t).emit(s,e)}};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/helper.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared");exports.computeValue=function(r,t,n){if(e.isFunction(r))return r(t);if(e.isExpression(r)){return e.compileDynamicFn(r,"values",`return ${r.expression}`)(t)}return r??n};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),t=require("react"),r=require("../store.js");exports.useActionHandlers=function({onBeforeConfirm:i,onConfirm:n,onReset:s}){const[a,o,l,u,m,c,d]=r.useFilterStore((e=>[e.form,e.eventBus,e.getValues,e.initialValues,e.invokeValueChangeHandlers,e.virtualFieldNames,e.setIsLoading]));return{handleReset:t.useCallback((()=>{const e=l();a.resetFields(),m(),o.emitChange(u),s?.(e)}),[o,a,l,u,m,s]),handleConfirm:t.useMemo((()=>{if(e.isFunction(n))return async t=>{d(!0);let r=t;try{e.isFunction(i)&&(r=await i(r));const t=e.omit(r,c);await n(t),o.emitSubmitResult(!0)}catch(e){throw o.emitSubmitResult(!1),e}finally{d(!1)}}}),[i,n,o,d,c]),handleConfirmFailed:t.useCallback((({errorFields:t})=>{o.emitSubmitResult(!1),t.length>0&&e.showWarningMessage(t.flatMap((e=>e.errors)).join(", "))}),[o])}};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/hooks/use-computed-values.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),r=require("@vef-framework/shared"),u=require("../helper.js"),t=require("../store.js");exports.useComputedValues=function(o,a=!1){const[s,n]=t.useFilterStore((e=>[e.eventBus,e.getValues])),l=e.useUpdate(),f=n(),c=e.useDeepCompareMemo((()=>o.reduce(((e,r)=>{const{key:t,rawValue:o,defaultValue:a}=r,s=u.computeValue(o,f,a);return e[t]=s,e}),{})),[f,o]);return e.useDeepCompareLayoutEffect((()=>{const e=o.filter((({rawValue:e})=>r.isFunctionOrExpression(e)));if(e.length>0){const t=t=>{for(const o of e){const{key:e,rawValue:a,defaultValue:s}=o,n=c[e],f=u.computeValue(a,t,s);if(!r.isEqual(f,n)){l();break}}};return s.onChange(t),()=>{s.offChange(t)}}}),[c,s,l,o]),a?o.reduce(((e,{key:r})=>(e[r]=c[r],e)),{}):o.map((({key:e})=>c[e]))};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/hooks/use-filter-context.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),{useContextSelector:t,useContext:o,ContextProvider:r}=e.createSelectableContext({labelPosition:"top",labelAlign:"right",externalLoading:!1,showCollapseButton:!1,handleReset:e.noop}),l=t,n=o;exports.FilterContextProvider=r,exports.useFilterContext=n,exports.useFilterContextSelector=l;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/hooks/use-filter-initialization.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("react");exports.useFilterInitialization=function(t,i){return r.useMemo((()=>{const r={...i},n={},s=[];for(const i of t){const{name:t,onChange:u,defaultValue:a,virtual:l}=i;!e.isNullish(a)&&e.isNullish(r[t])&&(r[t]=a),e.isFunction(u)&&(n[t]=u),!0===l&&s.push(t)}return{mergedInitialValues:r,valueChangeHandlers:n,virtualFieldNames:s}}),[])};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/hooks/use-filter-instance.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../store.js");exports.useFilterInstance=function(s,r){const[u,o,i,n]=t.useFilterStore((e=>[e.form,e.eventBus,e.getValues,e.setValues]));e.useImperativeHandle(s,(()=>({confirm:()=>new Promise(((e,t)=>{const s=r=>{o.offSubmitResult(s),r?e():t(r)};o.onSubmitResult(s),u.submit()})),reset:r,getValues:i,setValues:n})))};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/hooks/use-filter-items.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useFilterItems=function(t){return e.useMemo((()=>{const e=[],s=[];for(const r of t){const{advanced:t=!1}=r;t?s.push(r):e.push(r)}return{basicItems:e,advancedItems:s}}),[])};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/hooks/use-filter-values-change.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("react"),t=require("../store.js");exports.useFilterValuesChange=function(n){const[s,u]=t.useFilterStore((e=>[e.eventBus,e.invokeValueChangeHandlers])),o=r.useMemo((()=>(e,r)=>{s.emitChange(r)}),[s]);return r.useEffect((()=>{if(e.isFunction(n)){const e=e=>{n(e)};return s.onChange(e),()=>{s.offChange(e)}}}),[s,n]),r.useLayoutEffect((()=>{u()}),[]),{handleValuesChange:o}};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),t=require("react");exports.useLabelConfig=function(r,o){const i=t.useMemo((()=>{if("top"!==r&&o)return(o<60||o>120)&&e.showWarningMessage("The labelWidth of VefFilter component must be between 60 and 120, otherwise it will be 60 or 120."),Math.min(Math.max(o,60),120)}),[r,o]);return{labelCol:t.useMemo((()=>{if(i)return{flex:`0 0 ${i}px`}}),[i]),labelWidthToUse:i}};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/index.js

@@ -0,0 +1,10 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),i=require("@emotion/react"),t=require("@vef-framework/hooks"),n=require("@vef-framework/shared"),r=require("antd"),s=require("motion/react"),o=require("react");require("../internal/index.js");const a=require("./components/advanced-filter.js"),l=require("./components/basic-filter.js"),u=require("./event.js"),d=require("./hooks/use-action-handlers.js"),c=require("./hooks/use-filter-context.js"),m=require("./hooks/use-filter-initialization.js"),f=require("./hooks/use-filter-instance.js"),h=require("./hooks/use-filter-items.js"),v=require("./hooks/use-filter-values-change.js"),j=require("./store.js"),x=require("../internal/utils.js"),{useForm:g}=r.Form,q=i.css`
+  display: block;
+  flex-wrap: unset;
+
+  .vef-form-item {
+    margin-inline-end: 0;
+  }
+`;const F=o.forwardRef((function({schema:i,labelPosition:n="top",labelAlign:u="right",labelWidth:m,disabled:g=!1,loading:F=!1,size:b,variant:C,prefix:p,confirmationButton:B,resetButton:V,extraActionButtons:k,onBeforeConfirm:w,onConfirm:A,onReset:P,onChange:S},z){const[I,R,y,N]=j.useFilterStore((e=>[e.form,e.initialValues,e.isLoading,e.isAdvancedFilterVisible])),{handleReset:H,handleConfirm:M,handleConfirmFailed:D}=d.useActionHandlers({onBeforeConfirm:w,onConfirm:A,onReset:P}),{basicItems:E,advancedItems:L}=h.useFilterItems(i),T=o.useMemo((()=>({labelPosition:n,labelAlign:u,labelWidth:m,confirmationButton:B,externalLoading:F,showCollapseButton:L.length>0,handleReset:H,resetButton:V,extraActionButtons:k})),[L.length,B,k,H,u,n,m,F,V]),{handleValuesChange:U}=v.useFilterValuesChange(S);f.useFilterInstance(z,H);const W=t.useContextDisabled()||g||F||y;return e.jsx(r.Form,{colon:!1,css:q,disabled:W,form:I,initialValues:R,layout:"inline",size:x.convertBasicSizeToUiSize(b),variant:C,onFinish:M,onFinishFailed:D,onValuesChange:U,children:e.jsx(t.DisabledContextProvider,{value:W,children:e.jsxs(c.FilterContextProvider,{value:T,children:[e.jsx(l.default,{items:E,prefix:p}),e.jsx(s.AnimatePresence,{children:N&&L.length>0&&e.jsx(a.default,{items:L})})]})})})}));F.displayName="VefFilterBase";const b=o.memo(o.forwardRef((function({initialValues:i,...n},r){const{schema:s}=n,[o]=g(),a=t.useSingleton((()=>new u.FilterEventBus));t.useUnmount((()=>{a.clear()}));const{mergedInitialValues:l,valueChangeHandlers:d,virtualFieldNames:c}=m.useFilterInitialization(s,i);return e.jsx(j.FilterStoreProvider,{eventBus:a,form:o,initialValues:l,valueChangeHandlers:d,virtualFieldNames:c,children:e.jsx(F,{ref:r,...n})})})),((e,i)=>n.isEqual(n.omit(e,["initialValues","schema"]),n.omit(i,["initialValues","schema"]))));b.displayName="VefFilter",exports.default=b;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/store.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),t=require("@vef-framework/shared"),r=require("react"),i=require("zustand"),s=require("zustand/traditional"),n=r.createContext(null);function l(){const e=r.useContext(n);if(!e)throw new Error("FilterStore can be used only inside FilterStoreProvider");return e}exports.FilterStoreProvider=function({children:s,...l}){const o=e.useSingleton((()=>{return e=l,i.createStore(((r,i)=>({isAdvancedFilterVisible:!1,setIsAdvancedFilterVisible:e=>{r({isAdvancedFilterVisible:e})},isLoading:!1,setIsLoading:e=>{r({isLoading:e})},invokeValueChangeHandlers:(e,t)=>{const{valueChangeHandlers:r,initialValues:s,setValues:n}=i(),l=e??s,o=t?new Set(t):null;for(const[e,t]of Object.entries(r))o&&!o.has(e)||t(l[e]??null,{values:l,setValues:n})},getValues:()=>{const{form:e,initialValues:t}=i();return e.isFieldsTouched(!0)?t:e.getFieldsValue()},setValues:e=>{const{form:r,eventBus:s,invokeValueChangeHandlers:n}=i(),l=r.getFieldsValue(),o=Object.keys(e).filter((r=>!t.isEqual(e[r],l[r])));r.setFieldsValue(e);const a=r.getFieldsValue();s.emitChange(a),n(a,o)},...e})));var e}));return r.createElement(n.Provider,{value:o},s)},exports.useFilterStore=function(e){return s.useStoreWithEqualityFn(l(),e,t.isEqual)},exports.useFilterStoreApi=l;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/types.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-flex/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),t=require("antd"),a=require("react");exports.default=({gap:i,...s})=>{const u=r.useGapSizeNormalizer(),n=a.useMemo((()=>o.isArray(i)?[u(i[0]),u(i[1])].join(" "):i?u(i):i),[i,u]);return e.jsx(t.Flex,{gap:n,...s})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-flex/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-float-button/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@vef-framework/hooks"),t=require("antd"),r=require("react");exports.default=({appearance:u,tip:n,badge:s,...a})=>{const i=o.useColorTokens(),l=r.useMemo((()=>{if(!s)return;const{variant:e,count:o,overflowCount:t,showZero:r,color:u}=s;return"dot"===e?{dot:!0,color:u?i.get(u):void 0}:{count:o,overflowCount:t,showZero:r,color:u?i.get(u):void 0}}),[s,i]);return e.jsx(t.FloatButton,{badge:l,tooltip:n,type:u,...a})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-float-button/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-float-button-group/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd"),{Group:r}=t.FloatButton;exports.default=({collapsable:t=!1,trigger:o="click",...i})=>e.jsx(r,{trigger:t?o:void 0,...i});
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-float-button-group/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/components/fields/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./input.js"),t=require("./input-number.js");require("./props.js");const r={Input:e.default,InputNumber:t.default};exports.fieldMap=r;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/components/fields/input-number.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),s=require("@vef-framework/shared"),u=require("react"),r=require("../../../vef-input-number/index.js"),n=require("../../hooks/use-computed-values.js"),o=require("../../store.js");exports.default=function({label:t,disabled:a,value:l,onChange:i,componentProps:c}){if("InputNumber"!==c.type)throw new s.VefError(-9,'Oops! Something went wrong. The type of the form field is not "InputNumber", but rendered.');const{onChange:d,onEnterKeyPress:f,onFocus:m,onBlur:p,placeholder:V,prefix:x,suffix:g,max:h,min:v}=c,[F,w,b]=o.useFormStore((e=>[e.form,e.scene,e.setValues])),[y,k,j,q,S]=n.useComputedValues([{key:"placeholder",rawValue:V,defaultValue:t?s.isString(t)?`请输入${t}`:"请输入":void 0},{key:"max",rawValue:h},{key:"min",rawValue:v},{key:"prefix",rawValue:x},{key:"suffix",rawValue:g}]),C=u.useMemo((()=>{const e={};return s.isFunction(m)&&(e.onFocus=e=>{const s=F.getFieldsValue();m(e,{scene:w,values:s,setValues:b})}),s.isFunction(p)&&(e.onBlur=e=>{const s=F.getFieldsValue();p(e,{scene:w,values:s,setValues:b})}),e.onChange=e=>{if(i?.(e),s.isFunction(d)){const s=F.getFieldsValue();d(e,{scene:w,values:s,setValues:b})}},s.isFunction(f)&&(e.onPressEnter=e=>{const s=F.getFieldsValue();f(e,{scene:w,values:s,setValues:b})}),e}),[F,p,i,f,m,d,w,b]);return e.jsx(r.default,{disabled:a,max:k,min:j,placeholder:y,prefix:q,suffix:S,value:l,...C})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/components/fields/input.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),s=require("@vef-framework/shared"),u=require("react"),n=require("../../../vef-input/index.js"),t=require("../../hooks/use-computed-values.js"),r=require("../../store.js");exports.default=function({label:o,disabled:a,value:l,onChange:i,componentProps:c}){if("Input"!==c.type)throw new s.VefError(-9,'Oops! Something went wrong. The type of the form field is not "Input", but rendered.');const{onChange:d,onEnterKeyPress:f,onFocus:p,onBlur:V,onClear:g,maxLength:h,clearable:m=!0,placeholder:x,prefix:v,suffix:F}=c,[w,b,y]=r.useFormStore((e=>[e.form,e.scene,e.setValues])),[j,k,q,C]=t.useComputedValues([{key:"placeholder",rawValue:x,defaultValue:o?s.isString(o)?`请输入${o}`:"请输入":void 0},{key:"maxLength",rawValue:h},{key:"prefix",rawValue:v},{key:"suffix",rawValue:F}]),S=u.useMemo((()=>{const e={};return s.isFunction(p)&&(e.onFocus=e=>{const s=w.getFieldsValue();p(e,{scene:b,values:s,setValues:y})}),s.isFunction(V)&&(e.onBlur=e=>{const s=w.getFieldsValue();V(e,{scene:b,values:s,setValues:y})}),e.onChange=e=>{if(i?.(e),s.isFunction(d)){const s=w.getFieldsValue();d(e,{scene:b,values:s,setValues:y})}},s.isFunction(f)&&(e.onPressEnter=e=>{const s=w.getFieldsValue();f(e,{scene:b,values:s,setValues:y})}),m&&s.isFunction(g)&&(e.onClear=()=>{const e=w.getFieldsValue();g({scene:b,values:e,setValues:y})}),e}),[m,w,V,i,g,f,p,d,b,y]);return e.jsx(n.default,{clearable:m,disabled:a,maxLength:k,placeholder:j,prefix:q,suffix:C,value:l,...S})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/components/fields/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,5 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@ant-design/icons"),r=require("@emotion/react"),i=require("@vef-framework/shared"),o=require("antd"),s=require("react"),n=require("../../vef-button/index.js"),u=require("../../vef-flex/index.js"),d=require("../store.js"),{Item:a}=o.Form,l={text:"提交",icon:e.jsx(t.CheckOutlined,{})},c={text:"重置"},m=r.css`
+  padding: ${i.themeVariables.padding} 0;
+`;const x=s.memo((function({submissionButton:t=l,resetButton:r=c,handleReset:o}){const[s,x]=d.useFormStore((e=>[e.isLoading,e.showActionButtons]));return x&&(t||r)?e.jsx(a,{children:e.jsxs(u.default,{css:m,gap:"medium",justify:"flex-end",children:[r&&e.jsx(n.default,{color:"default",variant:"filled",onClick:o,...i.omit(r,["text"]),children:r.text}),t&&e.jsx(n.default,{color:"primary",loading:s,type:"submit",...i.omit(t,["text"]),children:t.text})]})}):null}));x.displayName="VefFormActions",exports.default=x;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,6 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),s=require("@vef-framework/shared"),r=require("react"),i=require("../../vef-empty-placeholder/index.js"),l=require("../../vef-flex/index.js"),a=require("../../vef-scroll-area/index.js"),o=require("../../vef-tabs/index.js"),u=require("../hooks/use-computed-values.js"),n=require("../store.js"),d=require("./form-group.js"),c=t.css`
+  flex: auto;
+  min-height: 0;
+`;const f=r.memo((function({schema:t,showTabs:f,height:m}){const h=u.useComputedValues([...t.map((({key:e,title:t})=>({key:`title-${e}`,rawValue:t}))),...t.map((({key:e,show:t})=>({key:`show-${e}`,rawValue:t,defaultValue:!0}))),...t.map((({key:e,disabled:t})=>({key:`disabled-${e}`,rawValue:t,defaultValue:!1})))],!0),b=r.useMemo((()=>t.filter((({key:e})=>h[`show-${e}`]))),[h,t]),j=r.useRef({}),[y,x]=r.useState(b[0]?.key??0),g=r.useCallback((e=>{j.current[e]?.scrollIntoView({behavior:"smooth",block:"start",inline:"start"}),x(e)}),[]),k=r.useMemo((()=>{if("navigation"!==f)return;return s.debounce({delay:60},(e=>{const{top:t}=e.target.getBoundingClientRect();for(const[e,s]of Object.entries(j.current))if(s){const{top:r}=s.getBoundingClientRect();r-t<=60&&x(e)}}))}),[f]),[p]=n.useFormStore((e=>[e.setShowActionButtons]));if(r.useEffect((()=>{p(b.length>0)}),[p,b.length]),0===b.length)return e.jsx(i.default,{description:"空表单"});if("switch"===f){const s=t.map((({key:t,rows:s})=>({key:`${t}`,label:h[`title-${t}`],destroyInactiveTabPane:!1,children:e.jsx(d.default,{disabled:h[`disabled-${t}`],rows:s})})));return e.jsx(o.VefTabs,{items:s})}if("navigation"===f)return e.jsxs(l.default,{vertical:!0,css:"full"===m?s.styles.fullHeight:void 0,children:[e.jsx(o.VefTabs,{activeKey:`${y}`,items:t.map((({key:e})=>({key:`${e}`,label:h[`title-${e}`]}))),onChange:g}),e.jsx(a.default,{css:c,onScroll:k,children:t.map((({key:t,rows:s})=>e.jsx(d.default,{ref:e=>{j.current[t]=e},disabled:h[`disabled-${t}`],rows:s,title:h[`title-${t}`]},t)))})]});const w=t.map((({key:t,rows:s})=>e.jsx(d.default,{disabled:h[`disabled-${t}`],rows:s,title:h[`title-${t}`]},t)));return"full"===m?e.jsx(a.default,{onScroll:k,children:w}):e.jsx(e.Fragment,{children:w})}),((e,t)=>s.isEqual(s.omit(e,["schema"]),s.omit(t,["schema"]))));exports.default=f;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/components/form-field.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),t=require("react"),o=require("./fields/index.js");exports.default=function(n){const{name:i,componentProps:{type:s}}=n,u=t.useMemo((()=>{if("Hidden"===s)return()=>null;const e=o.fieldMap[s];if(!e)throw new r.VefError(-9,`Unknown form field type: "${s}", please check the type of "${i}" field.`);return e}),[i,s]);return e.jsx(u,{...n})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,13 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),o=require("@vef-framework/shared"),s=require("react"),t=require("../../vef-empty-placeholder/index.js"),a=require("../../vef-title/index.js"),i=require("../hooks/use-computed-values.js"),l=require("./form-row.js"),u=r.css`
+  margin-bottom: ${o.themeVariables.margin};
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  .vef-form-group-content {
+    padding: 0 2px;
+  }
+`;const d=s.memo(s.forwardRef((function({title:r,disabled:o,rows:d},m){const n=i.useComputedValues([...d.map((({key:e,show:r})=>({key:`show-${e}`,rawValue:r,defaultValue:!0}))),...d.map((({key:e,disabled:r})=>({key:`disabled-${e}`,rawValue:r,defaultValue:o})))],!0),c=s.useMemo((()=>d.filter((({key:e})=>n[`show-${e}`]))),[n,d]);return e.jsxs("div",{ref:m,css:u,children:[r&&e.jsx(a.default,{showBottomLine:!0,showLeftBar:!0,level:4,children:r}),e.jsx("div",{className:"vef-form-group-content",children:0===c.length?e.jsx(t.default,{description:"空表单组"}):c.map((({key:r,autoExpand:o,columns:s})=>e.jsx(l.default,{autoExpand:o,columns:s,disabled:n[`disabled-${r}`],rowKey:r},r)))})]})})),((e,r)=>o.isEqual(o.omit(e,["rows"]),o.omit(r,["rows"]))));d.displayName="VefFormGroup",exports.default=d;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/components/form-hidden-item.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd"),u=require("react"),r=require("../hooks/use-computed-values.js"),{Item:o}=t.Form;const s=u.memo((function({item:t}){const{name:u,show:s}=t,[n]=r.useComputedValues([{key:"show",rawValue:s,defaultValue:!0}]);return n?e.jsx(o,{hidden:!0,name:u,children:e.jsx("input",{type:"hidden"})}):null}),(()=>!1));exports.default=s;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/components/form-item.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/hooks"),a=require("@vef-framework/shared"),l=require("antd"),u=require("react"),s=require("../hooks/use-computed-values.js"),t=require("./form-field.js"),{Item:o}=l.Form;const i=u.memo((function({item:l,disabled:u}){const{name:i,show:d,disabled:n,label:m,tip:f,rules:b,virtual:c,...p}=l,k=r.useContextDisabled(),[w,v,V,q,y]=s.useComputedValues([{key:"show",rawValue:d,defaultValue:!0},{key:"disabled",rawValue:n,defaultValue:u},{key:"label",rawValue:m},{key:"tip",rawValue:f},{key:"rules",rawValue:b}]);if(!w)return null;const h=a.isArray(y)?y.flatMap((e=>e(l))):void 0;return e.jsx(o,{label:V,name:i,preserve:!1,rules:h,tooltip:q,children:e.jsx(t.default,{componentProps:p,disabled:k||v,label:V,name:i})})}),((e,r)=>e.disabled===r.disabled));exports.default=i;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/components/form-row.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),s=require("@vef-framework/shared"),t=require("react"),o=require("../../vef-grid/index.js"),r=require("../../vef-grid-item/index.js"),u=require("../hooks/use-columns-layout.js"),a=require("../hooks/use-computed-values.js"),i=require("../hooks/use-form-context.js"),l=require("./form-hidden-item.js"),n=require("./form-item.js");const d=t.memo((function({rowKey:s,columns:d,disabled:m,autoExpand:c}){const{layoutMode:f,autoExpand:x,labelPosition:p,labelWidth:y}=i.useFormContext(),h="top"===p?240:240+(y??80),[k,j]=t.useMemo((()=>{const e=[],s=[];for(const t of d){const{items:o,...r}=t,u=[];for(const s of o){const{type:t}=s;"Hidden"===t?e.push(s):u.push(s)}u.length>0&&s.push({...r,items:u})}return[e,s]}),[d]),g=a.useComputedValues([...j.map((({key:e,show:s})=>({key:`show-${e}`,rawValue:s,defaultValue:!0}))),...j.map((({key:e,disabled:s})=>({key:`disabled-${e}`,rawValue:s,defaultValue:m})))],!0),q=t.useMemo((()=>d.filter((({key:e})=>g[`show-${e}`]))),[g,d]),b=u.useColumnsLayout(s,q,f,c??x);return e.jsxs(e.Fragment,{children:[k.map((s=>{const{name:t}=s;return e.jsx(l.default,{item:s},t)})),q.length>0&&e.jsx(o.default,{baseWidth:h,gap:[0,"large"],children:q.map((s=>{const t={};if("responsive"===f){const e=b;t.xs=e.xs[s.key],t.sm=e.sm[s.key],t.md=e.md[s.key],t.lg=e.lg[s.key],t.xl=e.xl[s.key],t.xxl=e.xxl[s.key]}else{const e=b;t.span=e[s.key]}return e.jsx(r.default,{...t,children:s.items.map((t=>e.jsx(n.default,{disabled:m||g[`disabled-${s.key}`],item:t},t.name)))},s.key)}))})]})}),((e,t)=>s.isEqual(s.omit(e,["columns"]),s.omit(t,["columns"]))));exports.default=d;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/event.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared");var t,a=e=>{throw TypeError(e)},o=(e,t,o)=>(((e,t,o)=>{t.has(e)||a("Cannot "+o)})(e,t,"read from private field"),o?o.call(e):t.get(e));const r=Symbol("change"),s=Symbol("submitResult");t=new WeakMap,exports.FormEventBus=class{constructor(){var o,r,s;o=this,r=t,s=e.createEventEmitter(),r.has(o)?a("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(o):r.set(o,s)}clear(){o(this,t).all.clear()}onChange(e){o(this,t).on(r,e)}offChange(e){o(this,t).off(r,e)}emitChange(e){o(this,t).emit(r,e)}onSubmitResult(e){o(this,t).on(s,e)}offSubmitResult(e){o(this,t).off(s,e)}emitSubmitResult(e){o(this,t).emit(s,e)}};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/helper.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared");exports.computeValue=function(r,n,t,i){if(e.isFunction(r))return r(n,t);if(e.isExpression(r)){return e.compileDynamicFn(r,"values","scene",`return ${r.expression}`)(n,t)}return r??i};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/core"),t=require("@vef-framework/shared"),i=require("react"),s=require("../store.js");exports.useActionHandlers=function({submitApi:o,submitTip:n="提交中...",onBeforeSubmit:r,onSubmit:u,onSubmitSuccess:a,onSubmitFailure:l,onReset:m}){const[c,b,p,d,S,f,w,h]=s.useFormStore((e=>[e.form,e.scene,e.eventBus,e.setIsLoading,e.virtualFieldNames,e.getValues,e.initialValues,e.invokeValueChangeHandlers])),{useApiMutation:F,stubMutationApi:g}=e.useApiContext(),{mutate:v}=F(o??g);if(!t.isFunction(u)&&!o)throw new t.VefError(-1,"'onSubmit' or 'submitApi' prop is required for VefForm component");return{handleReset:i.useCallback((()=>{const e=f();c.resetFields(),h(),p.emitChange(w),m?.(e,b)}),[c,f,m,b,h,w,p]),handleSubmit:i.useMemo((()=>t.isFunction(u)?(o&&console.warn("'submitApi' prop is ignored when 'onSubmit' prop is provided in VefForm component"),async e=>{d(!0);let i=e,s=null;try{const o=t.isFunction(n)?n(e,b):n;s=t.showLoadingMessage(o),t.isFunction(r)&&(i=await r(i,b));const a=t.omit(i,S);await u(a,b),p.emitSubmitResult(!0)}catch(e){throw p.emitSubmitResult(!1),e}finally{d(!1),s?.()}}):async e=>{d(!0);let i=e,s=null;try{const o=t.isFunction(n)?n(e,b):n;s=t.showLoadingMessage(o),t.isFunction(r)&&(i=await r(e,b));const u=t.omit(i,S),l=await v(u);(a??(({message:e})=>{t.showSuccessMessage(e)}))(l,i,b),p.emitSubmitResult(!0)}catch(e){p.emitSubmitResult(!1),l?.(e,i,b)}finally{d(!1),s?.()}}),[u,o,d,n,b,r,S,p,v,a,l]),handleSubmitFailed:i.useCallback((({values:e,errorFields:i})=>{p.emitSubmitResult(!1),l?.(new t.VefError(-1,i.flatMap((e=>e.errors)).join(", ")),e,b)}),[p,l,b])}};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/hooks/use-columns-layout.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),s=require("react"),n=24,o=[{breakpoint:"xs",base:n,spans:1},{breakpoint:"sm",base:12,spans:2},{breakpoint:"md",base:8,spans:3},{breakpoint:"lg",base:6,spans:4},{breakpoint:"xl",base:6,spans:4},{breakpoint:"xxl",base:4,spans:6}],t=e.unique(o.map((e=>e.spans)));exports.useColumnsLayout=function(r,a,u,l){return s.useMemo((()=>0===a.length?{}:"responsive"===u?function(s,n,r){const a=n.reduce(((e,s)=>e+(s.span??1)),0);if(!t.includes(a))throw new e.VefError(-3,`The total spans of the columns of the row [${s}] must be one of the following: ${t.join(", ")}.`);const u=24/a,l={};for(const{breakpoint:e,base:s,spans:t}of o)if(u>=s)l[e]=n.reduce(((e,s)=>(e[s.key]=(s.span??1)*u,e)),{});else{const o={};let a=t,u=null;for(const e of n){const n=e.span??1;a>=n?(o[e.key]=n*s,a-=n,u=e.key):(u&&(r&&(o[u]+=a*s),a=t,u=null),n>t?o[e.key]=24:(o[e.key]=n*s,a-=n,u=e.key)),0===a&&(a=t,u=null)}a>0&&(r&&(o[u]+=a*s),u=null),l[e]=o}return l}(r,a,l):function(s,o){const t=o.reduce(((e,s)=>e+(s.span??1)),0);if(t>n||n%t!=0)throw new e.VefError(-3,`The total spans of the columns of the row [${s}] must be less than or equal to 24 and a divisor of 24.`);const r=n/t;return o.reduce(((e,s)=>(e[s.key]=(s.span??1)*r,e)),{})}(r,a)),[])};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/hooks/use-computed-values.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),r=require("@vef-framework/shared"),u=require("../helper.js"),o=require("../store.js");exports.useComputedValues=function(t,s=!1){const[a,n,l]=o.useFormStore((e=>[e.scene,e.eventBus,e.getValues])),c=e.useUpdate(),f=l(),i=e.useDeepCompareMemo((()=>t.reduce(((e,r)=>{const{key:o,rawValue:t,defaultValue:s}=r,n=u.computeValue(t,f,a,s);return e[o]=n,e}),{})),[f,a,t]);return e.useDeepCompareLayoutEffect((()=>{const e=t.filter((({rawValue:e})=>r.isFunctionOrExpression(e)));if(e.length>0){const o=o=>{for(const t of e){const{key:e,rawValue:s,defaultValue:n}=t,l=i[e],f=u.computeValue(s,o,a,n);if(!r.isEqual(f,l)){c();break}}};return n.onChange(o),()=>{n.offChange(o)}}}),[i,n,c,a,t]),s?t.reduce(((e,{key:r})=>(e[r]=i[r],e)),{}):t.map((({key:e})=>i[e]))};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/hooks/use-form-context.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),{useContextSelector:t,useContext:o,ContextProvider:r}=e.createSelectableContext({autoExpand:!0,labelPosition:"top",layoutMode:"responsive"});exports.FormContextProvider=r,exports.useFormContext=o,exports.useFormContextSelector=t;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/hooks/use-form-initialization.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),o=require("react");exports.useFormInitialization=function(t,n){return o.useMemo((()=>{const o={...n},s={},r=[];for(const n of t){const{rows:t}=n;for(const n of t){const{columns:t}=n;for(const n of t){const{items:t}=n;for(const n of t){const{name:t,defaultValue:i,virtual:u}=n;!e.isNullish(i)&&e.isNullish(o[t])&&(o[t]=i),"Hidden"!==n.type&&e.isFunction(n.onChange)&&(s[t]=n.onChange),!0===u&&r.push(t)}}}}return{mergedInitialValues:o,valueChangeHandlers:s,virtualFieldNames:r}}),[])};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/hooks/use-form-instance.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../store.js");exports.useFormInstance=function(s,u){const[r,o,n,i]=t.useFormStore((e=>[e.form,e.eventBus,e.getValues,e.setValues]));e.useImperativeHandle(s,(()=>({submit:()=>new Promise(((e,t)=>{const s=u=>{o.offSubmitResult(s),u?e():t(u)};o.onSubmitResult(s),r.submit()})),reset:u,getValues:n,setValues:i})))};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/hooks/use-form-values-change.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("react"),n=require("../store.js");exports.useFormValuesChange=function(t){const[o,s,u]=n.useFormStore((e=>[e.scene,e.eventBus,e.invokeValueChangeHandlers])),a=r.useMemo((()=>(e,r)=>{s.emitChange(r)}),[s]);return r.useEffect((()=>{if(e.isFunction(t)){const e=e=>{t(e,o)};return s.onChange(e),()=>{s.offChange(e)}}}),[s,t,o]),r.useLayoutEffect((()=>{u()}),[]),{handleValuesChange:a}};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/hooks/use-label-width.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),t=require("react");exports.useLabelWidth=function(r,o){return t.useMemo((()=>{if("top"!==r&&o)return(o<60||o>120)&&e.showWarningMessage("The labelWidth of VefForm component must be between 60 and 120, otherwise it will be 60 or 120."),Math.min(Math.max(o,60),120)}),[r,o])};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/index.js

@@ -0,0 +1,5 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),i=require("@emotion/react"),s=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),t=require("antd"),r=require("react");require("../internal/index.js");const n=require("./components/form-actions.js"),a=require("./components/form-content.js"),u=require("./event.js"),l=require("./hooks/use-action-handlers.js"),m=require("./hooks/use-form-context.js"),c=require("./hooks/use-form-initialization.js"),d=require("./hooks/use-form-instance.js"),h=require("./hooks/use-form-values-change.js"),b=require("./hooks/use-label-width.js"),f=require("./store.js"),F=require("../internal/utils.js"),{useForm:v}=t.Form,j={scrollMode:"if-needed",behavior:"smooth"};const S=r.forwardRef((function({schema:u,labelAlign:c="right",variant:b,showTabs:v=!1,height:S="auto",size:p,disabled:q=!1,onChange:x,submissionButton:g,resetButton:V,submitApi:B,submitTip:C,onBeforeSubmit:k,onSubmit:w,onSubmitSuccess:M,onSubmitFailure:z,onReset:T},y){const[P,R]=m.useFormContextSelector((e=>[e.labelPosition,e.labelWidth])),[A,E,N]=f.useFormStore((e=>[e.form,e.initialValues,e.isLoading])),{handleValuesChange:W}=h.useFormValuesChange(x),{handleReset:H,handleSubmit:I,handleSubmitFailed:$}=l.useActionHandlers({submitApi:B,submitTip:C,onBeforeSubmit:k,onSubmit:w,onSubmitSuccess:M,onSubmitFailure:z,onReset:T});d.useFormInstance(y,H);const L=r.useMemo((()=>{if(R)return{flex:`0 0 ${R}px`}}),[R]),U=r.useMemo((()=>{let e=S;return"full"===S?e="100%":o.isNumber(S)&&(e=`${S}px`),i.css`
+      height: ${e};
+    `}),[S]),_=s.useContextDisabled()||q||N;return e.jsxs(t.Form,{labelWrap:!0,colon:!1,css:U,disabled:_,form:A,initialValues:E,labelAlign:c,labelCol:L,layout:"top"===P?"vertical":"horizontal",scrollToFirstError:j,size:F.convertBasicSizeToUiSize(p),variant:b,onFinish:I,onFinishFailed:$,onValuesChange:W,children:[e.jsx(a.default,{height:S,schema:u,showTabs:!0===v?"switch":v}),e.jsx(n.default,{handleReset:H,resetButton:V,submissionButton:g})]})}));S.displayName="VefFormBase";const p=r.memo(r.forwardRef((function({initialValues:i,scene:o,layoutMode:t="responsive",autoExpand:n=!1,labelPosition:a="top",labelWidth:l,...d},h){const{schema:F}=d,[j]=v(),p=s.useSingleton((()=>new u.FormEventBus));s.useUnmount((()=>{p.clear()}));const q=b.useLabelWidth(a,l),x=r.useMemo((()=>({labelPosition:a,labelWidth:q,autoExpand:n,layoutMode:t})),[t,n,a,q]),{mergedInitialValues:g,valueChangeHandlers:V,virtualFieldNames:B}=c.useFormInitialization(F,i);return e.jsx(f.FormStoreProvider,{eventBus:p,form:j,initialValues:g,scene:o,valueChangeHandlers:V,virtualFieldNames:B,children:e.jsx(m.FormContextProvider,{value:x,children:e.jsx(S,{ref:h,...d})})})})),((e,i)=>o.isEqual(o.omit(e,["initialValues","schema"]),o.omit(i,["initialValues","schema"]))));p.displayName="VefForm",exports.default=p;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/store.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),t=require("@vef-framework/shared"),r=require("react"),s=require("zustand"),n=require("zustand/traditional"),o=r.createContext(null);function i(){const e=r.useContext(o);if(!e)throw new t.VefError(-2,"FormStore can be used only inside FormStoreProvider");return e}exports.FormStoreProvider=function({children:n,...i}){const u=e.useSingleton((()=>{return e=i,s.createStore(((r,s)=>({...e,invokeValueChangeHandlers(e,t){const{scene:r,valueChangeHandlers:n,initialValues:o,setValues:i}=s(),u=e??o,a=t?new Set(t):null;for(const[e,t]of Object.entries(n))a&&!a.has(e)||t(u[e]??null,{values:u,scene:r,setValues:i})},getValues(){const{form:e,initialValues:t}=s();return e.isFieldsTouched(!0)?t:e.getFieldsValue()},setValues(e){const{form:r,eventBus:n,invokeValueChangeHandlers:o}=s(),i=r.getFieldsValue(),u=Object.keys(e).filter((r=>!t.isEqual(e[r],i[r])));r.setFieldsValue(e);const a=r.getFieldsValue();n.emitChange(a),o(a,u)},isLoading:!1,setIsLoading(e){r({isLoading:e})},showActionButtons:!0,setShowActionButtons(e){r({showActionButtons:e})}})));var e})),{scene:a}=i;return e.useUpdateEffect((()=>{u.setState({scene:a})}),[a]),r.createElement(o.Provider,{value:u},n)},exports.useFormStore=function(e){return n.useStoreWithEqualityFn(i(),e,t.isEqual)},exports.useFormStoreApi=i;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/types.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form/validation-rules.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared");exports.isAlpha=function(r){return({label:o})=>[{validator:(i,t)=>e.validator.isAlpha(t)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${o??"值"}必须是字母`))}]},exports.isAlphanumeric=function(r){return({label:o})=>[{validator:(i,t)=>e.validator.isAlphanumeric(t)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${o??"值"}必须是字母或数字`))}]},exports.isAscii=function(r){return({label:o})=>[{validator:(i,t)=>e.validator.isAscii(t)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${o??"值"}必须是ASCII字符`))}]},exports.isChineseName=function(r){return({label:o})=>[{validator:(i,t)=>e.validator.isChineseName(t)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${o??"值"}必须是中文名称`))}]},exports.isDateAfter=function(r,o){return({label:i})=>[{validator:(t,s)=>e.validator.isAfter(s,r??e.getNowDateString())?Promise.resolve():Promise.reject(new e.VefError(-2,o??`${i??"值"}必须在${r}之后`))}]},exports.isDateBefore=function(r,o){return({label:i})=>[{validator:(t,s)=>e.validator.isBefore(s,r??e.getNowDateString())?Promise.resolve():Promise.reject(new e.VefError(-2,o??`${i??"值"}必须在${r}之前`))}]},exports.isEmail=function(r){return({label:o})=>[{validator:(i,t)=>e.validator.isEmail(t)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${o??"值"}必须是合法的邮箱`))}]},exports.isEqualsTo=function(r,o){return({label:i})=>[{validator:(t,s)=>e.isEqual(s,r)?Promise.resolve():Promise.reject(new e.VefError(-2,o??`${i?`${i}的值`:"值"}必须是${r}`))}]},exports.isHexColor=function(r){return({label:o})=>[{validator:(i,t)=>e.validator.isHexColor(t)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${o??"值"}必须是十六进制颜色`))}]},exports.isIdentityCard=function(r){return({label:o})=>[{validator:(i,t)=>e.validator.isIdentityCard(t)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${o??"值"}必须是合法的身份证`))}]},exports.isIn=function(e,r){return()=>[{type:"enum",enum:e,message:r}]},exports.isIp=function(r){return({label:o})=>[{validator:(i,t)=>e.validator.isIp(t)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${o??"值"}必须是合法的IP地址`))}]},exports.isJson=function(r){return({label:o})=>[{validator:(i,t)=>e.validator.isJson(t)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${o??"值"}必须是合法的JSON`))}]},exports.isMeetsMaxSize=function(e,r){return()=>[{max:e,message:r}]},exports.isMeetsMinSize=function(e,r){return()=>[{min:e,message:r}]},exports.isMeetsRangeSize=function(e,r,o){return()=>[{min:e,max:r,message:o}]},exports.isNotEqualsTo=function(r,o){return({label:i})=>[{validator:(t,s)=>e.isEqual(s,r)?Promise.reject(new e.VefError(-2,o??`${i?`${i}的值`:"值"}不能是${r}`)):Promise.resolve()}]},exports.isNumeric=function(r){return({label:o})=>[{validator:(i,t)=>e.validator.isNumeric(t)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${o??"值"}必须是数字`))}]},exports.isPort=function(r){return({label:o})=>[{validator:(i,t)=>e.validator.isPort(t)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${o??"值"}必须是合法的端口`))}]},exports.isPostalCode=function(r){return({label:o})=>[{validator:(i,t)=>e.validator.isPostalCode(t)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${o??"值"}必须是合法的邮政编码`))}]},exports.isRequired=function(e){return()=>[{required:!0,message:e}]},exports.isUri=function(r){return({label:o})=>[{validator:(i,t)=>e.validator.isUri(t)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${o??"值"}必须是合法的URI`))}]},exports.isUrl=function(r){return({label:o})=>[{validator:(i,t)=>e.validator.isUrl(t)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${o??"值"}必须是合法的URL`))}]};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form-drawer/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),n=require("@vef-framework/hooks"),t=require("@vef-framework/shared"),o=require("react"),s=require("../vef-button/index.js"),r=require("../vef-drawer/index.js"),l=require("../vef-form/index.js"),a=require("../vef-drawer/components/action-button-wrapper.js");const i=o.memo((function({title:i,open:c,closable:u,closeOnMaskClick:d,closeOnEscPress:f,destroyOnClose:x=!0,cancelOnClose:m,placement:C,expansionSize:b="medium",loading:p,extra:k,cancelButtonText:j,actions:O,onClose:v,onCancel:q,onAfterClose:h,onAfterOpen:w,submissionButtonText:B,disabled:g=!1,...y}){const A=o.useRef(null),M=o.useCallback((async()=>{await(A.current?.submit())}),[]),P=n.useContextDisabled()||g,S=o.useCallback((()=>{A.current?.reset()}),[]),T=o.useCallback((([n,o])=>{const r=e.jsx(a.default,{children:e.jsx(s.default,{color:"default",disabled:P,variant:"filled",onClick:S,children:"重置"})},"resetActionButton");return t.isFunction(O)?O([n,r,o]):e.jsxs(e.Fragment,{children:[n,r,o]})}),[O,P,S]);return e.jsx(n.DisabledContextProvider,{value:P,children:e.jsx(r.default,{actions:T,cancelOnClose:m,closable:u,closeOnEscPress:f,closeOnMaskClick:d,destroyOnClose:x,expansionSize:b,extra:k,loading:p,okButtonText:B,open:c,placement:C,title:i,onAfterClose:h,onAfterOpen:w,onCancel:q,onClose:v,onOk:M,children:e.jsx(l.default,{ref:A,resetButton:!1,submissionButton:!1,...y})})})}));i.displayName="VefFormDrawer",exports.default=i;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form-drawer/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form-modal/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@vef-framework/hooks"),t=require("@vef-framework/shared"),n=require("react"),s=require("../vef-button/index.js"),l=require("../vef-form/index.js"),r=require("../vef-modal/index.js"),i=require("../vef-modal/components/action-button-wrapper.js");const a=n.memo((function({submissionButtonText:a="提交",actions:c,title:u,open:d,closable:f,closeOnMaskClick:m,closeOnEscPress:x,destroyOnClose:C=!0,cancelOnClose:b,width:k="medium",loading:j,cancelButtonText:O,onClose:p,onCancel:v,onAfterOpen:h,onAfterClose:q,disabled:B=!1,...w}){const g=n.useRef(null),y=n.useCallback((async()=>{await(g.current?.submit())}),[]),A=o.useContextDisabled()||B,M=n.useCallback((()=>{g.current?.reset()}),[]),T=n.useCallback((([o,n])=>{const l=e.jsx(i.default,{children:e.jsx(s.default,{color:"default",variant:"filled",onClick:M,children:"重置"})},"resetActionButton");return t.isFunction(c)?c([o,l,n]):e.jsxs(e.Fragment,{children:[o,l,n]})}),[c,M]);return e.jsx(o.DisabledContextProvider,{value:A,children:e.jsx(r.default,{actions:T,cancelButtonText:O,cancelOnClose:b,closable:f,closeOnEscPress:x,closeOnMaskClick:m,destroyOnClose:C,loading:j,okButtonText:a,open:d,title:u,width:k,onAfterClose:q,onAfterOpen:h,onCancel:v,onClose:p,onOk:y,children:e.jsx(l.default,{ref:g,disabled:A,resetButton:!1,submissionButton:!1,...w})})})}));a.displayName="VefFormModal",exports.default=a;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-form-modal/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-generic-select/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@ant-design/icons"),n=require("@vef-framework/shared"),a=require("antd"),l=require("lucide-react"),i=require("react");require("../internal/index.js");const o=require("../vef-icon/index.js"),t=require("../internal/utils.js"),s={"--vef-select-option-padding":0};exports.default=function({value:u,size:c,renderLabel:d,placeholder:f,disabled:h,clearable:p,loading:S,variant:b,children:v,onClear:x}){const[j,q]=i.useState(!1),[C,g]=i.useState(!1),[m,w]=i.useState(),k=i.useDeferredValue(m),y=i.useCallback((()=>{g(!1)}),[]),z=i.useCallback((()=>{g(!0)}),[]),M=i.useCallback((()=>{q(!1)}),[]),F=i.useMemo((()=>{if(n.isFunction(d))return({value:e})=>d?.(e)}),[d]),V=C&&j?e.jsx(r.SearchOutlined,{}):e.jsx(o.default,{children:e.jsx(l.LeafIcon,{})}),B=i.cloneElement(v,{keyword:k,onConfirm:M});return e.jsx(a.Select,{showSearch:!0,allowClear:p,css:n.styles.fullWidth,disabled:h,dropdownStyle:s,labelRender:F,loading:S,notFoundContent:B,open:j,placeholder:f,popupMatchSelectWidth:!1,searchValue:m,size:t.convertBasicSizeToUiSize(c),suffixIcon:V,value:u,variant:b,onBlur:y,onClear:x,onDropdownVisibleChange:q,onFocus:z,onSearch:w})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-generic-select/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-grid/index.js

@@ -0,0 +1,14 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),n=require("@vef-framework/hooks"),i=require("@vef-framework/shared"),t=require("clsx"),a=require("react"),o=require("react-container-query"),s=24,u=r.css`
+  display: grid;
+  grid: auto-flow / repeat(${s}, minmax(0, 1fr));
+  
+  > * {
+    grid-column: span ${s};
+  }
+
+  ${Array.from({length:s}).map(((e,r)=>`\n    > .vef-grid-item-${r+1} {\n      grid-column: span ${r+1};\n    }\n  `))}
+
+  ${i.breakpoints.map((e=>`\n    &.vef-container-${e} {\n      ${Array.from({length:s}).map(((r,n)=>`\n        > .vef-grid-item-${e}-${n+1} {\n          grid-column: span ${n+1};\n        }\n      `))}\n    }\n  `))}
+`;exports.default=({baseWidth:r=240,gap:m,children:c})=>{const d=a.useMemo((()=>({"vef-container-xs":{minWidth:0},"vef-container-sm":{minWidth:2*r},"vef-container-md":{minWidth:3*r},"vef-container-lg":{minWidth:4*r},"vef-container-xl":{minWidth:5*r},"vef-container-xxl":{minWidth:6*r}})),[r]),f=a.useRef(null),[l,p]=o.useContainerQuery(d,{width:2*r}),h=n.useGapSizeNormalizer(),[g,$]=a.useMemo((()=>{if(i.isArray(m))return[h(m[0]),h(m[1])];if(m){const e=h(m);return[e,e]}return[0,0]}),[m,h]);a.useEffect((()=>{p(f.current)}),[f,p]);const v=n.useSize(f),x=a.useMemo((()=>(v?.width??2*r)>s*$?{gap:`${g}px ${$}px`}:{gap:`${g}px ${Math.floor((v?.width??2*r)/s)}px`}),[v?.width,r,$,g]);return e.jsx("div",{ref:f,className:t(l),css:u,style:x,children:c})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-grid/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.BREAKPOINTS=["xs","sm","md","lg","xl","xxl"];
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-grid-item/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("clsx"),s=require("react");exports.default=({span:i,xs:t,sm:u,md:d,lg:l,xl:m,xxl:o,children:x})=>{const n=s.useMemo((()=>{const e=[];return i&&e.push(`vef-grid-item-${i}`),t&&e.push(`vef-grid-item-xs-${t}`),u&&e.push(`vef-grid-item-sm-${u}`),d&&e.push(`vef-grid-item-md-${d}`),l&&e.push(`vef-grid-item-lg-${l}`),m&&e.push(`vef-grid-item-xl-${m}`),o&&e.push(`vef-grid-item-xxl-${o}`),e}),[i,t,u,d,l,m,o]);return e.jsx("div",{className:r(n),children:x})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-grid-item/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-icon/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@ant-design/icons"),t=require("@vef-framework/shared"),i=require("react"),n=i.forwardRef((({size:n,children:o,...l},s)=>{const a=i.useMemo((()=>{const e="small"===n?t.themeVariables.fontSizeSm:"medium"===n?t.themeVariables.fontSize:"large"===n?t.themeVariables.fontSizeLg:"huge"===n?t.themeVariables.fontSizeXl:void 0;if(e)return{fontSize:e}}),[n]);return e.jsx(r,{ref:s,style:a,component:e=>{if(o.type===i.Suspense){const{children:r}=o.props;return i.cloneElement(o,{children:i.cloneElement(r,t.omit(e,["fill"]))})}return i.cloneElement(o,t.omit(e,["fill"]))},...l})})),o=i.memo(n);o.displayName="VefIcon",exports.default=o;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-icon/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-icon-select/index.js

@@ -0,0 +1,42 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),i=require("@emotion/react"),r=require("@vef-framework/hooks"),s=require("@vef-framework/shared"),t=require("react"),a=require("../vef-dynamic-icon/index.js"),n=require("../vef-dynamic-icon/props.js"),l=require("../vef-empty-placeholder/index.js"),o=require("../vef-generic-select/index.js"),c=require("../vef-space/index.js"),d=require("../vef-text/index.js"),u=require("../vef-virtual-grid/index.js"),m=i.css`
+  color: ${s.themeVariables.colorTextSlate};
+
+  .vef-icon-select-wrapper {
+    padding: calc(${s.themeVariables.paddingXxs} + 2px) ${s.themeVariables.paddingXs};
+  }
+`,h=i.css`
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: ${s.themeVariables.colorFillContent};
+  border-radius: ${s.themeVariables.borderRadius};
+  transition: background-color ${s.themeVariables.motionDurationMid} ${s.themeVariables.motionEaseInOut};
+  &:hover {
+    cursor: pointer;
+    background-color: ${s.themeVariables.colorFillContentHover};
+  }
+
+  &.vef-icon-select-item-selected {
+    background-color: ${s.themeVariables.colorPrimaryBg};
+  }
+
+  .vef-icon {
+    font-size: 28px;
+  }
+`;const f=t.memo((function({value:i,onChange:o,keyword:c,onConfirm:d}){const{paddingXS:f,paddingXXS:p}=r.useThemeTokens(),v=t.useMemo((()=>{const e=s.trim(c);return e?s.cluster(n.dynamicIconNames.filter((i=>i.includes(e))),6):s.cluster(n.dynamicIconNames,6)}),[c]),[x,g]=t.useMemo((()=>[420+2*f,348+2*(p+2)]),[p,f]),b=t.useCallback((({item:r})=>{const s=r===i;return e.jsx("div",{className:s?"vef-icon-select-item-selected":void 0,css:h,title:r,onClick:()=>{s||o(r),d?.()},children:e.jsx(a.default,{name:r})})}),[o,d,i]),j=t.useMemo((()=>({width:x,height:g})),[x,g]);return 0===v.length?e.jsx("div",{css:m,children:e.jsx("div",{className:"vef-icon-select-wrapper",style:j,children:e.jsx(l.default,{description:"暂无图标",presetIcon:"simple"})})}):e.jsx("div",{css:m,children:e.jsx(u.default,{className:"vef-icon-select-wrapper",columnWidth:60,gap:"small",height:g,items:v,renderItem:b,rowHeight:60,width:x})})})),p=i.css`
+  width: 100%;
+
+  .vef-space-item:last-of-type {
+    min-width: 0;
+  }
+
+  .vef-typography {
+    line-height: inherit;
+    font-size: inherit;
+    font-family: inherit;
+    color: inherit;
+  }
+`;function v(i){return e.jsxs(c.default,{css:p,children:[e.jsx(a.default,{name:i}),e.jsx(d.default,{ellipsis:!0,children:i})]})}exports.default=({defaultValue:i,value:r,size:a,placeholder:n,disabled:l,clearable:c,variant:d,onChange:u,onClear:m})=>{const[h,p]=t.useState(i??null),x=t.useCallback((e=>{s.isUndefined(r)?p(e):u?.(e)}),[u,r]),g=t.useCallback((()=>{x(null),m?.()}),[x,m]);return e.jsx(o.default,{clearable:c,disabled:l,placeholder:n,renderLabel:v,size:a,value:r??h,variant:d,onClear:g,children:e.jsx(f,{value:s.isUndefined(r)?h:r,onChange:x})})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-icon-select/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */