@vef-framework/components 1.0.122 → 1.0.124

package/es/vef-tabs/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Tabs}from"antd";import"../internal/index.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const animatedConfig={inkBar:!0,tabPane:!0};function VefTabs({size,...props}){return jsx(Tabs,{animated:animatedConfig,size:convertBasicSizeToUiSize(size),...props})}/*! 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 */export{VefTabs as default};

package/es/vef-tag/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Tag}from"antd";import{useMemo}from"react";function VefTag({closable=!1,color,inverse=!1,...restProps}){const colorToUse=useMemo(()=>inverse?`${color}-inverse`:color,[color,inverse]);return jsx(Tag,{closeIcon:closable?null:void 0,color:colorToUse,...restProps})}/*! 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 */export{VefTag as default};

package/es/vef-temporal-picker/helper.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */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:[]}/*! 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 */export{getTemporalFormats};

package/es/vef-temporal-picker/hooks/use-dayjs-value.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{isNullish,isArray}from"@vef-framework/shared";import dayjs from"dayjs";import{useMemo}from"react";function useDayjsValue(value,formats){return useMemo(()=>isNullish(value)?value:isArray(value)?value.map(it=>dayjs(it,formats)):dayjs(value,formats),[value,formats])}/*! 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 */export{useDayjsValue};

package/es/vef-temporal-picker/hooks/use-temporal-limit.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{isFunction}from"@vef-framework/shared";import dayjs from"dayjs";import{useMemo}from"react";function useTemporalLimit({maxDate,minDate,disabledDate,disabledTime}){const[minDateValue,maxDateValue]=useMemo(()=>[minDate?dayjs(minDate):void 0,maxDate?dayjs(maxDate):void 0],[minDate,maxDate]),disabledTimeValue=useMemo(()=>{if(isFunction(disabledTime))return now=>disabledTime(now.toDate())},[disabledTime]),disabledDateValue=useMemo(()=>{if(isFunction(disabledDate))return(now,{from})=>disabledDate(now.toDate(),from?.toDate())},[disabledDate]);return{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}}/*! 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 */export{useTemporalLimit};

package/es/vef-temporal-picker/hooks/use-temporal-picker-instance.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function useTemporalPickerInstance(ref){const temporalPickerRef=useRef(null);return useImperativeHandle(ref,()=>({blur:()=>{temporalPickerRef.current?.blur()},focus:()=>{temporalPickerRef.current?.focus({preventScroll:!0})}})),temporalPickerRef}/*! 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 */export{useTemporalPickerInstance};

