@vef-framework/components 1.0.5

package/dist/vef-form/validation-rules.d.ts

@@ -0,0 +1,175 @@
+import type { AnyValue, ObjectType, ObjectValue, StringKey } from "@vef-framework/shared";
+import type { ReactElement } from "react";
+import type { FormScene, FormValidationRule } from "./types";
+type MessageType = string | ReactElement;
+/**
+ * The required validation rule.
+ *
+ * @param message The error message
+ * @returns The validation rule.
+ */
+export declare function isRequired<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(message?: MessageType): FormValidationRule<Values, Key, Scene>;
+/**
+ * The equals to validation rule.
+ *
+ * @param target - The target value.
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isEqualsTo<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(target: AnyValue, message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The not equals to validation rule.
+ *
+ * @param target - The target value.
+ * @param message - The message.
+ * @returns The validation rule.
+ */
+export declare function isNotEqualsTo<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(target: AnyValue, message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The in validation rule.
+ *
+ * @param allowed - The allowed values.
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isIn<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(allowed: AnyValue[], message?: MessageType): FormValidationRule<Values, Key, Scene>;
+/**
+ * The meets min size validation rule.
+ *
+ * @param min - The min size.
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isMeetsMinSize<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(min: number, message?: MessageType): FormValidationRule<Values, Key, Scene>;
+/**
+ * The meets max size validation rule.
+ *
+ * @param max - The max size.
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isMeetsMaxSize<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(max: number, message?: MessageType): FormValidationRule<Values, Key, Scene>;
+/**
+ * The meets range size validation rule.
+ *
+ * @param min - The min size.
+ * @param max - The max size.
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isMeetsRangeSize<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(min: number, max: number, message?: MessageType): FormValidationRule<Values, Key, Scene>;
+/**
+ * The alpha validation rule.
+ *
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isAlpha<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The alphanumeric validation rule.
+ *
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isAlphanumeric<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The ascii validation rule.
+ *
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isAscii<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The numeric validation rule.
+ *
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isNumeric<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The email validation rule.
+ *
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isEmail<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The hex color validation rule.
+ *
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isHexColor<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The identity card validation rule.
+ *
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isIdentityCard<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The ip validation rule.
+ *
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isIp<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The port validation rule.
+ *
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isPort<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The json validation rule.
+ *
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isJson<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The url validation rule.
+ *
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isUrl<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The uri validation rule.
+ *
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isUri<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The postal code validation rule.
+ *
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isPostalCode<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The date before validation rule.
+ *
+ * @param targetDate - The target date.
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isDateBefore<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(targetDate?: string, message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The date after validation rule.
+ *
+ * @param targetDate - The target date.
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isDateAfter<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(targetDate?: string, message?: string): FormValidationRule<Values, Key, Scene>;
+/**
+ * The chinese name validation rule.
+ *
+ * @param message - The error message.
+ * @returns The validation rule.
+ */
+export declare function isChineseName<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene>(message?: string): FormValidationRule<Values, Key, Scene>;
+export {};

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{isEqual as e,VefError as r,validator as o,getNowDateString as i}from"@vef-framework/shared";function n(e){return()=>[{required:!0,message:e}]}function t(o,i){return({label:n})=>[{validator:(t,s)=>e(s,o)?Promise.resolve():Promise.reject(new r(-2,i??`${n?`${n}的值`:"值"}必须是${o}`))}]}function s(o,i){return({label:n})=>[{validator:(t,s)=>e(s,o)?Promise.reject(new r(-2,i??`${n?`${n}的值`:"值"}不能是${o}`)):Promise.resolve()}]}function l(e,r){return()=>[{type:"enum",enum:e,message:r}]}function a(e,r){return()=>[{min:e,message:r}]}function m(e,r){return()=>[{max:e,message:r}]}function u(e,r,o){return()=>[{min:e,max:r,message:o}]}function c(e){return({label:i})=>[{validator:(n,t)=>o.isAlpha(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是字母`))}]}function P(e){return({label:i})=>[{validator:(n,t)=>o.isAlphanumeric(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是字母或数字`))}]}function v(e){return({label:i})=>[{validator:(n,t)=>o.isAscii(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是ASCII字符`))}]}function f(e){return({label:i})=>[{validator:(n,t)=>o.isNumeric(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是数字`))}]}function $(e){return({label:i})=>[{validator:(n,t)=>o.isEmail(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是合法的邮箱`))}]}function d(e){return({label:i})=>[{validator:(n,t)=>o.isHexColor(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是十六进制颜色`))}]}function w(e){return({label:i})=>[{validator:(n,t)=>o.isIdentityCard(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是合法的身份证`))}]}function b(e){return({label:i})=>[{validator:(n,t)=>o.isIp(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是合法的IP地址`))}]}function j(e){return({label:i})=>[{validator:(n,t)=>o.isPort(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是合法的端口`))}]}function p(e){return({label:i})=>[{validator:(n,t)=>o.isJson(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是合法的JSON`))}]}function I(e){return({label:i})=>[{validator:(n,t)=>o.isUrl(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是合法的URL`))}]}function g(e){return({label:i})=>[{validator:(n,t)=>o.isUri(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是合法的URI`))}]}function A(e){return({label:i})=>[{validator:(n,t)=>o.isPostalCode(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是合法的邮政编码`))}]}function C(e,n){return({label:t})=>[{validator:(s,l)=>o.isBefore(l,e??i())?Promise.resolve():Promise.reject(new r(-2,n??`${t??"值"}必须在${e}之前`))}]}function h(e,n){return({label:t})=>[{validator:(s,l)=>o.isAfter(l,e??i())?Promise.resolve():Promise.reject(new r(-2,n??`${t??"值"}必须在${e}之后`))}]}function x(e){return({label:i})=>[{validator:(n,t)=>o.isChineseName(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是中文名称`))}]}export{c as isAlpha,P as isAlphanumeric,v as isAscii,x as isChineseName,h as isDateAfter,C as isDateBefore,$ as isEmail,t as isEqualsTo,d as isHexColor,w as isIdentityCard,l as isIn,b as isIp,p as isJson,m as isMeetsMaxSize,a as isMeetsMinSize,u as isMeetsRangeSize,s as isNotEqualsTo,f as isNumeric,j as isPort,A as isPostalCode,n as isRequired,g as isUri,I as isUrl};
+/*! 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-drawer/index.d.ts

@@ -0,0 +1,9 @@
+import type { AnyValue, ObjectType, ObjectValue } from "@vef-framework/shared";
+import { type FC } from "react";
+import type { FormScene, FormSchema } from "../vef-form";
+import type { FormVirtualKeys } from "../vef-form/types";
+import type { VefFormDrawerProps } from "./props";
+declare function VefFormDrawerBase<Values extends ObjectType = ObjectValue, Result = AnyValue, Scene extends FormScene = FormScene, Schema extends FormSchema<Values, Scene> = FormSchema<Values, Scene>, VirtualKeys extends FormVirtualKeys<Schema> = FormVirtualKeys<Schema>>({ title, open, closable, closeOnMaskClick, closeOnEscPress, destroyOnClose, cancelOnClose, placement, expansionSize, loading, extra, cancelButtonText, actions, onClose, onCancel, onAfterClose, onAfterOpen, submissionButtonText, disabled, ...formProps }: VefFormDrawerProps<Values, Result, Scene, Schema, VirtualKeys>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefFormDrawer: typeof VefFormDrawerBase & Pick<FC, "displayName">;
+export type { VefFormDrawerProps };
+export default VefFormDrawer;

package/dist/vef-form-drawer/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 e,jsxs as o,Fragment as n}from"@emotion/react/jsx-runtime";import{useContextDisabled as t,DisabledContextProvider as r}from"@vef-framework/hooks";import{isFunction as s}from"@vef-framework/shared";import{useRef as i,useCallback as l,memo as a}from"react";import c from"../vef-button/index.js";import m from"../vef-drawer/index.js";import f from"../vef-form/index.js";import d from"../vef-drawer/components/action-button-wrapper.js";const u=a((function({title:a,open:u,closable:p,closeOnMaskClick:C,closeOnEscPress:x,destroyOnClose:O=!0,cancelOnClose:k,placement:b,expansionSize:v="medium",loading:h,extra:w,cancelButtonText:B,actions:j,onClose:A,onCancel:y,onAfterClose:T,onAfterOpen:g,submissionButtonText:z,disabled:E=!1,...M}){const P=i(null),S=l((async()=>{await(P.current?.submit())}),[]),D=t()||E,F=l((()=>{P.current?.reset()}),[]),N=l((([t,r])=>{const i=e(d,{children:e(c,{color:"default",disabled:D,variant:"filled",onClick:F,children:"重置"})},"resetActionButton");return s(j)?j([t,i,r]):o(n,{children:[t,i,r]})}),[j,D,F]);return e(r,{value:D,children:e(m,{actions:N,cancelOnClose:k,closable:p,closeOnEscPress:x,closeOnMaskClick:C,destroyOnClose:O,expansionSize:v,extra:w,loading:h,okButtonText:z,open:u,placement:b,title:a,onAfterClose:T,onAfterOpen:g,onCancel:y,onClose:A,onOk:S,children:e(f,{ref:P,resetButton:!1,submissionButton:!1,...M})})})}));u.displayName="VefFormDrawer";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 */

