@vef-framework/components 1.0.112 → 1.0.114

package/lib/vef-temporal-range-picker/helper.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const yearFormats=["YYYY"],quarterFormats=["YYYY-Q季度"],monthFormats=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],weekFormats=["YYYY-wo"],dateFormats=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],timeFormats=["HH:mm:ss","HH.mm.ss","HHmmss"],hourFormats=["HH"],minuteFormats=["HH:mm","HH.mm","HHmm"],datetimeFormats=["YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss","YYYY.MM.DD HH.mm.ss","YYYYMMDDHHmmss","YY/MM/DD HH:mm:ss","YY.MM.DD HH:mm:ss","YY.MM.DD HH.mm.ss","YYMMDDHHmmss"];function getTemporalFormats(mode){return mode==="year"?yearFormats:mode==="quarter"?quarterFormats:mode==="month"?monthFormats:mode==="week"?weekFormats:mode==="datetime"?datetimeFormats:mode==="date"?dateFormats:mode==="time"?timeFormats:mode==="hour"?hourFormats:mode==="minute"?minuteFormats:[]}exports.getTemporalFormats=getTemporalFormats;/*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const yearFormats=["YYYY"],quarterFormats=["YYYY-Q季度"],monthFormats=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],weekFormats=["YYYY-wo"],dateFormats=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],timeFormats=["HH:mm:ss","HH.mm.ss","HHmmss"],hourFormats=["HH"],minuteFormats=["HH:mm","HH.mm","HHmm"],datetimeFormats=["YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss","YYYY.MM.DD HH.mm.ss","YYYYMMDDHHmmss","YY/MM/DD HH:mm:ss","YY.MM.DD HH:mm:ss","YY.MM.DD HH.mm.ss","YYMMDDHHmmss"];function getTemporalFormats(mode){return mode==="year"?yearFormats:mode==="quarter"?quarterFormats:mode==="month"?monthFormats:mode==="week"?weekFormats:mode==="datetime"?datetimeFormats:mode==="date"?dateFormats:mode==="time"?timeFormats:mode==="hour"?hourFormats:mode==="minute"?minuteFormats:[]}exports.getTemporalFormats=getTemporalFormats;/*! 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-temporal-range-picker/hooks/use-dayjs-values.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),dayjs=require("dayjs"),react=require("react"),props=require("../props.cjs");function useDayjsValues(value,formats){return react.useMemo(()=>{if(shared.isNullish(value))return value;if(shared.isArray(value))return value.map(it=>dayjs(it,formats));const[begin,end]=value.split(props.stringFormatSeparator);return[dayjs(begin,formats),dayjs(end,formats)]},[value,formats])}exports.useDayjsValues=useDayjsValues;/*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),dayjs=require("dayjs"),react=require("react"),props=require("../props.cjs");function useDayjsValues(value,formats){return react.useMemo(()=>{if(shared.isNullish(value))return value;if(shared.isArray(value))return value.map(it=>dayjs(it,formats));const[begin,end]=value.split(props.stringFormatSeparator);return[dayjs(begin,formats),dayjs(end,formats)]},[value,formats])}exports.useDayjsValues=useDayjsValues;/*! 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-temporal-range-picker/hooks/use-temporal-limit.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),dayjs=require("dayjs"),react=require("react");function useTemporalLimit({maxDate,minDate,disabledDate,disabledTime}){const[minDateValue,maxDateValue]=react.useMemo(()=>[minDate?dayjs(minDate):void 0,maxDate?dayjs(maxDate):void 0],[minDate,maxDate]),disabledTimeValue=react.useMemo(()=>{if(shared.isFunction(disabledTime))return now=>disabledTime(now.toDate())},[disabledTime]),disabledDateValue=react.useMemo(()=>{if(shared.isFunction(disabledDate))return(now,{from})=>disabledDate(now.toDate(),from?.toDate())},[disabledDate]);return{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}}exports.useTemporalLimit=useTemporalLimit;/*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),dayjs=require("dayjs"),react=require("react");function useTemporalLimit({maxDate,minDate,disabledDate,disabledTime}){const[minDateValue,maxDateValue]=react.useMemo(()=>[minDate?dayjs(minDate):void 0,maxDate?dayjs(maxDate):void 0],[minDate,maxDate]),disabledTimeValue=react.useMemo(()=>{if(shared.isFunction(disabledTime))return now=>disabledTime(now.toDate())},[disabledTime]),disabledDateValue=react.useMemo(()=>{if(shared.isFunction(disabledDate))return(now,{from})=>disabledDate(now.toDate(),from?.toDate())},[disabledDate]);return{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}}exports.useTemporalLimit=useTemporalLimit;/*! 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-temporal-range-picker/hooks/use-temporal-range-picker-instance.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTemporalRangePickerInstance(ref){const temporalPickerRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{temporalPickerRef.current?.blur()},focus:()=>{temporalPickerRef.current?.focus({preventScroll:!0})}})),temporalPickerRef}exports.useTemporalRangePickerInstance=useTemporalRangePickerInstance;/*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTemporalRangePickerInstance(ref){const temporalPickerRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{temporalPickerRef.current?.blur()},focus:()=>{temporalPickerRef.current?.focus({preventScroll:!0})}})),temporalPickerRef}exports.useTemporalRangePickerInstance=useTemporalRangePickerInstance;/*! 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-temporal-range-picker/index.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const helper=require("./helper.cjs"),useDayjsValues=require("./hooks/use-dayjs-values.cjs"),useTemporalLimit=require("./hooks/use-temporal-limit.cjs"),useTemporalRangePickerInstance=require("./hooks/use-temporal-range-picker-instance.cjs"),props=require("./props.cjs"),utils=require("../internal/utils.cjs");function VefTemporalRangePickerBase({defaultValue,value,clearable,mode="date",size,useStringFormat=!1,maxDate,minDate,disabledTime,disabledDate,hourStep,minuteStep,secondStep,onChange,...restProps},ref){const formats=helper.getTemporalFormats(mode),valueToUse=useDayjsValues.useDayjsValues(value,formats),defaultValueToUse=useDayjsValues.useDayjsValues(value,formats),{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}=useTemporalLimit.useTemporalLimit({maxDate,minDate,disabledTime,disabledDate}),temporalRangePickerRef=useTemporalRangePickerInstance.useTemporalRangePickerInstance(ref),handleChange=react.useMemo(()=>{if(shared.isFunction(onChange))return(value2,valueFormats)=>{if(!value2){onChange(null,null);return}const dates=[value2[0].toDate(),value2[1].toDate()];onChange(useStringFormat?valueFormats.join(props.stringFormatSeparator):valueFormats,dates)}},[onChange,useStringFormat]);return mode==="time"||mode==="hour"||mode==="minute"?jsxRuntime.jsx(antd.TimePicker.RangePicker,{ref:temporalRangePickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledTime:disabledTimeValue,format:formats,hourStep,minuteStep,secondStep,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):mode==="datetime"?jsxRuntime.jsx(antd.DatePicker.RangePicker,{ref:temporalRangePickerRef,showTime:!0,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,disabledTime:disabledTimeValue,format:formats,hourStep,maxDate:maxDateValue,minDate:minDateValue,minuteStep,picker:"date",secondStep,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):jsxRuntime.jsx(antd.DatePicker.RangePicker,{ref:temporalRangePickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,format:formats,maxDate:maxDateValue,minDate:minDateValue,picker:mode,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps})}const VefTemporalRangePicker=react.memo(react.forwardRef(VefTemporalRangePickerBase));VefTemporalRangePicker.displayName="VefTemporalRangePicker",exports.default=VefTemporalRangePicker;/*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const helper=require("./helper.cjs"),useDayjsValues=require("./hooks/use-dayjs-values.cjs"),useTemporalLimit=require("./hooks/use-temporal-limit.cjs"),useTemporalRangePickerInstance=require("./hooks/use-temporal-range-picker-instance.cjs"),props=require("./props.cjs"),utils=require("../internal/utils.cjs");function VefTemporalRangePickerBase({defaultValue,value,clearable,mode="date",size,useStringFormat=!1,maxDate,minDate,disabledTime,disabledDate,hourStep,minuteStep,secondStep,onChange,...restProps},ref){const formats=helper.getTemporalFormats(mode),valueToUse=useDayjsValues.useDayjsValues(value,formats),defaultValueToUse=useDayjsValues.useDayjsValues(value,formats),{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}=useTemporalLimit.useTemporalLimit({maxDate,minDate,disabledTime,disabledDate}),temporalRangePickerRef=useTemporalRangePickerInstance.useTemporalRangePickerInstance(ref),handleChange=react.useMemo(()=>{if(shared.isFunction(onChange))return(value2,valueFormats)=>{if(!value2){onChange(null,null);return}const dates=[value2[0].toDate(),value2[1].toDate()];onChange(useStringFormat?valueFormats.join(props.stringFormatSeparator):valueFormats,dates)}},[onChange,useStringFormat]);return mode==="time"||mode==="hour"||mode==="minute"?jsxRuntime.jsx(antd.TimePicker.RangePicker,{ref:temporalRangePickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledTime:disabledTimeValue,format:formats,hourStep,minuteStep,secondStep,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):mode==="datetime"?jsxRuntime.jsx(antd.DatePicker.RangePicker,{ref:temporalRangePickerRef,showTime:!0,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,disabledTime:disabledTimeValue,format:formats,hourStep,maxDate:maxDateValue,minDate:minDateValue,minuteStep,picker:"date",secondStep,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):jsxRuntime.jsx(antd.DatePicker.RangePicker,{ref:temporalRangePickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,format:formats,maxDate:maxDateValue,minDate:minDateValue,picker:mode,size:utils.convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps})}const VefTemporalRangePicker=react.memo(react.forwardRef(VefTemporalRangePickerBase));VefTemporalRangePicker.displayName="VefTemporalRangePicker",exports.default=VefTemporalRangePicker;/*! 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-temporal-range-picker/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const stringFormatSeparator="_";exports.stringFormatSeparator=stringFormatSeparator;/*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const stringFormatSeparator="_";exports.stringFormatSeparator=stringFormatSeparator;/*! 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-text/index.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),antd=require("antd"),react=require("react"),{Text}=antd.Typography;function VefText({variant,color,bold,ellipsis,ellipsisTip,ellipsisTipPlacement,copyable,copiedText,onCopy,...restProps}){const ellipsisConfig=react.useMemo(()=>{if(ellipsis)return{tooltip:ellipsisTip??restProps.children,placement:ellipsisTipPlacement}},[ellipsis,ellipsisTip,ellipsisTipPlacement,restProps.children]),colorTokens=hooks.useColorTokens(),styleProps=react.useMemo(()=>{const props={};return variant==="shortcut"?props.keyboard=!0:variant==="strikethrough"?props.delete=!0:variant&&(props[variant]=!0),color==="secondary"?props.type="secondary":color&&(props.css={color:colorTokens.get(color)}),bold&&(props.strong=!0),props},[bold,color,colorTokens,variant]),copyConfig=react.useMemo(()=>{if(copyable)return{format:"text/plain",text:copiedText,onCopy}},[copyable,copiedText,onCopy]);return jsxRuntime.jsx(Text,{copyable:copyConfig,ellipsis:ellipsisConfig,...styleProps,...restProps})}exports.default=VefText;/*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),antd=require("antd"),react=require("react"),{Text}=antd.Typography;function VefText({variant,color,bold,ellipsis,ellipsisTip,ellipsisTipPlacement,copyable,copiedText,onCopy,...restProps}){const ellipsisConfig=react.useMemo(()=>{if(ellipsis)return{tooltip:ellipsisTip??restProps.children,placement:ellipsisTipPlacement}},[ellipsis,ellipsisTip,ellipsisTipPlacement,restProps.children]),colorTokens=hooks.useColorTokens(),styleProps=react.useMemo(()=>{const props={};return variant==="shortcut"?props.keyboard=!0:variant==="strikethrough"?props.delete=!0:variant&&(props[variant]=!0),color==="secondary"?props.type="secondary":color&&(props.css={color:colorTokens.get(color)}),bold&&(props.strong=!0),props},[bold,color,colorTokens,variant]),copyConfig=react.useMemo(()=>{if(copyable)return{format:"text/plain",text:copiedText,onCopy}},[copyable,copiedText,onCopy]);return jsxRuntime.jsx(Text,{copyable:copyConfig,ellipsis:ellipsisConfig,...styleProps,...restProps})}exports.default=VefText;/*! 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-text/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. *//*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. *//*! 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-textarea/hooks/use-textarea-instance.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTextareaInstance(ref){const textareaRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>textareaRef.current?.blur(),focus:()=>textareaRef.current?.focus({preventScroll:!0})})),textareaRef}exports.useTextareaInstance=useTextareaInstance;/*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTextareaInstance(ref){const textareaRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>textareaRef.current?.blur(),focus:()=>textareaRef.current?.focus({preventScroll:!0})})),textareaRef}exports.useTextareaInstance=useTextareaInstance;/*! 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-textarea/index.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const useTextareaInstance=require("./hooks/use-textarea-instance.cjs"),utils=require("../internal/utils.cjs"),{TextArea}=antd.Input;function normalizeValue(value){return value===""?null:value}const VefTextarea=react.forwardRef(({defaultValue,value,size,clearable,showCount,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]),textareaRef=useTextareaInstance.useTextareaInstance(ref);return jsxRuntime.jsx(TextArea,{ref:textareaRef,allowClear:clearable,defaultValue,showCount,size:utils.convertBasicSizeToUiSize(size),value,...restProps,...eventHandlers})});VefTextarea.displayName="VefTextarea",exports.default=VefTextarea;/*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const useTextareaInstance=require("./hooks/use-textarea-instance.cjs"),utils=require("../internal/utils.cjs"),{TextArea}=antd.Input;function normalizeValue(value){return value===""?null:value}const VefTextarea=react.forwardRef(({defaultValue,value,size,clearable,showCount,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]),textareaRef=useTextareaInstance.useTextareaInstance(ref);return jsxRuntime.jsx(TextArea,{ref:textareaRef,allowClear:clearable,defaultValue,showCount,size:utils.convertBasicSizeToUiSize(size),value,...restProps,...eventHandlers})});VefTextarea.displayName="VefTextarea",exports.default=VefTextarea;/*! 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-textarea/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. *//*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. *//*! 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-title/index.cjs

@@ -1,4 +1,4 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),antd=require("antd"),react$1=require("react"),index=require("../vef-divider/index.cjs"),{Title}=antd.Typography,dividerStyle=react.css`
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),antd=require("antd"),react$1=require("react"),index=require("../vef-divider/index.cjs"),{Title}=antd.Typography,dividerStyle=react.css`
   margin: ${shared.themeVariables.marginSm} 0 ${shared.themeVariables.marginLg};
 `,leftBarStyle=react.css`
   &::before {

package/lib/vef-title/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. *//*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. *//*! 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-tooltip/index.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd"),react=require("react"),VefTooltip=react.forwardRef(({content,trigger="hover",arrow=!0,delay=.1,defaultOpened,opened,onOpenedChange,...restProps},ref)=>{const tooltipRef=react.useRef(null);return react.useImperativeHandle(ref,()=>tooltipRef.current.nativeElement),jsxRuntime.jsx(antd.Tooltip,{ref:tooltipRef,arrow,defaultOpen:defaultOpened,mouseEnterDelay:delay,open:opened,title:content,trigger,onOpenChange:onOpenedChange,...restProps})});VefTooltip.displayName="VefTooltip",exports.default=VefTooltip;/*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd"),react=require("react"),VefTooltip=react.forwardRef(({content,trigger="hover",arrow=!0,delay=.1,defaultOpened,opened,onOpenedChange,...restProps},ref)=>{const tooltipRef=react.useRef(null);return react.useImperativeHandle(ref,()=>tooltipRef.current.nativeElement),jsxRuntime.jsx(antd.Tooltip,{ref:tooltipRef,arrow,defaultOpen:defaultOpened,mouseEnterDelay:delay,open:opened,title:content,trigger,onOpenChange:onOpenedChange,...restProps})});VefTooltip.displayName="VefTooltip",exports.default=VefTooltip;/*! 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-tooltip/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. *//*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. *//*! 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-tree-select/hooks/use-change-handler.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),react=require("react");function useChangeHandler(onChange,options){const optionsMap=react.useMemo(()=>options.reduce((map,option)=>(map.set(option.value,option),map),new Map),[options]);return react.useMemo(()=>{if(shared.isFunction(onChange))return value=>{if(!value){onChange(null,null);return}shared.isArray(value)?onChange(value,value.map(it=>optionsMap.get(it))):onChange(value,optionsMap.get(value))}},[onChange,optionsMap])}exports.useChangeHandler=useChangeHandler;/*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),react=require("react");function useChangeHandler(onChange,options){const optionsMap=react.useMemo(()=>options.reduce((map,option)=>(map.set(option.value,option),map),new Map),[options]);return react.useMemo(()=>{if(shared.isFunction(onChange))return value=>{if(!value){onChange(null,null);return}shared.isArray(value)?onChange(value,value.map(it=>optionsMap.get(it))):onChange(value,optionsMap.get(value))}},[onChange,optionsMap])}exports.useChangeHandler=useChangeHandler;/*! 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-tree-select/hooks/use-data-options.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react=require("react");function useDataOptions({value,multiple=!1,onChange,...rest}){const{onFilterKeywordChange,normalizedOptions,defaultOption,isLoading,fallbackOptions,isFallbackOptionsLoading}=hooks.useComputedOptions({...rest,selectedOptionValues:shared.isArray(value)?value:value?[value]:[]});return react.useLayoutEffect(()=>{defaultOption&&shared.isFunction(onChange)&&shared.isNullish(value)&&onChange(multiple?[defaultOption.value]:defaultOption.value,multiple?[defaultOption]:defaultOption)},[defaultOption,multiple,onChange,value]),{onFilterKeywordChange,normalizedOptions,isLoading,fallbackOptions,isFallbackOptionsLoading}}exports.useDataOptions=useDataOptions;/*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react=require("react");function useDataOptions({value,multiple=!1,onChange,...rest}){const{onFilterKeywordChange,normalizedOptions,defaultOption,isLoading,fallbackOptions,isFallbackOptionsLoading}=hooks.useComputedOptions({...rest,selectedOptionValues:shared.isArray(value)?value:value?[value]:[]});return react.useLayoutEffect(()=>{defaultOption&&shared.isFunction(onChange)&&shared.isNullish(value)&&onChange(multiple?[defaultOption.value]:defaultOption.value,multiple?[defaultOption]:defaultOption)},[defaultOption,multiple,onChange,value]),{onFilterKeywordChange,normalizedOptions,isLoading,fallbackOptions,isFallbackOptionsLoading}}exports.useDataOptions=useDataOptions;/*! 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-tree-select/hooks/use-tree-select-instance.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTreeSelectInstance(ref,dataOptions){const treeSelectRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{treeSelectRef.current?.blur()},focus:()=>{treeSelectRef.current?.focus({preventScroll:!0})},getDataOptions:()=>dataOptions})),treeSelectRef}exports.useTreeSelectInstance=useTreeSelectInstance;/*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTreeSelectInstance(ref,dataOptions){const treeSelectRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{treeSelectRef.current?.blur()},focus:()=>{treeSelectRef.current?.focus({preventScroll:!0})},getDataOptions:()=>dataOptions})),treeSelectRef}exports.useTreeSelectInstance=useTreeSelectInstance;/*! 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-tree-select/index.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const index=require("../vef-loading-placeholder/index.cjs"),useChangeHandler=require("./hooks/use-change-handler.cjs"),useDataOptions=require("./hooks/use-data-options.cjs"),useTreeSelectInstance=require("./hooks/use-tree-select-instance.cjs"),utils=require("../internal/utils.cjs"),listHeight=280,loadingPlaceholder=jsxRuntime.jsx("div",{css:{height:listHeight/2},children:jsxRuntime.jsx(index.default,{})}),treeLineOptions={showLeafIcon:!1};function VefTreeSelectBase({defaultValue,value,size,clearable,disabled,placeholder,variant,maxCount,onClear,onBlur,onFocus,onChange,onSelect,onDeselect,multiple=!1,filterable=!0,filterFromRemote=!1,...restProps},ref){const{normalizedOptions,isLoading}=useDataOptions.useDataOptions({value,multiple,onChange,filterable,filterFromRemote,...restProps}),filterTreeNode=hooks.useOptionFilter(filterable,!1),handleChange=useChangeHandler.useChangeHandler(onChange,normalizedOptions),treeSelectRef=useTreeSelectInstance.useTreeSelectInstance(ref,normalizedOptions);return jsxRuntime.jsx(antd.TreeSelect,{ref:treeSelectRef,virtual:!0,allowClear:clearable,css:shared.styles.fullWidth,defaultValue,disabled,filterTreeNode,listHeight,loading:isLoading,maxCount,maxTagCount:multiple?"responsive":void 0,multiple,notFoundContent:isLoading?loadingPlaceholder:void 0,placeholder,showSearch:filterable,size:utils.convertBasicSizeToUiSize(size),treeCheckable:multiple,treeData:normalizedOptions,treeLine:treeLineOptions,value,variant,onBlur,onChange:handleChange,onClear,onDeselect,onFocus,onSelect})}const VefTreeSelect=react.memo(react.forwardRef(VefTreeSelectBase));VefTreeSelect.displayName="VefTreeSelect",exports.default=VefTreeSelect;/*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const index=require("../vef-loading-placeholder/index.cjs"),useChangeHandler=require("./hooks/use-change-handler.cjs"),useDataOptions=require("./hooks/use-data-options.cjs"),useTreeSelectInstance=require("./hooks/use-tree-select-instance.cjs"),utils=require("../internal/utils.cjs"),listHeight=280,loadingPlaceholder=jsxRuntime.jsx("div",{css:{height:listHeight/2},children:jsxRuntime.jsx(index.default,{})}),treeLineOptions={showLeafIcon:!1};function VefTreeSelectBase({defaultValue,value,size,clearable,disabled,placeholder,variant,maxCount,onClear,onBlur,onFocus,onChange,onSelect,onDeselect,multiple=!1,filterable=!0,filterFromRemote=!1,...restProps},ref){const{normalizedOptions,isLoading}=useDataOptions.useDataOptions({value,multiple,onChange,filterable,filterFromRemote,...restProps}),filterTreeNode=hooks.useOptionFilter(filterable,!1),handleChange=useChangeHandler.useChangeHandler(onChange,normalizedOptions),treeSelectRef=useTreeSelectInstance.useTreeSelectInstance(ref,normalizedOptions);return jsxRuntime.jsx(antd.TreeSelect,{ref:treeSelectRef,virtual:!0,allowClear:clearable,css:shared.styles.fullWidth,defaultValue,disabled,filterTreeNode,listHeight,loading:isLoading,maxCount,maxTagCount:multiple?"responsive":void 0,multiple,notFoundContent:isLoading?loadingPlaceholder:void 0,placeholder,showSearch:filterable,size:utils.convertBasicSizeToUiSize(size),treeCheckable:multiple,treeData:normalizedOptions,treeLine:treeLineOptions,value,variant,onBlur,onChange:handleChange,onClear,onDeselect,onFocus,onSelect})}const VefTreeSelect=react.memo(react.forwardRef(VefTreeSelectBase));VefTreeSelect.displayName="VefTreeSelect",exports.default=VefTreeSelect;/*! 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-tree-select/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. *//*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. *//*! 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-virtual-grid/index.cjs

@@ -1,4 +1,4 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),reactVirtual=require("@tanstack/react-virtual"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react$1=require("react"),index$1=require("../vef-auto-sizer/index.cjs"),index=require("../vef-scroll-area/index.cjs"),viewportStyle={willChange:"transform"},containerStyle=react.css`
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),reactVirtual=require("@tanstack/react-virtual"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react$1=require("react"),index$1=require("../vef-auto-sizer/index.cjs"),index=require("../vef-scroll-area/index.cjs"),viewportStyle={willChange:"transform"},containerStyle=react.css`
   position: relative;
   width: var(--vef-virtual-grid-width);
   height: var(--vef-virtual-grid-height);

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

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. *//*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. *//*! 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-virtual-list/index.cjs

@@ -1,4 +1,4 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),reactVirtual=require("@tanstack/react-virtual"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react$1=require("react"),index$1=require("../vef-auto-sizer/index.cjs"),index=require("../vef-scroll-area/index.cjs"),viewportStyle={willChange:"transform"},containerStyle=react.css`
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),reactVirtual=require("@tanstack/react-virtual"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react$1=require("react"),index$1=require("../vef-auto-sizer/index.cjs"),index=require("../vef-scroll-area/index.cjs"),viewportStyle={willChange:"transform"},containerStyle=react.css`
   position: relative;
   width: var(--vef-virtual-list-width, auto);
   height: var(--vef-virtual-list-height, auto);

package/lib/vef-virtual-list/props.cjs

@@ -1 +1 @@
-"use strict";/*! VefFramework version: 1.0.112, build time: 2025-03-10T02:36:05.729Z, made by Venus. *//*! 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 */
+"use strict";/*! VefFramework version: 1.0.114, build time: 2025-03-10T03:25:36.962Z, made by Venus. *//*! 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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vef-framework/components",
   "type": "module",
-  "version": "1.0.112",
+  "version": "1.0.114",
   "private": false,
   "packageManager": "pnpm@9.15.0",
   "description": "Components fundamental to the VEF framework",
@@ -56,9 +56,9 @@
     "@uiw/codemirror-extensions-langs": "^4.23.10",
     "@uiw/codemirror-theme-material": "^4.23.10",
     "@uiw/react-codemirror": "^4.23.10",
-    "@vef-framework/core": "1.0.112",
-    "@vef-framework/hooks": "1.0.112",
-    "@vef-framework/shared": "1.0.112",
+    "@vef-framework/core": "1.0.114",
+    "@vef-framework/hooks": "1.0.114",
+    "@vef-framework/shared": "1.0.114",
     "@xyflow/react": "^12.4.4",
     "clsx": "2.1.1",
     "codemirror-json-schema": "^0.8.0",

package/types/index.d.ts

@@ -66,6 +66,7 @@ export { default as VefResponsiveItem, type VefResponsiveItemProps } from "./vef
 export { default as VefRibbon, type VefRibbonProps } from "./vef-ribbon";
 export { default as VefRow, type VefRowProps } from "./vef-row";
 export { default as VefScrollArea, type VefScrollAreaProps } from "./vef-scroll-area";
+export { default as VefSegment, type SegmentItem, type VefSegmentProps } from "./vef-segment";
 export { default as VefSelect, type VefSelectInstance, type VefSelectProps } from "./vef-select";
 export { default as VefSlider, type VefSliderInstance, type VefSliderProps } from "./vef-slider";
 export { default as VefSortableList, type VefSortableListProps } from "./vef-sortable-list";

package/types/vef-card/props.d.ts

@@ -4,7 +4,7 @@ import type { ReactNode } from "react";
 /**
  * The props of the VefCard component.
  */
