@vef-framework/components 1.0.101 → 1.0.102

package/es/vef-grid/index.js

@@ -1,14 +1,4 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { useGapSizeNormalizer, useElementSize } from '@vef-framework/hooks';
-import { breakpoints, isArray } from '@vef-framework/shared';
-import clsx from 'clsx';
-import { useMemo, useRef, useEffect } from 'react';
-import { useContainerQuery } from 'react-container-query';
-
-const GRID_COLUMNS = 24;
-const gridStyle = css`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{useGapSizeNormalizer,useElementSize}from"@vef-framework/hooks";import{breakpoints,isArray}from"@vef-framework/shared";import clsx from"clsx";import{useMemo,useRef,useEffect}from"react";import{useContainerQuery}from"react-container-query";const GRID_COLUMNS=24,gridStyle=css`
   display: grid;
   grid: auto-flow / repeat(${GRID_COLUMNS}, minmax(0, 1fr));
   
@@ -16,75 +6,19 @@ const gridStyle = css`
     grid-column: span ${GRID_COLUMNS};
   }
 
-  ${Array.from({ length: GRID_COLUMNS }).map((_, index) => `
-    > .vef-grid-item-${index + 1} {
-      grid-column: span ${index + 1};
+  ${Array.from({length:GRID_COLUMNS}).map((_,index)=>`
+    > .vef-grid-item-${index+1} {
+      grid-column: span ${index+1};
     }
   `)}
 
-  ${breakpoints.map((breakpoint) => `
+  ${breakpoints.map(breakpoint=>`
     &.vef-container-${breakpoint} {
-      ${Array.from({ length: GRID_COLUMNS }).map((_, index) => `
-        > .vef-grid-item-${breakpoint}-${index + 1} {
-          grid-column: span ${index + 1};
+      ${Array.from({length:GRID_COLUMNS}).map((_,index)=>`
+        > .vef-grid-item-${breakpoint}-${index+1} {
+          grid-column: span ${index+1};
         }
       `)}
     }
   `)}
-`;
-function VefGrid({
-  baseWidth = 240,
-  gap,
-  children
-}) {
-  const query = useMemo(() => ({
-    "vef-container-xs": { minWidth: 0 },
-    "vef-container-sm": { minWidth: baseWidth * 2 },
-    "vef-container-md": { minWidth: baseWidth * 3 },
-    "vef-container-lg": { minWidth: baseWidth * 4 },
-    "vef-container-xl": { minWidth: baseWidth * 5 },
-    "vef-container-xxl": { minWidth: baseWidth * 6 }
-  }), [baseWidth]);
-  const containerRef = useRef(null);
-  const [classNames, setRef] = useContainerQuery(query, {
-    width: baseWidth * 2
-  });
-  const normalizeGapSize = useGapSizeNormalizer();
-  const [rowGap, columnGap] = useMemo(() => {
-    if (isArray(gap)) {
-      return [normalizeGapSize(gap[0]), normalizeGapSize(gap[1])];
-    }
-    if (gap) {
-      const normalizedGap = normalizeGapSize(gap);
-      return [normalizedGap, normalizedGap];
-    }
-    return [0, 0];
-  }, [gap, normalizeGapSize]);
-  useEffect(() => {
-    setRef(containerRef.current);
-  }, [containerRef, setRef]);
-  const containerSize = useElementSize(containerRef);
-  const gapStyle = useMemo(() => {
-    if ((containerSize?.width ?? baseWidth * 2) > GRID_COLUMNS * columnGap) {
-      return {
-        gap: `${rowGap}px ${columnGap}px`
-      };
-    }
-    return {
-      gap: `${rowGap}px ${Math.floor((containerSize?.width ?? baseWidth * 2) / GRID_COLUMNS)}px`
-    };
-  }, [containerSize?.width, baseWidth, columnGap, rowGap]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: containerRef,
-      className: clsx(classNames),
-      css: gridStyle,
-      style: gapStyle,
-      children
-    }
-  );
-}
-
-export { VefGrid 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 */
+`;function VefGrid({baseWidth=240,gap,children}){const query=useMemo(()=>({"vef-container-xs":{minWidth:0},"vef-container-sm":{minWidth:baseWidth*2},"vef-container-md":{minWidth:baseWidth*3},"vef-container-lg":{minWidth:baseWidth*4},"vef-container-xl":{minWidth:baseWidth*5},"vef-container-xxl":{minWidth:baseWidth*6}}),[baseWidth]),containerRef=useRef(null),[classNames,setRef]=useContainerQuery(query,{width:baseWidth*2}),normalizeGapSize=useGapSizeNormalizer(),[rowGap,columnGap]=useMemo(()=>{if(isArray(gap))return[normalizeGapSize(gap[0]),normalizeGapSize(gap[1])];if(gap){const normalizedGap=normalizeGapSize(gap);return[normalizedGap,normalizedGap]}return[0,0]},[gap,normalizeGapSize]);useEffect(()=>{setRef(containerRef.current)},[containerRef,setRef]);const containerSize=useElementSize(containerRef),gapStyle=useMemo(()=>(containerSize?.width??baseWidth*2)>GRID_COLUMNS*columnGap?{gap:`${rowGap}px ${columnGap}px`}:{gap:`${rowGap}px ${Math.floor((containerSize?.width??baseWidth*2)/GRID_COLUMNS)}px`},[containerSize?.width,baseWidth,columnGap,rowGap]);return jsx("div",{ref:containerRef,className:clsx(classNames),css:gridStyle,style:gapStyle,children})}/*! 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 */export{VefGrid as default};

package/es/vef-grid/props.js

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-const BREAKPOINTS = ["xs", "sm", "md", "lg", "xl", "xxl"];
-
-export { 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */const 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 */export{BREAKPOINTS};

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

@@ -1,53 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import clsx from 'clsx';
-import { useMemo } from 'react';
-
-function VefGridItem({
-  span,
-  xs,
-  sm,
-  md,
-  lg,
-  xl,
-  xxl,
-  children
-}) {
-  const classNames = useMemo(() => {
-    const classNames2 = [];
-    if (span) {
-      classNames2.push(`vef-grid-item-${span}`);
-    }
-    if (xs) {
-      classNames2.push(`vef-grid-item-xs-${xs}`);
-    }
-    if (sm) {
-      classNames2.push(`vef-grid-item-sm-${sm}`);
-    }
-    if (md) {
-      classNames2.push(`vef-grid-item-md-${md}`);
-    }
-    if (lg) {
-      classNames2.push(`vef-grid-item-lg-${lg}`);
-    }
-    if (xl) {
-      classNames2.push(`vef-grid-item-xl-${xl}`);
-    }
-    if (xxl) {
-      classNames2.push(`vef-grid-item-xxl-${xxl}`);
-    }
-    return classNames2;
-  }, [
-    span,
-    xs,
-    sm,
-    md,
-    lg,
-    xl,
-    xxl
-  ]);
-  return /* @__PURE__ */ jsx("div", { className: clsx(classNames), children });
-}
-
-export { VefGridItem 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import clsx from"clsx";import{useMemo}from"react";function VefGridItem({span,xs,sm,md,lg,xl,xxl,children}){const classNames=useMemo(()=>{const classNames2=[];return span&&classNames2.push(`vef-grid-item-${span}`),xs&&classNames2.push(`vef-grid-item-xs-${xs}`),sm&&classNames2.push(`vef-grid-item-sm-${sm}`),md&&classNames2.push(`vef-grid-item-md-${md}`),lg&&classNames2.push(`vef-grid-item-lg-${lg}`),xl&&classNames2.push(`vef-grid-item-xl-${xl}`),xxl&&classNames2.push(`vef-grid-item-xxl-${xxl}`),classNames2},[span,xs,sm,md,lg,xl,xxl]);return jsx("div",{className:clsx(classNames),children})}/*! 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 */export{VefGridItem as default};

package/es/vef-icon/index.js

@@ -1,51 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import Icon from '@ant-design/icons';
-import { useColorTokens } from '@vef-framework/hooks';
-import { themeVariables, omit } from '@vef-framework/shared';
-import { forwardRef, useMemo, Suspense, cloneElement, memo } from 'react';
-
-const VefIconBase = forwardRef(
-  ({
-    size,
-    color,
-    children,
-    ...restProps
-  }, ref) => {
-    const colorTokens = useColorTokens();
-    const style = useMemo(() => {
-      const style2 = {};
-      const fontSize = size === "small" ? themeVariables.fontSizeSm : size === "medium" ? themeVariables.fontSize : size === "large" ? themeVariables.fontSizeLg : size === "huge" ? themeVariables.fontSizeXl : void 0;
-      if (fontSize) {
-        style2.fontSize = fontSize;
-      }
-      if (color) {
-        style2.color = colorTokens.get(color);
-      }
-      return style2;
-    }, [size, color, colorTokens]);
-    return /* @__PURE__ */ jsx(
-      Icon,
-      {
-        ref,
-        style,
-        component: (props) => {
-          const svgProps = omit(props, ["fill"]);
-          if (children.type === Suspense) {
-            const { children: icon } = children.props;
-            return cloneElement(children, {
-              children: cloneElement(icon, svgProps)
-            });
-          }
-          return cloneElement(children, svgProps);
-        },
-        ...restProps
-      }
-    );
-  }
-);
-const VefIcon = memo(VefIconBase);
-VefIcon.displayName = "VefIcon";
-
-export { VefIcon 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import Icon from"@ant-design/icons";import{useColorTokens}from"@vef-framework/hooks";import{themeVariables,omit}from"@vef-framework/shared";import{forwardRef,useMemo,Suspense,cloneElement,memo}from"react";const VefIconBase=forwardRef(({size,color,children,...restProps},ref)=>{const colorTokens=useColorTokens(),style=useMemo(()=>{const style2={},fontSize=size==="small"?themeVariables.fontSizeSm:size==="medium"?themeVariables.fontSize:size==="large"?themeVariables.fontSizeLg:size==="huge"?themeVariables.fontSizeXl:void 0;return fontSize&&(style2.fontSize=fontSize),color&&(style2.color=colorTokens.get(color)),style2},[size,color,colorTokens]);return jsx(Icon,{ref,style,component:props=>{const svgProps=omit(props,["fill"]);if(children.type===Suspense){const{children:icon}=children.props;return cloneElement(children,{children:cloneElement(icon,svgProps)})}return cloneElement(children,svgProps)},...restProps})}),VefIcon=memo(VefIconBase);VefIcon.displayName="VefIcon";/*! 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 */export{VefIcon as default};

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

@@ -1,25 +1,10 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { useThemeTokens } from '@vef-framework/hooks';
-import { themeVariables, trim, cluster, isUndefined } from '@vef-framework/shared';
-import { useMemo, useCallback, memo, useState } from 'react';
-import VefDynamicIcon from '../vef-dynamic-icon/index.js';
-import { dynamicIconNames } from '../vef-dynamic-icon/props.js';
-import VefEmptyPlaceholder from '../vef-empty-placeholder/index.js';
-import VefGenericSelect from '../vef-generic-select/index.js';
-import VefSpace from '../vef-space/index.js';
-import VefText from '../vef-text/index.js';
-import VefVirtualGrid from '../vef-virtual-grid/index.js';
-
-const iconsStyle = css`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{useThemeTokens}from"@vef-framework/hooks";import{themeVariables,trim,cluster,isUndefined}from"@vef-framework/shared";import{useMemo,useCallback,memo,useState}from"react";import VefDynamicIcon from"../vef-dynamic-icon/index.js";import{dynamicIconNames}from"../vef-dynamic-icon/props.js";import VefEmptyPlaceholder from"../vef-empty-placeholder/index.js";import VefGenericSelect from"../vef-generic-select/index.js";import VefSpace from"../vef-space/index.js";import VefText from"../vef-text/index.js";import VefVirtualGrid from"../vef-virtual-grid/index.js";const iconsStyle=css`
   color: ${themeVariables.colorTextSlate};
 
   .vef-icon-select-wrapper {
     padding: calc(${themeVariables.paddingXxs} + 2px) ${themeVariables.paddingXs};
   }
-`;
-const iconItemStyle = css`
+`,iconItemStyle=css`
   height: 100%;
   display: flex;
   justify-content: center;
@@ -39,75 +24,7 @@ const iconItemStyle = css`
   .vef-icon {
     font-size: 28px;
   }
-`;
-const iconItemSize = 60;
-const iconNames = Array.from(dynamicIconNames);
-function VefIconsContentBase({
-  value,
-  onChange,
-  keyword,
-  onConfirm
-}) {
-  const { paddingXS, paddingXXS } = useThemeTokens();
-  const filteredIcons = useMemo(() => {
-    const trimmedKeyword = trim(keyword);
-    if (!trimmedKeyword) {
-      return cluster(iconNames, 6);
-    }
-    return cluster(
-      iconNames.filter((name) => name.includes(trimmedKeyword)),
-      6
-    );
-  }, [keyword]);
-  const [width, height] = useMemo(() => [
-    6 * iconItemSize + 12 * 5 + paddingXS * 2,
-    5 * iconItemSize + 12 * 4 + (paddingXXS + 2) * 2
-  ], [paddingXXS, paddingXS]);
-  const renderItem = useCallback(({ item }) => {
-    const isSelected = item === value;
-    const handleClick = () => {
-      if (isSelected) {
-        onConfirm?.();
-        return;
-      }
-      onChange(item);
-      onConfirm?.();
-    };
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: isSelected ? "vef-icon-select-item-selected" : void 0,
-        css: iconItemStyle,
-        title: item,
-        onClick: handleClick,
-        children: /* @__PURE__ */ jsx(VefDynamicIcon, { name: item })
-      }
-    );
-  }, [onChange, onConfirm, value]);
-  const emptyPlaceholderStyle = useMemo(() => ({
-    width,
-    height
-  }), [width, height]);
-  if (filteredIcons.length === 0) {
-    return /* @__PURE__ */ jsx("div", { css: iconsStyle, children: /* @__PURE__ */ jsx("div", { className: "vef-icon-select-wrapper", style: emptyPlaceholderStyle, children: /* @__PURE__ */ jsx(VefEmptyPlaceholder, { description: "暂无图标", presetIcon: "simple" }) }) });
-  }
-  return /* @__PURE__ */ jsx("div", { css: iconsStyle, children: /* @__PURE__ */ jsx(
-    VefVirtualGrid,
-    {
-      className: "vef-icon-select-wrapper",
-      columnWidth: iconItemSize,
-      gap: "small",
-      height,
-      items: filteredIcons,
-      renderItem,
-      rowHeight: iconItemSize,
-      width
-    }
-  ) });
-}
-const VefIconsContent = memo(VefIconsContentBase);
-VefIconsContent.displayName = "VefIconsContent";
-const labelStyle = css`
+`,iconItemSize=60,iconNames=Array.from(dynamicIconNames);function VefIconsContentBase({value,onChange,keyword,onConfirm}){const{paddingXS,paddingXXS}=useThemeTokens(),filteredIcons=useMemo(()=>{const trimmedKeyword=trim(keyword);return trimmedKeyword?cluster(iconNames.filter(name=>name.includes(trimmedKeyword)),6):cluster(iconNames,6)},[keyword]),[width,height]=useMemo(()=>[6*iconItemSize+12*5+paddingXS*2,5*iconItemSize+12*4+(paddingXXS+2)*2],[paddingXXS,paddingXS]),renderItem=useCallback(({item})=>{const isSelected=item===value;return jsx("div",{className:isSelected?"vef-icon-select-item-selected":void 0,css:iconItemStyle,title:item,onClick:()=>{if(isSelected){onConfirm?.();return}onChange(item),onConfirm?.()},children:jsx(VefDynamicIcon,{name:item})})},[onChange,onConfirm,value]),emptyPlaceholderStyle=useMemo(()=>({width,height}),[width,height]);return filteredIcons.length===0?jsx("div",{css:iconsStyle,children:jsx("div",{className:"vef-icon-select-wrapper",style:emptyPlaceholderStyle,children:jsx(VefEmptyPlaceholder,{description:"暂无图标",presetIcon:"simple"})})}):jsx("div",{css:iconsStyle,children:jsx(VefVirtualGrid,{className:"vef-icon-select-wrapper",columnWidth:iconItemSize,gap:"small",height,items:filteredIcons,renderItem,rowHeight:iconItemSize,width})})}const VefIconsContent=memo(VefIconsContentBase);VefIconsContent.displayName="VefIconsContent";const labelStyle=css`
   width: 100%;
 
   .vef-space-item:last-of-type {
@@ -120,57 +37,4 @@ const labelStyle = css`
     font-family: inherit;
     color: inherit;
   }
-`;
-function renderLabel(name) {
-  return /* @__PURE__ */ jsxs(VefSpace, { css: labelStyle, children: [
-    /* @__PURE__ */ jsx(VefDynamicIcon, { name }),
-    /* @__PURE__ */ jsx(VefText, { ellipsis: true, children: name })
-  ] });
-}
-function VefIconSelect({
-  defaultValue,
-  value,
-  size,
-  placeholder,
-  disabled,
-  clearable,
-  variant,
-  onChange,
-  onClear
-}) {
-  const [internalValue, setInternalValue] = useState(defaultValue ?? null);
-  const handleChange = useCallback((changedValue) => {
-    if (isUndefined(value)) {
-      setInternalValue(changedValue);
-      return;
-    }
-    onChange?.(changedValue);
-  }, [onChange, value]);
-  const handleClear = useCallback(() => {
-    handleChange(null);
-    onClear?.();
-  }, [handleChange, onClear]);
-  return /* @__PURE__ */ jsx(
-    VefGenericSelect,
-    {
-      clearable,
-      disabled,
-      placeholder,
-      renderLabel,
-      size,
-      value: value ?? internalValue,
-      variant,
-      onClear: handleClear,
-      children: /* @__PURE__ */ jsx(
-        VefIconsContent,
-        {
-          value: isUndefined(value) ? internalValue : value,
-          onChange: handleChange
-        }
-      )
-    }
-  );
-}
-
-export { VefIconSelect 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 */
+`;function renderLabel(name){return jsxs(VefSpace,{css:labelStyle,children:[jsx(VefDynamicIcon,{name}),jsx(VefText,{ellipsis:!0,children:name})]})}function VefIconSelect({defaultValue,value,size,placeholder,disabled,clearable,variant,onChange,onClear}){const[internalValue,setInternalValue]=useState(defaultValue??null),handleChange=useCallback(changedValue=>{if(isUndefined(value)){setInternalValue(changedValue);return}onChange?.(changedValue)},[onChange,value]),handleClear=useCallback(()=>{handleChange(null),onClear?.()},[handleChange,onClear]);return jsx(VefGenericSelect,{clearable,disabled,placeholder,renderLabel,size,value:value??internalValue,variant,onClear:handleClear,children:jsx(VefIconsContent,{value:isUndefined(value)?internalValue:value,onChange:handleChange})})}/*! 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 */export{VefIconSelect as default};

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

@@ -1,16 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { useRef, useImperativeHandle } from 'react';
-
-function useInputInstance(ref) {
-  const inputRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    blur: () => inputRef.current?.blur(),
-    focus: () => inputRef.current?.focus({ preventScroll: true }),
-    input: inputRef.current?.input ?? null,
-    nativeElement: inputRef.current?.nativeElement ?? null
-  }));
-  return inputRef;
-}
-
-export { 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function useInputInstance(ref){const inputRef=useRef(null);return useImperativeHandle(ref,()=>({blur:()=>inputRef.current?.blur(),focus:()=>inputRef.current?.focus({preventScroll:!0}),input:inputRef.current?.input??null,nativeElement:inputRef.current?.nativeElement??null})),inputRef}/*! 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 */export{useInputInstance};

package/es/vef-input/index.js

@@ -1,65 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { isFunction } from '@vef-framework/shared';
-import { Input } from 'antd';
-import { forwardRef, useMemo } from 'react';
-import '../internal/index.js';
-import { useInputInstance } from './hooks/use-input-instance.js';
-import { convertBasicSizeToUiSize } from '../internal/utils.js';
-
-function normalizeValue(value) {
-  if (value === "") {
-    return null;
-  }
-  return value;
-}
-const VefInput = forwardRef(({
-  defaultValue,
-  value,
-  clearable,
-  size,
-  showCount,
-  prepend,
-  append,
-  onChange,
-  onEnterKeyPress,
-  onBlur,
-  onFocus,
-  ...restProps
-}, ref) => {
-  const eventHandlers = useMemo(() => ({
-    onChange: isFunction(onChange) ? (event) => onChange(
-      normalizeValue(event.target.value)
-    ) : void 0,
-    onPressEnter: isFunction(onEnterKeyPress) ? (event) => onEnterKeyPress(
-      normalizeValue(event.target.value)
-    ) : void 0,
-    onBlur: isFunction(onBlur) ? (event) => onBlur(
-      normalizeValue(event.target.value)
-    ) : void 0,
-    onFocus: isFunction(onFocus) ? (event) => onFocus(
-      normalizeValue(event.target.value)
-    ) : void 0
-  }), [onChange, onEnterKeyPress, onBlur, onFocus]);
-  const inputRef = useInputInstance(ref);
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      ref: inputRef,
-      addonAfter: append,
-      addonBefore: prepend,
-      allowClear: clearable,
-      defaultValue,
-      showCount,
-      size: convertBasicSizeToUiSize(size),
-      type: "text",
-      value,
-      ...restProps,
-      ...eventHandlers
-    }
-  );
-});
-VefInput.displayName = "VefInput";
-
-export { VefInput 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction}from"@vef-framework/shared";import{Input}from"antd";import{forwardRef,useMemo}from"react";import"../internal/index.js";import{useInputInstance}from"./hooks/use-input-instance.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";function normalizeValue(value){return value===""?null:value}const VefInput=forwardRef(({defaultValue,value,clearable,size,showCount,prepend,append,onChange,onEnterKeyPress,onBlur,onFocus,...restProps},ref)=>{const eventHandlers=useMemo(()=>({onChange:isFunction(onChange)?event=>onChange(normalizeValue(event.target.value)):void 0,onPressEnter:isFunction(onEnterKeyPress)?event=>onEnterKeyPress(normalizeValue(event.target.value)):void 0,onBlur:isFunction(onBlur)?event=>onBlur(normalizeValue(event.target.value)):void 0,onFocus:isFunction(onFocus)?event=>onFocus(normalizeValue(event.target.value)):void 0}),[onChange,onEnterKeyPress,onBlur,onFocus]),inputRef=useInputInstance(ref);return jsx(Input,{ref:inputRef,addonAfter:append,addonBefore:prepend,allowClear:clearable,defaultValue,showCount,size:convertBasicSizeToUiSize(size),type:"text",value,...restProps,...eventHandlers})});VefInput.displayName="VefInput";/*! 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 */export{VefInput as default};

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