package/dist/vef-form-drawer/props.d.ts

@@ -0,0 +1,17 @@
+import type { AnyValue, Mapper, ObjectType, ObjectValue } from "@vef-framework/shared";
+import type { ReactElement, ReactNode } from "react";
+import type { Except } from "@vef-framework/shared";
+import type { VefDrawerProps } from "../vef-drawer";
+import type { FormScene, FormSchema, VefFormProps } from "../vef-form";
+import type { FormVirtualKeys } from "../vef-form/types";
+export interface VefFormDrawerProps<Values extends ObjectType = ObjectValue, Result = AnyValue, Scene extends FormScene = FormScene, Schema extends FormSchema<Values, Scene> = FormSchema<Values, Scene>, VirtualKeys extends FormVirtualKeys<Schema> = FormVirtualKeys<Schema>> extends Except<VefFormProps<Values, Result, Scene, Schema, VirtualKeys>, "submissionButton" | "resetButton">, Except<VefDrawerProps, "showCancelButton" | "okButtonText" | "actions" | "onOk" | "children"> {
+    /**
+     * The text of the submission button.
+     * @default "提交"
+     */
+    submissionButtonText?: string;
+    /**
+     * The actions content of the form drawer.
+     */
+    actions?: Mapper<readonly [ReactElement, ReactElement, ReactElement], ReactNode>;
+}

