@vef-framework/components 1.0.62 → 1.0.64

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

@@ -1,31 +1,117 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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"),s=require("react"),n=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.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 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};
   }
-`,h=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;
   }
-`,f=Array.from(a.dynamicIconNames);const p=s.memo((function({value:r,onChange:a,keyword:o,onConfirm:c}){const{paddingXS:d,paddingXXS:p}=i.useThemeTokens(),v=s.useMemo((()=>{const e=t.trim(o);return e?t.cluster(f.filter((r=>r.includes(e))),6):t.cluster(f,6)}),[o]),[x,g]=s.useMemo((()=>[420+2*d,348+2*(p+2)]),[p,d]),b=s.useCallback((({item:i})=>{const t=i===r;return e.jsx("div",{className:t?"vef-icon-select-item-selected":void 0,css:h,title:i,onClick:()=>{t||a(i),c?.()},children:e.jsx(n.default,{name:i})})}),[a,c,r]),j=s.useMemo((()=>({width:x,height:g})),[x,g]);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:g,items:v,renderItem:b,rowHeight:60,width:x})})}));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 x(r){return e.jsxs(c.default,{css:v,children:[e.jsx(n.default,{name:r}),e.jsx(d.default,{ellipsis:!0,children:r})]})}exports.default=function({defaultValue:r,value:i,size:n,placeholder:a,disabled:l,clearable:c,variant:d,onChange:u,onClear:m}){const[h,f]=s.useState(r??null),v=s.useCallback((e=>{t.isUndefined(i)?f(e):u?.(e)}),[u,i]),g=s.useCallback((()=>{v(null),m?.()}),[v,m]);return e.jsx(o.default,{clearable:c,disabled:l,placeholder:a,renderLabel:x,size:n,value:i??h,variant:d,onClear:g,children:e.jsx(p,{value:t.isUndefined(i)?h: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.62, build time: 2025-01-09T07:31:10.823Z, 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-input/hooks/use-input-instance.cjs

@@ -1,3 +1,20 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useInputInstance=function(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.64, build time: 2025-01-10T01:26:01.691Z, 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.62, build time: 2025-01-09T07:31:10.823Z, 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"),t=require("antd"),r=require("react");require("../internal/index.cjs");const o=require("./hooks/use-input-instance.cjs"),u=require("../internal/utils.cjs");function a(e){return""===e?null:e}const i=r.forwardRef((({defaultValue:i,value:s,clearable:l,size:c,showCount:d,prepend:v,append:f,onChange:p,onEnterKeyPress:g,onBlur:q,onFocus:h,...j},m)=>{const x=r.useMemo((()=>({onChange:n.isFunction(p)?e=>p(a(e.target.value)):void 0,onPressEnter:n.isFunction(g)?e=>g(a(e.target.value)):void 0,onBlur:n.isFunction(q)?e=>q(a(e.target.value)):void 0,onFocus:n.isFunction(h)?e=>h(a(e.target.value)):void 0})),[p,g,q,h]),F=o.useInputInstance(m);return e.jsx(t.Input,{ref:F,addonAfter:f,addonBefore:v,allowClear:l,defaultValue:i,showCount:d,size:u.convertBasicSizeToUiSize(c),type:"text",value:s,...j,...x})}));i.displayName="VefInput",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 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.62, build time: 2025-01-09T07:31:10.823Z, 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-input-number/hooks/use-input-number-instance.cjs

@@ -1,3 +1,18 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useInputNumberInstance=function(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.64, build time: 2025-01-10T01:26:01.691Z, 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 */

package/lib/vef-input-number/index.cjs

@@ -1,3 +1,153 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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"),t=require("antd"),r=require("react");require("../internal/index.cjs");const o=require("./hooks/use-input-number-instance.cjs"),s=require("../internal/utils.cjs");function u(e,n){const t=Number.parseFloat(e);return Number.isNaN(t)?null:n?`${t}`:t}const i=r.forwardRef((({size:i,showControls:a,step:l,min:c,max:d,prepend:m,append:g,...F},f)=>{const v=r.useMemo((()=>{const{useStringFormat:e}=F;if(e){const{onChange:e,onEnterKeyPress:t,onBlur:r,onFocus:o}=F;return{stringFormat:!0,onChange:n.isFunction(e)?n=>e(n):void 0,onPressEnter:n.isFunction(t)?e=>t(u(e.target.value,!0)):void 0,onBlur:n.isFunction(r)?e=>r(u(e.target.value,!0)):void 0,onFocus:n.isFunction(o)?e=>o(u(e.target.value,!0)):void 0}}const{onChange:t,onEnterKeyPress:r,onBlur:o,onFocus:s}=F;return{stringFormat:!1,onChange:n.isFunction(t)?e=>t(e):void 0,onPressEnter:n.isFunction(r)?e=>r(u(e.target.value,!1)):void 0,onBlur:n.isFunction(o)?e=>o(u(e.target.value,!1)):void 0,onFocus:n.isFunction(s)?e=>s(u(e.target.value,!1)):void 0}}),[F]),p=o.useInputNumberInstance(f),{useStringFormat:h}=F;if(h){const{useStringFormat:r,defaultValue:o,value:u,onChange:f,onEnterKeyPress:h,onBlur:b,onFocus:x,...B}=F,{stringFormat:N}=v;if(N){const{stringFormat:r,...F}=v;return e.jsx(t.InputNumber,{ref:p,stringMode:!0,addonAfter:g,addonBefore:m,controls:a,css:n.styles.fullWidth,defaultValue:o,max:`${d}`,min:`${c}`,size:s.convertBasicSizeToUiSize(i),step:`${l}`,value:u,...B,...F})}return}const{useStringFormat:b,defaultValue:x,value:B,onChange:N,onEnterKeyPress:y,onBlur:S,onFocus:j,...q}=F,{stringFormat:C}=v;if(!C){const{stringFormat:r,...o}=v;return e.jsx(t.InputNumber,{ref:p,addonAfter:g,addonBefore:m,controls:a,css:n.styles.fullWidth,defaultValue:x,max:d,min:c,step:l,value:B,...q,...o})}}));i.displayName="VefInputNumber",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 shared = require('@vef-framework/shared');
+const antd = require('antd');
+const react = require('react');
+require('../internal/index.cjs');
+const useInputNumberInstance = require('./hooks/use-input-number-instance.cjs');
+const utils = require('../internal/utils.cjs');
+
+function normalizeValue(value, useStringFormat) {
+  const number = Number.parseFloat(value);
+  if (Number.isNaN(number)) {
+    return null;
+  }
+  return useStringFormat ? `${number}` : number;
+}
+const VefInputNumber = react.forwardRef(({
+  size,
+  showControls,
+  step,
+  min,
+  max,
+  prepend,
+  append,
+  ...restProps
+}, ref) => {
+  const eventHandlerGroup = react.useMemo(() => {
+    const { useStringFormat: useStringFormat2 } = restProps;
+    if (useStringFormat2) {
+      const {
+        onChange: onChange3,
+        onEnterKeyPress: onEnterKeyPress3,
+        onBlur: onBlur3,
+        onFocus: onFocus3
+      } = restProps;
+      return {
+        stringFormat: true,
+        onChange: shared.isFunction(onChange3) ? (value2) => onChange3(value2) : void 0,
+        onPressEnter: shared.isFunction(onEnterKeyPress3) ? (event) => onEnterKeyPress3(
+          normalizeValue(
+            event.target.value,
+            true
+          )
+        ) : void 0,
+        onBlur: shared.isFunction(onBlur3) ? (event) => onBlur3(
+          normalizeValue(event.target.value, true)
+        ) : void 0,
+        onFocus: shared.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: shared.isFunction(onChange2) ? (value2) => onChange2(value2) : void 0,
+      onPressEnter: shared.isFunction(onEnterKeyPress2) ? (event) => onEnterKeyPress2(
+        normalizeValue(
+          event.target.value,
+          false
+        )
+      ) : void 0,
+      onBlur: shared.isFunction(onBlur2) ? (event) => onBlur2(
+        normalizeValue(event.target.value, false)
+      ) : void 0,
+      onFocus: shared.isFunction(onFocus2) ? (event) => onFocus2(
+        normalizeValue(event.target.value, false)
+      ) : void 0
+    };
+  }, [restProps]);
+  const inputNumberRef = useInputNumberInstance.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__ */ jsxRuntime.jsx(
+        antd.InputNumber,
+        {
+          ref: inputNumberRef,
+          stringMode: true,
+          addonAfter: append,
+          addonBefore: prepend,
+          controls: showControls,
+          css: shared.styles.fullWidth,
+          defaultValue: defaultValue2,
+          max: `${max}`,
+          min: `${min}`,
+          size: utils.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__ */ jsxRuntime.jsx(
+      antd.InputNumber,
+      {
+        ref: inputNumberRef,
+        addonAfter: append,
+        addonBefore: prepend,
+        controls: showControls,
+        css: shared.styles.fullWidth,
+        defaultValue,
+        max,
+        min,
+        step,
+        value,
+        ...commonProps,
+        ...eventHandlers
+      }
+    );
+  }
+});
+VefInputNumber.displayName = "VefInputNumber";
+
+exports.default = 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 */

package/lib/vef-input-number/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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-layout/common-styles.cjs

@@ -1,6 +1,15 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react"),r=require("@vef-framework/shared"),t=e.css`
-  padding: ${r.themeVariables.paddingXs};
-  ${r.styles.flexCenter}
-`;exports.iconStyle=t;
+/*! 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 react = require('@emotion/react');
+const shared = require('@vef-framework/shared');
+
+const iconStyle = react.css`
+  padding: ${shared.themeVariables.paddingXs};
+  ${shared.styles.flexCenter}
+`;
+
+exports.iconStyle = 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 */

package/lib/vef-layout/components/content.cjs

@@ -1,3 +1,18 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd"),r=require("react"),{Content:n}=t.Layout;const o=r.memo((function({children:t}){return e.jsx(n,{children:t})}));o.displayName="VefContent",exports.default=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 antd = require('antd');
+const react = require('react');
+
+const { Content } = antd.Layout;
+function VefContentBase({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Content, { children });
+}
+const VefContent = react.memo(VefContentBase);
+VefContent.displayName = "VefContent";
+
+exports.default = VefContent;
 /*! 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-layout/components/font-size.cjs

@@ -1,3 +1,73 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),l=require("../../vef-config-provider/store.cjs"),t=require("../../vef-dropdown/index.cjs"),r=require("../../vef-icon/index.cjs"),n=require("../common-styles.cjs");function i(l){return e.jsx("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...l,children:e.jsxs("g",{fill:"none",fillRule:"evenodd",children:[e.jsx("path",{d:"m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"}),e.jsx("path",{d:"M21 12a1 1 0 0 1 1 1v6a1 1 0 0 1-1.911.412a4 4 0 1 1 0-6.824A1 1 0 0 1 21 12M8 4c.732 0 1.381.473 1.605 1.17l4.347 13.524a1 1 0 0 1-1.904.612L10.664 15H5.336l-1.384 4.306a1 1 0 0 1-1.904-.612L6.395 5.17A1.69 1.69 0 0 1 8 4m10 10a2 2 0 1 0 0 4a2 2 0 0 0 0-4M8 6.712L5.979 13h4.042z",fill:"currentColor"})]})})}function o(l){return e.jsx("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...l,children:e.jsx("path",{d:"M4 19V8.5a3.5 3.5 0 1 1 7 0V19m-7-6h7m10-1h-6",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2})})}function s(l){return e.jsx("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...l,children:e.jsx("path",{d:"M4 19V8.5a3.5 3.5 0 1 1 7 0V19m-7-6h7m7-4v6m3-3h-6",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2})})}const d=[{key:"medium",type:"item",label:"默认字号",icon:e.jsx(r.default,{children:e.jsx(o,{})})},{key:"large",type:"item",label:"大字号",icon:e.jsx(r.default,{children:e.jsx(s,{})})}];exports.default=function(){const[o,s]=l.useConfigStore((e=>[e.fontSize,e.setFontSize]));return e.jsx(t.default,{selectable:!0,items:d,selectedKeys:[o],onChange:([e])=>s(e),children:e.jsx("div",{css:n.iconStyle,children:e.jsx(r.default,{size:"large",children:e.jsx(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 store = require('../../vef-config-provider/store.cjs');
+const index$1 = require('../../vef-dropdown/index.cjs');
+const index = require('../../vef-icon/index.cjs');
+const commonStyles = require('../common-styles.cjs');
+
+function IconFontSize(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { height: 24, viewBox: "0 0 24 24", width: 24, xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", fillRule: "evenodd", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a1 1 0 0 1 1 1v6a1 1 0 0 1-1.911.412a4 4 0 1 1 0-6.824A1 1 0 0 1 21 12M8 4c.732 0 1.381.473 1.605 1.17l4.347 13.524a1 1 0 0 1-1.904.612L10.664 15H5.336l-1.384 4.306a1 1 0 0 1-1.904-.612L6.395 5.17A1.69 1.69 0 0 1 8 4m10 10a2 2 0 1 0 0 4a2 2 0 0 0 0-4M8 6.712L5.979 13h4.042z", fill: "currentColor" })
+  ] }) });
+}
+function IconFontSizeDecrease(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      height: 24,
+      viewBox: "0 0 24 24",
+      width: 24,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 19V8.5a3.5 3.5 0 1 1 7 0V19m-7-6h7m10-1h-6", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2 })
+    }
+  );
+}
+function IconFontSizeIncrease(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      height: 24,
+      viewBox: "0 0 24 24",
+      width: 24,
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 19V8.5a3.5 3.5 0 1 1 7 0V19m-7-6h7m7-4v6m3-3h-6", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2 })
+    }
+  );
+}
+const menuItems = [
+  {
+    key: "medium",
+    type: "item",
+    label: "\u9ED8\u8BA4\u5B57\u53F7",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(IconFontSizeDecrease, {}) })
+  },
+  {
+    key: "large",
+    type: "item",
+    label: "\u5927\u5B57\u53F7",
+    icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(IconFontSizeIncrease, {}) })
+  }
+];
+function VefFontSize() {
+  const [fontSize, setFontSize] = store.useConfigStore((state) => [state.fontSize, state.setFontSize]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index$1.default,
+    {
+      selectable: true,
+      items: menuItems,
+      selectedKeys: [fontSize],
+      onChange: ([fontSize2]) => setFontSize(fontSize2),
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: commonStyles.iconStyle, children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { size: "large", children: /* @__PURE__ */ jsxRuntime.jsx(IconFontSize, {}) }) })
+    }
+  );
+}
+
+exports.default = VefFontSize;
 /*! 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-layout/components/fullscreen.cjs

@@ -1,3 +1,28 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("lucide-react"),i=require("react"),r=require("../../vef-icon/index.cjs"),c=require("../../vef-tooltip/index.cjs"),n=require("../common-styles.cjs");exports.default=function(){const[s,o]=i.useState(!1),u=i.useCallback((()=>{s?(document.exitFullscreen(),o(!1)):(document.body.requestFullscreen(),o(!0))}),[s]);return e.jsx(c.default,{content:s?"退出全屏":"全屏",delay:.5,children:e.jsx("div",{css:n.iconStyle,onClick:u,children:e.jsx(r.default,{size:"large",children:s?e.jsx(t.MinimizeIcon,{}):e.jsx(t.MaximizeIcon,{})})})})};
+/*! 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 lucideReact = require('lucide-react');
+const react = require('react');
+const index$1 = require('../../vef-icon/index.cjs');
+const index = require('../../vef-tooltip/index.cjs');
+const commonStyles = require('../common-styles.cjs');
+
+function VefFullscreen() {
+  const [isFullscreen, setIsFullscreen] = react.useState(false);
+  const handleClick = react.useCallback(() => {
+    if (isFullscreen) {
+      document.exitFullscreen();
+      setIsFullscreen(false);
+    } else {
+      document.body.requestFullscreen();
+      setIsFullscreen(true);
+    }
+  }, [isFullscreen]);
+  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { content: isFullscreen ? "\u9000\u51FA\u5168\u5C4F" : "\u5168\u5C4F", delay: 0.5, children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: commonStyles.iconStyle, onClick: handleClick, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { size: "large", children: isFullscreen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MinimizeIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MaximizeIcon, {}) }) }) });
+}
+
+exports.default = VefFullscreen;
 /*! 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 */