@vef-framework/components 1.0.128 → 1.0.130

package/cjs/vef-generic-select/index.cjs

@@ -1,86 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var Icon = require('@ant-design/icons');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var lucideReact = require('lucide-react');
-var react = require('react');
-require('../internal/index.cjs');
-var index = require('../vef-icon/index.cjs');
-var utils = require('../internal/utils.cjs');
-
-"use strict";
-const dropdownStyle = {
-  "--vef-select-option-padding": 0
-};
-function VefGenericSelect({
-  value,
-  size,
-  renderLabel,
-  placeholder,
-  disabled,
-  clearable,
-  loading,
-  variant,
-  children,
-  onClear
-}) {
-  const [opened, setOpened] = react.useState(false);
-  const [focused, setFocused] = react.useState(false);
-  const [keyword, setKeyword] = react.useState();
-  const deferredKeyword = react.useDeferredValue(keyword);
-  const handleBlur = react.useCallback(() => {
-    setFocused(false);
-  }, []);
-  const handleFocus = react.useCallback(() => {
-    setFocused(true);
-  }, []);
-  const handleConfirm = react.useCallback(() => {
-    setOpened(false);
-  }, []);
-  const renderLabelToUse = react.useMemo(() => {
-    if (shared.isFunction(renderLabel)) {
-      return ({ value: value2 }) => renderLabel?.(value2);
-    }
-  }, [renderLabel]);
-  const suffixIcon = focused && opened ? /* @__PURE__ */ jsxRuntime.jsx(Icon.SearchOutlined, {}) : /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LeafIcon, {}) });
-  const childrenToUse = react.cloneElement(
-    children,
-    {
-      keyword: deferredKeyword,
-      onConfirm: handleConfirm
-    }
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Select,
-    {
-      showSearch: true,
-      allowClear: clearable,
-      css: shared.styles.fullWidth,
-      disabled,
-      dropdownStyle,
-      labelRender: renderLabelToUse,
-      loading,
-      notFoundContent: childrenToUse,
-      open: opened,
-      placeholder,
-      popupMatchSelectWidth: false,
-      searchValue: keyword,
-      size: utils.convertBasicSizeToUiSize(size),
-      suffixIcon,
-      value,
-      variant,
-      onBlur: handleBlur,
-      onClear,
-      onDropdownVisibleChange: setOpened,
-      onFocus: handleFocus,
-      onSearch: setKeyword
-    }
-  );
-}
-
-exports.default = VefGenericSelect;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@emotion/react/jsx-runtime"),z=require("@ant-design/icons"),u=require("@vef-framework/shared"),F=require("antd"),R=require("lucide-react"),e=require("react");require("../internal/index.cjs");var V=require("../vef-icon/index.cjs"),I=require("../internal/utils.cjs");const M={"--vef-select-option-padding":0};function O({value:s,size:o,renderLabel:a,placeholder:c,disabled:d,clearable:v,loading:h,variant:f,children:p,onClear:S}){const[l,n]=e.useState(!1),[b,i]=e.useState(!1),[t,C]=e.useState(),q=e.useDeferredValue(t),x=e.useCallback(()=>{i(!1)},[]),j=e.useCallback(()=>{i(!0)},[]),w=e.useCallback(()=>{n(!1)},[]),y=e.useMemo(()=>{if(u.isFunction(a))return({value:m})=>a?.(m)},[a]),g=b&&l?r.jsx(z.SearchOutlined,{}):r.jsx(V.default,{children:r.jsx(R.LeafIcon,{})}),k=e.cloneElement(p,{keyword:q,onConfirm:w});return r.jsx(F.Select,{showSearch:!0,allowClear:v,css:u.styles.fullWidth,disabled:d,dropdownStyle:M,labelRender:y,loading:h,notFoundContent:k,open:l,placeholder:c,popupMatchSelectWidth:!1,searchValue:t,size:I.convertBasicSizeToUiSize(o),suffixIcon:g,value:s,variant:f,onBlur:x,onClear:S,onDropdownVisibleChange:n,onFocus:j,onSearch:C})}exports.default=O;