package/dist/vef-form-modal/index.d.ts

@@ -0,0 +1,9 @@
+import type { AnyValue, ObjectType, ObjectValue } from "@vef-framework/shared";
+import { type FC } from "react";
+import type { FormScene, FormSchema } from "../vef-form";
+import type { FormVirtualKeys } from "../vef-form/types";
+import type { VefFormModalProps } from "./props";
+declare function VefFormModalBase<Values extends ObjectType = ObjectValue, Result = AnyValue, Scene extends FormScene = FormScene, Schema extends FormSchema<Values, Scene> = FormSchema<Values, Scene>, VirtualKeys extends FormVirtualKeys<Schema> = FormVirtualKeys<Schema>>({ submissionButtonText, actions, title, open, closable, closeOnMaskClick, closeOnEscPress, destroyOnClose, cancelOnClose, width, loading, cancelButtonText, onClose, onCancel, onAfterOpen, onAfterClose, disabled, ...formProps }: VefFormModalProps<Values, Result, Scene, Schema, VirtualKeys>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefFormModal: typeof VefFormModalBase & Pick<FC, "displayName">;
+export type { VefFormModalProps };
+export default VefFormModal;

package/dist/vef-form-modal/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 e,jsxs as o,Fragment as n}from"@emotion/react/jsx-runtime";import{useContextDisabled as t,DisabledContextProvider as r}from"@vef-framework/hooks";import{isFunction as s}from"@vef-framework/shared";import{useRef as l,useCallback as i,memo as c}from"react";import a from"../vef-button/index.js";import m from"../vef-form/index.js";import d from"../vef-modal/index.js";import f from"../vef-modal/components/action-button-wrapper.js";const u=c((function({submissionButtonText:c="提交",actions:u,title:p,open:C,closable:O,closeOnMaskClick:k,closeOnEscPress:b,destroyOnClose:h=!0,cancelOnClose:x,width:v="medium",loading:B,cancelButtonText:w,onClose:j,onCancel:A,onAfterOpen:y,onAfterClose:T,disabled:M=!1,...g}){const E=l(null),P=i((async()=>{await(E.current?.submit())}),[]),F=t()||M,N=i((()=>{E.current?.reset()}),[]),V=i((([t,r])=>{const l=e(f,{children:e(a,{color:"default",variant:"filled",onClick:N,children:"重置"})},"resetActionButton");return s(u)?u([t,l,r]):o(n,{children:[t,l,r]})}),[u,N]);return e(r,{value:F,children:e(d,{actions:V,cancelButtonText:w,cancelOnClose:x,closable:O,closeOnEscPress:b,closeOnMaskClick:k,destroyOnClose:h,loading:B,okButtonText:c,open:C,title:p,width:v,onAfterClose:T,onAfterOpen:y,onCancel:A,onClose:j,onOk:P,children:e(m,{ref:E,disabled:F,resetButton:!1,submissionButton:!1,...g})})})}));u.displayName="VefFormModal";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 */