package/es/vef-temporal-picker/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction,isArray}from"@vef-framework/shared";import{TimePicker,DatePicker}from"antd";import{useMemo,memo,forwardRef}from"react";import"../internal/index.js";import{getTemporalFormats}from"./helper.js";import{useDayjsValue}from"./hooks/use-dayjs-value.js";import{useTemporalLimit}from"./hooks/use-temporal-limit.js";import{useTemporalPickerInstance}from"./hooks/use-temporal-picker-instance.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";function VefTemporalPickerBase({defaultValue,value,clearable,size,mode="date",multiple=!1,minDate,maxDate,disabledTime,disabledDate,hourStep,minuteStep,secondStep,onChange,...restProps},ref){const formats=getTemporalFormats(mode),valueToUse=useDayjsValue(value,formats),defaultValueToUse=useDayjsValue(defaultValue,formats),{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}=useTemporalLimit({maxDate,minDate,disabledTime,disabledDate}),temporalPickerRef=useTemporalPickerInstance(ref),handleChange=useMemo(()=>{if(isFunction(onChange))return(value2,valueFormat)=>{if(!value2){onChange(null,null);return}const dates=isArray(value2)?value2.map(it=>it.toDate()):value2.toDate();onChange(valueFormat,dates)}},[onChange]);return mode==="time"||mode==="hour"||mode==="minute"?jsx(TimePicker,{ref:temporalPickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledTime:disabledTimeValue,format:formats,hourStep,minuteStep,multiple,secondStep,showNow:mode!=="hour",size:convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):mode==="datetime"?jsx(DatePicker,{ref:temporalPickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,disabledTime:disabledTimeValue,format:formats,hourStep,maxDate:maxDateValue,minDate:minDateValue,minuteStep,multiple,picker:"date",size:convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):jsx(DatePicker,{ref:temporalPickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,format:formats,maxDate:maxDateValue,minDate:minDateValue,multiple,picker:mode,size:convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps})}const VefTemporalPicker=memo(forwardRef(VefTemporalPickerBase));VefTemporalPicker.displayName="VefTemporalPicker";/*! 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 */export{VefTemporalPicker as default};

package/es/vef-temporal-range-picker/helper.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */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:[]}/*! 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 */export{getTemporalFormats};

package/es/vef-temporal-range-picker/hooks/use-dayjs-values.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{isNullish,isArray}from"@vef-framework/shared";import dayjs from"dayjs";import{useMemo}from"react";import{stringFormatSeparator}from"../props.js";function useDayjsValues(value,formats){return useMemo(()=>{if(isNullish(value))return value;if(isArray(value))return value.map(it=>dayjs(it,formats));const[begin,end]=value.split(stringFormatSeparator);return[dayjs(begin,formats),dayjs(end,formats)]},[value,formats])}/*! 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 */export{useDayjsValues};

package/es/vef-temporal-range-picker/hooks/use-temporal-limit.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{isFunction}from"@vef-framework/shared";import dayjs from"dayjs";import{useMemo}from"react";function useTemporalLimit({maxDate,minDate,disabledDate,disabledTime}){const[minDateValue,maxDateValue]=useMemo(()=>[minDate?dayjs(minDate):void 0,maxDate?dayjs(maxDate):void 0],[minDate,maxDate]),disabledTimeValue=useMemo(()=>{if(isFunction(disabledTime))return now=>disabledTime(now.toDate())},[disabledTime]),disabledDateValue=useMemo(()=>{if(isFunction(disabledDate))return(now,{from})=>disabledDate(now.toDate(),from?.toDate())},[disabledDate]);return{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}}/*! 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 */export{useTemporalLimit};

package/es/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function useTemporalRangePickerInstance(ref){const temporalPickerRef=useRef(null);return useImperativeHandle(ref,()=>({blur:()=>{temporalPickerRef.current?.blur()},focus:()=>{temporalPickerRef.current?.focus({preventScroll:!0})}})),temporalPickerRef}/*! 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 */export{useTemporalRangePickerInstance};

package/es/vef-temporal-range-picker/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction}from"@vef-framework/shared";import{TimePicker,DatePicker}from"antd";import{useMemo,memo,forwardRef}from"react";import"../internal/index.js";import{getTemporalFormats}from"./helper.js";import{useDayjsValues}from"./hooks/use-dayjs-values.js";import{useTemporalLimit}from"./hooks/use-temporal-limit.js";import{useTemporalRangePickerInstance}from"./hooks/use-temporal-range-picker-instance.js";import{stringFormatSeparator}from"./props.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";function VefTemporalRangePickerBase({defaultValue,value,clearable,mode="date",size,useStringFormat=!1,maxDate,minDate,disabledTime,disabledDate,hourStep,minuteStep,secondStep,onChange,...restProps},ref){const formats=getTemporalFormats(mode),valueToUse=useDayjsValues(value,formats),defaultValueToUse=useDayjsValues(value,formats),{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}=useTemporalLimit({maxDate,minDate,disabledTime,disabledDate}),temporalRangePickerRef=useTemporalRangePickerInstance(ref),handleChange=useMemo(()=>{if(isFunction(onChange))return(value2,valueFormats)=>{if(!value2){onChange(null,null);return}const dates=[value2[0].toDate(),value2[1].toDate()];onChange(useStringFormat?valueFormats.join(stringFormatSeparator):valueFormats,dates)}},[onChange,useStringFormat]);return mode==="time"||mode==="hour"||mode==="minute"?jsx(TimePicker.RangePicker,{ref:temporalRangePickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledTime:disabledTimeValue,format:formats,hourStep,minuteStep,secondStep,size:convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):mode==="datetime"?jsx(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:convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps}):jsx(DatePicker.RangePicker,{ref:temporalRangePickerRef,allowClear:clearable,defaultValue:defaultValueToUse,disabledDate:disabledDateValue,format:formats,maxDate:maxDateValue,minDate:minDateValue,picker:mode,size:convertBasicSizeToUiSize(size),value:valueToUse,onChange:handleChange,...restProps})}const VefTemporalRangePicker=memo(forwardRef(VefTemporalRangePickerBase));VefTemporalRangePicker.displayName="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 */export{VefTemporalRangePicker as default};

package/es/vef-temporal-range-picker/props.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */const 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 */export{stringFormatSeparator};

