@vef-framework/components 1.0.121 → 1.0.122

package/es/vef-password/index.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, 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{usePasswordInstance}from"./hooks/use-password-instance.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const{Password}=Input;function normalizeValue(value){return value===""?null:value}const VefPassword=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]),passwordRef=usePasswordInstance(ref);return jsx(Password,{ref:passwordRef,allowClear:clearable,defaultValue,showCount,size:convertBasicSizeToUiSize(size),value,...restProps,...eventHandlers})});VefPassword.displayName="VefPassword";/*! 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{VefPassword as default};
+/*! 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{usePasswordInstance}from"./hooks/use-password-instance.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const{Password}=Input;function normalizeValue(value){return value===""?null:value}const VefPassword=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]),passwordRef=usePasswordInstance(ref);return jsx(Password,{ref:passwordRef,allowClear:clearable,defaultValue,showCount,size:convertBasicSizeToUiSize(size),value,...restProps,...eventHandlers})});VefPassword.displayName="VefPassword";/*! 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{VefPassword as default};

package/es/vef-pie-chart/index.js

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import{useMemo,memo}from"react";import{PieChart,Tooltip,Legend,Pie,Label}from"recharts";import VefChartContainer from"../vef-chart-container/index.js";import{VefChartLegendContent}from"../vef-chart-legend-content/index.js";import VefChartTooltipContent from"../vef-chart-tooltip-content/index.js";const valueStyle=css`
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import{useMemo,memo}from"react";import{PieChart,Tooltip,Legend,Pie,Label}from"recharts";import VefChartContainer from"../vef-chart-container/index.js";import{VefChartLegendContent}from"../vef-chart-legend-content/index.js";import VefChartTooltipContent from"../vef-chart-tooltip-content/index.js";const valueStyle=css`
   fill: ${themeVariables.colorText};
   font-size: ${themeVariables.fontSizeHeading3};
   font-weight: ${themeVariables.fontWeightStrong};

package/es/vef-popconfirm/index.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{defaultMessageTitle,infoIcon}from"@vef-framework/shared";import{Popconfirm}from"antd";import{CheckIcon}from"lucide-react";import{forwardRef,useRef,useImperativeHandle}from"react";import VefIcon from"../vef-icon/index.js";const okButtonProps={autoInsertSpace:!1,icon:jsx(VefIcon,{children:jsx(CheckIcon,{})})},cancelButtonProps={autoInsertSpace:!1,variant:"text",color:"default"};function popupClickHandler(event){event.stopPropagation()}const VefPopconfirm=forwardRef(({title=defaultMessageTitle,content,cancelable=!0,defaultOpened,opened,onOpenedChange,onOk,onCancel,...restProps},ref)=>{const tooltipRef=useRef(null);return useImperativeHandle(ref,()=>tooltipRef.current.nativeElement),jsx(Popconfirm,{ref:tooltipRef,cancelButtonProps,defaultOpen:defaultOpened,description:content,icon:infoIcon,okButtonProps,open:opened,showCancel:cancelable,title,onCancel,onConfirm:onOk,onOpenChange:onOpenedChange,onPopupClick:popupClickHandler,...restProps})});VefPopconfirm.displayName="VefPopconfirm";/*! 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{VefPopconfirm as default};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{defaultMessageTitle,infoIcon}from"@vef-framework/shared";import{Popconfirm}from"antd";import{CheckIcon}from"lucide-react";import{forwardRef,useRef,useImperativeHandle}from"react";import VefIcon from"../vef-icon/index.js";const okButtonProps={autoInsertSpace:!1,icon:jsx(VefIcon,{children:jsx(CheckIcon,{})})},cancelButtonProps={autoInsertSpace:!1,variant:"text",color:"default"};function popupClickHandler(event){event.stopPropagation()}const VefPopconfirm=forwardRef(({title=defaultMessageTitle,content,cancelable=!0,defaultOpened,opened,onOpenedChange,onOk,onCancel,...restProps},ref)=>{const tooltipRef=useRef(null);return useImperativeHandle(ref,()=>tooltipRef.current.nativeElement),jsx(Popconfirm,{ref:tooltipRef,cancelButtonProps,defaultOpen:defaultOpened,description:content,icon:infoIcon,okButtonProps,open:opened,showCancel:cancelable,title,onCancel,onConfirm:onOk,onOpenChange:onOpenedChange,onPopupClick:popupClickHandler,...restProps})});VefPopconfirm.displayName="VefPopconfirm";/*! 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{VefPopconfirm as default};

package/es/vef-popover/index.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Popover}from"antd";import{forwardRef,useRef,useMemo,useImperativeHandle}from"react";const VefPopover=forwardRef(({title,content,contentStyle,trigger="click",arrow=!1,...restProps},ref)=>{const popoverRef=useRef(null),styles=useMemo(()=>({body:contentStyle}),[contentStyle]);return useImperativeHandle(ref,()=>popoverRef.current.nativeElement),jsx(Popover,{ref:popoverRef,arrow,content,styles,title,trigger,...restProps})});VefPopover.displayName="VefPopover";/*! 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{VefPopover as default};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Popover}from"antd";import{forwardRef,useRef,useMemo,useImperativeHandle}from"react";const VefPopover=forwardRef(({title,content,contentStyle,trigger="click",arrow=!1,...restProps},ref)=>{const popoverRef=useRef(null),styles=useMemo(()=>({body:contentStyle}),[contentStyle]);return useImperativeHandle(ref,()=>popoverRef.current.nativeElement),jsx(Popover,{ref:popoverRef,arrow,content,styles,title,trigger,...restProps})});VefPopover.displayName="VefPopover";/*! 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{VefPopover as default};

package/es/vef-radio/hooks/use-data-options.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{useComputedOptions}from"@vef-framework/hooks";import{isFunction,isNullish}from"@vef-framework/shared";import{useMemo,useLayoutEffect}from"react";function useDataOptions({value,onChange,...rest}){const{normalizedOptions,defaultOption,isLoading}=useComputedOptions({...rest,isGrouped:!1,filterable:!1,selectedOptionValues:value?[value]:[]}),optionsMap=useMemo(()=>normalizedOptions.reduce((map,option)=>(map.set(option.value,option),map),new Map),[normalizedOptions]);return useLayoutEffect(()=>{defaultOption&&isFunction(onChange)&&isNullish(value)&&onChange(defaultOption.value,defaultOption)},[defaultOption,onChange,value]),{optionsMap,normalizedOptions,isLoading}}/*! 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};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useComputedOptions}from"@vef-framework/hooks";import{isFunction,isNullish}from"@vef-framework/shared";import{useMemo,useLayoutEffect}from"react";function useDataOptions({value,onChange,...rest}){const{normalizedOptions,defaultOption,isLoading}=useComputedOptions({...rest,isGrouped:!1,filterable:!1,selectedOptionValues:value?[value]:[]}),optionsMap=useMemo(()=>normalizedOptions.reduce((map,option)=>(map.set(option.value,option),map),new Map),[normalizedOptions]);return useLayoutEffect(()=>{defaultOption&&isFunction(onChange)&&isNullish(value)&&onChange(defaultOption.value,defaultOption)},[defaultOption,onChange,value]),{optionsMap,normalizedOptions,isLoading}}/*! 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-radio/hooks/use-radio-instance.js

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

package/es/vef-radio/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables,isFunction}from"@vef-framework/shared";import{Radio}from"antd";import{useMemo,memo,forwardRef}from"react";import"../internal/index.js";import VefLoadingPlaceholder from"../vef-loading-placeholder/index.js";import VefTooltip from"../vef-tooltip/index.js";import{useDataOptions}from"./hooks/use-data-options.js";import{useRadioInstance}from"./hooks/use-radio-instance.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const{Group}=Radio,loadingPlaceholder=jsx("div",{css:css`
+/*! 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{themeVariables,isFunction}from"@vef-framework/shared";import{Radio}from"antd";import{useMemo,memo,forwardRef}from"react";import"../internal/index.js";import VefLoadingPlaceholder from"../vef-loading-placeholder/index.js";import VefTooltip from"../vef-tooltip/index.js";import{useDataOptions}from"./hooks/use-data-options.js";import{useRadioInstance}from"./hooks/use-radio-instance.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const{Group}=Radio,loadingPlaceholder=jsx("div",{css:css`
       height: ${themeVariables.controlHeight}
     `,children:jsx(VefLoadingPlaceholder,{})});function VefRadioBase({defaultValue,value,disabled,block,variant,buttonVariant,buttonSize,onChange,...restProps},ref){const{optionsMap,normalizedOptions,isLoading}=useDataOptions({value,onChange,...restProps}),radioRef=useRadioInstance(ref,normalizedOptions),handleChange=useMemo(()=>{if(isFunction(onChange))return({target:{value:value2}})=>{onChange(value2,optionsMap.get(value2))}},[onChange,optionsMap]);if(isLoading)return loadingPlaceholder;const radios=normalizedOptions.map(option=>{const{value:value2,label,disabled:disabled2,description}=option;return description?jsx(VefTooltip,{content:description,children:jsx(Radio,{disabled:disabled2,value:value2,children:label})},value2):jsx(Radio,{disabled:disabled2,value:value2,children:label},value2)});return jsx(Group,{ref:radioRef,block,buttonStyle:buttonVariant,defaultValue,disabled,optionType:variant,size:convertBasicSizeToUiSize(buttonSize),onChange:handleChange,...value===void 0?{}:{value},children:radios})}const VefRadio=memo(forwardRef(VefRadioBase));VefRadio.displayName="VefRadio";/*! 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{VefRadio as default};

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

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

package/es/vef-rate/index.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction}from"@vef-framework/shared";import{Rate}from"antd";import{forwardRef,useMemo}from"react";import{useRateInstance}from"./hooks/use-rate-instance.js";const VefRate=forwardRef(({character,...restProps},ref)=>{const characterValue=useMemo(()=>isFunction(character)?({index})=>character(index):character,[character]),rateRef=useRateInstance(ref);return jsx(Rate,{ref:rateRef,character:characterValue,...restProps})});VefRate.displayName="VefRate";/*! 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{VefRate as default};
+/*! 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{Rate}from"antd";import{forwardRef,useMemo}from"react";import{useRateInstance}from"./hooks/use-rate-instance.js";const VefRate=forwardRef(({character,...restProps},ref)=>{const characterValue=useMemo(()=>isFunction(character)?({index})=>character(index):character,[character]),rateRef=useRateInstance(ref);return jsx(Rate,{ref:rateRef,character:characterValue,...restProps})});VefRate.displayName="VefRate";/*! 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{VefRate as default};

package/es/vef-responsive-container/index.js

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{useGapSizeNormalizer}from"@vef-framework/hooks";import{isArray}from"@vef-framework/shared";import{motion}from"motion/react";import{forwardRef,Children,isValidElement,useMemo,memo}from"react";import VefResponsiveItem from"../vef-responsive-item/index.js";const containerStyle=css`
+/*! 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{useGapSizeNormalizer}from"@vef-framework/hooks";import{isArray}from"@vef-framework/shared";import{motion}from"motion/react";import{forwardRef,Children,isValidElement,useMemo,memo}from"react";import VefResponsiveItem from"../vef-responsive-item/index.js";const containerStyle=css`
   display: grid;
   grid-template-columns: repeat(var(--vef-responsive-container-auto-mode), minmax(var(--vef-responsive-container-base-width), 1fr));
   gap: var(--vef-responsive-container-gap);

package/es/vef-responsive-item/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{motion}from"motion/react";import{forwardRef,useMemo}from"react";const itemStyle=css`
+/*! 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{motion}from"motion/react";import{forwardRef,useMemo}from"react";const itemStyle=css`
   grid-column: span var(--vef-responsive-item-span);
 `,VefResponsiveItem=forwardRef(({style,span=1,children,...restProps},ref)=>{const mergedStyle=useMemo(()=>({...style,"--vef-responsive-item-span":span*2}),[span,style]);return jsx(motion.div,{ref,css:itemStyle,style:mergedStyle,...restProps,children})});VefResponsiveItem.displayName="VefResponsiveItem";/*! 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{VefResponsiveItem as default};

package/es/vef-ribbon/index.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useColorTokens}from"@vef-framework/hooks";import{Badge}from"antd";import{useMemo}from"react";const{Ribbon}=Badge;function VefRibbon({color,position="right",children}){const colorTokens=useColorTokens(),ribbonProps=useMemo(()=>{if(!color)return{placement:position==="right"?"end":"start",text:children};if(colorTokens.has(color))return{color:color?colorTokens.get(color):void 0,placement:position==="right"?"end":"start",text:children};throw new Error(`Invalid color value "${color}" of VefRibbon component. Color must be a valid color token.`)},[children,color,colorTokens,position]);return jsx(Ribbon,{...ribbonProps})}/*! 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{VefRibbon as default};
+/*! 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{Badge}from"antd";import{useMemo}from"react";const{Ribbon}=Badge;function VefRibbon({color,position="right",children}){const colorTokens=useColorTokens(),ribbonProps=useMemo(()=>{if(!color)return{placement:position==="right"?"end":"start",text:children};if(colorTokens.has(color))return{color:color?colorTokens.get(color):void 0,placement:position==="right"?"end":"start",text:children};throw new Error(`Invalid color value "${color}" of VefRibbon component. Color must be a valid color token.`)},[children,color,colorTokens,position]);return jsx(Ribbon,{...ribbonProps})}/*! 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{VefRibbon as default};

package/es/vef-row/index.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Row}from"antd";function VefRow({...props}){return jsx(Row,{...props})}VefRow.displayName="VefRow";/*! 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{VefRow as default};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Row}from"antd";function VefRow({...props}){return jsx(Row,{...props})}VefRow.displayName="VefRow";/*! 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{VefRow as default};

package/es/vef-scroll-area/components/scrollbar.js

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{ScrollAreaScrollbar,ScrollAreaThumb}from"@radix-ui/react-scroll-area";import{themeVariables}from"@vef-framework/shared";import{forwardRef}from"react";const scrollbarStyle=css`
+/*! 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{ScrollAreaScrollbar,ScrollAreaThumb}from"@radix-ui/react-scroll-area";import{themeVariables}from"@vef-framework/shared";import{forwardRef}from"react";const scrollbarStyle=css`
   --vef-scroll-area-scrollbar-padding: 2px;
 
   display: flex;

package/es/vef-scroll-area/index.js

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{Root,Viewport,Corner}from"@radix-ui/react-scroll-area";import{isNumber}from"@vef-framework/shared";import{forwardRef,useMemo}from"react";import VefScrollbar from"./components/scrollbar.js";const scrollAreaStyle=css`
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{Root,Viewport,Corner}from"@radix-ui/react-scroll-area";import{isNumber}from"@vef-framework/shared";import{forwardRef,useMemo}from"react";import VefScrollbar from"./components/scrollbar.js";const scrollAreaStyle=css`
   position: relative;
   overflow: hidden;
   height: var(--vef-scroll-area-height, 100%);

package/es/vef-segment/index.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Segmented}from"antd";import"../internal/index.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";function VefSegment({className,style,defaultValue,value,size,orientation="horizontal",shape="default",items,onChange,...restProps}){return jsx(Segmented,{className,defaultValue,options:items,shape:shape==="rounded"?"round":"default",size:convertBasicSizeToUiSize(size),style,value,vertical:orientation==="vertical",onChange,...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{VefSegment as default};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Segmented}from"antd";import"../internal/index.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";function VefSegment({className,style,defaultValue,value,size,orientation="horizontal",shape="default",items,onChange,...restProps}){return jsx(Segmented,{className,defaultValue,options:items,shape:shape==="rounded"?"round":"default",size:convertBasicSizeToUiSize(size),style,value,vertical:orientation==="vertical",onChange,...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{VefSegment as default};

package/es/vef-select/components/option.js

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import{memo}from"react";import VefText from"../../vef-text/index.js";const optionWithDescriptionStyle=css`
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import{memo}from"react";import VefText from"../../vef-text/index.js";const optionWithDescriptionStyle=css`
   display: flex;
   flex-direction: column;
   row-gap: 4px;

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

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{useComputedOptions}from"@vef-framework/hooks";import{isArray,isFunction,isNullish}from"@vef-framework/shared";import{useLayoutEffect}from"react";function useDataOptions({value,grouped=!1,multiple=!1,onChange,...rest}){const{onFilterKeywordChange,normalizedOptions,defaultOption,isLoading,fallbackOptions,isFallbackOptionsLoading}=useComputedOptions({...rest,isGrouped:grouped,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};
+/*! 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,grouped=!1,multiple=!1,onChange,...rest}){const{onFilterKeywordChange,normalizedOptions,defaultOption,isLoading,fallbackOptions,isFallbackOptionsLoading}=useComputedOptions({...rest,isGrouped:grouped,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-select/hooks/use-field-names.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{useMemo}from"react";function useFieldNames(grouped){return useMemo(()=>grouped?{label:"label",value:"value",options:"children",groupLabel:"label"}:{label:"label",value:"value"},[grouped])}/*! 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{useFieldNames};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useMemo}from"react";function useFieldNames(grouped){return useMemo(()=>grouped?{label:"label",value:"value",options:"children",groupLabel:"label"}:{label:"label",value:"value"},[grouped])}/*! 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{useFieldNames};

package/es/vef-select/hooks/use-render-label.js

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{LoadingOutlined}from"@ant-design/icons";import{css}from"@emotion/react";import{useCallback}from"react";import VefSpin from"../../vef-spin/index.js";const loadingPlaceholderStyle=css`
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{LoadingOutlined}from"@ant-design/icons";import{css}from"@emotion/react";import{useCallback}from"react";import VefSpin from"../../vef-spin/index.js";const loadingPlaceholderStyle=css`
   display: inline-flex;
   align-items: center;
 

package/es/vef-select/hooks/use-render-option.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction}from"@vef-framework/shared";import{useMemo}from"react";import VefOptionMemo from"../components/option.js";function useRenderOption(renderOption){return useMemo(()=>isFunction(renderOption)?({data},{index})=>renderOption({...data,index}):({data:{label,description}})=>jsx(VefOptionMemo,{description,label:label??"Missing Label"}),[renderOption])}/*! 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{useRenderOption};
+/*! 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{useMemo}from"react";import VefOptionMemo from"../components/option.js";function useRenderOption(renderOption){return useMemo(()=>isFunction(renderOption)?({data},{index})=>renderOption({...data,index}):({data:{label,description}})=>jsx(VefOptionMemo,{description,label:label??"Missing Label"}),[renderOption])}/*! 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{useRenderOption};

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

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

package/es/vef-select/index.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useOptionFilter}from"@vef-framework/hooks";import{styles}from"@vef-framework/shared";import{Select}from"antd";import{memo,forwardRef}from"react";import"../internal/index.js";import VefLoadingPlaceholder from"../vef-loading-placeholder/index.js";import{useDataOptions}from"./hooks/use-data-options.js";import{useFieldNames}from"./hooks/use-field-names.js";import{useRenderLabel}from"./hooks/use-render-label.js";import{useRenderOption}from"./hooks/use-render-option.js";import{useSelectInstance}from"./hooks/use-select-instance.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const listHeight=280,loadingPlaceholder=jsx("div",{css:{height:listHeight/2},children:jsx(VefLoadingPlaceholder,{})});function VefSelectBase({defaultValue,value,size,clearable,disabled,placeholder,variant,onClear,onBlur,onFocus,onChange,onSelect,onDeselect,multiple=!1,grouped=!1,maxCount,renderOption,filterable=!1,filterFromRemote=!1,...restProps},ref){const{onFilterKeywordChange,normalizedOptions,isLoading,fallbackOptions,isFallbackOptionsLoading}=useDataOptions({value,grouped,multiple,onChange,filterable,filterFromRemote,...restProps}),renderOptionToUse=useRenderOption(renderOption),filterOption=useOptionFilter(filterable,filterFromRemote),fieldNames=useFieldNames(grouped),renderLabel=useRenderLabel(isFallbackOptionsLoading,fallbackOptions),selectRef=useSelectInstance(ref,normalizedOptions);return jsx(Select,{ref:selectRef,defaultActiveFirstOption:!0,allowClear:clearable,css:styles.fullWidth,defaultValue,disabled,fieldNames,filterOption,labelRender:renderLabel,listHeight,loading:isLoading,maxCount:multiple?maxCount:void 0,maxTagCount:multiple?"responsive":void 0,mode:multiple?"multiple":void 0,notFoundContent:isLoading?loadingPlaceholder:void 0,optionRender:renderOptionToUse,options:normalizedOptions,placeholder,showSearch:filterable,size:convertBasicSizeToUiSize(size),value,variant,onBlur,onChange,onClear,onDeselect,onFocus,onSearch:onFilterKeywordChange,onSelect})}const VefSelect=memo(forwardRef(VefSelectBase));VefSelect.displayName="VefSelect";/*! 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{VefSelect as default};
+/*! 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{Select}from"antd";import{memo,forwardRef}from"react";import"../internal/index.js";import VefLoadingPlaceholder from"../vef-loading-placeholder/index.js";import{useDataOptions}from"./hooks/use-data-options.js";import{useFieldNames}from"./hooks/use-field-names.js";import{useRenderLabel}from"./hooks/use-render-label.js";import{useRenderOption}from"./hooks/use-render-option.js";import{useSelectInstance}from"./hooks/use-select-instance.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const listHeight=280,loadingPlaceholder=jsx("div",{css:{height:listHeight/2},children:jsx(VefLoadingPlaceholder,{})});function VefSelectBase({defaultValue,value,size,clearable,disabled,placeholder,variant,onClear,onBlur,onFocus,onChange,onSelect,onDeselect,multiple=!1,grouped=!1,maxCount,renderOption,filterable=!1,filterFromRemote=!1,...restProps},ref){const{onFilterKeywordChange,normalizedOptions,isLoading,fallbackOptions,isFallbackOptionsLoading}=useDataOptions({value,grouped,multiple,onChange,filterable,filterFromRemote,...restProps}),renderOptionToUse=useRenderOption(renderOption),filterOption=useOptionFilter(filterable,filterFromRemote),fieldNames=useFieldNames(grouped),renderLabel=useRenderLabel(isFallbackOptionsLoading,fallbackOptions),selectRef=useSelectInstance(ref,normalizedOptions);return jsx(Select,{ref:selectRef,defaultActiveFirstOption:!0,allowClear:clearable,css:styles.fullWidth,defaultValue,disabled,fieldNames,filterOption,labelRender:renderLabel,listHeight,loading:isLoading,maxCount:multiple?maxCount:void 0,maxTagCount:multiple?"responsive":void 0,mode:multiple?"multiple":void 0,notFoundContent:isLoading?loadingPlaceholder:void 0,optionRender:renderOptionToUse,options:normalizedOptions,placeholder,showSearch:filterable,size:convertBasicSizeToUiSize(size),value,variant,onBlur,onChange,onClear,onDeselect,onFocus,onSearch:onFilterKeywordChange,onSelect})}const VefSelect=memo(forwardRef(VefSelectBase));VefSelect.displayName="VefSelect";/*! 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{VefSelect as default};

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

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

package/es/vef-slider/index.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Slider}from"antd";import{forwardRef,useMemo}from"react";import{useSliderInstance}from"./hooks/use-slider-instance.js";const VefSlider=forwardRef(({step,tipFormatter,onChange,...restProps},ref)=>{const tooltipProps=useMemo(()=>{if(tipFormatter)return{formatter:value=>tipFormatter(value)}},[tipFormatter]),sliderRef=useSliderInstance(ref);return jsx(Slider,{ref:sliderRef,step:step==="mark"?null:step,tooltip:tooltipProps,onChange,...restProps})});VefSlider.displayName="VefSlider";/*! 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{VefSlider as default};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Slider}from"antd";import{forwardRef,useMemo}from"react";import{useSliderInstance}from"./hooks/use-slider-instance.js";const VefSlider=forwardRef(({step,tipFormatter,onChange,...restProps},ref)=>{const tooltipProps=useMemo(()=>{if(tipFormatter)return{formatter:value=>tipFormatter(value)}},[tipFormatter]),sliderRef=useSliderInstance(ref);return jsx(Slider,{ref:sliderRef,step:step==="mark"?null:step,tooltip:tooltipProps,onChange,...restProps})});VefSlider.displayName="VefSlider";/*! 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{VefSlider as default};

package/es/vef-sortable-list/components/overlay-item.js

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx,jsxs,Fragment}from"@emotion/react/jsx-runtime";import{HolderOutlined}from"@ant-design/icons";import{css}from"@emotion/react";const defaultHandleIcon=jsx(HolderOutlined,{}),handlePresetStyle=css`
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx,jsxs,Fragment}from"@emotion/react/jsx-runtime";import{HolderOutlined}from"@ant-design/icons";import{css}from"@emotion/react";const defaultHandleIcon=jsx(HolderOutlined,{}),handlePresetStyle=css`
   cursor: move;
   user-select: none;
   touch-action: none;

package/es/vef-sortable-list/components/sortable-item.js

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{HolderOutlined}from"@ant-design/icons";import{useSortable}from"@dnd-kit/sortable";import{CSS}from"@dnd-kit/utilities";import{css}from"@emotion/react";const defaultHandleIcon=jsx(HolderOutlined,{}),handlePresetStyle=css`
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{HolderOutlined}from"@ant-design/icons";import{useSortable}from"@dnd-kit/sortable";import{CSS}from"@dnd-kit/utilities";import{css}from"@emotion/react";const defaultHandleIcon=jsx(HolderOutlined,{}),handlePresetStyle=css`
   cursor: move;
   user-select: none;
   touch-action: none;

package/es/vef-sortable-list/hooks/use-merged-items.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{isNullish}from"@vef-framework/shared";import{useState,useCallback}from"react";function useMergedItems(defaultItems,items,onChange){if(isNullish(defaultItems)&&isNullish(items))throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");const[internalItems,setInternalItems]=useState(defaultItems??[]),mergedItems=items??internalItems,mergedOnChange=useCallback(moveItems=>{items?onChange?.(moveItems(items)):setInternalItems(moveItems)},[items,onChange]);return[mergedItems,mergedOnChange]}/*! 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{useMergedItems};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{isNullish}from"@vef-framework/shared";import{useState,useCallback}from"react";function useMergedItems(defaultItems,items,onChange){if(isNullish(defaultItems)&&isNullish(items))throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");const[internalItems,setInternalItems]=useState(defaultItems??[]),mergedItems=items??internalItems,mergedOnChange=useCallback(moveItems=>{items?onChange?.(moveItems(items)):setInternalItems(moveItems)},[items,onChange]);return[mergedItems,mergedOnChange]}/*! 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{useMergedItems};

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

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{useSensors,useSensor,PointerSensor,DndContext,DragOverlay,closestCenter}from"@dnd-kit/core";import{restrictToParentElement,restrictToWindowEdges}from"@dnd-kit/modifiers";import{arrayMove,SortableContext,verticalListSortingStrategy,horizontalListSortingStrategy}from"@dnd-kit/sortable";import{isFunction}from"@vef-framework/shared";import{useMemo,useState,useCallback,memo}from"react";import VefOverlayItem from"./components/overlay-item.js";import VefSortableItem from"./components/sortable-item.js";import{useMergedItems}from"./hooks/use-merged-items.js";const defaultItemKey="id";function VefSortableListBase({defaultItems,items,itemKey=defaultItemKey,className,style,orientation="vertical",useOverlay=!0,restrictStrategy="parent",onChange,...restProps}){const[mergedItems,mergedOnChange]=useMergedItems(defaultItems,items,onChange),sensors=useSensors(useSensor(PointerSensor)),itemKeyFn=useMemo(()=>isFunction(itemKey)?itemKey:item=>item[itemKey],[itemKey]),[activeItem,setActiveItem]=useState(),handleDragStart=useCallback(({active})=>{setActiveItem(mergedItems[active.data.current.index])},[mergedItems]),handleDragEnd=useCallback(({active,over})=>{over&&active.id!==over.id&&mergedOnChange(items2=>arrayMove(items2,active.data.current.index,over.data.current.index))},[mergedOnChange]),itemKeys=mergedItems.map(item=>itemKeyFn(item)),{itemClassName,itemStyle,disabled,...overlayItemProps}=restProps;return jsx(DndContext,{collisionDetection:closestCenter,sensors,modifiers:[restrictStrategy==="parent"?restrictToParentElement:restrictToWindowEdges],onDragEnd:handleDragEnd,onDragStart:handleDragStart,children:jsx(SortableContext,{items:itemKeys,strategy:orientation==="vertical"?verticalListSortingStrategy:horizontalListSortingStrategy,children:jsxs("div",{className,style,children:[mergedItems.map((item,index)=>{const key=itemKeyFn(item);return jsx(VefSortableItem,{item,itemIndex:index,itemKey:key,...restProps},key)}),useOverlay&&jsx(DragOverlay,{className:itemClassName,style:itemStyle,wrapperElement:"div",modifiers:[restrictStrategy==="parent"?restrictToParentElement:restrictToWindowEdges],children:activeItem&&jsx(VefOverlayItem,{item:activeItem,...overlayItemProps})})]})})})}const VefSortableList=memo(VefSortableListBase);VefSortableList.displayName="VefSortableList";/*! 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{VefSortableList as default};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx,jsxs}from"@emotion/react/jsx-runtime";import{useSensors,useSensor,PointerSensor,DndContext,DragOverlay,closestCenter}from"@dnd-kit/core";import{restrictToParentElement,restrictToWindowEdges}from"@dnd-kit/modifiers";import{arrayMove,SortableContext,verticalListSortingStrategy,horizontalListSortingStrategy}from"@dnd-kit/sortable";import{isFunction}from"@vef-framework/shared";import{useMemo,useState,useCallback,memo}from"react";import VefOverlayItem from"./components/overlay-item.js";import VefSortableItem from"./components/sortable-item.js";import{useMergedItems}from"./hooks/use-merged-items.js";const defaultItemKey="id";function VefSortableListBase({defaultItems,items,itemKey=defaultItemKey,className,style,orientation="vertical",useOverlay=!0,restrictStrategy="parent",onChange,...restProps}){const[mergedItems,mergedOnChange]=useMergedItems(defaultItems,items,onChange),sensors=useSensors(useSensor(PointerSensor)),itemKeyFn=useMemo(()=>isFunction(itemKey)?itemKey:item=>item[itemKey],[itemKey]),[activeItem,setActiveItem]=useState(),handleDragStart=useCallback(({active})=>{setActiveItem(mergedItems[active.data.current.index])},[mergedItems]),handleDragEnd=useCallback(({active,over})=>{over&&active.id!==over.id&&mergedOnChange(items2=>arrayMove(items2,active.data.current.index,over.data.current.index))},[mergedOnChange]),itemKeys=mergedItems.map(item=>itemKeyFn(item)),{itemClassName,itemStyle,disabled,...overlayItemProps}=restProps;return jsx(DndContext,{collisionDetection:closestCenter,sensors,modifiers:[restrictStrategy==="parent"?restrictToParentElement:restrictToWindowEdges],onDragEnd:handleDragEnd,onDragStart:handleDragStart,children:jsx(SortableContext,{items:itemKeys,strategy:orientation==="vertical"?verticalListSortingStrategy:horizontalListSortingStrategy,children:jsxs("div",{className,style,children:[mergedItems.map((item,index)=>{const key=itemKeyFn(item);return jsx(VefSortableItem,{item,itemIndex:index,itemKey:key,...restProps},key)}),useOverlay&&jsx(DragOverlay,{className:itemClassName,style:itemStyle,wrapperElement:"div",modifiers:[restrictStrategy==="parent"?restrictToParentElement:restrictToWindowEdges],children:activeItem&&jsx(VefOverlayItem,{item:activeItem,...overlayItemProps})})]})})})}const VefSortableList=memo(VefSortableListBase);VefSortableList.displayName="VefSortableList";/*! 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{VefSortableList as default};

package/es/vef-space/index.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useGapSizeNormalizer}from"@vef-framework/hooks";import{isArray}from"@vef-framework/shared";import{Space}from"antd";import{useMemo}from"react";function VefSpace({gap,...restProps}){const normalizeGapSize=useGapSizeNormalizer(),size=useMemo(()=>isArray(gap)?gap.map(it=>normalizeGapSize(it)):gap&&normalizeGapSize(gap),[gap,normalizeGapSize]);return jsx(Space,{size,...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{VefSpace as default};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useGapSizeNormalizer}from"@vef-framework/hooks";import{isArray}from"@vef-framework/shared";import{Space}from"antd";import{useMemo}from"react";function VefSpace({gap,...restProps}){const normalizeGapSize=useGapSizeNormalizer(),size=useMemo(()=>isArray(gap)?gap.map(it=>normalizeGapSize(it)):gap&&normalizeGapSize(gap),[gap,normalizeGapSize]);return jsx(Space,{size,...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{VefSpace as default};

package/es/vef-spin/index.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Spin}from"antd";function VefSpin({size,...restProps}){return jsx(Spin,{size:size==="medium"?"default":size,...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{VefSpin as default};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Spin}from"antd";function VefSpin({size,...restProps}){return jsx(Spin,{size:size==="medium"?"default":size,...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{VefSpin as default};

package/es/vef-splitter/index.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Splitter}from"antd";function VefSplitter({orientation,onResizeBegin,...rest}){return jsx(Splitter,{layout:orientation,onResizeStart:onResizeBegin,...rest})}/*! 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{VefSplitter as default};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Splitter}from"antd";function VefSplitter({orientation,onResizeBegin,...rest}){return jsx(Splitter,{layout:orientation,onResizeStart:onResizeBegin,...rest})}/*! 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{VefSplitter as default};

package/es/vef-splitter-panel/index.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Splitter}from"antd";const{Panel}=Splitter;function VefSplitterPanel({...rest}){return jsx(Panel,{...rest})}/*! 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{VefSplitterPanel as default};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Splitter}from"antd";const{Panel}=Splitter;function VefSplitterPanel({...rest}){return jsx(Panel,{...rest})}/*! 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{VefSplitterPanel as default};

package/es/vef-status/index.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useColorTokens}from"@vef-framework/hooks";import{Badge}from"antd";import{useMemo}from"react";function VefStatus({processing=!1,color="default",children}){const colorTokens=useColorTokens(),badgeProps=useMemo(()=>{if(color==="default")return{status:"default",text:children};if(colorTokens.has(color))return{status:processing?"processing":"default",color:colorTokens.get(color),text:children};throw new Error(`Invalid color value "${color}" of VefStatus component. Color must be either "default" or a valid color token.`)},[color,colorTokens,processing,children]);return jsx(Badge,{...badgeProps})}/*! 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{VefStatus as default};
+/*! 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{Badge}from"antd";import{useMemo}from"react";function VefStatus({processing=!1,color="default",children}){const colorTokens=useColorTokens(),badgeProps=useMemo(()=>{if(color==="default")return{status:"default",text:children};if(colorTokens.has(color))return{status:processing?"processing":"default",color:colorTokens.get(color),text:children};throw new Error(`Invalid color value "${color}" of VefStatus component. Color must be either "default" or a valid color token.`)},[color,colorTokens,processing,children]);return jsx(Badge,{...badgeProps})}/*! 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{VefStatus as default};

package/es/vef-table/components/columns/bool.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isString,isNullish,isDeepEqual}from"@vef-framework/shared";import{useMemo,memo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";function Bool({value,record,rowIndex,columnProps}){if(columnProps.type!=="Boolean")throw new VefError(-1,"Column type must be Boolean");const{defaultValue,trueText="是",falseText="否",bold,italic,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=useMemo(()=>{if(isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=useMemo(()=>value?value?trueText:falseText:defaultValue,[value,trueText,falseText,defaultValue]),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,italic:italicToUse,children:valueToDisplay})}const BoolMemo=memo(Bool,isDeepEqual);/*! 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{BoolMemo as default};
+/*! 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{VefError,isString,isNullish,isDeepEqual}from"@vef-framework/shared";import{useMemo,memo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";function Bool({value,record,rowIndex,columnProps}){if(columnProps.type!=="Boolean")throw new VefError(-1,"Column type must be Boolean");const{defaultValue,trueText="是",falseText="否",bold,italic,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=useMemo(()=>{if(isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=useMemo(()=>value?value?trueText:falseText:defaultValue,[value,trueText,falseText,defaultValue]),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,italic:italicToUse,children:valueToDisplay})}const BoolMemo=memo(Bool,isDeepEqual);/*! 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{BoolMemo as default};

package/es/vef-table/components/columns/code.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function Code({value}){return jsx("span",{children:value})}/*! 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{Code as default};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function Code({value}){return jsx("span",{children:value})}/*! 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{Code as default};

package/es/vef-table/components/columns/data-dictionary.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isString,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";const DATA_DICTIONARY_NAME_SUFFIX="Name";function DataDictionary({value,record,rowIndex,columnProps}){if(columnProps.type!=="DataDictionary")throw new VefError(-1,"Column type must be DataDictionary");const{name,defaultValue,ellipsis,bold,italic,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=useMemo(()=>{if(isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=useMemo(()=>isNullish(value)||isNullish(record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`])?defaultValue:record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`],[value,record,name,defaultValue]),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}/*! 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{DataDictionary as default};
+/*! 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{VefError,isString,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";const DATA_DICTIONARY_NAME_SUFFIX="Name";function DataDictionary({value,record,rowIndex,columnProps}){if(columnProps.type!=="DataDictionary")throw new VefError(-1,"Column type must be DataDictionary");const{name,defaultValue,ellipsis,bold,italic,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=useMemo(()=>{if(isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=useMemo(()=>isNullish(value)||isNullish(record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`])?defaultValue:record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`],[value,record,name,defaultValue]),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}/*! 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{DataDictionary as default};

package/es/vef-table/components/columns/enum.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isString,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefTag from"../../../vef-tag/index.js";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";const ENUM_NAME_SUFFIX="Name",tagTextStyle=css({color:"inherit",fontSize:"inherit"});function Enum({value,record,rowIndex,columnProps}){if(columnProps.type!=="Enum")throw new VefError(-1,"Column type must be Enum");const{name,defaultValue,showAsTag=!0,bold,italic,ellipsis,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=useMemo(()=>{if(isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=useMemo(()=>isNullish(value)||isNullish(record[`${name}${ENUM_NAME_SUFFIX}`])?defaultValue:record[`${name}${ENUM_NAME_SUFFIX}`],[value,record,name,defaultValue]),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return showAsTag?jsx(VefTag,{color:colorToUse,children:jsx(VefText,{bold:boldToUse,css:tagTextStyle,italic:italicToUse,children:valueToDisplay})}):jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}/*! 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{Enum as default};
+/*! 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{VefError,isString,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefTag from"../../../vef-tag/index.js";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";const ENUM_NAME_SUFFIX="Name",tagTextStyle=css({color:"inherit",fontSize:"inherit"});function Enum({value,record,rowIndex,columnProps}){if(columnProps.type!=="Enum")throw new VefError(-1,"Column type must be Enum");const{name,defaultValue,showAsTag=!0,bold,italic,ellipsis,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=useMemo(()=>{if(isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=useMemo(()=>isNullish(value)||isNullish(record[`${name}${ENUM_NAME_SUFFIX}`])?defaultValue:record[`${name}${ENUM_NAME_SUFFIX}`],[value,record,name,defaultValue]),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return showAsTag?jsx(VefTag,{color:colorToUse,children:jsx(VefText,{bold:boldToUse,css:tagTextStyle,italic:italicToUse,children:valueToDisplay})}):jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}/*! 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{Enum as default};

package/es/vef-table/components/columns/file.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function File({value}){return jsx("span",{children:value})}/*! 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{File as default};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function File({value}){return jsx("span",{children:value})}/*! 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{File as default};

package/es/vef-table/components/columns/icon.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function Icon({value}){return jsx("span",{children:value})}/*! 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{Icon as default};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function Icon({value}){return jsx("span",{children:value})}/*! 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{Icon as default};

package/es/vef-table/components/columns/id.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";const ID_NAME_SUFFIX="Name",ID_NAME_REPLACE_REGEX=/Id$/;function Id({value,record,rowIndex,columnProps}){if(columnProps.type!=="Id")throw new VefError(-1,"Column type must be Id");const{name,defaultValue,ellipsis,bold,italic,color,width}=columnProps,[boldToUse,italicToUse,colorToUse]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),valueToDisplay=useMemo(()=>{const nameToUse=name.replace(ID_NAME_REPLACE_REGEX,ID_NAME_SUFFIX);return isNullish(value)||isNullish(record[nameToUse])?defaultValue:record[nameToUse]},[value,record,name,defaultValue]),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}/*! 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{Id as default};
+/*! 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{VefError,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";const ID_NAME_SUFFIX="Name",ID_NAME_REPLACE_REGEX=/Id$/;function Id({value,record,rowIndex,columnProps}){if(columnProps.type!=="Id")throw new VefError(-1,"Column type must be Id");const{name,defaultValue,ellipsis,bold,italic,color,width}=columnProps,[boldToUse,italicToUse,colorToUse]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),valueToDisplay=useMemo(()=>{const nameToUse=name.replace(ID_NAME_REPLACE_REGEX,ID_NAME_SUFFIX);return isNullish(value)||isNullish(record[nameToUse])?defaultValue:record[nameToUse]},[value,record,name,defaultValue]),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}/*! 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{Id as default};

package/es/vef-table/components/columns/image.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{extractBaseName}from"@vef-framework/shared";function Image({value}){return jsx("img",{alt:extractBaseName(value),src:value})}/*! 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{Image as default};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{extractBaseName}from"@vef-framework/shared";function Image({value}){return jsx("img",{alt:extractBaseName(value),src:value})}/*! 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{Image as default};

package/es/vef-table/components/columns/index.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import BoolMemo from"./bool.js";import Code from"./code.js";import DataDictionary from"./data-dictionary.js";import Enum from"./enum.js";import File from"./file.js";import Icon from"./icon.js";import Id from"./id.js";import Image from"./image.js";import Markdown from"./markdown.js";import NumberColumn from"./number.js";import Render from"./render.js";import RichText from"./rich-text.js";import Text from"./text.js";const columnComponents={Text,Number:NumberColumn,Enum,Boolean:BoolMemo,DataDictionary,Id,Render,Markdown,Icon,File,RichText,Image,Code};/*! 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{columnComponents};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import BoolMemo from"./bool.js";import Code from"./code.js";import DataDictionary from"./data-dictionary.js";import Enum from"./enum.js";import File from"./file.js";import Icon from"./icon.js";import Id from"./id.js";import Image from"./image.js";import Markdown from"./markdown.js";import NumberColumn from"./number.js";import Render from"./render.js";import RichText from"./rich-text.js";import Text from"./text.js";const columnComponents={Text,Number:NumberColumn,Enum,Boolean:BoolMemo,DataDictionary,Id,Render,Markdown,Icon,File,RichText,Image,Code};/*! 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{columnComponents};

package/es/vef-table/components/columns/markdown.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function Markdown({value}){return jsx("span",{children:value})}/*! 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{Markdown as default};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function Markdown({value}){return jsx("span",{children:value})}/*! 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{Markdown as default};

package/es/vef-table/components/columns/number.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";import{useDisplayValue}from"../../hooks/use-display-value.js";function NumberColumn({value,record,rowIndex,columnProps}){if(columnProps.type!=="Number")throw new VefError(-1,"Column type must be Number");const{defaultValue,formatter,prefix,suffix,bold,italic,color,width}=columnProps,displayValue=useDisplayValue(value,record,rowIndex,{defaultValue,formatter,prefix,suffix}),[boldToUse,italicToUse,colorToUse]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return isNullish(displayValue)?null:jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,italic:italicToUse,children:displayValue})}/*! 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{NumberColumn as default};
+/*! 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{VefError,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";import{useDisplayValue}from"../../hooks/use-display-value.js";function NumberColumn({value,record,rowIndex,columnProps}){if(columnProps.type!=="Number")throw new VefError(-1,"Column type must be Number");const{defaultValue,formatter,prefix,suffix,bold,italic,color,width}=columnProps,displayValue=useDisplayValue(value,record,rowIndex,{defaultValue,formatter,prefix,suffix}),[boldToUse,italicToUse,colorToUse]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return isNullish(displayValue)?null:jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,italic:italicToUse,children:displayValue})}/*! 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{NumberColumn as default};

package/es/vef-table/components/columns/render.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError}from"@vef-framework/shared";import{useMemo}from"react";function Render({value,record,rowIndex,columnProps}){if(columnProps.type!=="Render")throw new VefError(-1,"Column type must be Render");const{render,width}=columnProps,content=render?.(value,record,rowIndex),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return jsx("div",{css:cssToUse,children:content})}/*! 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{Render as default};
+/*! 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{VefError}from"@vef-framework/shared";import{useMemo}from"react";function Render({value,record,rowIndex,columnProps}){if(columnProps.type!=="Render")throw new VefError(-1,"Column type must be Render");const{render,width}=columnProps,content=render?.(value,record,rowIndex),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return jsx("div",{css:cssToUse,children:content})}/*! 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{Render as default};

package/es/vef-table/components/columns/rich-text.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function RichText({value}){return jsx("span",{children:value})}/*! 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{RichText as default};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function RichText({value}){return jsx("span",{children:value})}/*! 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{RichText as default};

package/es/vef-table/components/columns/text.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";import{useDisplayValue}from"../../hooks/use-display-value.js";function Text({value,record,rowIndex,columnProps}){if(columnProps.type!=="Text")throw new VefError(-1,"Column type must be Text");const{defaultValue,formatter,prefix,suffix,ellipsis,bold,italic,color,copyable,width}=columnProps,[boldToUse,italicToUse,colorToUse]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),valueToDisplay=useDisplayValue(value,record,rowIndex,{defaultValue,formatter,prefix,suffix}),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return isNullish(valueToDisplay)?null:jsx(VefText,{bold:boldToUse,color:colorToUse,copyable,css:cssToUse,ellipsis,ellipsisTip:ellipsis?valueToDisplay:void 0,italic:italicToUse,children:valueToDisplay})}/*! 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{Text as default};
+/*! 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{VefError,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";import{useDisplayValue}from"../../hooks/use-display-value.js";function Text({value,record,rowIndex,columnProps}){if(columnProps.type!=="Text")throw new VefError(-1,"Column type must be Text");const{defaultValue,formatter,prefix,suffix,ellipsis,bold,italic,color,copyable,width}=columnProps,[boldToUse,italicToUse,colorToUse]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),valueToDisplay=useDisplayValue(value,record,rowIndex,{defaultValue,formatter,prefix,suffix}),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return isNullish(valueToDisplay)?null:jsx(VefText,{bold:boldToUse,color:colorToUse,copyable,css:cssToUse,ellipsis,ellipsisTip:ellipsis?valueToDisplay:void 0,italic:italicToUse,children:valueToDisplay})}/*! 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{Text as default};

package/es/vef-table/components/columns-settings.js

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsxs,jsx,Fragment}from"@emotion/react/jsx-runtime";import{RollbackOutlined,VerticalRightOutlined,VerticalLeftOutlined}from"@ant-design/icons";import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import{Checkbox}from"antd";import{useMemo,useCallback,memo}from"react";import VefBool from"../../vef-bool/index.js";import VefButton from"../../vef-button/index.js";import VefDivider from"../../vef-divider/index.js";import VefSortableList from"../../vef-sortable-list/index.js";import VefText from"../../vef-text/index.js";import{useTableContextSelector}from"../hooks/use-table-context.js";const columnsSettingsPanelStyle=css`
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsxs,jsx,Fragment}from"@emotion/react/jsx-runtime";import{RollbackOutlined,VerticalRightOutlined,VerticalLeftOutlined}from"@ant-design/icons";import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import{Checkbox}from"antd";import{useMemo,useCallback,memo}from"react";import VefBool from"../../vef-bool/index.js";import VefButton from"../../vef-button/index.js";import VefDivider from"../../vef-divider/index.js";import VefSortableList from"../../vef-sortable-list/index.js";import VefText from"../../vef-text/index.js";import{useTableContextSelector}from"../hooks/use-table-context.js";const columnsSettingsPanelStyle=css`
   width: 300px;
   padding: ${themeVariables.paddingSm};
 

package/es/vef-table/components/operation-buttons.js

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{MoreOutlined}from"@ant-design/icons";import{css}from"@emotion/react";import{useComputedActionButtons}from"@vef-framework/hooks";import{invokeMaybeAsyncFn,showConfirmation}from"@vef-framework/shared";import{useMemo,useState,useCallback}from"react";import VefButton from"../../vef-button/index.js";import VefDropdown from"../../vef-dropdown/index.js";import VefFlex from"../../vef-flex/index.js";import VefPopconfirm from"../../vef-popconfirm/index.js";import{useTableContextSelector}from"../hooks/use-table-context.js";const operationButtonStyle=css`
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{MoreOutlined}from"@ant-design/icons";import{css}from"@emotion/react";import{useComputedActionButtons}from"@vef-framework/hooks";import{invokeMaybeAsyncFn,showConfirmation}from"@vef-framework/shared";import{useMemo,useState,useCallback}from"react";import VefButton from"../../vef-button/index.js";import VefDropdown from"../../vef-dropdown/index.js";import VefFlex from"../../vef-flex/index.js";import VefPopconfirm from"../../vef-popconfirm/index.js";import{useTableContextSelector}from"../hooks/use-table-context.js";const operationButtonStyle=css`
   .vef-btn-sm {
     --vef-control-height-sm: 24px;
     --vef-button-padding-inline-sm: 4px;

package/es/vef-table/components/settings-icon.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import{SettingsIcon}from"lucide-react";import{memo}from"react";import VefIcon from"../../vef-icon/index.js";import{useTableContextSelector}from"../hooks/use-table-context.js";const primaryColorStyle=css`
+/*! 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{themeVariables}from"@vef-framework/shared";import{SettingsIcon}from"lucide-react";import{memo}from"react";import VefIcon from"../../vef-icon/index.js";import{useTableContextSelector}from"../hooks/use-table-context.js";const primaryColorStyle=css`
   color: ${themeVariables.colorPrimary};
 `;function VefSettingsIconBase(){const columnConfigMapHasChanged=useTableContextSelector(ctx=>ctx.columnConfigMapHasChanged);return jsx(VefIcon,{css:columnConfigMapHasChanged?primaryColorStyle:void 0,children:jsx(SettingsIcon,{})})}const VefSettingsIcon=memo(VefSettingsIconBase,()=>!1);/*! 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{VefSettingsIcon as default};

package/es/vef-table/components/table-footer.js

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables,invokeMaybeAsyncFn}from"@vef-framework/shared";import{useMemo,memo}from"react";import VefButton from"../../vef-button/index.js";import VefPagination from"../../vef-pagination/index.js";import VefText from"../../vef-text/index.js";import{useTableContextSelector}from"../hooks/use-table-context.js";const footerStyle=css`
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables,invokeMaybeAsyncFn}from"@vef-framework/shared";import{useMemo,memo}from"react";import VefButton from"../../vef-button/index.js";import VefPagination from"../../vef-pagination/index.js";import VefText from"../../vef-text/index.js";import{useTableContextSelector}from"../hooks/use-table-context.js";const footerStyle=css`
   width: 100%;
   display: flex;
   align-items: center;

package/es/vef-table/helper.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{compileDynamicFn,isFunction,isExpression}from"@vef-framework/shared";function computeValue(rawValue,value,record,rowIndex,defaultValue){return isFunction(rawValue)?rawValue(value,record,rowIndex):isExpression(rawValue)?compileDynamicFn(rawValue,"value","record","rowIndex",`return ${rawValue.expression}`)(value,record,rowIndex):rawValue??defaultValue}/*! 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{computeValue};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{compileDynamicFn,isFunction,isExpression}from"@vef-framework/shared";function computeValue(rawValue,value,record,rowIndex,defaultValue){return isFunction(rawValue)?rawValue(value,record,rowIndex):isExpression(rawValue)?compileDynamicFn(rawValue,"value","record","rowIndex",`return ${rawValue.expression}`)(value,record,rowIndex):rawValue??defaultValue}/*! 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{computeValue};

package/es/vef-table/hooks/use-computed-batch-buttons.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{useComputedActionButtons}from"@vef-framework/hooks";import{useMemo}from"react";function useComputedBatchActionButtons(batchActionButtons,tableContext){const{externalContext,isFetching,refetch,selectedKeys,selectedRecords}=tableContext,batchActionButtonContext=useMemo(()=>({isFetching,refetch,selectedKeys,selectedRecords,...externalContext??{}}),[externalContext,isFetching,refetch,selectedKeys,selectedRecords]);return{computedBatchActionButtons:useComputedActionButtons(batchActionButtons,batchActionButtonContext),batchActionButtonContext}}/*! 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{useComputedBatchActionButtons};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useComputedActionButtons}from"@vef-framework/hooks";import{useMemo}from"react";function useComputedBatchActionButtons(batchActionButtons,tableContext){const{externalContext,isFetching,refetch,selectedKeys,selectedRecords}=tableContext,batchActionButtonContext=useMemo(()=>({isFetching,refetch,selectedKeys,selectedRecords,...externalContext??{}}),[externalContext,isFetching,refetch,selectedKeys,selectedRecords]);return{computedBatchActionButtons:useComputedActionButtons(batchActionButtons,batchActionButtonContext),batchActionButtonContext}}/*! 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{useComputedBatchActionButtons};

package/es/vef-table/hooks/use-computed-columns.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{useMemo}from"react";function useComputedColumns(columns,columnConfigMap){return useMemo(()=>columns.map(column=>{const{name}=column,config=columnConfigMap.get(name);return{...column,show:config.show,fixed:config.fixed}}).sort((one,another)=>columnConfigMap.get(one.name).order-columnConfigMap.get(another.name).order),[columns,columnConfigMap])}/*! 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{useComputedColumns};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useMemo}from"react";function useComputedColumns(columns,columnConfigMap){return useMemo(()=>columns.map(column=>{const{name}=column,config=columnConfigMap.get(name);return{...column,show:config.show,fixed:config.fixed}}).sort((one,another)=>columnConfigMap.get(one.name).order-columnConfigMap.get(another.name).order),[columns,columnConfigMap])}/*! 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{useComputedColumns};

package/es/vef-table/hooks/use-computed-values.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{useDeepMemo}from"@vef-framework/hooks";import{computeValue}from"../helper.js";function useComputedValues(values,value,record,rowIndex,returnAsObject=!1){const computedValues=useDeepMemo(()=>values.reduce((acc,it)=>{const{key,rawValue,defaultValue}=it,computedValue=computeValue(rawValue,value,record,rowIndex,defaultValue);return acc[key]=computedValue,acc},{}),[record,rowIndex,value,values]);return returnAsObject?values.reduce((acc,{key})=>(acc[key]=computedValues[key],acc),{}):values.map(({key})=>computedValues[key])}/*! 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{useComputedValues};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useDeepMemo}from"@vef-framework/hooks";import{computeValue}from"../helper.js";function useComputedValues(values,value,record,rowIndex,returnAsObject=!1){const computedValues=useDeepMemo(()=>values.reduce((acc,it)=>{const{key,rawValue,defaultValue}=it,computedValue=computeValue(rawValue,value,record,rowIndex,defaultValue);return acc[key]=computedValue,acc},{}),[record,rowIndex,value,values]);return returnAsObject?values.reduce((acc,{key})=>(acc[key]=computedValues[key],acc),{}):values.map(({key})=>computedValues[key])}/*! 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{useComputedValues};

package/es/vef-table/hooks/use-data.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{useDataQuery}from"@vef-framework/hooks";import{isShallowEqual,isNumber,isArray}from"@vef-framework/shared";import{useRef}from"react";function useData({apiParams,...queryConfig},paginated,paginationParams){const lastApiParamsRef=useRef(),{data,isLoading,isFetching,isSuccess,refetch}=useDataQuery({apiParams:paginated?{...paginationParams,page:isShallowEqual(lastApiParamsRef.current,apiParams)?paginationParams.page:1,...apiParams}:apiParams,keepPreviousData:!0,staleTime:0,...queryConfig});if(lastApiParamsRef.current=apiParams,isSuccess){if(paginated){if(!Object.hasOwn(data,"total")||!Object.hasOwn(data,"items"))throw new Error("The paginated data of VefTable is invalid. The data must contain the `total` and `items` properties. Please check the data.");if(!isNumber(data.total))throw new Error("The `total` property of the paginated data of VefTable is invalid. It must be a number.");if(!isArray(data.items))throw new Error("The `items` property of the paginated data of VefTable is invalid. It must be an array.")}else if(!isArray(data))throw new Error("The data of VefTable is invalid. It must be an array.")}return{data:paginated?data?.items:data,isFetching,isLoading,total:paginated?data?.total:void 0,refetch}}/*! 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{useData};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useDataQuery}from"@vef-framework/hooks";import{isShallowEqual,isNumber,isArray}from"@vef-framework/shared";import{useRef}from"react";function useData({apiParams,...queryConfig},paginated,paginationParams){const lastApiParamsRef=useRef(),{data,isLoading,isFetching,isSuccess,refetch}=useDataQuery({apiParams:paginated?{...paginationParams,page:isShallowEqual(lastApiParamsRef.current,apiParams)?paginationParams.page:1,...apiParams}:apiParams,keepPreviousData:!0,staleTime:0,...queryConfig});if(lastApiParamsRef.current=apiParams,isSuccess){if(paginated){if(!Object.hasOwn(data,"total")||!Object.hasOwn(data,"items"))throw new Error("The paginated data of VefTable is invalid. The data must contain the `total` and `items` properties. Please check the data.");if(!isNumber(data.total))throw new Error("The `total` property of the paginated data of VefTable is invalid. It must be a number.");if(!isArray(data.items))throw new Error("The `items` property of the paginated data of VefTable is invalid. It must be an array.")}else if(!isArray(data))throw new Error("The data of VefTable is invalid. It must be an array.")}return{data:paginated?data?.items:data,isFetching,isLoading,total:paginated?data?.total:void 0,refetch}}/*! 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{useData};

package/es/vef-table/hooks/use-default-column-configs.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{useMemo}from"react";function useDefaultColumnConfigs(columns){return useMemo(()=>{const columnConfigs=new Map;let currentOrder=1;for(const column of columns){const{name,title,fixed,configurable}=column;columnConfigs.set(name,{title:title??name,show:!0,fixed,order:currentOrder++,configurable:configurable??!0})}return columnConfigs},[columns])}/*! 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{useDefaultColumnConfigs};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useMemo}from"react";function useDefaultColumnConfigs(columns){return useMemo(()=>{const columnConfigs=new Map;let currentOrder=1;for(const column of columns){const{name,title,fixed,configurable}=column;columnConfigs.set(name,{title:title??name,show:!0,fixed,order:currentOrder++,configurable:configurable??!0})}return columnConfigs},[columns])}/*! 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{useDefaultColumnConfigs};

package/es/vef-table/hooks/use-display-value.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{isNullish,isFunction,isExpression,compileDynamicFn}from"@vef-framework/shared";import{useMemo}from"react";function useDisplayValue(value,record,rowIndex,config){const{defaultValue,formatter,prefix,suffix}=config,valueToUse=isNullish(value)?defaultValue:value;return useMemo(()=>{if(isFunction(formatter))return formatter(value,record,rowIndex);if(isExpression(formatter))return compileDynamicFn(formatter,"value","record","rowIndex",`return ${formatter.expression}`)(value,record,rowIndex);if(!isNullish(valueToUse))return`${prefix??""}${valueToUse}${suffix??""}`},[formatter,valueToUse,prefix,suffix,value,record,rowIndex])}/*! 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{useDisplayValue};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{isNullish,isFunction,isExpression,compileDynamicFn}from"@vef-framework/shared";import{useMemo}from"react";function useDisplayValue(value,record,rowIndex,config){const{defaultValue,formatter,prefix,suffix}=config,valueToUse=isNullish(value)?defaultValue:value;return useMemo(()=>{if(isFunction(formatter))return formatter(value,record,rowIndex);if(isExpression(formatter))return compileDynamicFn(formatter,"value","record","rowIndex",`return ${formatter.expression}`)(value,record,rowIndex);if(!isNullish(valueToUse))return`${prefix??""}${valueToUse}${suffix??""}`},[formatter,valueToUse,prefix,suffix,value,record,rowIndex])}/*! 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{useDisplayValue};

package/es/vef-table/hooks/use-helper-columns.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useAuthorizedItems}from"@vef-framework/hooks";import{isDeepEqual}from"@vef-framework/shared";import{useMemo}from"react";import VefColumnsSettings from"../components/columns-settings.js";import VefOperationButtons from"../components/operation-buttons.js";import VefSettingsIcon from"../components/settings-icon.js";import{useOperationColumnWidth}from"./use-operation-column-width.js";const DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS=3;function useHelperColumns({showRowNumber,operationButtons,maxVisibleOperationButtons,size}){const rowNumberColumn=useMemo(()=>{if(showRowNumber)return{key:"_rowNumber",title:"#",align:"center",fixed:"left",width:48,shouldCellUpdate:()=>!1,render:(_,__,rowIndex)=>rowIndex+1}},[showRowNumber]),authorizedOperationButtons=useAuthorizedItems(operationButtons??[]),operationColumnWidth=useOperationColumnWidth(authorizedOperationButtons,maxVisibleOperationButtons??DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS,size),operationColumn=useMemo(()=>{if(authorizedOperationButtons&&authorizedOperationButtons.length>0)return{key:"_operationButtons",title:"操作",align:"center",fixed:"right",filterIcon:()=>jsx(VefSettingsIcon,{}),filterDropdown:()=>jsx(VefColumnsSettings,{}),width:operationColumnWidth,shouldCellUpdate:(record,prevRecord)=>!isDeepEqual(record,prevRecord),render:(_,record,rowIndex)=>jsx(VefOperationButtons,{maxVisibleOperationButtons:maxVisibleOperationButtons??DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS,operationButtons:authorizedOperationButtons,record,rowIndex})}},[authorizedOperationButtons,maxVisibleOperationButtons,operationColumnWidth]);return{rowNumberColumn,operationColumn}}/*! 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{useHelperColumns};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useAuthorizedItems}from"@vef-framework/hooks";import{isDeepEqual}from"@vef-framework/shared";import{useMemo}from"react";import VefColumnsSettings from"../components/columns-settings.js";import VefOperationButtons from"../components/operation-buttons.js";import VefSettingsIcon from"../components/settings-icon.js";import{useOperationColumnWidth}from"./use-operation-column-width.js";const DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS=3;function useHelperColumns({showRowNumber,operationButtons,maxVisibleOperationButtons,size}){const rowNumberColumn=useMemo(()=>{if(showRowNumber)return{key:"_rowNumber",title:"#",align:"center",fixed:"left",width:48,shouldCellUpdate:()=>!1,render:(_,__,rowIndex)=>rowIndex+1}},[showRowNumber]),authorizedOperationButtons=useAuthorizedItems(operationButtons??[]),operationColumnWidth=useOperationColumnWidth(authorizedOperationButtons,maxVisibleOperationButtons??DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS,size),operationColumn=useMemo(()=>{if(authorizedOperationButtons&&authorizedOperationButtons.length>0)return{key:"_operationButtons",title:"操作",align:"center",fixed:"right",filterIcon:()=>jsx(VefSettingsIcon,{}),filterDropdown:()=>jsx(VefColumnsSettings,{}),width:operationColumnWidth,shouldCellUpdate:(record,prevRecord)=>!isDeepEqual(record,prevRecord),render:(_,record,rowIndex)=>jsx(VefOperationButtons,{maxVisibleOperationButtons:maxVisibleOperationButtons??DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS,operationButtons:authorizedOperationButtons,record,rowIndex})}},[authorizedOperationButtons,maxVisibleOperationButtons,operationColumnWidth]);return{rowNumberColumn,operationColumn}}/*! 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{useHelperColumns};

package/es/vef-table/hooks/use-operation-column-width.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{useThemeTokens}from"@vef-framework/hooks";import{max}from"@vef-framework/shared";import{useMemo}from"react";function useOperationColumnWidth(operationButtons,maxVisibleOperationButtons,size="medium"){const{Button:buttonThemeTokens}=useThemeTokens(),cellInlinePadding=size==="large"?16:8,fontSize=buttonThemeTokens?.contentFontSizeSM??16;return useMemo(()=>{if(operationButtons.length===0)return 0;if(operationButtons.length>maxVisibleOperationButtons){const longestButtons=new Set;for(let i=0;i<maxVisibleOperationButtons;i++){const longestButton=max(operationButtons,button=>longestButtons.has(button)?0:button.label.length);longestButton&&longestButtons.add(longestButton)}return calculateButtonsWidth(Array.from(longestButtons),fontSize,cellInlinePadding,!0)}return calculateButtonsWidth(operationButtons,fontSize,cellInlinePadding,!1)},[cellInlinePadding,fontSize,maxVisibleOperationButtons,operationButtons])}function calculateButtonsWidth(operationButtons,fontSize,cellInlinePadding,includeMoreButtonWidth){const fontWidth=fontSize+4,buttonInlinePadding=4*2;return operationButtons.map(button=>{const baseWidth=button.label.length*fontWidth+buttonInlinePadding;return button.icon?baseWidth+fontWidth+8:baseWidth}).reduce((acc,width)=>acc+width,0)+(includeMoreButtonWidth?fontWidth+buttonInlinePadding:0)+cellInlinePadding*2}/*! 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{useOperationColumnWidth};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useThemeTokens}from"@vef-framework/hooks";import{max}from"@vef-framework/shared";import{useMemo}from"react";function useOperationColumnWidth(operationButtons,maxVisibleOperationButtons,size="medium"){const{Button:buttonThemeTokens}=useThemeTokens(),cellInlinePadding=size==="large"?16:8,fontSize=buttonThemeTokens?.contentFontSizeSM??16;return useMemo(()=>{if(operationButtons.length===0)return 0;if(operationButtons.length>maxVisibleOperationButtons){const longestButtons=new Set;for(let i=0;i<maxVisibleOperationButtons;i++){const longestButton=max(operationButtons,button=>longestButtons.has(button)?0:button.label.length);longestButton&&longestButtons.add(longestButton)}return calculateButtonsWidth(Array.from(longestButtons),fontSize,cellInlinePadding,!0)}return calculateButtonsWidth(operationButtons,fontSize,cellInlinePadding,!1)},[cellInlinePadding,fontSize,maxVisibleOperationButtons,operationButtons])}function calculateButtonsWidth(operationButtons,fontSize,cellInlinePadding,includeMoreButtonWidth){const fontWidth=fontSize+4,buttonInlinePadding=4*2;return operationButtons.map(button=>{const baseWidth=button.label.length*fontWidth+buttonInlinePadding;return button.icon?baseWidth+fontWidth+8:baseWidth}).reduce((acc,width)=>acc+width,0)+(includeMoreButtonWidth?fontWidth+buttonInlinePadding:0)+cellInlinePadding*2}/*! 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{useOperationColumnWidth};

package/es/vef-table/hooks/use-pagination-props.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{useState,useMemo}from"react";import{defaultPageSizeOptions}from"../../vef-pagination/props.js";function usePaginationProps(paginated,size){const[paginationParams,setPaginationParams]=useState({page:1,size:defaultPageSizeOptions[2]}),handlePaginationChange=useMemo(()=>{if(paginated)return(pageNumber,pageSize)=>{setPaginationParams({page:pageNumber,size:pageSize})}},[paginated,setPaginationParams]);return{paginationProps:useMemo(()=>{if(paginated)return{pageNumber:paginationParams.page,pageSize:paginationParams.size,size:size==="small"?"small":"medium",onChange:handlePaginationChange}},[handlePaginationChange,paginated,paginationParams.page,paginationParams.size,size]),paginationParams}}/*! 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{usePaginationProps};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useState,useMemo}from"react";import{defaultPageSizeOptions}from"../../vef-pagination/props.js";function usePaginationProps(paginated,size){const[paginationParams,setPaginationParams]=useState({page:1,size:defaultPageSizeOptions[2]}),handlePaginationChange=useMemo(()=>{if(paginated)return(pageNumber,pageSize)=>{setPaginationParams({page:pageNumber,size:pageSize})}},[paginated,setPaginationParams]);return{paginationProps:useMemo(()=>{if(paginated)return{pageNumber:paginationParams.page,pageSize:paginationParams.size,size:size==="small"?"small":"medium",onChange:handlePaginationChange}},[handlePaginationChange,paginated,paginationParams.page,paginationParams.size,size]),paginationParams}}/*! 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{usePaginationProps};

package/es/vef-table/hooks/use-row-props.js

@@ -1 +1 @@
-/*! VefFramework version: 1.0.121, build time: 2025-03-11T09:24:54.817Z, made by Venus. */import{useMemo}from"react";function useRowProps({enableRowClick=!1,enableRowClickForSelection=!1,onRowClick,disabledSelection,handleRowClickSelection}){return useMemo(()=>{if(enableRowClick)return(record,index)=>{const disabled=disabledSelection?.(record)??!1;return{style:{cursor:disabled?"not-allowed":"pointer"},onClick:disabled?void 0:()=>{enableRowClickForSelection||onRowClick?.(record,index??-1),handleRowClickSelection?.(record)}}}},[disabledSelection,enableRowClick,enableRowClickForSelection,handleRowClickSelection,onRowClick])}/*! 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{useRowProps};
+/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useMemo}from"react";function useRowProps({enableRowClick=!1,enableRowClickForSelection=!1,onRowClick,disabledSelection,handleRowClickSelection}){return useMemo(()=>{if(enableRowClick)return(record,index)=>{const disabled=disabledSelection?.(record)??!1;return{style:{cursor:disabled?"not-allowed":"pointer"},onClick:disabled?void 0:()=>{enableRowClickForSelection||onRowClick?.(record,index??-1),handleRowClickSelection?.(record)}}}},[disabledSelection,enableRowClick,enableRowClickForSelection,handleRowClickSelection,onRowClick])}/*! 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{useRowProps};