@vef-framework/components 1.0.97 → 1.0.99

package/lib/vef-grid/index.cjs

@@ -1,14 +1,94 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),n=require("@vef-framework/hooks"),i=require("@vef-framework/shared"),t=require("clsx"),a=require("react"),o=require("react-container-query"),s=24,u=r.css`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const clsx = require('clsx');
+const react$1 = require('react');
+const reactContainerQuery = require('react-container-query');
+
+const GRID_COLUMNS = 24;
+const gridStyle = react.css`
   display: grid;
-  grid: auto-flow / repeat(${s}, minmax(0, 1fr));
+  grid: auto-flow / repeat(${GRID_COLUMNS}, minmax(0, 1fr));
   
   > * {
-    grid-column: span ${s};
+    grid-column: span ${GRID_COLUMNS};
   }
 
-  ${Array.from({length:s}).map(((e,r)=>`\n    > .vef-grid-item-${r+1} {\n      grid-column: span ${r+1};\n    }\n  `))}
+  ${Array.from({ length: GRID_COLUMNS }).map((_, index) => `
+    > .vef-grid-item-${index + 1} {
+      grid-column: span ${index + 1};
+    }
+  `)}
+
+  ${shared.breakpoints.map((breakpoint) => `
+    &.vef-container-${breakpoint} {
+      ${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 = react$1.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 = react$1.useRef(null);
+  const [classNames, setRef] = reactContainerQuery.useContainerQuery(query, {
+    width: baseWidth * 2
+  });
+  const normalizeGapSize = hooks.useGapSizeNormalizer();
+  const [rowGap, columnGap] = react$1.useMemo(() => {
+    if (shared.isArray(gap)) {
+      return [normalizeGapSize(gap[0]), normalizeGapSize(gap[1])];
+    }
+    if (gap) {
+      const normalizedGap = normalizeGapSize(gap);
+      return [normalizedGap, normalizedGap];
+    }
+    return [0, 0];
+  }, [gap, normalizeGapSize]);
+  react$1.useEffect(() => {
+    setRef(containerRef.current);
+  }, [containerRef, setRef]);
+  const containerSize = hooks.useElementSize(containerRef);
+  const gapStyle = react$1.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__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: clsx(classNames),
+      css: gridStyle,
+      style: gapStyle,
+      children
+    }
+  );
+}
 
-  ${i.breakpoints.map((e=>`\n    &.vef-container-${e} {\n      ${Array.from({length:s}).map(((r,n)=>`\n        > .vef-grid-item-${e}-${n+1} {\n          grid-column: span ${n+1};\n        }\n      `))}\n    }\n  `))}
-`;exports.default=function VefGrid({baseWidth:r=240,gap:m,children:c}){const d=a.useMemo((()=>({"vef-container-xs":{minWidth:0},"vef-container-sm":{minWidth:2*r},"vef-container-md":{minWidth:3*r},"vef-container-lg":{minWidth:4*r},"vef-container-xl":{minWidth:5*r},"vef-container-xxl":{minWidth:6*r}})),[r]),f=a.useRef(null),[l,p]=o.useContainerQuery(d,{width:2*r}),h=n.useGapSizeNormalizer(),[g,$]=a.useMemo((()=>{if(i.isArray(m))return[h(m[0]),h(m[1])];if(m){const e=h(m);return[e,e]}return[0,0]}),[m,h]);a.useEffect((()=>{p(f.current)}),[f,p]);const v=n.useElementSize(f),x=a.useMemo((()=>(v?.width??2*r)>s*$?{gap:`${g}px ${$}px`}:{gap:`${g}px ${Math.floor((v?.width??2*r)/s)}px`}),[v?.width,r,$,g]);return e.jsx("div",{ref:f,className:t(l),css:u,style:x,children:c})};
+exports.default = VefGrid;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-grid/props.cjs

@@ -1,3 +1,9 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.BREAKPOINTS=["xs","sm","md","lg","xl","xxl"];
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const BREAKPOINTS = ["xs", "sm", "md", "lg", "xl", "xxl"];
+
+exports.BREAKPOINTS = 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/lib/vef-grid-item/index.cjs

@@ -1,3 +1,57 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("clsx"),i=require("react");exports.default=function VefGridItem({span:s,xs:t,sm:u,md:d,lg:m,xl:l,xxl:n,children:o}){const x=i.useMemo((()=>{const e=[];return s&&e.push(`vef-grid-item-${s}`),t&&e.push(`vef-grid-item-xs-${t}`),u&&e.push(`vef-grid-item-sm-${u}`),d&&e.push(`vef-grid-item-md-${d}`),m&&e.push(`vef-grid-item-lg-${m}`),l&&e.push(`vef-grid-item-xl-${l}`),n&&e.push(`vef-grid-item-xxl-${n}`),e}),[s,t,u,d,m,l,n]);return e.jsx("div",{className:r(x),children:o})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const clsx = require('clsx');
+const react = require('react');
+
+function VefGridItem({
+  span,
+  xs,
+  sm,
+  md,
+  lg,
+  xl,
+  xxl,
+  children
+}) {
+  const classNames = react.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__ */ jsxRuntime.jsx("div", { className: clsx(classNames), children });
+}
+
+exports.default = VefGridItem;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-icon/index.cjs

@@ -1,3 +1,55 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@ant-design/icons"),o=require("@vef-framework/hooks"),t=require("@vef-framework/shared"),n=require("react"),i=n.forwardRef((({size:i,color:s,children:l,...a},m)=>{const u=o.useColorTokens(),c=n.useMemo((()=>{const e={},r="small"===i?t.themeVariables.fontSizeSm:"medium"===i?t.themeVariables.fontSize:"large"===i?t.themeVariables.fontSizeLg:"huge"===i?t.themeVariables.fontSizeXl:void 0;return r&&(e.fontSize=r),s&&(e.color=u.get(s)),e}),[i,s,u]);return e.jsx(r,{ref:m,style:c,component:e=>{const r=t.omit(e,["fill"]);if(l.type===n.Suspense){const{children:e}=l.props;return n.cloneElement(l,{children:n.cloneElement(e,r)})}return n.cloneElement(l,r)},...a})})),s=n.memo(i);s.displayName="VefIcon",exports.default=s;
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const Icon = require('@ant-design/icons');
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const react = require('react');
+
+const VefIconBase = react.forwardRef(
+  ({
+    size,
+    color,
+    children,
+    ...restProps
+  }, ref) => {
+    const colorTokens = hooks.useColorTokens();
+    const style = react.useMemo(() => {
+      const style2 = {};
+      const fontSize = size === "small" ? shared.themeVariables.fontSizeSm : size === "medium" ? shared.themeVariables.fontSize : size === "large" ? shared.themeVariables.fontSizeLg : size === "huge" ? shared.themeVariables.fontSizeXl : void 0;
+      if (fontSize) {
+        style2.fontSize = fontSize;
+      }
+      if (color) {
+        style2.color = colorTokens.get(color);
+      }
+      return style2;
+    }, [size, color, colorTokens]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Icon,
+      {
+        ref,
+        style,
+        component: (props) => {
+          const svgProps = shared.omit(props, ["fill"]);
+          if (children.type === react.Suspense) {
+            const { children: icon } = children.props;
+            return react.cloneElement(children, {
+              children: react.cloneElement(icon, svgProps)
+            });
+          }
+          return react.cloneElement(children, svgProps);
+        },
+        ...restProps
+      }
+    );
+  }
+);
+const VefIcon = react.memo(VefIconBase);
+VefIcon.displayName = "VefIcon";
+
+exports.default = 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 */

package/lib/vef-icon/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,31 +1,117 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),i=require("@vef-framework/hooks"),t=require("@vef-framework/shared"),n=require("react"),s=require("../vef-dynamic-icon/index.cjs"),a=require("../vef-dynamic-icon/props.cjs"),l=require("../vef-empty-placeholder/index.cjs"),o=require("../vef-generic-select/index.cjs"),c=require("../vef-space/index.cjs"),d=require("../vef-text/index.cjs"),u=require("../vef-virtual-grid/index.cjs"),m=r.css`
-  color: ${t.themeVariables.colorTextSlate};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const react$1 = require('react');
+const index = require('../vef-dynamic-icon/index.cjs');
+const props = require('../vef-dynamic-icon/props.cjs');
+const index$1 = require('../vef-empty-placeholder/index.cjs');
+const index$5 = require('../vef-generic-select/index.cjs');
+const index$3 = require('../vef-space/index.cjs');
+const index$4 = require('../vef-text/index.cjs');
+const index$2 = require('../vef-virtual-grid/index.cjs');
+
+const iconsStyle = react.css`
+  color: ${shared.themeVariables.colorTextSlate};
 
   .vef-icon-select-wrapper {
-    padding: calc(${t.themeVariables.paddingXxs} + 2px) ${t.themeVariables.paddingXs};
+    padding: calc(${shared.themeVariables.paddingXxs} + 2px) ${shared.themeVariables.paddingXs};
   }
-`,f=r.css`
+`;
+const iconItemStyle = react.css`
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: ${t.themeVariables.colorFillContent};
-  border-radius: ${t.themeVariables.borderRadius};
-  transition: background-color ${t.themeVariables.motionDurationMid} ${t.themeVariables.motionEaseInOut};
+  background-color: ${shared.themeVariables.colorFillContent};
+  border-radius: ${shared.themeVariables.borderRadius};
+  transition: background-color ${shared.themeVariables.motionDurationMid} ${shared.themeVariables.motionEaseInOut};
   &:hover {
     cursor: pointer;
-    background-color: ${t.themeVariables.colorFillContentHover};
+    background-color: ${shared.themeVariables.colorFillContentHover};
   }
 
   &.vef-icon-select-item-selected {
-    background-color: ${t.themeVariables.colorPrimaryBg};
+    background-color: ${shared.themeVariables.colorPrimaryBg};
   }
 
   .vef-icon {
     font-size: 28px;
   }
-`,h=Array.from(a.dynamicIconNames);const p=n.memo((function VefIconsContentBase({value:r,onChange:a,keyword:o,onConfirm:c}){const{paddingXS:d,paddingXXS:p}=i.useThemeTokens(),v=n.useMemo((()=>{const e=t.trim(o);return e?t.cluster(h.filter((r=>r.includes(e))),6):t.cluster(h,6)}),[o]),[b,x]=n.useMemo((()=>[420+2*d,348+2*(p+2)]),[p,d]),g=n.useCallback((({item:i})=>{const t=i===r;return e.jsx("div",{className:t?"vef-icon-select-item-selected":void 0,css:f,title:i,onClick:()=>{t||a(i),c?.()},children:e.jsx(s.default,{name:i})})}),[a,c,r]),j=n.useMemo((()=>({width:b,height:x})),[b,x]);return 0===v.length?e.jsx("div",{css:m,children:e.jsx("div",{className:"vef-icon-select-wrapper",style:j,children:e.jsx(l.default,{description:"暂无图标",presetIcon:"simple"})})}):e.jsx("div",{css:m,children:e.jsx(u.default,{className:"vef-icon-select-wrapper",columnWidth:60,gap:"small",height:x,items:v,renderItem:g,rowHeight:60,width:b})})}));p.displayName="VefIconsContent";const v=r.css`
+`;
+const iconItemSize = 60;
+const iconNames = Array.from(props.dynamicIconNames);
+function VefIconsContentBase({
+  value,
+  onChange,
+  keyword,
+  onConfirm
+}) {
+  const { paddingXS, paddingXXS } = hooks.useThemeTokens();
+  const filteredIcons = react$1.useMemo(() => {
+    const trimmedKeyword = shared.trim(keyword);
+    if (!trimmedKeyword) {
+      return shared.cluster(iconNames, 6);
+    }
+    return shared.cluster(
+      iconNames.filter((name) => name.includes(trimmedKeyword)),
+      6
+    );
+  }, [keyword]);
+  const [width, height] = react$1.useMemo(() => [
+    6 * iconItemSize + 12 * 5 + paddingXS * 2,
+    5 * iconItemSize + 12 * 4 + (paddingXXS + 2) * 2
+  ], [paddingXXS, paddingXS]);
+  const renderItem = react$1.useCallback(({ item }) => {
+    const isSelected = item === value;
+    const handleClick = () => {
+      if (isSelected) {
+        onConfirm?.();
+        return;
+      }
+      onChange(item);
+      onConfirm?.();
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: isSelected ? "vef-icon-select-item-selected" : void 0,
+        css: iconItemStyle,
+        title: item,
+        onClick: handleClick,
+        children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { name: item })
+      }
+    );
+  }, [onChange, onConfirm, value]);
+  const emptyPlaceholderStyle = react$1.useMemo(() => ({
+    width,
+    height
+  }), [width, height]);
+  if (filteredIcons.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { css: iconsStyle, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vef-icon-select-wrapper", style: emptyPlaceholderStyle, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { description: "\u6682\u65E0\u56FE\u6807", presetIcon: "simple" }) }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { css: iconsStyle, children: /* @__PURE__ */ jsxRuntime.jsx(
+    index$2.default,
+    {
+      className: "vef-icon-select-wrapper",
+      columnWidth: iconItemSize,
+      gap: "small",
+      height,
+      items: filteredIcons,
+      renderItem,
+      rowHeight: iconItemSize,
+      width
+    }
+  ) });
+}
+const VefIconsContent = react$1.memo(VefIconsContentBase);
+VefIconsContent.displayName = "VefIconsContent";
+const labelStyle = react.css`
   width: 100%;
 
   .vef-space-item:last-of-type {
@@ -38,5 +124,57 @@
     font-family: inherit;
     color: inherit;
   }
-`;function renderLabel(r){return e.jsxs(c.default,{css:v,children:[e.jsx(s.default,{name:r}),e.jsx(d.default,{ellipsis:!0,children:r})]})}exports.default=function VefIconSelect({defaultValue:r,value:i,size:s,placeholder:a,disabled:l,clearable:c,variant:d,onChange:u,onClear:m}){const[f,h]=n.useState(r??null),v=n.useCallback((e=>{t.isUndefined(i)?h(e):u?.(e)}),[u,i]),b=n.useCallback((()=>{v(null),m?.()}),[v,m]);return e.jsx(o.default,{clearable:c,disabled:l,placeholder:a,renderLabel:renderLabel,size:s,value:i??f,variant:d,onClear:b,children:e.jsx(p,{value:t.isUndefined(i)?f:i,onChange:v})})};
+`;
+function renderLabel(name) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(index$3.default, { css: labelStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index.default, { name }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$4.default, { ellipsis: true, children: name })
+  ] });
+}
+function VefIconSelect({
+  defaultValue,
+  value,
+  size,
+  placeholder,
+  disabled,
+  clearable,
+  variant,
+  onChange,
+  onClear
+}) {
+  const [internalValue, setInternalValue] = react$1.useState(defaultValue ?? null);
+  const handleChange = react$1.useCallback((changedValue) => {
+    if (shared.isUndefined(value)) {
+      setInternalValue(changedValue);
+      return;
+    }
+    onChange?.(changedValue);
+  }, [onChange, value]);
+  const handleClear = react$1.useCallback(() => {
+    handleChange(null);
+    onClear?.();
+  }, [handleChange, onClear]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index$5.default,
+    {
+      clearable,
+      disabled,
+      placeholder,
+      renderLabel,
+      size,
+      value: value ?? internalValue,
+      variant,
+      onClear: handleClear,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        VefIconsContent,
+        {
+          value: shared.isUndefined(value) ? internalValue : value,
+          onChange: handleChange
+        }
+      )
+    }
+  );
+}
+
+exports.default = VefIconSelect;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-input/hooks/use-input-instance.cjs