package/es/vef-text/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useColorTokens}from"@vef-framework/hooks";import{Typography}from"antd";import{useMemo}from"react";const{Text}=Typography;function VefText({variant,color,bold,ellipsis,ellipsisTip,ellipsisTipPlacement,copyable,copiedText,onCopy,...restProps}){const ellipsisConfig=useMemo(()=>{if(ellipsis)return{tooltip:ellipsisTip??restProps.children,placement:ellipsisTipPlacement}},[ellipsis,ellipsisTip,ellipsisTipPlacement,restProps.children]),colorTokens=useColorTokens(),styleProps=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=useMemo(()=>{if(copyable)return{format:"text/plain",text:copiedText,onCopy}},[copyable,copiedText,onCopy]);return jsx(Text,{copyable:copyConfig,ellipsis:ellipsisConfig,...styleProps,...restProps})}/*! 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 */export{VefText as default};

package/es/vef-textarea/hooks/use-textarea-instance.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function useTextareaInstance(ref){const textareaRef=useRef(null);return useImperativeHandle(ref,()=>({blur:()=>textareaRef.current?.blur(),focus:()=>textareaRef.current?.focus({preventScroll:!0})})),textareaRef}/*! 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 */export{useTextareaInstance};

package/es/vef-textarea/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction}from"@vef-framework/shared";import{Input}from"antd";import{forwardRef,useMemo}from"react";import"../internal/index.js";import{useTextareaInstance}from"./hooks/use-textarea-instance.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const{TextArea}=Input;function normalizeValue(value){return value===""?null:value}const VefTextarea=forwardRef(({defaultValue,value,size,clearable,showCount,onChange,onEnterKeyPress,onBlur,onFocus,...restProps},ref)=>{const eventHandlers=useMemo(()=>({onChange:isFunction(onChange)?event=>onChange(normalizeValue(event.target.value)):void 0,onPressEnter:isFunction(onEnterKeyPress)?event=>onEnterKeyPress(normalizeValue(event.target.value)):void 0,onBlur:isFunction(onBlur)?event=>onBlur(normalizeValue(event.target.value)):void 0,onFocus:isFunction(onFocus)?event=>onFocus(normalizeValue(event.target.value)):void 0}),[onChange,onEnterKeyPress,onBlur,onFocus]),textareaRef=useTextareaInstance(ref);return jsx(TextArea,{ref:textareaRef,allowClear:clearable,defaultValue,showCount,size:convertBasicSizeToUiSize(size),value,...restProps,...eventHandlers})});VefTextarea.displayName="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 */export{VefTextarea as default};

package/es/vef-title/index.js

@@ -1,13 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsxs,Fragment,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{useColorTokens}from"@vef-framework/hooks";import{themeVariables}from"@vef-framework/shared";import{Typography}from"antd";import{useMemo}from"react";import VefDivider from"../vef-divider/index.js";const{Title}=Typography,dividerStyle=css`
-  margin: ${themeVariables.marginSm} 0 ${themeVariables.marginLg};
-`,leftBarStyle=css`
-  &::before {
-    content: "";
-    display: inline-block;
-    width: 6px;
-    height: var(--vef-title-left-bar-height);
-    border-radius: 3px;
-    background: linear-gradient(to top, ${themeVariables.colorPrimary}, ${themeVariables.blue5});
-    margin-right: ${themeVariables.paddingSm};
-  }
-`;function VefTitle({showLeftBar,showBottomLine,noPaddingBottom,variant,color,ellipsis,ellipsisTip,...restProps}){const{level=1}=restProps,ellipsisConfig=useMemo(()=>{if(ellipsis)return{tooltip:ellipsisTip??restProps.children}},[ellipsis,ellipsisTip,restProps.children]),colorTokens=useColorTokens(),styleProps=useMemo(()=>{const props={};if(color==="secondary")props.type="secondary";else{const css2=[];color&&css2.push({color:colorTokens.get(color)}),showLeftBar&&css2.push(leftBarStyle),props.css=css2}return variant&&(props[variant]=!0),showLeftBar&&(props.style={"--vef-title-left-bar-height":`calc(var(--vef-font-size-heading-${level}) * 0.8)`}),noPaddingBottom&&(props.style={...props.style,"--vef-typography-title-margin-bottom":0}),props},[color,variant,showLeftBar,colorTokens,level,noPaddingBottom]);return jsxs(Fragment,{children:[jsx(Title,{ellipsis:ellipsisConfig,...styleProps,...restProps}),showBottomLine&&jsx(VefDivider,{css:dividerStyle})]})}/*! 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 */export{VefTitle as default};

