@vef-framework/components 1.0.63 → 1.0.64

package/lib/vef-form-drawer/index.cjs

@@ -1,3 +1,103 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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/hooks"),t=require("@vef-framework/shared"),o=require("react"),s=require("../vef-button/index.cjs"),r=require("../vef-drawer/index.cjs"),l=require("../vef-form/index.cjs"),a=require("../vef-drawer/components/action-button-wrapper.cjs");const i=o.memo((function({title:i,open:c,closable:u,closeOnMaskClick:d,closeOnEscPress:f,destroyOnClose:x=!0,cancelOnClose:m,placement:C,expansionSize:b="medium",loading:p,extra:k,cancelButtonText:j,actions:O,onClose:v,onCancel:q,onAfterClose:h,onAfterOpen:w,submissionButtonText:B,disabled:g=!1,...y}){const A=o.useRef(null),M=o.useCallback((async()=>{await(A.current?.submit())}),[]),P=n.useContextDisabled()||g,S=o.useCallback((()=>{A.current?.reset()}),[]),T=o.useCallback((([n,o])=>{const r=e.jsx(a.default,{children:e.jsx(s.default,{color:"default",disabled:P,variant:"filled",onClick:S,children:"重置"})},"resetActionButton");return t.isFunction(O)?O([n,r,o]):e.jsxs(e.Fragment,{children:[n,r,o]})}),[O,P,S]);return e.jsx(n.DisabledContextProvider,{value:P,children:e.jsx(r.default,{actions:T,cancelOnClose:m,closable:u,closeOnEscPress:f,closeOnMaskClick:d,destroyOnClose:x,expansionSize:b,extra:k,loading:p,okButtonText:B,open:c,placement:C,title:i,onAfterClose:h,onAfterOpen:w,onCancel:q,onClose:v,onOk:M,children:e.jsx(l.default,{ref:A,resetButton:!1,submissionButton:!1,...y})})})}));i.displayName="VefFormDrawer",exports.default=i;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const react = require('react');
+const index = require('../vef-button/index.cjs');
+const index$1 = require('../vef-drawer/index.cjs');
+const index$2 = require('../vef-form/index.cjs');
+const actionButtonWrapper = require('../vef-drawer/components/action-button-wrapper.cjs');
+
+function VefFormDrawerBase({
+  title,
+  open,
+  closable,
+  closeOnMaskClick,
+  closeOnEscPress,
+  destroyOnClose = true,
+  cancelOnClose,
+  placement,
+  expansionSize = "medium",
+  loading,
+  extra,
+  cancelButtonText,
+  actions,
+  onClose,
+  onCancel,
+  onAfterClose,
+  onAfterOpen,
+  submissionButtonText,
+  disabled = false,
+  ...formProps
+}) {
+  const formInstanceRef = react.useRef(null);
+  const handleSubmit = react.useCallback(async () => {
+    await formInstanceRef.current?.submit();
+  }, []);
+  const contextDisabled = hooks.useContextDisabled();
+  const formDisabled = contextDisabled || disabled;
+  const handleReset = react.useCallback(() => {
+    formInstanceRef.current?.reset();
+  }, []);
+  const actionNode = react.useCallback(([cancelButton, submitButton]) => {
+    const resetButton = /* @__PURE__ */ jsxRuntime.jsx(actionButtonWrapper.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      index.default,
+      {
+        color: "default",
+        disabled: formDisabled,
+        variant: "filled",
+        onClick: handleReset,
+        children: "\u91CD\u7F6E"
+      }
+    ) }, "resetActionButton");
+    if (shared.isFunction(actions)) {
+      return actions([cancelButton, resetButton, submitButton]);
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      cancelButton,
+      resetButton,
+      submitButton
+    ] });
+  }, [actions, formDisabled, handleReset]);
+  return /* @__PURE__ */ jsxRuntime.jsx(hooks.DisabledContextProvider, { value: formDisabled, children: /* @__PURE__ */ jsxRuntime.jsx(
+    index$1.default,
+    {
+      actions: actionNode,
+      cancelOnClose,
+      closable,
+      closeOnEscPress,
+      closeOnMaskClick,
+      destroyOnClose,
+      expansionSize,
+      extra,
+      loading,
+      okButtonText: submissionButtonText,
+      open,
+      placement,
+      title,
+      onAfterClose,
+      onAfterOpen,
+      onCancel,
+      onClose,
+      onOk: handleSubmit,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        index$2.default,
+        {
+          ref: formInstanceRef,
+          resetButton: false,
+          submissionButton: false,
+          ...formProps
+        }
+      )
+    }
+  ) });
+}
+const VefFormDrawer = react.memo(VefFormDrawerBase);
+VefFormDrawer.displayName = "VefFormDrawer";
+
+exports.default = VefFormDrawer;
 /*! 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-form-drawer/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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-form-modal/index.cjs

@@ -1,3 +1,100 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@vef-framework/hooks"),t=require("@vef-framework/shared"),n=require("react"),s=require("../vef-button/index.cjs"),l=require("../vef-form/index.cjs"),r=require("../vef-modal/index.cjs"),i=require("../vef-modal/components/action-button-wrapper.cjs");const a=n.memo((function({submissionButtonText:a="提交",actions:c,title:u,open:d,closable:f,closeOnMaskClick:m,closeOnEscPress:x,destroyOnClose:C=!0,cancelOnClose:b,width:k="medium",loading:j,cancelButtonText:O,onClose:p,onCancel:v,onAfterOpen:h,onAfterClose:q,disabled:B=!1,...w}){const g=n.useRef(null),y=n.useCallback((async()=>{await(g.current?.submit())}),[]),A=o.useContextDisabled()||B,M=n.useCallback((()=>{g.current?.reset()}),[]),T=n.useCallback((([o,n])=>{const l=e.jsx(i.default,{children:e.jsx(s.default,{color:"default",variant:"filled",onClick:M,children:"重置"})},"resetActionButton");return t.isFunction(c)?c([o,l,n]):e.jsxs(e.Fragment,{children:[o,l,n]})}),[c,M]);return e.jsx(o.DisabledContextProvider,{value:A,children:e.jsx(r.default,{actions:T,cancelButtonText:O,cancelOnClose:b,closable:f,closeOnEscPress:x,closeOnMaskClick:m,destroyOnClose:C,loading:j,okButtonText:a,open:d,title:u,width:k,onAfterClose:q,onAfterOpen:h,onCancel:v,onClose:p,onOk:y,children:e.jsx(l.default,{ref:g,disabled:A,resetButton:!1,submissionButton:!1,...w})})})}));a.displayName="VefFormModal",exports.default=a;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const react = require('react');
+const index = require('../vef-button/index.cjs');
+const index$2 = require('../vef-form/index.cjs');
+const index$1 = require('../vef-modal/index.cjs');
+const actionButtonWrapper = require('../vef-modal/components/action-button-wrapper.cjs');
+
+function VefFormModalBase({
+  submissionButtonText = "\u63D0\u4EA4",
+  actions,
+  title,
+  open,
+  closable,
+  closeOnMaskClick,
+  closeOnEscPress,
+  destroyOnClose = true,
+  cancelOnClose,
+  width = "medium",
+  loading,
+  cancelButtonText,
+  onClose,
+  onCancel,
+  onAfterOpen,
+  onAfterClose,
+  disabled = false,
+  ...formProps
+}) {
+  const formInstanceRef = react.useRef(null);
+  const handleSubmit = react.useCallback(async () => {
+    await formInstanceRef.current?.submit();
+  }, []);
+  const contextDisabled = hooks.useContextDisabled();
+  const formDisabled = contextDisabled || disabled;
+  const handleReset = react.useCallback(() => {
+    formInstanceRef.current?.reset();
+  }, []);
+  const actionNode = react.useCallback(([cancelButton, submitButton]) => {
+    const resetButton = /* @__PURE__ */ jsxRuntime.jsx(actionButtonWrapper.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      index.default,
+      {
+        color: "default",
+        variant: "filled",
+        onClick: handleReset,
+        children: "\u91CD\u7F6E"
+      }
+    ) }, "resetActionButton");
+    if (shared.isFunction(actions)) {
+      return actions([cancelButton, resetButton, submitButton]);
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      cancelButton,
+      resetButton,
+      submitButton
+    ] });
+  }, [actions, handleReset]);
+  return /* @__PURE__ */ jsxRuntime.jsx(hooks.DisabledContextProvider, { value: formDisabled, children: /* @__PURE__ */ jsxRuntime.jsx(
+    index$1.default,
+    {
+      actions: actionNode,
+      cancelButtonText,
+      cancelOnClose,
+      closable,
+      closeOnEscPress,
+      closeOnMaskClick,
+      destroyOnClose,
+      loading,
+      okButtonText: submissionButtonText,
+      open,
+      title,
+      width,
+      onAfterClose,
+      onAfterOpen,
+      onCancel,
+      onClose,
+      onOk: handleSubmit,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        index$2.default,
+        {
+          ref: formInstanceRef,
+          disabled: formDisabled,
+          resetButton: false,
+          submissionButton: false,
+          ...formProps
+        }
+      )
+    }
+  ) });
+}
+const VefFormModal = react.memo(VefFormModalBase);
+VefFormModal.displayName = "VefFormModal";
+
+exports.default = VefFormModal;
 /*! 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-form-modal/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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-generic-select/index.cjs

@@ -1,3 +1,86 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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"),n=require("@vef-framework/shared"),a=require("antd"),l=require("lucide-react"),i=require("react");require("../internal/index.cjs");const o=require("../vef-icon/index.cjs"),t=require("../internal/utils.cjs"),s={"--vef-select-option-padding":0};exports.default=function({value:u,size:c,renderLabel:d,placeholder:f,disabled:h,clearable:p,loading:S,variant:b,children:v,onClear:x}){const[j,q]=i.useState(!1),[C,g]=i.useState(!1),[m,w]=i.useState(),k=i.useDeferredValue(m),y=i.useCallback((()=>{g(!1)}),[]),z=i.useCallback((()=>{g(!0)}),[]),M=i.useCallback((()=>{q(!1)}),[]),F=i.useMemo((()=>{if(n.isFunction(d))return({value:e})=>d?.(e)}),[d]),V=C&&j?e.jsx(r.SearchOutlined,{}):e.jsx(o.default,{children:e.jsx(l.LeafIcon,{})}),B=i.cloneElement(v,{keyword:k,onConfirm:M});return e.jsx(a.Select,{showSearch:!0,allowClear:p,css:n.styles.fullWidth,disabled:h,dropdownStyle:s,labelRender:F,loading:S,notFoundContent:B,open:j,placeholder:f,popupMatchSelectWidth:!1,searchValue:m,size:t.convertBasicSizeToUiSize(c),suffixIcon:V,value:u,variant:b,onBlur:y,onClear:x,onDropdownVisibleChange:q,onFocus:z,onSearch:w})};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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 shared = require('@vef-framework/shared');
+const antd = require('antd');
+const lucideReact = require('lucide-react');
+const react = require('react');
+require('../internal/index.cjs');
+const index = require('../vef-icon/index.cjs');
+const utils = require('../internal/utils.cjs');
+
+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;
 /*! 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-generic-select/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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-grid/index.cjs

@@ -1,14 +1,94 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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.64, build time: 2025-01-10T01:26:01.691Z, 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({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.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.BREAKPOINTS=["xs","sm","md","lg","xl","xxl"];
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.63, build time: 2025-01-09T12:00:00.992Z, 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({span:s,xs:t,sm:u,md:d,lg:l,xl:m,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}`),l&&e.push(`vef-grid-item-lg-${l}`),m&&e.push(`vef-grid-item-xl-${m}`),n&&e.push(`vef-grid-item-xxl-${n}`),e}),[s,t,u,d,l,m,n]);return e.jsx("div",{className:r(x),children:o})};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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,50 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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"),t=require("@vef-framework/shared"),n=require("react"),o=n.forwardRef((({size:o,children:i,...s},l)=>{const a=n.useMemo((()=>{const e="small"===o?t.themeVariables.fontSizeSm:"medium"===o?t.themeVariables.fontSize:"large"===o?t.themeVariables.fontSizeLg:"huge"===o?t.themeVariables.fontSizeXl:void 0;if(e)return{fontSize:e}}),[o]);return e.jsx(r,{ref:l,style:a,component:e=>{const r=t.omit(e,["fill"]);if(i.type===n.Suspense){const{children:e}=i.props;return n.cloneElement(i,{children:n.cloneElement(e,r)})}return n.cloneElement(i,r)},...s})})),i=n.memo(o);i.displayName="VefIcon",exports.default=i;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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 shared = require('@vef-framework/shared');
+const react = require('react');
+
+const VefIconBase = react.forwardRef(
+  ({
+    size,
+    children,
+    ...restProps
+  }, ref) => {
+    const style = react.useMemo(() => {
+      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) {
+        return;
+      }
+      return {
+        fontSize
+      };
+    }, [size]);
+    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.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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 */