@vef-framework/components 1.0.5

package/dist/vef-filter/hooks/use-filter-instance.d.ts

@@ -0,0 +1,10 @@
+import type { Handler, ObjectType } from "@vef-framework/shared";
+import { type ForwardedRef } from "react";
+import type { VefFilterInstance } from "../props";
+/**
+ * The hook for getting the filter instance.
+ *
+ * @param ref - The ref of the filter.
+ * @param reset - The reset handler of the filter.
+ */
+export declare function useFilterInstance<Values extends ObjectType>(ref: ForwardedRef<VefFilterInstance<Values>>, reset: Handler): void;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useImperativeHandle as e}from"react";import{useFilterStore as t}from"../store.js";function s(s,o){const[r,u,m,i]=t((e=>[e.form,e.eventBus,e.getValues,e.setValues]));e(s,(()=>({confirm:()=>new Promise(((e,t)=>{const s=o=>{u.offSubmitResult(s),o?e():t(o)};u.onSubmitResult(s),r.submit()})),reset:o,getValues:m,setValues:i})))}export{s as useFilterInstance};
+/*! 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/dist/vef-filter/hooks/use-filter-items.d.ts

@@ -0,0 +1,13 @@
+import type { ObjectType } from "@vef-framework/shared";
+import type { NonEmptyTuple } from "@vef-framework/shared";
+import type { FilterItem } from "../types";
+/**
+ * The hook to get the basic and advanced filter items.
+ *
+ * @param schema - The schema of the filter.
+ * @returns The basic and advanced filter items.
+ */
+export declare function useFilterItems<Values extends ObjectType, Schema extends ReadonlyArray<FilterItem<Values>>>(schema: Schema & NonEmptyTuple<FilterItem<Values>>): {
+    basicItems: FilterItem<Values>[];
+    advancedItems: FilterItem<Values>[];
+};

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useMemo as t}from"react";function n(n){return t((()=>{const t=[],o=[];for(const r of n){const{advanced:n=!1}=r;n?o.push(r):t.push(r)}return{basicItems:t,advancedItems:o}}),[])}export{n as useFilterItems};
+/*! 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/dist/vef-filter/hooks/use-filter-values-change.d.ts

@@ -0,0 +1,11 @@
+import type { Consumer, ObjectType } from "@vef-framework/shared";
+import type { FilterValues } from "../types";
+/**
+ * Hook to handle filter values change.
+ *
+ * @param onChange - The handler to be called when the filter values change.
+ * @returns The handler to be called when the filter values change.
+ */
+export declare function useFilterValuesChange<Values extends ObjectType>(onChange?: Consumer<FilterValues<Values>>): {
+    handleValuesChange: (_: any, values: FilterValues<Values>) => void;
+};

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{isFunction as e}from"@vef-framework/shared";import{useMemo as r,useEffect as n,useLayoutEffect as o}from"react";import{useFilterStore as t}from"../store.js";function a(a){const[f,m]=t((e=>[e.eventBus,e.invokeValueChangeHandlers])),s=r((()=>(e,r)=>{f.emitChange(r)}),[f]);return n((()=>{if(e(a)){const e=e=>{a(e)};return f.onChange(e),()=>{f.offChange(e)}}}),[f,a]),o((()=>{m()}),[]),{handleValuesChange:s}}export{a as useFilterValuesChange};
+/*! 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/dist/vef-filter/hooks/use-label-config.d.ts

@@ -0,0 +1,14 @@
+import type { FilterLabelPosition } from "../types";
+/**
+ * Use the label config of the filter.
+ *
+ * @param labelPosition - The label position.
+ * @param labelWidth - The label width.
+ * @returns The label config to use.
+ */
+export declare function useLabelConfig(labelPosition: FilterLabelPosition, labelWidth?: number): {
+    labelCol: {
+        flex: string;
+    } | undefined;
+    labelWidthToUse: number | undefined;
+};

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{showWarningMessage as e}from"@vef-framework/shared";import{useMemo as t}from"react";function r(r,o){const i=t((()=>{if("top"!==r&&o)return(o<60||o>120)&&e("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((()=>{if(i)return{flex:`0 0 ${i}px`}}),[i]),labelWidthToUse:i}}export{r as useLabelConfig};
+/*! 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/dist/vef-filter/index.d.ts

@@ -0,0 +1,8 @@
+import type { ObjectType, ObjectValue } from "@vef-framework/shared";
+import { type FC, type ReactNode, type RefAttributes } from "react";
+import type { VefFilterInstance, VefFilterProps } from "./props";
+import type { FilterSchema, FilterVirtualKeys } from "./types";
+declare const VefFilter: (<Values extends ObjectType = ObjectValue, Schema extends FilterSchema<Values> = FilterSchema<Values>, VirtualKeys extends FilterVirtualKeys<Schema> = FilterVirtualKeys<Schema>>(props: VefFilterProps<Values, Schema, VirtualKeys> & RefAttributes<VefFilterInstance<Values>>) => ReactNode) & Pick<FC, "displayName">;
+export type { FilterActionButtonConfig, FilterContext, FilterItem, FilterLabelAlign, FilterLabelPosition, FilterSchema } from "./types";
+export type { VefFilterInstance, VefFilterProps };
+export default VefFilter;

package/dist/vef-filter/index.js

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

@@ -0,0 +1,106 @@
+import type { BasicSize, Consumer, Except, Handler, Mapper, MaybePromise, ObjectType, ObjectValue, Provider } from "@vef-framework/shared";
+import type { Variant } from "antd/es/config-provider";
+import type { ReactNode } from "react";
+import type { FilterActionButtonConfig, FilterLabelAlign, FilterLabelPosition, FilterSchema, FilterValues, FilterVirtualKeys } from "./types";
+/**
+ * The instance of the VefFilter component.
+ *
+ * @param Values - The type of the filter values.
+ */
+export interface VefFilterInstance<Values extends ObjectType = ObjectValue> {
+    /**
+     * The confirm provider of the filter.
+     */
+    confirm: Provider<MaybePromise<void>>;
+    /**
+     * The reset handler of the filter.
+     */
+    reset: Handler;
+    /**
+     * The get values provider of the filter.
+     */
+    getValues: Provider<FilterValues<Values>>;
+    /**
+     * The set values consumer of the filter.
+     */
+    setValues: Consumer<FilterValues<Values>>;
+}
+/**
+ * The props of VefFilter component.
+ *
+ * @param Values - The type of the filter values.
+ * @param Schema - The type of the filter schema.
+ */
+export interface VefFilterProps<Values extends ObjectType = ObjectValue, Schema extends FilterSchema<Values> = FilterSchema<Values>, VirtualKeys extends FilterVirtualKeys<Schema> = FilterVirtualKeys<Schema>> {
+    /**
+     * The schema of the filter.
+     */
+    schema: Schema;
+    /**
+     * The initial values of the filter.
+     */
+    initialValues?: Partial<Values>;
+    /**
+     * The position of the filter label.
+     * Only used in the advanced filter.
+     */
+    labelPosition?: FilterLabelPosition;
+    /**
+     * The alignment of the filter label.
+     * Only used in the advanced filter.
+     */
+    labelAlign?: FilterLabelAlign;
+    /**
+     * The width of the filter label.
+     * Only used in the advanced filter.
+     */
+    labelWidth?: number;
+    /**
+     * The variant of the filter.
+     */
+    variant?: Variant;
+    /**
+     * The size of the filter.
+     */
+    size?: BasicSize;
+    /**
+     * Whether the filter is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the filter is loading.
+     */
+    loading?: boolean;
+    /**
+     * The confirmation button of the filter.
+     */
+    confirmationButton?: false | FilterActionButtonConfig;
+    /**
+     * The reset button of the filter.
+     */
+    resetButton?: false | FilterActionButtonConfig;
+    /**
+     * The prefix of the filter.
+     */
+    prefix?: ReactNode;
+    /**
+     * The extra buttons of the filter.
+     */
+    extraActionButtons?: ReactNode;
+    /**
+     * The callback function before the filter is confirmed.
+     */
+    onBeforeConfirm?: Mapper<Values, MaybePromise<Values>>;
+    /**
+     * The callback function when the filter is confirmed.
+     */
+    onConfirm?: Mapper<Except<Values, VirtualKeys>, MaybePromise<void>>;
+    /**
+     * The callback function when the filter is reset.
+     */
+    onReset?: Consumer<FilterValues<Values>>;
+    /**
+     * The change event handler.
+     */
+    onChange?: Consumer<FilterValues<Values>>;
+}

package/dist/vef-filter/store.d.ts

@@ -0,0 +1,77 @@
+import type { BiConsumer, BiConsumerOptional, ChildrenProps, Consumer, Mapper, MaybeNull, ObjectType, Provider, StringKey } from "@vef-framework/shared";
+import type { FormInstance } from "antd";
+import { type StoreApi } from "zustand";
+import type { FilterEventBus } from "./event";
+import type { FilterContext, FilterValues } from "./types";
+/**
+ * The filter state.
+ */
+export interface FilterState<Values extends ObjectType> {
+    /**
+     * The form instance.
+     */
+    form: FormInstance<Values>;
+    /**
+     * The event bus of the form.
+     */
+    eventBus: FilterEventBus<Values>;
+    /**
+     * The initial values of the filter.
+     */
+    initialValues: Partial<Values>;
+    /**
+     * The value change handlers of the filter.
+     */
+    valueChangeHandlers: Record<StringKey<Values>, BiConsumer<MaybeNull<Values[StringKey<Values>]>, FilterContext<Values>>>;
+    /**
+     * Invokes the value change handlers of the filter.
+     */
+    invokeValueChangeHandlers: BiConsumerOptional<FilterValues<Values>, Array<StringKey<Values>>>;
+    /**
+     * The virtual field names of the filter.
+     */
+    virtualFieldNames: Array<StringKey<Values>>;
+    /**
+     * The values of the filter.
+     */
+    getValues: Provider<FilterValues<Values>>;
+    /**
+     * Sets the values of the filter.
+     */
+    setValues: Consumer<FilterValues<Values>>;
+    /**
+     * Whether to show the advanced filter.
+     */
+    isAdvancedFilterVisible: boolean;
+    /**
+     * Sets the is advanced filter visible state.
+     *
+     * @param isAdvancedFilterVisible The is advanced filter visible state to set
+     */
+    setIsAdvancedFilterVisible: Consumer<boolean>;
+    /**
+     * Whether the filter is loading.
+     */
+    isLoading: boolean;
+    /**
+     * Sets the is loading state.
+     */
+    setIsLoading: Consumer<boolean>;
+}
+/**
+ * The props of the filter store provider
+ */
+export interface FilterStoreProviderProps<Values extends ObjectType> extends Pick<FilterState<Values>, "form" | "eventBus" | "initialValues" | "valueChangeHandlers" | "virtualFieldNames">, ChildrenProps {
+}
+/**
+ * The provider component of the filter store.
+ */
+export declare function FilterStoreProvider<Values extends ObjectType>({ children, ...props }: FilterStoreProviderProps<Values>): import("react").FunctionComponentElement<import("react").ProviderProps<MaybeNull<StoreApi<FilterState<any>>>>>;
+/**
+ * The hook to use the filter store api.
+ */
+export declare function useFilterStoreApi<Values extends ObjectType>(): StoreApi<FilterState<Values>>;
+/**
+ * The hook to use the filter store.
+ */
+export declare function useFilterStore<Values extends ObjectType, Result>(selector: Mapper<FilterState<Values>, Result>): Result;

package/dist/vef-filter/store.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useSingleton as e}from"@vef-framework/hooks";import{createContext as t,createElement as r,useContext as i}from"react";import{isEqual as n}from"@vef-framework/shared";import{createStore as s}from"zustand";import{useStoreWithEqualityFn as o}from"zustand/traditional";const l=t(null);function a({children:t,...i}){const o=e((()=>{return e=i,s(((t,r)=>({isAdvancedFilterVisible:!1,setIsAdvancedFilterVisible:e=>{t({isAdvancedFilterVisible:e})},isLoading:!1,setIsLoading:e=>{t({isLoading:e})},invokeValueChangeHandlers:(e,t)=>{const{valueChangeHandlers:i,initialValues:n,setValues:s}=r(),o=e??n,l=t?new Set(t):null;for(const[e,t]of Object.entries(i))l&&!l.has(e)||t(o[e]??null,{values:o,setValues:s})},getValues:()=>{const{form:e,initialValues:t}=r();return e.isFieldsTouched(!0)?t:e.getFieldsValue()},setValues:e=>{const{form:t,eventBus:i,invokeValueChangeHandlers:s}=r(),o=t.getFieldsValue(),l=Object.keys(e).filter((t=>!n(e[t],o[t])));t.setFieldsValue(e);const a=t.getFieldsValue();i.emitChange(a),s(a,l)},...e})));var e}));return r(l.Provider,{value:o},t)}function u(){const e=i(l);if(!e)throw new Error("FilterStore can be used only inside FilterStoreProvider");return e}function d(e){return o(u(),e,n)}export{a as FilterStoreProvider,d as useFilterStore,u as useFilterStoreApi};
+/*! 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/dist/vef-filter/types.d.ts

@@ -0,0 +1,224 @@
+import type { Align, BiConsumer, Consumer, Handler, Mapper, MaybeComputed, MaybeComputedControlOptions, MaybeNull, NonEmptyTuple, ObjectType, StringKey } from "@vef-framework/shared";
+import type { ReactNode } from "react";
+/**
+ * The position of the filter label.
+ */
+export type FilterLabelPosition = "top" | "left";
+/**
+ * The alignment of the filter label.
+ */
+export type FilterLabelAlign = Exclude<Align, "center">;
+/**
+ * The config of the filter action button.
+ */
+export interface FilterActionButtonConfig {
+    /**
+     * The text of the filter action button.
+     */
+    text?: string;
+    /**
+     * The icon of the filter action button.
+     */
+    icon?: ReactNode;
+}
+/**
+ * The internal context of the filter.
+ */
+export interface InternalFilterContext {
+    /**
+     * The label position.
+     */
+    labelPosition: FilterLabelPosition;
+    /**
+     * The label alignment.
+     */
+    labelAlign: FilterLabelAlign;
+    /**
+     * The label width.
+     */
+    labelWidth?: number;
+    /**
+     * The confirmation button of the filter.
+     */
+    confirmationButton?: false | FilterActionButtonConfig;
+    /**
+     * The reset button of the filter.
+     */
+    resetButton?: false | FilterActionButtonConfig;
+    /**
+     * Whether the filter loading is controlled from outside.
+     */
+    externalLoading: boolean;
+    /**
+     * The reset handler of the filter.
+     */
+    handleReset: Handler;
+    /**
+     * Whether to show the collapse button.
+     */
+    showCollapseButton: boolean;
+    /**
+     * The extra action buttons.
+     */
+    extraActionButtons?: ReactNode;
+}
+/**
+ * The filter values.
+ */
+export type FilterValues<T extends ObjectType> = {
+    [K in keyof T]?: MaybeNull<T[K]>;
+};
+/**
+ * The compute function of the filter.
+ */
+type ComputeFn<T extends ObjectType, V> = Mapper<FilterValues<T>, V>;
+/**
+ * The computed type of the filter.
+ */
+export type FilterComputedType<T extends ObjectType, V> = MaybeComputed<V, ComputeFn<T, V>>;
+/**
+ * The control options of the filter item.
+ */
+type ControlOptions<T extends ObjectType> = MaybeComputedControlOptions<ComputeFn<T, boolean>>;
+/**
+ * The context of the filter.
+ */
+export interface FilterContext<Values extends ObjectType> {
+    /**
+     * The values of the filter.
+     */
+    values?: FilterValues<Values>;
+    /**
+     * Set the values of the filter.
+     */
+    setValues: Consumer<FilterValues<Values>>;
+}
+/**
+ * The virtual keys of the filter.
+ */
+export type FilterVirtualKeys<T extends ReadonlyArray<FilterItem<any, string>>> = FilterVirtualItems<T>[number];
+type FilterVirtualItems<T extends ReadonlyArray<FilterItem<any, string>>> = {
+    [K in keyof T]: T[K]["virtual"] extends true ? T[K]["name"] : never;
+};
+/**
+ * The filter schema.
+ */
+export type FilterSchema<Values extends ObjectType> = NonEmptyTuple<FilterItem<Values>>;
+/**
+ * The filter item.
+ */
+export type FilterItem<Values extends ObjectType, K extends StringKey<Values> = StringKey<Values>> = FilterItemInput<Values, K> | FilterItemInputNumber<Values, K>;
+/**
+ * The base type of the filter item.
+ */
+export interface FilterItemBase<Values extends ObjectType, Key extends StringKey<Values>> extends ControlOptions<Values> {
+    /**
+     * The name of the filter item.
+     */
+    name: Key;
+    /**
+     * The label of the filter item.
+     */
+    label?: FilterComputedType<Values, ReactNode>;
+    /**
+     * The tip of the filter item.
+     */
+    tip?: FilterComputedType<Values, ReactNode>;
+    /**
+     * Whether the filter item is required.
+     * @default false
+     */
+    required?: FilterComputedType<Values, boolean>;
+    /**
+     * The width of the filter item.
+     * Only works when the filter item is in basic filter area.
+     */
+    width?: FilterComputedType<Values, number>;
+    /**
+     * Whether the filter item is virtual.
+     * That means the filter item is not a real filter item to filter data, but a virtual item to help control the other filter items.
+     * @default false
+     */
+    virtual?: boolean;
+    /**
+     * Whether the filter item is in advanced filter area.
+     * @default false
+     */
+    advanced?: boolean;
+    /**
+     * The span of the filter item.
+     * Only works when the filter item is in advanced filter area.
+     */
+    span?: number;
+    /**
+     * The default value of the filter item.
+     */
+    defaultValue?: Values[Key];
+}
+/**
+ * The input filter item.
+ */
+export interface FilterItemInput<Values extends ObjectType, Key extends StringKey<Values> = StringKey<Values>> extends FilterItemBase<Values, Key> {
+    /**
+     * The type of the filter item.
+     */
+    type: "Input";
+    /**
+     * The default value of the filter item.
+     */
+    defaultValue?: Values[Key] & string;
+    /**
+     * The placeholder of the filter item.
+     */
+    placeholder?: FilterComputedType<Values, string>;
+    /**
+     * The change event handler of the filter item.
+     */
+    onChange?: BiConsumer<MaybeNull<Values[Key] & string>, FilterContext<Values>>;
+    /**
+     * The enter key press event handler of the filter item.
+     */
+    onEnterKeyPress?: BiConsumer<MaybeNull<Values[Key] & string>, FilterContext<Values>>;
+}
+/**
+ * The input number filter item.
+ */
+export interface FilterItemInputNumber<Values extends ObjectType, Key extends StringKey<Values> = StringKey<Values>> extends FilterItemBase<Values, Key> {
+    /**
+     * The type of the filter item.
+     */
+    type: "InputNumber";
+    /**
+     * The default value of the filter item.
+     */
+    defaultValue?: Values[Key] & number;
+    /**
+     * The placeholder of the filter item.
+     */
+    placeholder?: FilterComputedType<Values, string>;
+    /**
+     * The maximum value of the filter item.
+     */
+    max?: FilterComputedType<Values, number>;
+    /**
+     * The minimum value of the filter item.
+     */
+    min?: FilterComputedType<Values, number>;
+    /**
+     * The prefix of the filter item.
+     */
+    prefix?: FilterComputedType<Values, ReactNode>;
+    /**
+     * The suffix of the filter item.
+     */
+    suffix?: FilterComputedType<Values, ReactNode>;
+    /**
+     * The change event handler of the filter item.
+     */
+    onChange?: BiConsumer<MaybeNull<Values[Key] & number>, FilterContext<Values>>;
+    /**
+     * The enter key press event handler of the filter item.
+     */
+    onEnterKeyPress?: BiConsumer<MaybeNull<Values[Key] & number>, FilterContext<Values>>;
+}
+export {};

package/dist/vef-flex/index.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from "react";
+import type { VefFlexProps } from "./props";
+declare const VefFlex: FC<VefFlexProps>;
+export type { VefFlexProps };
+export default VefFlex;

package/dist/vef-flex/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{useGapSizeNormalizer as o}from"@vef-framework/hooks";import{Flex as t}from"antd";import{isArray as m}from"@vef-framework/shared";import{useMemo as e}from"react";const a=({gap:a,...f})=>{const i=o(),p=e((()=>m(a)?[i(a[0]),i(a[1])].join(" "):a?i(a):a),[a,i]);return r(t,{gap:p,...f})};export{a as default};
+/*! 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/dist/vef-flex/props.d.ts

@@ -0,0 +1,12 @@
+import type { GapType } from "@vef-framework/shared";
+import type { FlexProps } from "antd";
+import type { Except } from "@vef-framework/shared";
+/**
+ * The props of VefFlex component.
+ */
+export interface VefFlexProps extends Except<FlexProps, "gap" | "prefixCls" | "rootClassName"> {
+    /**
+     * The gap of the flex container.
+     */
+    gap?: GapType;
+}

package/dist/vef-float-button/index.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from "react";
+import type { VefFloatButtonProps } from "./props";
+declare const VefFloatButton: FC<VefFloatButtonProps>;
+export type { VefFloatButtonProps };
+export default VefFloatButton;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import{useColorTokens as t}from"@vef-framework/hooks";import{FloatButton as r}from"antd";import{useMemo as e}from"react";const n=({appearance:n,tip:a,badge:i,...c})=>{const m=t(),f=e((()=>{if(!i)return;const{variant:o,count:t,overflowCount:r,showZero:e,color:n}=i;return"dot"===o?{dot:!0,color:n?m.get(n):void 0}:{count:t,overflowCount:r,showZero:e,color:n?m.get(n):void 0}}),[i,m]);return o(r,{badge:f,tooltip:a,type:n,...c})};export{n as default};
+/*! 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/dist/vef-float-button/props.d.ts

@@ -0,0 +1,26 @@
+import type { FloatButtonProps } from "antd";
+import type { ReactNode } from "react";
+import type { Except } from "@vef-framework/shared";
+import type { VefBadgeProps } from "../vef-badge/props";
+/**
+ * The badge config.
+ */
+export interface BadgeConfig extends Except<VefBadgeProps, "size" | "offset"> {
+}
+/**
+ * The props of the VefFloatButton component.
+ */
+export interface VefFloatButtonProps extends Except<FloatButtonProps, "type" | "htmlType" | "description" | "tooltip"> {
+    /**
+     * The appearance of the float button.
+     */
+    appearance?: "default" | "primary";
+    /**
+     * The tip of the float button.
+     */
+    tip?: ReactNode;
+    /**
+     * The badge config.
+     */
+    badge?: BadgeConfig;
+}

package/dist/vef-float-button-group/index.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from "react";
+import type { VefFloatButtonGroupProps } from "./props";
+declare const VefFloatButtonGroup: FC<VefFloatButtonGroupProps>;
+export type { VefFloatButtonGroupProps };
+export default VefFloatButtonGroup;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{FloatButton as o}from"antd";const{Group:t}=o,e=({collapsable:o=!1,trigger:e="click",...i})=>r(t,{trigger:o?e:void 0,...i});export{e as default};
+/*! 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/dist/vef-float-button-group/props.d.ts

@@ -0,0 +1,11 @@
+import type { FloatButtonGroupProps } from "antd";
+/**
+ * The props of the VefFloatButtonGroup component.
+ */
+export interface VefFloatButtonGroupProps extends FloatButtonGroupProps {
+    /**
+     * Whether the float button group is collapsable.
+     * @default false
+     */
+    collapsable?: boolean;
+}

package/dist/vef-form/components/fields/index.d.ts

@@ -0,0 +1,10 @@
+import type { ObjectType, StringKey } from "@vef-framework/shared";
+import type { ReactElement } from "react";
+import type { FormItem, FormScene } from "../../types";
+import type { VefFormFieldProps } from "./props";
+export * from "./props";
+type FormFieldMap = Record<Exclude<FormItem["type"], "Hidden">, <Values extends ObjectType, Key extends StringKey<Values>, Scene extends FormScene>(props: VefFormFieldProps<Values, Key, Scene>) => ReactElement>;
+/**
+ * The map of the form fields.
+ */
+export declare const fieldMap: FormFieldMap;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import p from"./input.js";import r from"./input-number.js";import"./props.js";const t={Input:p,InputNumber:r};export{t as fieldMap};
+/*! 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/dist/vef-form/components/fields/input-number.d.ts

@@ -0,0 +1,5 @@
+import { type ObjectType, type StringKey } from "@vef-framework/shared";
+import type { FormScene } from "../../types";
+import type { VefFormFieldProps } from "./props";
+declare function InputNumber<Values extends ObjectType, Key extends StringKey<Values>, Scene extends FormScene>({ label, disabled, value, onChange, componentProps, }: VefFormFieldProps<Values, Key, Scene>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default InputNumber;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{VefError as o,isString as s,isFunction as r}from"@vef-framework/shared";import{useMemo as n}from"react";import t from"../../../vef-input-number/index.js";import{useComputedValues as a}from"../../hooks/use-computed-values.js";import{useFormStore as u}from"../../store.js";function l({label:l,disabled:i,value:m,onChange:f,componentProps:p}){if("InputNumber"!==p.type)throw new o(-9,'Oops! Something went wrong. The type of the form field is not "InputNumber", but rendered.');const{onChange:c,onEnterKeyPress:d,onFocus:V,onBlur:h,placeholder:x,prefix:v,suffix:w,max:g,min:y}=p,[b,k,F]=u((e=>[e.form,e.scene,e.setValues])),[j,C,P,B,E]=a([{key:"placeholder",rawValue:x,defaultValue:l?s(l)?`请输入${l}`:"请输入":void 0},{key:"max",rawValue:g},{key:"min",rawValue:y},{key:"prefix",rawValue:v},{key:"suffix",rawValue:w}]),I=n((()=>{const e={};return r(V)&&(e.onFocus=e=>{const o=b.getFieldsValue();V(e,{scene:k,values:o,setValues:F})}),r(h)&&(e.onBlur=e=>{const o=b.getFieldsValue();h(e,{scene:k,values:o,setValues:F})}),e.onChange=e=>{if(f?.(e),r(c)){const o=b.getFieldsValue();c(e,{scene:k,values:o,setValues:F})}},r(d)&&(e.onPressEnter=e=>{const o=b.getFieldsValue();d(e,{scene:k,values:o,setValues:F})}),e}),[b,h,f,d,V,c,k,F]);return e(t,{disabled:i,max:C,min:P,placeholder:j,prefix:B,suffix:E,value:m,...I})}export{l as default};
+/*! 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/dist/vef-form/components/fields/input.d.ts

@@ -0,0 +1,5 @@
+import { type ObjectType, type StringKey } from "@vef-framework/shared";
+import type { FormScene } from "../../types";
+import type { VefFormFieldProps } from "./props";
+declare function Input<Values extends ObjectType, Key extends StringKey<Values>, Scene extends FormScene>({ label, disabled, value, onChange, componentProps, }: VefFormFieldProps<Values, Key, Scene>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default Input;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{VefError as s,isString as o,isFunction as a}from"@vef-framework/shared";import{useMemo as t}from"react";import r from"../../../vef-input/index.js";import{useComputedValues as l}from"../../hooks/use-computed-values.js";import{useFormStore as n}from"../../store.js";function u({label:u,disabled:i,value:f,onChange:c,componentProps:m}){if("Input"!==m.type)throw new s(-9,'Oops! Something went wrong. The type of the form field is not "Input", but rendered.');const{onChange:p,onEnterKeyPress:d,onFocus:V,onBlur:h,onClear:g,maxLength:x,clearable:v=!0,placeholder:w,prefix:y,suffix:F}=m,[b,k,C]=n((e=>[e.form,e.scene,e.setValues])),[j,L,P,B]=l([{key:"placeholder",rawValue:w,defaultValue:u?o(u)?`请输入${u}`:"请输入":void 0},{key:"maxLength",rawValue:x},{key:"prefix",rawValue:y},{key:"suffix",rawValue:F}]),E=t((()=>{const e={};return a(V)&&(e.onFocus=e=>{const s=b.getFieldsValue();V(e,{scene:k,values:s,setValues:C})}),a(h)&&(e.onBlur=e=>{const s=b.getFieldsValue();h(e,{scene:k,values:s,setValues:C})}),e.onChange=e=>{if(c?.(e),a(p)){const s=b.getFieldsValue();p(e,{scene:k,values:s,setValues:C})}},a(d)&&(e.onPressEnter=e=>{const s=b.getFieldsValue();d(e,{scene:k,values:s,setValues:C})}),v&&a(g)&&(e.onClear=()=>{const e=b.getFieldsValue();g({scene:k,values:e,setValues:C})}),e}),[v,b,h,c,g,d,V,p,k,C]);return e(r,{clearable:v,disabled:i,maxLength:L,placeholder:j,prefix:P,suffix:B,value:f,...E})}export{u as default};
+/*! 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 */