package/es/vef-tooltip/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Tooltip}from"antd";import{forwardRef,useRef,useImperativeHandle}from"react";const VefTooltip=forwardRef(({content,trigger="hover",arrow=!0,delay=.1,defaultOpened,opened,onOpenedChange,...restProps},ref)=>{const tooltipRef=useRef(null);return useImperativeHandle(ref,()=>tooltipRef.current.nativeElement),jsx(Tooltip,{ref:tooltipRef,arrow,defaultOpen:defaultOpened,mouseEnterDelay:delay,open:opened,title:content,trigger,onOpenChange:onOpenedChange,...restProps})});VefTooltip.displayName="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 */export{VefTooltip as default};

package/es/vef-tree-select/hooks/use-change-handler.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{isFunction,isArray}from"@vef-framework/shared";import{useMemo}from"react";function useChangeHandler(onChange,options){const optionsMap=useMemo(()=>options.reduce((map,option)=>(map.set(option.value,option),map),new Map),[options]);return useMemo(()=>{if(isFunction(onChange))return value=>{if(!value){onChange(null,null);return}isArray(value)?onChange(value,value.map(it=>optionsMap.get(it))):onChange(value,optionsMap.get(value))}},[onChange,optionsMap])}/*! 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 */export{useChangeHandler};

package/es/vef-tree-select/hooks/use-data-options.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useComputedOptions}from"@vef-framework/hooks";import{isArray,isFunction,isNullish}from"@vef-framework/shared";import{useLayoutEffect}from"react";function useDataOptions({value,multiple=!1,onChange,...rest}){const{onFilterKeywordChange,normalizedOptions,defaultOption,isLoading,fallbackOptions,isFallbackOptionsLoading}=useComputedOptions({...rest,selectedOptionValues:isArray(value)?value:value?[value]:[]});return useLayoutEffect(()=>{defaultOption&&isFunction(onChange)&&isNullish(value)&&onChange(multiple?[defaultOption.value]:defaultOption.value,multiple?[defaultOption]:defaultOption)},[defaultOption,multiple,onChange,value]),{onFilterKeywordChange,normalizedOptions,isLoading,fallbackOptions,isFallbackOptionsLoading}}/*! 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 */export{useDataOptions};

package/es/vef-tree-select/hooks/use-tree-select-instance.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function useTreeSelectInstance(ref,dataOptions){const treeSelectRef=useRef(null);return useImperativeHandle(ref,()=>({blur:()=>{treeSelectRef.current?.blur()},focus:()=>{treeSelectRef.current?.focus({preventScroll:!0})},getDataOptions:()=>dataOptions})),treeSelectRef}/*! 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 */export{useTreeSelectInstance};

package/es/vef-tree-select/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useOptionFilter}from"@vef-framework/hooks";import{styles}from"@vef-framework/shared";import{TreeSelect}from"antd";import{memo,forwardRef}from"react";import"../internal/index.js";import VefLoadingPlaceholder from"../vef-loading-placeholder/index.js";import{useChangeHandler}from"./hooks/use-change-handler.js";import{useDataOptions}from"./hooks/use-data-options.js";import{useTreeSelectInstance}from"./hooks/use-tree-select-instance.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const listHeight=280,loadingPlaceholder=jsx("div",{css:{height:listHeight/2},children:jsx(VefLoadingPlaceholder,{})}),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({value,multiple,onChange,filterable,filterFromRemote,...restProps}),filterTreeNode=useOptionFilter(filterable,!1),handleChange=useChangeHandler(onChange,normalizedOptions),treeSelectRef=useTreeSelectInstance(ref,normalizedOptions);return jsx(TreeSelect,{ref:treeSelectRef,virtual:!0,allowClear:clearable,css:styles.fullWidth,defaultValue,disabled,filterTreeNode,listHeight,loading:isLoading,maxCount,maxTagCount:multiple?"responsive":void 0,multiple,notFoundContent:isLoading?loadingPlaceholder:void 0,placeholder,showSearch:filterable,size:convertBasicSizeToUiSize(size),treeCheckable:multiple,treeData:normalizedOptions,treeLine:treeLineOptions,value,variant,onBlur,onChange:handleChange,onClear,onDeselect,onFocus,onSelect})}const VefTreeSelect=memo(forwardRef(VefTreeSelectBase));VefTreeSelect.displayName="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 */export{VefTreeSelect as default};

package/es/vef-virtual-grid/index.js