@@ -1,14 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { useRef, useImperativeHandle } from 'react';
-
-function useInputNumberInstance(ref) {
-  const inputNumberRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    blur: () => inputNumberRef.current?.blur(),
-    focus: () => inputNumberRef.current?.focus({ preventScroll: true })
-  }));
-  return inputNumberRef;
-}
-
-export { 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function useInputNumberInstance(ref){const inputNumberRef=useRef(null);return useImperativeHandle(ref,()=>({blur:()=>inputNumberRef.current?.blur(),focus:()=>inputNumberRef.current?.focus({preventScroll:!0})})),inputNumberRef}/*! 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 */export{useInputNumberInstance};

package/es/vef-input-number/index.js

@@ -1,149 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { isFunction, styles } from '@vef-framework/shared';
-import { InputNumber } from 'antd';
-import { forwardRef, useMemo } from 'react';
-import '../internal/index.js';
-import { useInputNumberInstance } from './hooks/use-input-number-instance.js';
-import { convertBasicSizeToUiSize } from '../internal/utils.js';
-
-function normalizeValue(value, useStringFormat) {
-  const number = Number.parseFloat(value);
-  if (Number.isNaN(number)) {
-    return null;
-  }
-  return useStringFormat ? `${number}` : number;
-}
-const VefInputNumber = forwardRef(({
-  size,
-  showControls,
-  step,
-  min,
-  max,
-  prepend,
-  append,
-  ...restProps
-}, ref) => {
-  const eventHandlerGroup = useMemo(() => {
-    const { useStringFormat: useStringFormat2 } = restProps;
-    if (useStringFormat2) {
-      const {
-        onChange: onChange3,
-        onEnterKeyPress: onEnterKeyPress3,
-        onBlur: onBlur3,
-        onFocus: onFocus3
-      } = restProps;
-      return {
-        stringFormat: true,
-        onChange: isFunction(onChange3) ? (value2) => onChange3(value2) : void 0,
-        onPressEnter: isFunction(onEnterKeyPress3) ? (event) => onEnterKeyPress3(
-          normalizeValue(
-            event.target.value,
-            true
-          )
-        ) : void 0,
-        onBlur: isFunction(onBlur3) ? (event) => onBlur3(
-          normalizeValue(event.target.value, true)
-        ) : void 0,
-        onFocus: isFunction(onFocus3) ? (event) => onFocus3(
-          normalizeValue(event.target.value, true)
-        ) : void 0
-      };
-    }
-    const {
-      onChange: onChange2,
-      onEnterKeyPress: onEnterKeyPress2,
-      onBlur: onBlur2,
-      onFocus: onFocus2
-    } = restProps;
-    return {
-      stringFormat: false,
-      onChange: isFunction(onChange2) ? (value2) => onChange2(value2) : void 0,
-      onPressEnter: isFunction(onEnterKeyPress2) ? (event) => onEnterKeyPress2(
-        normalizeValue(
-          event.target.value,
-          false
-        )
-      ) : void 0,
-      onBlur: isFunction(onBlur2) ? (event) => onBlur2(
-        normalizeValue(event.target.value, false)
-      ) : void 0,
-      onFocus: isFunction(onFocus2) ? (event) => onFocus2(
-        normalizeValue(event.target.value, false)
-      ) : void 0
-    };
-  }, [restProps]);
-  const inputNumberRef = useInputNumberInstance(ref);
-  const { useStringFormat } = restProps;
-  if (useStringFormat) {
-    const {
-      useStringFormat: useStringFormat2,
-      defaultValue: defaultValue2,
-      value: value2,
-      onChange: onChange2,
-      onEnterKeyPress: onEnterKeyPress2,
-      onBlur: onBlur2,
-      onFocus: onFocus2,
-      ...commonProps2
-    } = restProps;
-    const { stringFormat: stringFormat2 } = eventHandlerGroup;
-    if (stringFormat2) {
-      const { stringFormat: stringFormat3, ...eventHandlers } = eventHandlerGroup;
-      return /* @__PURE__ */ jsx(
-        InputNumber,
-        {
-          ref: inputNumberRef,
-          stringMode: true,
-          addonAfter: append,
-          addonBefore: prepend,
-          controls: showControls,
-          css: styles.fullWidth,
-          defaultValue: defaultValue2,
-          max: `${max}`,
-          min: `${min}`,
-          size: convertBasicSizeToUiSize(size),
-          step: `${step}`,
-          value: value2,
-          ...commonProps2,
-          ...eventHandlers
-        }
-      );
-    }
-    return;
-  }
-  const {
-    useStringFormat: _,
-    defaultValue,
-    value,
-    onChange,
-    onEnterKeyPress,
-    onBlur,
-    onFocus,
-    ...commonProps
-  } = restProps;
-  const { stringFormat } = eventHandlerGroup;
-  if (!stringFormat) {
-    const { stringFormat: stringFormat2, ...eventHandlers } = eventHandlerGroup;
-    return /* @__PURE__ */ jsx(
-      InputNumber,
-      {
-        ref: inputNumberRef,
-        addonAfter: append,
-        addonBefore: prepend,
-        controls: showControls,
-        css: styles.fullWidth,
-        defaultValue,
-        max,
-        min,
-        step,
-        value,
-        ...commonProps,
-        ...eventHandlers
-      }
-    );
-  }
-});
-VefInputNumber.displayName = "VefInputNumber";
-
-export { VefInputNumber 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction,styles}from"@vef-framework/shared";import{InputNumber}from"antd";import{forwardRef,useMemo}from"react";import"../internal/index.js";import{useInputNumberInstance}from"./hooks/use-input-number-instance.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";function normalizeValue(value,useStringFormat){const number=Number.parseFloat(value);return Number.isNaN(number)?null:useStringFormat?`${number}`:number}const VefInputNumber=forwardRef(({size,showControls,step,min,max,prepend,append,...restProps},ref)=>{const eventHandlerGroup=useMemo(()=>{const{useStringFormat:useStringFormat2}=restProps;if(useStringFormat2){const{onChange:onChange3,onEnterKeyPress:onEnterKeyPress3,onBlur:onBlur3,onFocus:onFocus3}=restProps;return{stringFormat:!0,onChange:isFunction(onChange3)?value2=>onChange3(value2):void 0,onPressEnter:isFunction(onEnterKeyPress3)?event=>onEnterKeyPress3(normalizeValue(event.target.value,!0)):void 0,onBlur:isFunction(onBlur3)?event=>onBlur3(normalizeValue(event.target.value,!0)):void 0,onFocus:isFunction(onFocus3)?event=>onFocus3(normalizeValue(event.target.value,!0)):void 0}}const{onChange:onChange2,onEnterKeyPress:onEnterKeyPress2,onBlur:onBlur2,onFocus:onFocus2}=restProps;return{stringFormat:!1,onChange:isFunction(onChange2)?value2=>onChange2(value2):void 0,onPressEnter:isFunction(onEnterKeyPress2)?event=>onEnterKeyPress2(normalizeValue(event.target.value,!1)):void 0,onBlur:isFunction(onBlur2)?event=>onBlur2(normalizeValue(event.target.value,!1)):void 0,onFocus:isFunction(onFocus2)?event=>onFocus2(normalizeValue(event.target.value,!1)):void 0}},[restProps]),inputNumberRef=useInputNumberInstance(ref),{useStringFormat}=restProps;if(useStringFormat){const{useStringFormat:useStringFormat2,defaultValue:defaultValue2,value:value2,onChange:onChange2,onEnterKeyPress:onEnterKeyPress2,onBlur:onBlur2,onFocus:onFocus2,...commonProps2}=restProps,{stringFormat:stringFormat2}=eventHandlerGroup;if(stringFormat2){const{stringFormat:stringFormat3,...eventHandlers}=eventHandlerGroup;return jsx(InputNumber,{ref:inputNumberRef,stringMode:!0,addonAfter:append,addonBefore:prepend,controls:showControls,css:styles.fullWidth,defaultValue:defaultValue2,max:`${max}`,min:`${min}`,size:convertBasicSizeToUiSize(size),step:`${step}`,value:value2,...commonProps2,...eventHandlers})}return}const{useStringFormat:_,defaultValue,value,onChange,onEnterKeyPress,onBlur,onFocus,...commonProps}=restProps,{stringFormat}=eventHandlerGroup;if(!stringFormat){const{stringFormat:stringFormat2,...eventHandlers}=eventHandlerGroup;return jsx(InputNumber,{ref:inputNumberRef,addonAfter:append,addonBefore:prepend,controls:showControls,css:styles.fullWidth,defaultValue,max,min,step,value,...commonProps,...eventHandlers})}});VefInputNumber.displayName="VefInputNumber";/*! 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 */export{VefInputNumber as default};

package/es/vef-layout/common-styles.js

@@ -1,11 +1,4 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { css } from '@emotion/react';
-import { themeVariables, styles } from '@vef-framework/shared';
-
-const iconStyle = css`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{css}from"@emotion/react";import{themeVariables,styles}from"@vef-framework/shared";const iconStyle=css`
   padding: ${themeVariables.paddingXs};
   ${styles.flexCenter}
-`;
-
-export { iconStyle };
-/*! 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 */
+`;/*! 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 */export{iconStyle};