@@ -1,3 +1,20 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useInputInstance=function useInputInstance(t){const n=e.useRef(null);return e.useImperativeHandle(t,(()=>({blur:()=>n.current?.blur(),focus:()=>n.current?.focus({preventScroll:!0}),input:n.current?.input??null,nativeElement:n.current?.nativeElement??null}))),n};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+function useInputInstance(ref) {
+  const inputRef = react.useRef(null);
+  react.useImperativeHandle(ref, () => ({
+    blur: () => inputRef.current?.blur(),
+    focus: () => inputRef.current?.focus({ preventScroll: true }),
+    input: inputRef.current?.input ?? null,
+    nativeElement: inputRef.current?.nativeElement ?? null
+  }));
+  return inputRef;
+}
+
+exports.useInputInstance = 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/lib/vef-input/index.cjs

@@ -1,3 +1,69 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),n=require("@vef-framework/shared"),r=require("antd"),t=require("react");require("../internal/index.cjs");const o=require("./hooks/use-input-instance.cjs"),u=require("../internal/utils.cjs");function normalizeValue(e){return""===e?null:e}const a=t.forwardRef((({defaultValue:a,value:i,clearable:l,size:s,showCount:c,prepend:d,append:v,onChange:f,onEnterKeyPress:p,onBlur:m,onFocus:z,...g},V)=>{const q=t.useMemo((()=>({onChange:n.isFunction(f)?e=>f(normalizeValue(e.target.value)):void 0,onPressEnter:n.isFunction(p)?e=>p(normalizeValue(e.target.value)):void 0,onBlur:n.isFunction(m)?e=>m(normalizeValue(e.target.value)):void 0,onFocus:n.isFunction(z)?e=>z(normalizeValue(e.target.value)):void 0})),[f,p,m,z]),h=o.useInputInstance(V);return e.jsx(r.Input,{ref:h,addonAfter:v,addonBefore:d,allowClear:l,defaultValue:a,showCount:c,size:u.convertBasicSizeToUiSize(s),type:"text",value:i,...g,...q})}));a.displayName="VefInput",exports.default=a;
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const react = require('react');
+require('../internal/index.cjs');
+const useInputInstance = require('./hooks/use-input-instance.cjs');
+const utils = require('../internal/utils.cjs');
+
+function normalizeValue(value) {
+  if (value === "") {
+    return null;
+  }
+  return value;
+}
+const VefInput = react.forwardRef(({
+  defaultValue,
+  value,
+  clearable,
+  size,
+  showCount,
+  prepend,
+  append,
+  onChange,
+  onEnterKeyPress,
+  onBlur,
+  onFocus,
+  ...restProps
+}, ref) => {
+  const eventHandlers = react.useMemo(() => ({
+    onChange: shared.isFunction(onChange) ? (event) => onChange(
+      normalizeValue(event.target.value)
+    ) : void 0,
+    onPressEnter: shared.isFunction(onEnterKeyPress) ? (event) => onEnterKeyPress(
+      normalizeValue(event.target.value)
+    ) : void 0,
+    onBlur: shared.isFunction(onBlur) ? (event) => onBlur(
+      normalizeValue(event.target.value)
+    ) : void 0,
+    onFocus: shared.isFunction(onFocus) ? (event) => onFocus(
+      normalizeValue(event.target.value)
+    ) : void 0
+  }), [onChange, onEnterKeyPress, onBlur, onFocus]);
+  const inputRef = useInputInstance.useInputInstance(ref);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Input,
+    {
+      ref: inputRef,
+      addonAfter: append,
+      addonBefore: prepend,
+      allowClear: clearable,
+      defaultValue,
+      showCount,
+      size: utils.convertBasicSizeToUiSize(size),
+      type: "text",
+      value,
+      ...restProps,
+      ...eventHandlers
+    }
+  );
+});
+VefInput.displayName = "VefInput";
+
+exports.default = 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 */

package/lib/vef-input/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-input-number/hooks/use-input-number-instance.cjs

@@ -1,3 +1,18 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useInputNumberInstance=function useInputNumberInstance(r){const t=e.useRef(null);return e.useImperativeHandle(r,(()=>({blur:()=>t.current?.blur(),focus:()=>t.current?.focus({preventScroll:!0})}))),t};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+function useInputNumberInstance(ref) {
+  const inputNumberRef = react.useRef(null);
+  react.useImperativeHandle(ref, () => ({
+    blur: () => inputNumberRef.current?.blur(),
+    focus: () => inputNumberRef.current?.focus({ preventScroll: true })
+  }));
+  return inputNumberRef;
+}
+
+exports.useInputNumberInstance = 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 */