@@ -1,12 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{useVirtualizer}from"@tanstack/react-virtual";import{useGapSizeNormalizer}from"@vef-framework/hooks";import{isArray,isNumber}from"@vef-framework/shared";import{useMemo,memo,useRef,Fragment,createElement}from"react";import VefAutoSizer from"../vef-auto-sizer/index.js";import VefScrollArea from"../vef-scroll-area/index.js";const viewportStyle={willChange:"transform"},containerStyle=css`
-  position: relative;
-  width: var(--vef-virtual-grid-width);
-  height: var(--vef-virtual-grid-height);
-`,virtualItemStyle=css`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: var(--vef-virtual-grid-item-width);
-  height: var(--vef-virtual-grid-item-height);
-  transform: translateX(var(--vef-virtual-grid-item-x)) translateY(var(--vef-virtual-grid-item-y));
-`;function VefVirtualGridBase({className,style,items,renderItem,itemClassName,itemStyle,rowHeight,columnWidth,gap,...restProps}){const GridItem=useMemo(()=>memo(renderItem),[renderItem]),viewportRef=useRef(null),normalizeGapSize=useGapSizeNormalizer(),[rowGap,columnGap]=useMemo(()=>{if(isArray(gap))return[normalizeGapSize(gap[0]),normalizeGapSize(gap[1])];if(gap){const normalizedGap=normalizeGapSize(gap);return[normalizedGap,normalizedGap]}return[0,0]},[gap,normalizeGapSize]),rowVirtualizer=useVirtualizer({count:items.length,getScrollElement:()=>viewportRef.current,estimateSize:isNumber(rowHeight)?()=>rowHeight:rowHeight,overscan:2,gap:rowGap}),columnVirtualizer=useVirtualizer({horizontal:!0,count:items[0]?.length??0,getScrollElement:()=>viewportRef.current,estimateSize:isNumber(columnWidth)?()=>columnWidth:columnWidth,overscan:2,gap:columnGap}),containerSizeStyle=useMemo(()=>({"--vef-virtual-grid-height":`${rowVirtualizer.getTotalSize()}px`,"--vef-virtual-grid-width":`${columnVirtualizer.getTotalSize()}px`}),[rowVirtualizer.getTotalSize(),columnVirtualizer.getTotalSize()]),getVirtualGridNode=(height,width)=>jsx(VefScrollArea,{className,height,scrollbarSize:"small",style,viewportRef,viewportStyle,width,children:jsx("div",{css:containerStyle,style:containerSizeStyle,children:rowVirtualizer.getVirtualItems().map(row=>jsx(Fragment,{children:columnVirtualizer.getVirtualItems().map(item=>{const itemData=items[row.index][item.index];return jsx("div",{className:itemClassName,css:virtualItemStyle,style:{...itemStyle,"--vef-virtual-grid-item-width":`${item.size}px`,"--vef-virtual-grid-item-height":`${row.size}px`,"--vef-virtual-grid-item-x":`${item.start}px`,"--vef-virtual-grid-item-y":`${row.start}px`},children:itemData&&createElement(GridItem,{item:itemData,rowIndex:row.index,columnIndex:item.index})},item.key)})},row.key))})});if(!restProps.autoSize){const{height,width}=restProps;return getVirtualGridNode(height,width)}return jsx(VefAutoSizer,{children:({height,width})=>getVirtualGridNode(height,width)})}const VefVirtualGrid=memo(VefVirtualGridBase);VefVirtualGrid.displayName="VefVirtualGrid";/*! 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 */export{VefVirtualGrid as default};

package/es/vef-virtual-list/index.js