-export interface VefCardProps extends Pick<CardProps, "title" | "extra" | "bordered" | "cover" | "loading" | "className" | "style" | "children"> {
+export interface VefCardProps extends Pick<CardProps, "title" | "extra" | "variant" | "cover" | "loading" | "className" | "style" | "children"> {
     /**
      * The size of the card.
      * @default "medium"

package/types/vef-segment/index.d.ts

@@ -0,0 +1,4 @@
+import type { SegmentItem, VefSegmentProps } from "./props";
+declare function VefSegment({ className, style, defaultValue, value, size, orientation, shape, items, onChange, ...restProps }: VefSegmentProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export type { SegmentItem, VefSegmentProps };
+export default VefSegment;

package/types/vef-segment/props.d.ts

@@ -0,0 +1,56 @@
+import type { BasicSize, Consumer, Orientation } from "@vef-framework/shared";
+import type { SegmentedProps } from "antd";
+import type { ReactNode } from "react";
+/**
+ * The item of the segment.
+ */
+export interface SegmentItem {
+    /**
+     * The label of the segment.
+     */
+    label: ReactNode;
+    /**
+     * The value of the segment.
+     */
+    value: string;
+    /**
+     * Whether the segment is disabled.
+     */
+    disabled?: boolean;
+}
+/**
+ * The props of the VefSegment component.
+ */
+export interface VefSegmentProps extends Pick<SegmentedProps, "block" | "disabled" | "className" | "style"> {
+    /**
+     * The default value of the segment.
+     */
+    defaultValue?: string;
+    /**
+     * The value of the segment.
+     */
+    value?: string;
+    /**
+     * The size of the segment.
+     * @default "medium"
+     */
+    size?: BasicSize;
+    /**
+     * The orientation of the list.
+     * @default "horizontal"
+     */
+    orientation?: Orientation;
+    /**
+     * The shape of the segment.
+     * @default "default"
+     */
+    shape?: "default" | "rounded";
+    /**
+     * The items of the segment.
+     */
+    items: SegmentItem[] | string[];
+    /**
+     * The onChange event of the segment.
+     */
+    onChange?: Consumer<string>;
+}