package/cjs/vef-generic-select/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-grid/index.cjs

@@ -1,94 +1,25 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var clsx = require('clsx');
-var react$1 = require('react');
-var reactContainerQuery = require('react-container-query');
-
-"use strict";
-const GRID_COLUMNS = 24;
-const gridStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var $=require("@emotion/react/jsx-runtime"),g=require("@emotion/react"),f=require("@vef-framework/hooks"),l=require("@vef-framework/shared"),x=require("clsx"),t=require("react"),y=require("react-container-query");const i=24,q=g.css`
   display: grid;
-  grid: auto-flow / repeat(${GRID_COLUMNS}, minmax(0, 1fr));
+  grid: auto-flow / repeat(${i}, minmax(0, 1fr));
   
   > * {
-    grid-column: span ${GRID_COLUMNS};
+    grid-column: span ${i};
   }
 
-  ${Array.from({ length: GRID_COLUMNS }).map((_, index) => `
-    > .vef-grid-item-${index + 1} {
-      grid-column: span ${index + 1};
+  ${Array.from({length:i}).map((e,r)=>`
+    > .vef-grid-item-${r+1} {
+      grid-column: span ${r+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};
+  ${l.breakpoints.map(e=>`
+    &.vef-container-${e} {
+      ${Array.from({length:i}).map((r,n)=>`
+        > .vef-grid-item-${e}-${n+1} {
+          grid-column: span ${n+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
-    }
-  );
-}
-
-exports.default = VefGrid;
+`;function W({baseWidth:e=240,gap:r,children:n}){const h=t.useMemo(()=>({"vef-container-xs":{minWidth:0},"vef-container-sm":{minWidth:e*2},"vef-container-md":{minWidth:e*3},"vef-container-lg":{minWidth:e*4},"vef-container-xl":{minWidth:e*5},"vef-container-xxl":{minWidth:e*6}}),[e]),a=t.useRef(null),[p,d]=y.useContainerQuery(h,{width:e*2}),s=f.useGapSizeNormalizer(),[u,o]=t.useMemo(()=>{if(l.isArray(r))return[s(r[0]),s(r[1])];if(r){const m=s(r);return[m,m]}return[0,0]},[r,s]);t.useEffect(()=>{d(a.current)},[a,d]);const c=f.useElementSize(a),v=t.useMemo(()=>(c?.width??e*2)>i*o?{gap:`${u}px ${o}px`}:{gap:`${u}px ${Math.floor((c?.width??e*2)/i)}px`},[c?.width,e,o,u]);return $.jsx("div",{ref:a,className:x(p),css:q,style:v,children:n})}exports.default=W;

package/cjs/vef-grid/props.cjs

@@ -1,7 +1,2 @@
 "use strict";
-'use strict';
-
-"use strict";
-const BREAKPOINTS = ["xs", "sm", "md", "lg", "xl", "xxl"];
-
-exports.BREAKPOINTS = BREAKPOINTS;
+"use strict";const s=["xs","sm","md","lg","xl","xxl"];exports.BREAKPOINTS=s;

package/cjs/vef-grid-item/index.cjs

@@ -1,57 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var clsx = require('clsx');
-var react = require('react');
-
-"use strict";
-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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var v=require("@emotion/react/jsx-runtime"),c=require("clsx"),g=require("react");function x({span:r,xs:i,sm:s,md:u,lg:t,xl:d,xxl:l,children:m}){const n=g.useMemo(()=>{const e=[];return r&&e.push(`vef-grid-item-${r}`),i&&e.push(`vef-grid-item-xs-${i}`),s&&e.push(`vef-grid-item-sm-${s}`),u&&e.push(`vef-grid-item-md-${u}`),t&&e.push(`vef-grid-item-lg-${t}`),d&&e.push(`vef-grid-item-xl-${d}`),l&&e.push(`vef-grid-item-xxl-${l}`),e},[r,i,s,u,t,d,l]);return v.jsx("div",{className:c(n),children:m})}exports.default=x;

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

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-icon/index.cjs

@@ -1,55 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var Icon = require('@ant-design/icons');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-
-"use strict";
-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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var f=require("@emotion/react/jsx-runtime"),h=require("@ant-design/icons"),S=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),e=require("react");const p=e.forwardRef(({size:r,color:i,children:s,...u},c)=>{const l=S.useColorTokens(),m=e.useMemo(()=>{const t={},n=r==="small"?o.themeVariables.fontSizeSm:r==="medium"?o.themeVariables.fontSize:r==="large"?o.themeVariables.fontSizeLg:r==="huge"?o.themeVariables.fontSizeXl:void 0;return n&&(t.fontSize=n),i&&(t.color=l.get(i)),t},[r,i,l]);return f.jsx(h,{ref:c,style:m,component:t=>{const n=o.omit(t,["fill"]);if(s.type===e.Suspense){const{children:d}=s.props;return e.cloneElement(s,{children:e.cloneElement(d,n)})}return e.cloneElement(s,n)},...u})}),a=e.memo(p);a.displayName="VefIcon",exports.default=a;

package/cjs/vef-icon/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

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

@@ -1,118 +1,31 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var react$1 = require('react');
-var index = require('../vef-dynamic-icon/index.cjs');
-var props = require('../vef-dynamic-icon/props.cjs');
-var index$1 = require('../vef-empty-placeholder/index.cjs');
-var index$5 = require('../vef-generic-select/index.cjs');
-var index$3 = require('../vef-space/index.cjs');
-var index$4 = require('../vef-text/index.cjs');
-var index$2 = require('../vef-virtual-grid/index.cjs');
-
-"use strict";
-const iconsStyle = react.css`
-  color: ${shared.themeVariables.colorTextSlate};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@emotion/react/jsx-runtime"),b=require("@emotion/react"),C=require("@vef-framework/hooks"),e=require("@vef-framework/shared"),t=require("react"),g=require("../vef-dynamic-icon/index.cjs"),q=require("../vef-dynamic-icon/props.cjs"),k=require("../vef-empty-placeholder/index.cjs"),V=require("../vef-generic-select/index.cjs"),w=require("../vef-space/index.cjs"),I=require("../vef-text/index.cjs"),M=require("../vef-virtual-grid/index.cjs");const j=b.css`
+  color: ${e.themeVariables.colorTextSlate};
 
   .vef-icon-select-wrapper {
-    padding: calc(${shared.themeVariables.paddingXxs} + 2px) ${shared.themeVariables.paddingXs};
+    padding: calc(${e.themeVariables.paddingXxs} + 2px) ${e.themeVariables.paddingXs};
   }
-`;
-const iconItemStyle = react.css`
+`,N=b.css`
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: ${shared.themeVariables.colorFillContent};
-  border-radius: ${shared.themeVariables.borderRadius};
-  transition: background-color ${shared.themeVariables.motionDurationMid} ${shared.themeVariables.motionEaseInOut};
+  background-color: ${e.themeVariables.colorFillContent};
+  border-radius: ${e.themeVariables.borderRadius};
+  transition: background-color ${e.themeVariables.motionDurationMid} ${e.themeVariables.motionEaseInOut};
   &:hover {
     cursor: pointer;
-    background-color: ${shared.themeVariables.colorFillContentHover};
+    background-color: ${e.themeVariables.colorFillContentHover};
   }
 
   &.vef-icon-select-item-selected {
-    background-color: ${shared.themeVariables.colorPrimaryBg};
+    background-color: ${e.themeVariables.colorPrimaryBg};
   }
 
   .vef-icon {
     font-size: 28px;
   }
-`;
-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: "暂无图标", 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`
+`,v=60,y=Array.from(q.dynamicIconNames);function X({value:s,onChange:a,keyword:d,onConfirm:c}){const{paddingXS:u,paddingXXS:h}=C.useThemeTokens(),m=t.useMemo(()=>{const i=e.trim(d);return i?e.cluster(y.filter(o=>o.includes(i)),6):e.cluster(y,6)},[d]),[l,n]=t.useMemo(()=>[6*v+12*5+u*2,5*v+12*4+(h+2)*2],[h,u]),f=t.useCallback(({item:i})=>{const o=i===s;return r.jsx("div",{className:o?"vef-icon-select-item-selected":void 0,css:N,title:i,onClick:()=>{if(o){c?.();return}a(i),c?.()},children:r.jsx(g.default,{name:i})})},[a,c,s]),p=t.useMemo(()=>({width:l,height:n}),[l,n]);return m.length===0?r.jsx("div",{css:j,children:r.jsx("div",{className:"vef-icon-select-wrapper",style:p,children:r.jsx(k.default,{description:"暂无图标",presetIcon:"simple"})})}):r.jsx("div",{css:j,children:r.jsx(M.default,{className:"vef-icon-select-wrapper",columnWidth:v,gap:"small",height:n,items:m,renderItem:f,rowHeight:v,width:l})})}const $=t.memo(X);$.displayName="VefIconsContent";const z=b.css`
   width: 100%;
 
   .vef-space-item:last-of-type {
@@ -125,56 +38,4 @@ const labelStyle = react.css`
     font-family: inherit;
     color: inherit;
   }
-`;
-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;
+`;function S(s){return r.jsxs(w.default,{css:z,children:[r.jsx(g.default,{name:s}),r.jsx(I.default,{ellipsis:!0,children:s})]})}function F({defaultValue:s,value:a,size:d,placeholder:c,disabled:u,clearable:h,variant:m,onChange:l,onClear:n}){const[f,p]=t.useState(s??null),i=t.useCallback(x=>{if(e.isUndefined(a)){p(x);return}l?.(x)},[l,a]),o=t.useCallback(()=>{i(null),n?.()},[i,n]);return r.jsx(V.default,{clearable:h,disabled:u,placeholder:c,renderLabel:S,size:d,value:a??f,variant:m,onClear:o,children:r.jsx($,{value:e.isUndefined(a)?f:a,onChange:i})})}exports.default=F;

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

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

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

@@ -1,18 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-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;
+"use strict";var n=require("react");function u(t){const e=n.useRef(null);return n.useImperativeHandle(t,()=>({blur:()=>e.current?.blur(),focus:()=>e.current?.focus({preventScroll:!0}),input:e.current?.input??null,nativeElement:e.current?.nativeElement??null})),e}exports.useInputInstance=u;

package/cjs/vef-input/index.cjs

@@ -1,69 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react = require('react');
-require('../internal/index.cjs');
-var useInputInstance = require('./hooks/use-input-instance.cjs');
-var utils = require('../internal/utils.cjs');
-
-"use strict";
-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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var C=require("@emotion/react/jsx-runtime"),n=require("@vef-framework/shared"),w=require("antd"),s=require("react");require("../internal/index.cjs");var y=require("./hooks/use-input-instance.cjs"),z=require("../internal/utils.cjs");function t(r){return r===""?null:r}const l=s.forwardRef(({defaultValue:r,value:d,clearable:c,size:v,showCount:f,prepend:p,append:q,onChange:u,onEnterKeyPress:a,onBlur:o,onFocus:i,...g},F)=>{const I=s.useMemo(()=>({onChange:n.isFunction(u)?e=>u(t(e.target.value)):void 0,onPressEnter:n.isFunction(a)?e=>a(t(e.target.value)):void 0,onBlur:n.isFunction(o)?e=>o(t(e.target.value)):void 0,onFocus:n.isFunction(i)?e=>i(t(e.target.value)):void 0}),[u,a,o,i]),h=y.useInputInstance(F);return C.jsx(w.Input,{ref:h,addonAfter:q,addonBefore:p,allowClear:c,defaultValue:r,showCount:f,size:z.convertBasicSizeToUiSize(v),type:"text",value:d,...g,...I})});l.displayName="VefInput",exports.default=l;

package/cjs/vef-input/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

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

@@ -1,16 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-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;
+"use strict";var u=require("react");function t(r){const e=u.useRef(null);return u.useImperativeHandle(r,()=>({blur:()=>e.current?.blur(),focus:()=>e.current?.focus({preventScroll:!0})})),e}exports.useInputNumberInstance=t;