@@ -1,18 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{useVirtualizer}from"@tanstack/react-virtual";import{useNormalizedGapSize}from"@vef-framework/hooks";import{isFunction}from"@vef-framework/shared";import{useMemo,memo,useRef,createElement}from"react";import VefAutoSizer from"../vef-auto-sizer/index.js";import VefScrollArea from"../vef-scroll-area/index.js";const viewportStyle={willChange:"transform"},containerStyle=css`
-  position: relative;
-  width: var(--vef-virtual-list-width, auto);
-  height: var(--vef-virtual-list-height, auto);
-`,virtualItemStyle=css`
-  position: absolute;
-  top: var(--vef-virtual-list-item-top, 0);
-  left: var(--vef-virtual-list-item-left, 0);
-  width: var(--vef-virtual-list-item-width, auto);
-  height: var(--vef-virtual-list-item-height, auto);
-  transform: translateX(var(--vef-virtual-list-item-x, 0)) translateY(var(--vef-virtual-list-item-y, 0));
-`,frameStyle=css`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  transform: translateY(var(--vef-virtual-list-frame-y, 0)); 
-`;function VefVirtualListBase({className,style,items,renderItem,itemClassName,itemStyle,itemSize,autoItemSize=!1,gap=0,lanes=1,itemKey,...restProps}){const ListItem=useMemo(()=>memo(renderItem),[renderItem]),itemKeyToUse=useMemo(()=>{if(isFunction(itemKey))return index=>itemKey({index,item:items[index]})},[itemKey,items]),itemSizeToUse=useMemo(()=>isFunction(itemSize)?index=>itemSize({index,item:items[index]}):()=>itemSize,[itemSize,items]),normalizedGap=useNormalizedGapSize(gap),viewportRef=useRef(null),{orientation}=restProps,virtualizer=useVirtualizer({horizontal:orientation==="horizontal",count:items.length,getScrollElement:()=>viewportRef.current,estimateSize:itemSizeToUse,overscan:2,getItemKey:itemKeyToUse,gap:normalizedGap,lanes}),virtualItems=virtualizer.getVirtualItems(),baseCrossSize=100/lanes,containerSizeStyle=useMemo(()=>orientation==="horizontal"?{"--vef-virtual-list-width":`${virtualizer.getTotalSize()}px`,"--vef-virtual-list-height":"100%"}:{"--vef-virtual-list-height":`${virtualizer.getTotalSize()}px`,"--vef-virtual-list-width":"100%"},[orientation,virtualizer.getTotalSize()]),mergedViewportStyle=useMemo(()=>autoItemSize&&orientation!=="horizontal"?{...viewportStyle,contain:"strict"}:viewportStyle,[autoItemSize,orientation]),getVirtualListNode=(height,width)=>autoItemSize?jsx(VefScrollArea,{className,height,scrollbarSize:"small",style,viewportRef,viewportStyle:mergedViewportStyle,width,children:jsx("div",{css:containerStyle,style:containerSizeStyle,children:orientation==="horizontal"?virtualItems.map(({index,key,start})=>jsx("div",{className:itemClassName,css:virtualItemStyle,style:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":"auto","--vef-virtual-list-item-height":"100%","--vef-virtual-list-item-x":`${start}px`,"--vef-virtual-list-item-y":0},children:createElement(ListItem,{index,item:items[index]})},key)):jsx("div",{css:frameStyle,style:{"--vef-virtual-list-frame-y":`${virtualItems[0]?.start??0}px`},children:virtualItems.map(({index,key})=>jsx("div",{ref:virtualizer.measureElement,className:itemClassName,"data-index":index,style:itemStyle,children:createElement(ListItem,{index,item:items[index]})},key))})})}):jsx(VefScrollArea,{className,height,scrollbarSize:"small",style,viewportRef,viewportStyle:mergedViewportStyle,width,children:jsx("div",{css:containerStyle,style:containerSizeStyle,children:virtualItems.map(({index,key,size,start,lane})=>jsx("div",{className:itemClassName,css:virtualItemStyle,style:orientation==="horizontal"?{"--vef-virtual-list-item-top":lane===0?0:`${lane*baseCrossSize}%`,"--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":`${size}px`,"--vef-virtual-list-item-height":`${baseCrossSize}%`,"--vef-virtual-list-item-x":`${start}px`,"--vef-virtual-list-item-y":0}:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":lane===0?0:`${lane*baseCrossSize}%`,"--vef-virtual-list-item-width":`${baseCrossSize}%`,"--vef-virtual-list-item-height":`${size}px`,"--vef-virtual-list-item-x":0,"--vef-virtual-list-item-y":`${start}px`},children:createElement(ListItem,{index,item:items[index]})},key))})});return restProps.autoSize?restProps.orientation==="horizontal"?jsx(VefAutoSizer,{disableHeight:!0,children:({width})=>getVirtualListNode("100%",width)}):jsx(VefAutoSizer,{disableWidth:!0,children:({height})=>getVirtualListNode(height,"100%")}):restProps.orientation==="horizontal"?getVirtualListNode("100%",restProps.width):getVirtualListNode(restProps.height,"100%")}const VefVirtualList=memo(VefVirtualListBase);VefVirtualList.displayName="VefVirtualList";/*! 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 */export{VefVirtualList as default};