package/dist/vef-form-modal/props.d.ts

@@ -0,0 +1,20 @@
+import type { AnyValue, Mapper, ObjectType, ObjectValue } from "@vef-framework/shared";
+import type { ReactElement, ReactNode } from "react";
+import type { Except } from "@vef-framework/shared";
+import type { FormSchema, VefFormProps } from "../vef-form";
+import type { FormScene, FormVirtualKeys } from "../vef-form/types";
+import type { VefModalProps } from "../vef-modal";
+/**
+ * The props of the VefFormModal component.
+ */
+export interface VefFormModalProps<Values extends ObjectType = ObjectValue, Result = AnyValue, Scene extends FormScene = FormScene, Schema extends FormSchema<Values, Scene> = FormSchema<Values, Scene>, VirtualKeys extends FormVirtualKeys<Schema> = FormVirtualKeys<Schema>> extends Except<VefFormProps<Values, Result, Scene, Schema, VirtualKeys>, "submissionButton" | "resetButton">, Except<VefModalProps, "showCancelButton" | "okButtonText" | "actions" | "onOk" | "children"> {
+    /**
+     * The text of the submission button.
+     * @default "提交"
+     */
+    submissionButtonText?: string;
+    /**
+     * The actions content of the form modal.
+     */
+    actions?: Mapper<readonly [ReactElement, ReactElement, ReactElement], ReactNode>;
+}

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

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

package/dist/vef-grid/index.js