package/lib/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const index=require("./vef-access-denied/index.cjs"),index$1=require("./vef-action-buttons/index.cjs"),index$2=require("./vef-approval-flow-editor/index.cjs"),index$3=require("./vef-area-chart/index.cjs"),index$4=require("./vef-auto-sizer/index.cjs"),index$5=require("./vef-avatar/index.cjs"),index$6=require("./vef-avatar-group/index.cjs"),index$7=require("./vef-badge/index.cjs"),index$8=require("./vef-bar-chart/index.cjs"),index$9=require("./vef-bool/index.cjs"),index$a=require("./vef-breadcrumb/index.cjs"),index$b=require("./vef-button/index.cjs"),index$c=require("./vef-card/index.cjs"),index$d=require("./vef-card-meta/index.cjs"),index$e=require("./vef-chart-container/index.cjs"),index$f=require("./vef-chart-legend-content/index.cjs"),index$g=require("./vef-chart-tooltip-content/index.cjs"),index$h=require("./vef-checkbox/index.cjs"),index$i=require("./vef-code-editor/index.cjs"),index$j=require("./vef-col/index.cjs"),index$k=require("./vef-color-picker/index.cjs"),index$l=require("./vef-compact/index.cjs"),index$m=require("./vef-config-provider/index.cjs"),index$n=require("./vef-container/index.cjs"),index$o=require("./vef-crud-page/index.cjs"),index$p=require("./vef-data-table/index.cjs"),index$q=require("./vef-divider/index.cjs"),index$r=require("./vef-drawer/index.cjs"),index$s=require("./vef-dropdown/index.cjs"),index$t=require("./vef-dynamic-icon/index.cjs"),props=require("./vef-dynamic-icon/props.cjs"),index$u=require("./vef-empty/index.cjs"),index$v=require("./vef-empty-placeholder/index.cjs"),index$w=require("./vef-error/index.cjs"),index$x=require("./vef-filter/index.cjs"),index$y=require("./vef-flex/index.cjs"),index$z=require("./vef-float-button/index.cjs"),index$A=require("./vef-float-button-group/index.cjs"),index$B=require("./vef-form/index.cjs"),validationRules$1=require("./vef-form/validation-rules.cjs"),index$C=require("./vef-generic-select/index.cjs"),index$D=require("./vef-grid/index.cjs"),index$E=require("./vef-grid-item/index.cjs"),index$F=require("./vef-icon/index.cjs"),index$G=require("./vef-icon-select/index.cjs"),index$H=require("./vef-input/index.cjs"),index$I=require("./vef-input-number/index.cjs"),index$J=require("./vef-intellisense-code-editor/index.cjs"),index$K=require("./vef-json-viewer/index.cjs"),index$L=require("./vef-layout/index.cjs"),index$M=require("./vef-line-chart/index.cjs"),index$N=require("./vef-loading-placeholder/index.cjs"),index$O=require("./vef-login/index.cjs"),index$P=require("./vef-menu/index.cjs"),index$Q=require("./vef-modal/index.cjs"),context=require("./vef-modal/context.cjs"),index$R=require("./vef-not-found/index.cjs"),index$S=require("./vef-page/index.cjs"),index$T=require("./vef-pagination/index.cjs"),index$U=require("./vef-paragraph/index.cjs"),index$V=require("./vef-password/index.cjs"),index$W=require("./vef-pie-chart/index.cjs"),index$X=require("./vef-popconfirm/index.cjs"),index$Y=require("./vef-radio/index.cjs"),index$Z=require("./vef-rate/index.cjs"),index$_=require("./vef-responsive-container/index.cjs"),index$$=require("./vef-responsive-item/index.cjs"),index$10=require("./vef-ribbon/index.cjs"),index$11=require("./vef-row/index.cjs"),index$12=require("./vef-scroll-area/index.cjs"),index$13=require("./vef-segment/index.cjs"),index$14=require("./vef-select/index.cjs"),index$15=require("./vef-slider/index.cjs"),index$16=require("./vef-sortable-list/index.cjs"),index$17=require("./vef-space/index.cjs"),index$18=require("./vef-spin/index.cjs"),index$19=require("./vef-splitter/index.cjs"),index$1a=require("./vef-splitter-panel/index.cjs"),index$1b=require("./vef-status/index.cjs"),index$1c=require("./vef-table/index.cjs"),index$1d=require("./vef-tabs/index.cjs"),index$1e=require("./vef-tag/index.cjs"),index$1f=require("./vef-temporal-picker/index.cjs"),index$1g=require("./vef-temporal-range-picker/index.cjs"),index$1h=require("./vef-text/index.cjs"),index$1i=require("./vef-textarea/index.cjs"),index$1j=require("./vef-title/index.cjs"),index$1k=require("./vef-tooltip/index.cjs"),index$1l=require("./vef-tree-select/index.cjs"),index$1m=require("./vef-virtual-grid/index.cjs"),index$1n=require("./vef-virtual-list/index.cjs"),actionButtonWrapper=require("./vef-drawer/components/action-button-wrapper.cjs"),actionButtonWrapper$1=require("./vef-modal/components/action-button-wrapper.cjs");exports.VefAccessDenied=index.default,exports.VefActionButtons=index$1.default,exports.VefApprovalFlowEditor=index$2.default,exports.VefAreaChart=index$3.default,exports.VefAutoSizer=index$4.default,exports.VefAvatar=index$5.default,exports.VefAvatarGroup=index$6.default,exports.VefBadge=index$7.default,exports.VefBarChart=index$8.default,exports.VefBool=index$9.default,exports.VefBreadcrumb=index$a.default,exports.VefButton=index$b.default,exports.VefCard=index$c.default,exports.VefCardMeta=index$d.default,exports.VefChartContainer=index$e.default,exports.VefChartLegendContent=index$f.VefChartLegendContent,exports.VefChartTooltipContent=index$g.default,exports.VefCheckbox=index$h.default,exports.VefCodeEditor=index$i.default,exports.VefCol=index$j.default,exports.VefColorPicker=index$k.default,exports.VefCompact=index$l.default,exports.VefConfigProvider=index$m.default,exports.VefContainer=index$n.default,exports.VefCrudPage=index$o.default,exports.VefDataTable=index$p.default,exports.VefDivider=index$q.default,exports.VefDrawer=index$r.default,exports.VefDropdown=index$s.default,exports.VefDynamicIcon=index$t.default,exports.dynamicIconNames=props.dynamicIconNames,exports.VefEmpty=index$u.default,exports.VefEmptyPlaceholder=index$v.default,exports.VefError=index$w.default,exports.VefFilter=index$x.default,exports.VefFlex=index$y.default,exports.VefFloatButton=index$z.default,exports.VefFloatButtonGroup=index$A.default,exports.VefForm=index$B.default,exports.validationRules=validationRules$1,exports.VefGenericSelect=index$C.default,exports.VefGrid=index$D.default,exports.VefGridItem=index$E.default,exports.VefIcon=index$F.default,exports.VefIconSelect=index$G.default,exports.VefInput=index$H.default,exports.VefInputNumber=index$I.default,exports.VefIntellisenseCodeEditor=index$J.default,exports.VefJsonViewer=index$K.default,exports.VefLayout=index$L.default,exports.VefLineChart=index$M.default,exports.VefLoadingPlaceholder=index$N.default,exports.VefLogin=index$O.default,exports.VefMenu=index$P.default,exports.VefModal=index$Q.default,exports.ModalContextProvider=context.ModalContextProvider,exports.useModalContext=context.useModalContext,exports.useModalContextSelector=context.useModalContextSelector,exports.VefNotFound=index$R.default,exports.VefPage=index$S.default,exports.VefPagination=index$T.default,exports.VefParagraph=index$U.default,exports.VefPassword=index$V.default,exports.VefPieChart=index$W.default,exports.VefPopconfirm=index$X.default,exports.VefRadio=index$Y.default,exports.VefRate=index$Z.default,exports.VefResponsiveContainer=index$_.default,exports.VefResponsiveItem=index$$.default,exports.VefRibbon=index$10.default,exports.VefRow=index$11.default,exports.VefScrollArea=index$12.default,exports.VefSegment=index$13.default,exports.VefSelect=index$14.default,exports.VefSlider=index$15.default,exports.VefSortableList=index$16.default,exports.VefSpace=index$17.default,exports.VefSpin=index$18.default,exports.VefSplitter=index$19.default,exports.VefSplitterPanel=index$1a.default,exports.VefStatus=index$1b.default,exports.VefTable=index$1c.default,exports.VefTabs=index$1d.default,exports.VefTag=index$1e.default,exports.VefTemporalPicker=index$1f.default,exports.VefTemporalRangePicker=index$1g.default,exports.VefText=index$1h.default,exports.VefTextarea=index$1i.default,exports.VefTitle=index$1j.default,exports.VefTooltip=index$1k.default,exports.VefTreeSelect=index$1l.default,exports.VefVirtualGrid=index$1m.default,exports.VefVirtualList=index$1n.default,exports.VefDrawerActionButtonWrapper=actionButtonWrapper.default,exports.VefModalActionButtonWrapper=actionButtonWrapper$1.default;/*! 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 */