@@ -0,0 +1,14 @@
+/*! 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{css as n}from"@emotion/react";import{useGapSizeNormalizer as t,useSize as i}from"@vef-framework/hooks";import{breakpoints as e,isArray as o}from"@vef-framework/shared";import m from"clsx";import{useMemo as a,useRef as f,useEffect as c}from"react";import{useContainerQuery as d}from"react-container-query";const p=24,s=n`
+  display: grid;
+  grid: auto-flow / repeat(${p}, minmax(0, 1fr));
+  
+  > * {
+    grid-column: span ${p};
+  }
+
+  ${Array.from({length:p}).map(((r,n)=>`\n    > .vef-grid-item-${n+1} {\n      grid-column: span ${n+1};\n    }\n  `))}
+
+  ${e.map((r=>`\n    &.vef-container-${r} {\n      ${Array.from({length:p}).map(((n,t)=>`\n        > .vef-grid-item-${r}-${t+1} {\n          grid-column: span ${t+1};\n        }\n      `))}\n    }\n  `))}
+`,l=({baseWidth:n=240,gap:e,children:l})=>{const h=a((()=>({"vef-container-xs":{minWidth:0},"vef-container-sm":{minWidth:2*n},"vef-container-md":{minWidth:3*n},"vef-container-lg":{minWidth:4*n},"vef-container-xl":{minWidth:5*n},"vef-container-xxl":{minWidth:6*n}})),[n]),$=f(null),[g,u]=d(h,{width:2*n}),v=t(),[x,w]=a((()=>{if(o(e))return[v(e[0]),v(e[1])];if(e){const r=v(e);return[r,r]}return[0,0]}),[e,v]);c((()=>{u($.current)}),[$,u]);const W=i($),y=a((()=>(W?.width??2*n)>p*w?{gap:`${x}px ${w}px`}:{gap:`${x}px ${Math.floor((W?.width??2*n)/p)}px`}),[W?.width,n,w,x]);return r("div",{ref:$,className:m(g),css:s,style:y,children:l})};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-grid/props.d.ts

@@ -0,0 +1,25 @@
+import type { GapType, MaybeArray } from "@vef-framework/shared";
+import type { ReactElement } from "react";
+import type VefGridItem from "../vef-grid-item";
+/**
+ * The breakpoints for the grid.
+ */
+export declare const BREAKPOINTS: readonly ["xs", "sm", "md", "lg", "xl", "xxl"];
+export type Breakpoint = (typeof BREAKPOINTS)[number];
+/**
+ * The props for the VefGrid component.
+ */
+export interface VefGridProps {
+    /**
+     * The base width of the grid item.
+     */
+    baseWidth?: number;
+    /**
+     * The gap of the grid item.
+     */
+    gap?: GapType<number>;
+    /**
+     * The children of the component.
+     */
+    children: MaybeArray<ReactElement<typeof VefGridItem>>;
+}

package/dist/vef-grid/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+const x=["xs","sm","md","lg","xl","xxl"];export{x as BREAKPOINTS};
+/*! 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-grid-item/index.d.ts

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

package/dist/vef-grid-item/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 e}from"@emotion/react/jsx-runtime";import r from"clsx";import{useMemo as i}from"react";const t=({span:t,xs:m,sm:s,md:d,lg:o,xl:p,xxl:f,children:l})=>{const u=i((()=>{const e=[];return t&&e.push(`vef-grid-item-${t}`),m&&e.push(`vef-grid-item-xs-${m}`),s&&e.push(`vef-grid-item-sm-${s}`),d&&e.push(`vef-grid-item-md-${d}`),o&&e.push(`vef-grid-item-lg-${o}`),p&&e.push(`vef-grid-item-xl-${p}`),f&&e.push(`vef-grid-item-xxl-${f}`),e}),[t,m,s,d,o,p,f]);return e("div",{className:r(u),children:l})};export{t 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-grid-item/props.d.ts

@@ -0,0 +1,34 @@
+import type { ChildrenProps } from "@vef-framework/shared";
+/**
+ * The props for the VefGridItem component.
+ */
+export interface VefGridItemProps extends ChildrenProps {
+    /**
+     * The span of the grid item.
+     */
+    span?: number;
+    /**
+     * The span of the grid item on extra small screen size.
+     */
+    xs?: number;
+    /**
+     * The span of the grid item on small screen size.
+     */
+    sm?: number;
+    /**
+     * The span of the grid item on medium screen size.
+     */
+    md?: number;
+    /**
+     * The span of the grid item on large screen size.
+     */
+    lg?: number;
+    /**
+     * The span of the grid item on extra large screen size.
+     */
+    xl?: number;
+    /**
+     * The span of the grid item on extra extra large screen size.
+     */
+    xxl?: number;
+}

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

@@ -0,0 +1,4 @@
+import type { VefIconProps } from "./props";
+declare const VefIcon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<VefIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>>;
+export type { VefIconProps };
+export default VefIcon;

package/dist/vef-icon/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 r from"@ant-design/icons";import{omit as e}from"@vef-framework/shared";import{forwardRef as m,cloneElement as t,memo as i}from"react";const f=i(m((({children:m,...i},f)=>o(r,{ref:f,component:o=>t(m,e(o,["fill"])),...i}))));f.displayName="VefIcon";export{f 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-icon/props.d.ts

@@ -0,0 +1,12 @@
+import type { IconComponentProps } from "@ant-design/icons/lib/components/Icon";
+import type { Except } from "@vef-framework/shared";
+import type { ReactElement } from "react";
+/**
+ * The props of VefIcon component.
+ */
+export interface VefIconProps extends Except<IconComponentProps, "component" | "children"> {
+    /**
+     * The icon component.
+     */
+    children: ReactElement;
+}

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

@@ -0,0 +1,12 @@
+import type { GetRef, Input } from "antd";
+import { type ForwardedRef, type RefObject } from "react";
+import type { VefInputInstance } from "../props";
+type InputRef = GetRef<typeof Input>;
+/**
+ * The hook to get the instance of the VefInput component.
+ *
+ * @param ref - The forwarded ref.
+ * @returns The ref object.
+ */
+export declare function useInputInstance(ref: ForwardedRef<VefInputInstance>): RefObject<InputRef>;
+export {};

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useRef as r,useImperativeHandle as t}from"react";function u(u){const c=r(null);return t(u,(()=>({blur:()=>c.current?.blur(),focus:()=>c.current?.focus({preventScroll:!0})}))),c}export{u as useInputInstance};
+/*! 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-input/index.d.ts

@@ -0,0 +1,4 @@
+import type { VefInputInstance, VefInputProps } from "./props";
+declare const VefInput: import("react").ForwardRefExoticComponent<VefInputProps & import("react").RefAttributes<VefInputInstance>>;
+export type { VefInputInstance, VefInputProps };
+export default VefInput;

package/dist/vef-input/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 e}from"@emotion/react/jsx-runtime";import{Input as o}from"antd";import{isFunction as r}from"@vef-framework/shared";import{forwardRef as t,useMemo as n}from"react";import"../internal/index.js";import{useInputInstance as a}from"./hooks/use-input-instance.js";import{convertBasicSizeToUiSize as u}from"../internal/utils.js";function l(e){return""===e?null:e}const i=t((({defaultValue:t,value:i,clearable:s,size:d,showCount:m,prepend:f,append:p,onChange:v,onEnterKeyPress:c,onBlur:g,onFocus:h,...C},j)=>{const w=n((()=>({onChange:r(v)?e=>v(l(e.target.value)):void 0,onPressEnter:r(c)?e=>c(l(e.target.value)):void 0,onBlur:r(g)?e=>g(l(e.target.value)):void 0,onFocus:r(h)?e=>h(l(e.target.value)):void 0})),[v,c,g,h]),x=a(j);return e(o,{ref:x,addonAfter:p,addonBefore:f,allowClear:s,defaultValue:t,showCount:m,size:u(d),type:"text",value:i,...C,...w})}));export{i 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-input/props.d.ts

@@ -0,0 +1,67 @@
+import type { BasicSize, Consumer, Handler, MaybeNull } from "@vef-framework/shared";
+import type { InputProps } from "antd";
+import type { ReactNode } from "react";
+/**
+ * The instance of the VefInput component.
+ */
+export interface VefInputInstance {
+    /**
+     * The blur handler.
+     */
+    blur: Handler;
+    /**
+     * The focus handler.
+     */
+    focus: Handler;
+}
+/**
+ * The props of the VefInput component.
+ */
+export interface VefInputProps extends Pick<InputProps, "className" | "style" | "placeholder" | "disabled" | "maxLength" | "prefix" | "suffix" | "status" | "variant" | "onClear"> {
+    /**
+     * The default value of the input.
+     */
+    defaultValue?: string;
+    /**
+     * The value of the input.
+     */
+    value?: MaybeNull<string>;
+    /**
+     * Whether to allow clear.
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * The size of the input.
+     */
+    size?: BasicSize;
+    /**
+     * Whether to show the count of the input.
+     * @default false
+     */
+    showCount?: boolean;
+    /**
+     * The prepend element of the input.
+     */
+    prepend?: ReactNode;
+    /**
+     * The append element of the input.
+     */
+    append?: ReactNode;
+    /**
+     * The change handler.
+     */
+    onChange?: Consumer<MaybeNull<string>>;
+    /**
+     * The enter key press handler.
+     */
+    onEnterKeyPress?: Consumer<MaybeNull<string>>;
+    /**
+     * The blur handler.
+     */
+    onBlur?: Consumer<MaybeNull<string>>;
+    /**
+     * The focus handler.
+     */
+    onFocus?: Consumer<MaybeNull<string>>;
+}

package/dist/vef-input-number/hooks/use-input-number-instance.d.ts

@@ -0,0 +1,12 @@
+import type { GetRef, InputNumber } from "antd";
+import { type ForwardedRef, type RefObject } from "react";
+import type { VefInputNumberInstance } from "../props";
+type InputNumberRef = GetRef<typeof InputNumber>;
+/**
+ * The hook to get the instance of the VefInputNumber component.
+ *
+ * @param ref - The forwarded ref.
+ * @returns The ref object.
+ */
+export declare function useInputNumberInstance(ref: ForwardedRef<VefInputNumberInstance>): RefObject<InputNumberRef>;
+export {};

package/dist/vef-input-number/hooks/use-input-number-instance.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useRef as r,useImperativeHandle as t}from"react";function u(u){const c=r(null);return t(u,(()=>({blur:()=>c.current?.blur(),focus:()=>c.current?.focus({preventScroll:!0})}))),c}export{u as useInputNumberInstance};
+/*! 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-input-number/index.d.ts

@@ -0,0 +1,4 @@
+import type { VefInputNumberInstance, VefInputNumberProps } from "./props";
+declare const VefInputNumber: import("react").ForwardRefExoticComponent<VefInputNumberProps & import("react").RefAttributes<VefInputNumberInstance>>;
+export type { VefInputNumberInstance, VefInputNumberProps };
+export default VefInputNumber;

package/dist/vef-input-number/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{isFunction as r,styles as e}from"@vef-framework/shared";import{InputNumber as n}from"antd";import{forwardRef as t,useMemo as s}from"react";import"../internal/index.js";import{useInputNumberInstance as a}from"./hooks/use-input-number-instance.js";import{convertBasicSizeToUiSize as u}from"../internal/utils.js";function i(o,r){const e=Number.parseFloat(o);return Number.isNaN(e)?null:r?`${e}`:e}const l=t((({size:t,showControls:l,step:m,min:d,max:f,prepend:c,append:g,...v},p)=>{const F=s((()=>{const{useStringFormat:o}=v;if(o){const{onChange:o,onEnterKeyPress:e,onBlur:n,onFocus:t}=v;return{stringFormat:!0,onChange:r(o)?r=>o(r):void 0,onPressEnter:r(e)?o=>e(i(o.target.value,!0)):void 0,onBlur:r(n)?o=>n(i(o.target.value,!0)):void 0,onFocus:r(t)?o=>t(i(o.target.value,!0)):void 0}}const{onChange:e,onEnterKeyPress:n,onBlur:t,onFocus:s}=v;return{stringFormat:!1,onChange:r(e)?o=>e(o):void 0,onPressEnter:r(n)?o=>n(i(o.target.value,!1)):void 0,onBlur:r(t)?o=>t(i(o.target.value,!1)):void 0,onFocus:r(s)?o=>s(i(o.target.value,!1)):void 0}}),[v]),h=a(p),{useStringFormat:B}=v;if(B){const{useStringFormat:r,defaultValue:s,value:a,onChange:i,onEnterKeyPress:p,onBlur:B,onFocus:C,...x}=v,{stringFormat:E}=F;if(E){const{stringFormat:r,...i}=F;return o(n,{ref:h,stringMode:!0,addonAfter:g,addonBefore:c,controls:l,css:e.fullWidth,defaultValue:s,max:`${f}`,min:`${d}`,size:u(t),step:`${m}`,value:a,...x,...i})}return}const{useStringFormat:C,defaultValue:x,value:E,onChange:P,onEnterKeyPress:j,onBlur:y,onFocus:K,...N}=v,{stringFormat:S}=F;if(!S){const{stringFormat:r,...t}=F;return o(n,{ref:h,addonAfter:g,addonBefore:c,controls:l,css:e.fullWidth,defaultValue:x,max:f,min:d,step:m,value:E,...N,...t})}}));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 */