@vef-framework/components 1.0.122 → 1.0.123

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function 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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{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 +0,0 @@
-/*! 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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction}from"@vef-framework/shared";import{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,5 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{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);
-`,VefResponsiveContainerBase=forwardRef(({style,baseItemWidth=320,autoExpand=!0,gap=0,children,...restProps},ref)=>{if(baseItemWidth%2!==0)throw new Error("VefResponsiveContainer: baseItemWidth must be an even number.");Children.forEach(children,child=>{if(!isValidElement(child)||child.type!==VefResponsiveItem)throw new Error("VefResponsiveContainer: children must be a VefResponsiveItem element.")});const normalizeGapSize=useGapSizeNormalizer(),normalizedGap=useMemo(()=>isArray(gap)?gap.map(it=>normalizeGapSize(it)).join(" "):normalizeGapSize(gap),[gap,normalizeGapSize]),mergedStyle=useMemo(()=>({...style,"--vef-responsive-container-auto-mode":autoExpand?"auto-fit":"auto-fill","--vef-responsive-container-base-width":`${baseItemWidth/2}px`,"--vef-responsive-container-gap":normalizedGap}),[autoExpand,baseItemWidth,normalizedGap,style]);return jsx(motion.div,{ref,css:containerStyle,style:mergedStyle,...restProps,children})}),VefResponsiveContainer=memo(VefResponsiveContainerBase);VefResponsiveContainer.displayName="VefResponsiveContainer";/*! 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{VefResponsiveContainer as default};

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

@@ -1,3 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useColorTokens}from"@vef-framework/hooks";import{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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{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,32 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{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;
-  touch-action: none;
-  user-select: none;
-`,verticalScrollbarStyle=css`
-  height: 100%;
-  width: var(--vef-scroll-area-scrollbar-size);
-  border-left-width: 1px;
-  border-left-color: transparent;
-  padding: var(--vef-scroll-area-scrollbar-padding);
-`,horizontalScrollbarStyle=css`
-  flex-direction: column;
-  height: var(--vef-scroll-area-scrollbar-size);
-  border-top-width: 1px;
-  border-top-color: transparent;
-  padding: var(--vef-scroll-area-scrollbar-padding);
-`,thumbStyle=css`
-  position: relative;
-  z-index: 2;
-  flex: 1;
-  border-radius: calc(var(--vef-scroll-area-scrollbar-size) - var(--vef-scroll-area-scrollbar-padding) * 2);
-  background-color: hsl(240 5.9% 90%);
-  transition-property: background-color;
-  transition-timing-function: ${themeVariables.motionEaseInOutCirc};
-  transition-duration: ${themeVariables.motionDurationMid};
-
-  &:hover {
-    background-color: hsl(240 5.9% 84%);
-  }
-`,VefScrollbar=forwardRef(({orientation="vertical",...restProps},ref)=>jsx(ScrollAreaScrollbar,{ref,orientation,css:[scrollbarStyle,orientation==="vertical"&&verticalScrollbarStyle,orientation==="horizontal"&&horizontalScrollbarStyle],...restProps,children:jsx(ScrollAreaThumb,{css:thumbStyle})}));VefScrollbar.displayName="VefScrollbar";/*! 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{VefScrollbar as default};

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

@@ -1,11 +0,0 @@
-/*! 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%);
-  width: var(--vef-scroll-area-width, auto);
-`,viewportStyle=css`
-  height: 100%;
-  width: 100%;
-  border-radius: inherit;
-  -webkit-overflow-scrolling: touch;
-`,VefScrollArea=forwardRef(({style,height,width,scrollDirection="y",scrollbarSize="medium",autoHideScrollbar=!0,viewportClassName,viewportStyle:externalViewportStyle,viewportRef,onScroll,children,...restProps},ref)=>{const scrollAreaDynamicStyle=useMemo(()=>({...style,"--vef-scroll-area-height":(isNumber(height)?`${height}px`:height)??"100%","--vef-scroll-area-width":(isNumber(width)?`${width}px`:width)??"auto"}),[height,style,width]),scrollbarSizeStyle=useMemo(()=>({"--vef-scroll-area-scrollbar-size":scrollbarSize==="small"?"10px":scrollbarSize==="medium"?"12px":"14px"}),[scrollbarSize]),viewportInlineStyle=useMemo(()=>({...externalViewportStyle,overflowX:`${scrollDirection==="x"||scrollDirection==="both"?"scroll":"hidden"}`,overflowY:`${scrollDirection==="y"||scrollDirection==="both"?"scroll":"hidden"}`}),[scrollDirection,externalViewportStyle]);return jsxs(Root,{ref,css:scrollAreaStyle,style:scrollAreaDynamicStyle,type:autoHideScrollbar?"hover":"auto",...restProps,children:[jsx(Viewport,{ref:viewportRef,className:viewportClassName,css:viewportStyle,style:viewportInlineStyle,onScroll,children}),(scrollDirection==="y"||scrollDirection==="both")&&jsx(VefScrollbar,{orientation:"vertical",style:scrollbarSizeStyle}),(scrollDirection==="x"||scrollDirection==="both")&&jsx(VefScrollbar,{orientation:"horizontal",style:scrollbarSizeStyle}),jsx(Corner,{})]})});VefScrollArea.displayName="VefScrollArea";/*! 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{VefScrollArea as default};

package/es/vef-segment/index.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{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,9 +0,0 @@
-/*! 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;
-
-  > .vef-typography-secondary {
-    font-size: ${themeVariables.fontSizeSm};
-  }
-`;function VefOption({label,description}){return description?jsxs("div",{css:optionWithDescriptionStyle,children:[jsx(VefText,{ellipsis:!0,ellipsisTipPlacement:"right",children:label}),jsx(VefText,{ellipsis:!0,color:"secondary",ellipsisTipPlacement:"right",children:description})]}):jsx(VefText,{ellipsis:!0,ellipsisTipPlacement:"right",children:label})}const VefOptionMemo=memo(VefOption);VefOptionMemo.displayName="VefOption";/*! 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{VefOptionMemo as default};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useComputedOptions}from"@vef-framework/hooks";import{isArray,isFunction,isNullish}from"@vef-framework/shared";import{useLayoutEffect}from"react";function useDataOptions({value,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 +0,0 @@
-/*! 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,8 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{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;
-
-  .vef-spin {
-    color: inherit;
-  }
-`;function useRenderLabel(isFallbackOptionsLoading,fallbackOptions){return useCallback(({label,value})=>label||(isFallbackOptionsLoading?jsx("span",{css:loadingPlaceholderStyle,children:jsx(VefSpin,{indicator:jsx(LoadingOutlined,{}),size:"small"})}):fallbackOptions?.find(option=>option.value===value)?.label??value),[isFallbackOptionsLoading,fallbackOptions])}/*! 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{useRenderLabel};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction}from"@vef-framework/shared";import{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 +0,0 @@
-/*! 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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useOptionFilter}from"@vef-framework/hooks";import{styles}from"@vef-framework/shared";import{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 +0,0 @@
-/*! 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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{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,5 +0,0 @@
-/*! 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;
-`;function VefOverlayItem({item,renderItem,useHandle,handleClassName,handleStyle,handleIcon}){return jsxs(Fragment,{children:[useHandle&&jsx("div",{className:handleClassName,css:handlePresetStyle,style:handleStyle,children:handleIcon??defaultHandleIcon}),renderItem(item,!0)]})}/*! 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{VefOverlayItem as default};

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

@@ -1,5 +0,0 @@
-/*! 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;
-`;function VefSortableItem({item,itemKey,itemIndex,itemClassName,itemStyle,renderItem,useHandle,useOverlay,handleClassName,handleStyle,handleIcon,disabled}){const{isDragging,attributes,listeners,setNodeRef,setActivatorNodeRef,transition,transform}=useSortable({id:itemKey,disabled,data:{index:itemIndex}}),style={...itemStyle,transition,transform:CSS.Transform.toString(transform),...!useOverlay&&isDragging?{position:"relative",zIndex:999}:{}};return jsxs("div",{ref:setNodeRef,className:itemClassName,style,...attributes,...useHandle?{}:listeners,children:[useHandle&&jsx("div",{ref:setActivatorNodeRef,className:handleClassName,css:handlePresetStyle,style:handleStyle,...listeners,children:handleIcon??defaultHandleIcon}),renderItem(item,!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{VefSortableItem as default};

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

@@ -1 +0,0 @@
-/*! 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 +0,0 @@
-/*! 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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useColorTokens}from"@vef-framework/hooks";import{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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{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 +0,0 @@
-/*! 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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{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,52 +0,0 @@
-/*! 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};
-
-  .vef-divider-horizontal {
-    margin: ${themeVariables.marginSm} 0;
-  }
-
-  .vef-table-columns-settings-panel-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-left: ${themeVariables.paddingSm};
-  }
-
-  .vef-table-columns-settings-panel-body {
-    width: 100%;
-
-    .vef-table-columns-settings-panel-columns {
-      width: 100%;
-      display: flex;
-      flex-direction: column;
-
-      .vef-table-columns-settings-panel-column {
-        display: grid;
-        grid-template-columns: max-content 1fr max-content;
-        align-items: center;
-        padding: ${themeVariables.paddingXs};
-        border-radius: ${themeVariables.borderRadius};
-
-        &:hover {
-          background-color: ${themeVariables.colorPrimaryBg};
-        }
-
-        .vef-table-columns-settings-panel-column-drag-icon {
-          cursor: move;
-          color: ${themeVariables.colorTextSecondary};
-          padding-right: ${themeVariables.padding};
-        }
-
-        .vef-table-columns-settings-panel-column-fixed-icon {
-          display: flex;
-          align-items: center;
-
-          .vef-divider {
-            --vef-divider-vertical-margin-inline: 0;
-          }
-        }
-      }
-    }
-  }
-`;function VefColumnsSettingsBase(){const{defaultColumnConfigMap,columnConfigMap,setColumnConfigMap}=useTableContextSelector(ctx=>{const{defaultColumnConfigMap:defaultColumnConfigMap2,columnConfigMap:columnConfigMap2,setColumnConfigMap:setColumnConfigMap2}=ctx;return{defaultColumnConfigMap:defaultColumnConfigMap2,columnConfigMap:columnConfigMap2,setColumnConfigMap:setColumnConfigMap2}}),columnOptions=useMemo(()=>[...columnConfigMap.entries()].sort(([_,one],[__,another])=>one.order-another.order).map(([name,column])=>{const{title,configurable,...rest}=column;return{value:name,label:title,disabled:!configurable,...rest}}),[columnConfigMap]),setColumnOptions=useCallback(newColumnOptions=>{const newColumnConfigMap=newColumnOptions.reduce((map,option,index)=>{const{value,label,disabled,order,...rest}=option,columnConfig={title:label,configurable:!disabled,order:index+1,...rest};return map.set(value,columnConfig),map},new Map);setColumnConfigMap(newColumnConfigMap)},[setColumnConfigMap]),showedColumns=useMemo(()=>columnOptions.filter(it=>it.show).map(it=>it.value),[columnOptions]),allCheckStatus=useMemo(()=>{const showedLength=showedColumns.length,totalLength=columnOptions.length;return showedLength===totalLength?"checked":showedLength>0?"indeterminate":"unchecked"},[showedColumns.length,columnOptions.length]),handleShowedColumnsChange=useCallback(value=>{const names=new Set(value),newColumnOptions=columnOptions.map(option=>({...option,show:names.has(option.value)}));setColumnOptions(newColumnOptions)},[columnOptions,setColumnOptions]),handleColumnFixedChange=useCallback((name,fixed)=>{const newColumnOptions=columnOptions.map(option=>({...option,fixed:option.value===name?fixed:option.fixed}));setColumnOptions(newColumnOptions)},[columnOptions,setColumnOptions]),handleColumnOrderChange=useCallback(newColumnOptions=>{setColumnOptions(newColumnOptions)},[setColumnOptions]),handleResetColumnConfig=useCallback(()=>{setColumnConfigMap(new Map(defaultColumnConfigMap))},[defaultColumnConfigMap,setColumnConfigMap]);return jsxs("div",{css:columnsSettingsPanelStyle,children:[jsxs("div",{className:"vef-table-columns-settings-panel-header",children:[jsx(VefBool,{indeterminate:allCheckStatus==="indeterminate",label:jsx(VefText,{bold:!0,children:"列显示"}),value:allCheckStatus==="checked",variant:"checkbox",onChange:value=>{handleShowedColumnsChange(value?columnOptions.map(it=>it.value):[])}}),jsx(VefButton,{color:"primary",variant:"text",onClick:handleResetColumnConfig,children:"重置"})]}),jsx(VefDivider,{}),jsx(Checkbox.Group,{className:"vef-table-columns-settings-panel-body",value:showedColumns,onChange:handleShowedColumnsChange,children:jsx(VefSortableList,{useHandle:!0,className:"vef-table-columns-settings-panel-columns",handleClassName:"vef-table-columns-settings-panel-column-drag-icon",itemClassName:"vef-table-columns-settings-panel-column",itemKey:"value",items:columnOptions,useOverlay:!1,renderItem:({value,label,disabled,fixed,show})=>jsxs(Fragment,{children:[jsx(Checkbox,{disabled,value,children:label}),jsxs("span",{className:"vef-table-columns-settings-panel-column-fixed-icon",children:[jsx(VefButton,{color:fixed==="left"?"primary":"default",disabled:disabled||!show,icon:fixed==="left"?jsx(RollbackOutlined,{}):jsx(VerticalRightOutlined,{}),size:"small",tip:fixed==="left"?"取消左侧固定":"固定到左侧",variant:"link",onClick:()=>{fixed==="left"?handleColumnFixedChange(value):handleColumnFixedChange(value,"left")}}),jsx(VefDivider,{orientation:"vertical"}),jsx(VefButton,{color:fixed==="right"?"primary":"default",disabled:disabled||!show,icon:fixed==="right"?jsx(RollbackOutlined,{}):jsx(VerticalLeftOutlined,{}),size:"small",tip:fixed==="right"?"取消右侧固定":"固定到右侧",variant:"link",onClick:()=>{fixed==="right"?handleColumnFixedChange(value):handleColumnFixedChange(value,"right")}})]})]}),onChange:handleColumnOrderChange})})]})}const VefColumnsSettings=memo(VefColumnsSettingsBase,()=>!1);VefColumnsSettings.displayName="VefColumnsSettings";/*! 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{VefColumnsSettings as default};

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

@@ -1,10 +0,0 @@
-/*! 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;
-
-    &.vef-btn-icon-only {
-      padding-inline: 2px;
-    }
-  }
-`;function VefOperationButtons({record,rowIndex,operationButtons,maxVisibleOperationButtons}){const{externalContext,refetch,isFetching,selectedKeys,selectedRecords}=useTableContextSelector(ctx=>{const{externalContext:externalContext2,refetch:refetch2,isFetching:isFetching2,selectedKeys:selectedKeys2,selectedRecords:selectedRecords2}=ctx;return{externalContext:externalContext2,refetch:refetch2,isFetching:isFetching2,selectedKeys:selectedKeys2,selectedRecords:selectedRecords2}}),buttonContext=useMemo(()=>({record,rowIndex,refetch,isFetching,selectedKeys,selectedRecords,...externalContext??{}}),[externalContext,isFetching,record,refetch,rowIndex,selectedKeys,selectedRecords]),computedButtons=useComputedActionButtons(operationButtons,buttonContext),[moreButtonLoading,setMoreButtonLoading]=useState(!1),hiddenButtons=useMemo(()=>computedButtons.length>maxVisibleOperationButtons?computedButtons.slice(maxVisibleOperationButtons).map(button=>{const{key,label,icon,disabled}=button;return{type:"item",key,label,icon,disabled}}):[],[computedButtons,maxVisibleOperationButtons]),[moreButtonConfirmationOpen,setMoreButtonConfirmationOpen]=useState(!1),[currentMoreButtonConfirmationInfo,setCurrentMoreButtonConfirmationInfo]=useState(null),handleMoreButtonConfirmationCancel=useCallback(()=>{setMoreButtonConfirmationOpen(!1),setCurrentMoreButtonConfirmationInfo(null)},[]),handleMoreButtonClick=useMemo(()=>{if(hiddenButtons.length!==0)return async key=>{const{requireConfirmation,confirmationMode,confirmationTitle,confirmationContent,onClick}=computedButtons.find(item=>item.key===key),okHandler=async()=>{try{await invokeMaybeAsyncFn(onClick,{beforeInvoke:()=>{setMoreButtonLoading(!0)},onFinally:()=>{setMoreButtonLoading(!1)}},buttonContext)}finally{handleMoreButtonConfirmationCancel()}};requireConfirmation?confirmationMode==="simple"?(setCurrentMoreButtonConfirmationInfo({title:confirmationTitle,content:confirmationContent,okHandler}),setMoreButtonConfirmationOpen(!0)):showConfirmation(confirmationTitle,confirmationContent,okHandler,{onCancel:()=>{setCurrentMoreButtonConfirmationInfo(null)}}):await okHandler()}},[computedButtons,buttonContext,handleMoreButtonConfirmationCancel,hiddenButtons.length]);return jsxs(VefFlex,{align:"center",css:operationButtonStyle,gap:"small",justify:"center",children:[computedButtons.slice(0,maxVisibleOperationButtons).map(button=>{const{key,label,icon,color,disabled,requireConfirmation,confirmationMode,confirmationTitle,confirmationContent,onClick}=button;return requireConfirmation?jsx(VefButton,{requireConfirmation:!0,color,confirmationContent,confirmationMode,confirmationTitle,disabled:disabled||moreButtonLoading,icon,size:"small",variant:"filled",onConfirmationOk:()=>onClick(buttonContext),children:label},key):jsx(VefButton,{color,disabled:disabled||moreButtonLoading,icon,size:"small",variant:"filled",onClick:event=>(event.stopPropagation(),onClick(buttonContext)),children:label},key)}),computedButtons.length>maxVisibleOperationButtons&&jsx(VefDropdown,{disabled:moreButtonLoading,items:hiddenButtons,onClick:handleMoreButtonClick,children:jsx(VefPopconfirm,{content:currentMoreButtonConfirmationInfo?.content,disabled:moreButtonLoading,opened:moreButtonConfirmationOpen,title:currentMoreButtonConfirmationInfo?.title,onCancel:handleMoreButtonConfirmationCancel,onOk:currentMoreButtonConfirmationInfo?.okHandler,children:jsx(VefButton,{color:"primary",disabled:moreButtonLoading,icon:jsx(MoreOutlined,{}),loading:moreButtonLoading,size:"small",variant:"filled",onClick:event=>event.stopPropagation()})})})]})}/*! 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{VefOperationButtons as default};

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

@@ -1,3 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{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,17 +0,0 @@
-/*! 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;
-  gap: var(--vef-table-footer-gap);
-
-  > div {
-    flex: auto;
-    display: flex;
-    align-items: center;
-    gap: ${themeVariables.padding};
-  }
-
-  > .vef-pagination {
-    flex: none;
-  }
-`;function VefTableFooterBase({selectionSummary,size,paginationProps,batchActionButtons,batchActionButtonContext}){const selectedRecords=useTableContextSelector(ctx=>ctx.selectedRecords),selectionSummaryNode=useMemo(()=>{if(selectionSummary!==!1){if(selectionSummary)return selectionSummary(selectedRecords);if(selectedRecords.length>0)return jsxs(VefText,{color:"secondary",children:["已选择"," ",jsx(VefText,{bold:!0,color:"blue",children:selectedRecords.length})," ","项"]})}},[selectionSummary,selectedRecords]),batchButtonsNode=useMemo(()=>batchActionButtons.map(button=>{const{key,label,icon,disabled,color,requireConfirmation,confirmationMode,confirmationTitle,confirmationContent,onClick}=button,wrappedOnClick=async()=>{await invokeMaybeAsyncFn(onClick,{},batchActionButtonContext)};return requireConfirmation?jsx(VefButton,{requireConfirmation:!0,color,confirmationContent,confirmationMode,confirmationTitle,disabled,icon,onConfirmationOk:wrappedOnClick,children:label},key):jsx(VefButton,{color,disabled,icon,onClick:wrappedOnClick,children:label},key)}),[batchActionButtons,batchActionButtonContext]),style=useMemo(()=>({"--vef-table-footer-gap":`var(--vef-table-cell-padding-block${size==="small"?"-sm":size==="medium"?"-md":""})`}),[size]);return jsxs("div",{css:footerStyle,style,children:[jsxs("div",{children:[selectionSummaryNode,batchButtonsNode]}),jsx(VefPagination,{...paginationProps})]})}const VefTableFooter=memo(VefTableFooterBase);VefTableFooter.displayName="VefTableFooter";/*! 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{VefTableFooter as default};

package/es/vef-table/helper.js

@@ -1 +0,0 @@
-/*! 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 +0,0 @@
-/*! 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 +0,0 @@
-/*! 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 +0,0 @@
-/*! 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 +0,0 @@
-/*! 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 +0,0 @@
-/*! 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 +0,0 @@
-/*! 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 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{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 +0,0 @@
-/*! 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 +0,0 @@
-/*! 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 +0,0 @@
-/*! 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};

package/es/vef-table/hooks/use-row-selection-config.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{isFunction}from"@vef-framework/shared";import{useMemo}from"react";import{useSelectedRows}from"./use-selected-rows.js";function useRowSelectionConfig({rowKey,selectedKeys,defaultSelectedKeys,selectable,enableRowClick,enableRowClickForSelection,multipleSelection=!0,showSelectAllCheckbox=!0,disabledSelection,onRowSelect,onRowDeselect,onRowSelectionChange}){const{selectedKeys:selectedKeysToUse,selectedRecords,onChange}=useSelectedRows({selectedKeys,defaultSelectedKeys,onRowSelectionChange}),handleRowClickSelection=useMemo(()=>{if(!(!enableRowClick||!enableRowClickForSelection))return record=>{const key=isFunction(rowKey)?rowKey(record):record[rowKey];if(selectedKeysToUse.includes(key)){if(!multipleSelection)return;const newValue=selectedKeysToUse.filter(it=>it!==key),newSelectedRows=selectedRecords.current.filter(it=>(isFunction(rowKey)?rowKey(it):it[rowKey])!==key);onChange(newValue,newSelectedRows),onRowDeselect?.(key,record)}else{const newValue=[key];multipleSelection&&newValue.push(...selectedKeysToUse);const newSelectedRows=[record];multipleSelection&&newSelectedRows.push(...selectedRecords.current),onChange(newValue,newSelectedRows),onRowSelect?.(key,record)}}},[enableRowClick,enableRowClickForSelection,multipleSelection,onChange,onRowDeselect,onRowSelect,rowKey,selectedKeysToUse,selectedRecords]);return{rowSelectionConfig:useMemo(()=>selectable?{fixed:!0,hideSelectAll:!showSelectAllCheckbox,preserveSelectedRowKeys:!1,selectedRowKeys:selectedKeysToUse,type:multipleSelection?"checkbox":"radio",getCheckboxProps:isFunction(disabledSelection)?record=>({disabled:disabledSelection(record)}):void 0,onChange:(selectedRowKeys,selectedRows)=>{onChange(selectedRowKeys,selectedRows)},onSelect:isFunction(onRowSelect)||isFunction(onRowDeselect)?(record,selected)=>{const key=isFunction(rowKey)?rowKey(record):record[rowKey];selected?onRowSelect?.(key,record):onRowDeselect?.(key,record)}:void 0}:void 0,[selectable,showSelectAllCheckbox,selectedKeysToUse,multipleSelection,disabledSelection,onRowSelect,onRowDeselect,onChange,rowKey]),handleRowClickSelection,selectedKeys:selectedKeysToUse,selectedRecords}}/*! 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{useRowSelectionConfig};

package/es/vef-table/hooks/use-selected-rows.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useState,useRef,useCallback}from"react";function useSelectedRows({selectedKeys,defaultSelectedKeys,onRowSelectionChange}){const[internalSelectedKeys,setInternalSelectedKeys]=useState(defaultSelectedKeys??[]),selectedKeysToUse=selectedKeys??internalSelectedKeys,selectedRecords=useRef([]),onChange=useCallback((keys,records)=>{selectedKeys||setInternalSelectedKeys(keys),selectedRecords.current=records,onRowSelectionChange?.(keys,records)},[onRowSelectionChange,selectedKeys]);return{selectedKeys:selectedKeysToUse,selectedRecords,onChange}}/*! 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{useSelectedRows};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isNumber,isDeepEqual}from"@vef-framework/shared";import{useMemo}from"react";import{columnComponents}from"../components/columns/index.js";function useTableColumns(columns,rowNumberColumn,operationColumn){return useMemo(()=>{const columnsToUse=[],dataColumns=columns.map(column=>{const{title,show,sort,fixed,dependentColumnNames,...columnProps}=column,sortToUse=isNumber(sort)?{multiple:sort}:sort??!1?!0:void 0,ColumnComponent=columnComponents[column.type];return{key:columnProps.name,dataIndex:columnProps.name,title:title||columnProps.name,fixed,hidden:!(show??!0),sorter:sortToUse,align:columnProps.align,width:columnProps.width,shouldCellUpdate:(record,prevRecord)=>!isDeepEqual(dependentColumnNames.map(name=>record[name]),dependentColumnNames.map(name=>prevRecord[name])),render:(value,record,rowIndex)=>jsx(ColumnComponent,{columnProps,record,rowIndex,value})}});return rowNumberColumn&&columnsToUse.push(rowNumberColumn),columnsToUse.push(...dataColumns),operationColumn&&columnsToUse.push(operationColumn),columnsToUse},[columns,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{useTableColumns};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{createSelectableContext,noop}from"@vef-framework/shared";const{useContextSelector,useContext,ContextProvider:TableContextProvider}=createSelectableContext({isFetching:!1,refetch:()=>Promise.resolve({}),selectedKeys:[],selectedRecords:[],defaultColumnConfigMap:new Map,columnConfigMap:new Map,setColumnConfigMap:noop,columnConfigMapHasChanged:!1}),useTableContextSelector=useContextSelector,useTableContext=useContext;/*! 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{TableContextProvider,useTableContext,useTableContextSelector};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function useTableInstance(ref,data,refetch){const tableRef=useRef(null);return useImperativeHandle(ref,()=>({getData:()=>data,refetch:async()=>{await refetch()}})),tableRef}/*! 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{useTableInstance};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction}from"@vef-framework/shared";import{Table}from"antd";import{useMemo}from"react";const{Summary}=Table,{Row,Cell}=Summary;function useTableSummary(columns){const summaryColumns=useMemo(()=>columns.filter(column=>isFunction(column.summary)).map(column=>{const{name,summary,summaryColSpan}=column;return{name,summary,summaryColSpan:summaryColSpan??1}}),[columns]);return useMemo(()=>{if(summaryColumns.length!==0)return records=>jsx(Summary,{fixed:"bottom",children:jsx(Row,{children:summaryColumns.map(({name,summary,summaryColSpan},index)=>jsx(Cell,{colSpan:summaryColSpan,index,children:summary(records)},name))})})},[summaryColumns])}/*! 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{useTableSummary};

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

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{useMemo}from"react";const defaultColumnWidth=160,selectionColumnWidth=40;function useTableWidth(columns,selectable){return useMemo(()=>{const width=columns.filter(column=>column.hidden!==!0).map(column=>column.width??column.minWidth??defaultColumnWidth).reduce((acc,w)=>acc+w,0);return selectable?width+selectionColumnWidth:width},[columns,selectable])}/*! 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{useTableWidth};

package/es/vef-table/index.js

@@ -1,54 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables,isDeepEqual,isNumber}from"@vef-framework/shared";import{Table}from"antd";import{useMemo,useState,useDeferredValue,forwardRef,memo}from"react";import"../internal/index.js";import VefTableFooter from"./components/table-footer.js";import{useComputedBatchActionButtons}from"./hooks/use-computed-batch-buttons.js";import{useComputedColumns}from"./hooks/use-computed-columns.js";import{useData}from"./hooks/use-data.js";import{useDefaultColumnConfigs}from"./hooks/use-default-column-configs.js";import{useHelperColumns}from"./hooks/use-helper-columns.js";import{usePaginationProps}from"./hooks/use-pagination-props.js";import{useRowProps}from"./hooks/use-row-props.js";import{useRowSelectionConfig}from"./hooks/use-row-selection-config.js";import{useTableColumns}from"./hooks/use-table-columns.js";import{TableContextProvider}from"./hooks/use-table-context.js";import{useTableInstance}from"./hooks/use-table-instance.js";import{useTableSummary}from"./hooks/use-table-summary.js";import{useTableWidth}from"./hooks/use-table-width.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const DEFAULT_ROW_KEY="id",autoHeightTableStyle=css`
-  height: 100%;
-
-  > .vef-spin-nested-loading {
-    height: 100%;
-
-    > .vef-spin-container {
-      height: 100%;
-
-      > .vef-table {
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-
-        > .vef-table-container {
-          flex: 1;
-          min-height: 0;
-          display: flex;
-          flex-direction: column;
-
-          > .vef-table-header {
-            flex-shrink: 0;
-          }
-
-          > .vef-table-body {
-            flex: 1;
-            scrollbar-width: thin;
-            scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
-            min-height: 200px;
-          }
-        }
-
-        > .vef-table-title {
-          flex-shrink: 0;
-          padding: ${themeVariables.paddingSm};
-        }
-
-        > .vef-table-footer {
-          flex-shrink: 0;
-          padding: ${themeVariables.paddingXs}
-        }
-
-        &.vef-table-empty > .vef-table-container > .vef-table-body > table {
-          min-height: 100%;
-        }
-      }
-    }
-  }
-`,unlimitedHeightTableStyle=css`
-  .vef-table-content {
-    scrollbar-width: thin;
-    scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
-  }
-`;function VefTableBase({columns,defaultColumnConfigMap,rowNumberColumn,operationColumn,bordered=!1,size="medium",rowKey=DEFAULT_ROW_KEY,height,virtual=!1,selectedKeys,defaultSelectedKeys,selectable=!1,multipleSelection,showSelectAllCheckbox,disabledSelection,enableRowClick,enableRowClickForSelection,rowBackgroundColor,batchActionButtons,selectionSummary,externalContext,onRowSelectionChange,onRowSelect,onRowDeselect,onRowClick,...restProps},ref){const{paginated=!1,...queryConfig}=restProps,{paginationProps,paginationParams}=usePaginationProps(paginated,size),{data,isFetching,isLoading,total,refetch}=useData(queryConfig,paginated,paginationParams),mergedPaginationProps=useMemo(()=>({...paginationProps,total}),[paginationProps,total]),[columnConfigMap,setColumnConfigMap]=useState(()=>new Map(defaultColumnConfigMap)),deferredColumnConfigMap=useDeferredValue(columnConfigMap),computedColumns=useComputedColumns(columns,deferredColumnConfigMap),{rowSelectionConfig,handleRowClickSelection,selectedKeys:selectedKeysToUse,selectedRecords}=useRowSelectionConfig({selectedKeys,defaultSelectedKeys,selectable,multipleSelection,disabledSelection,enableRowClick,enableRowClickForSelection,onRowSelect,onRowDeselect,onRowSelectionChange,rowKey}),onRow=useRowProps({enableRowClick,enableRowClickForSelection,onRowClick,disabledSelection,handleRowClickSelection}),tableContext=useMemo(()=>({externalContext,isFetching,refetch,selectedKeys:selectedKeysToUse,selectedRecords:selectedRecords.current,defaultColumnConfigMap,columnConfigMap,setColumnConfigMap,columnConfigMapHasChanged:!isDeepEqual(defaultColumnConfigMap,columnConfigMap)}),[externalContext,isFetching,refetch,selectedKeysToUse,selectedRecords,defaultColumnConfigMap,columnConfigMap]),columnsToUse=useTableColumns(computedColumns,rowNumberColumn,operationColumn),tableWidth=useTableWidth(columnsToUse,selectable),scrollConfig=useMemo(()=>({x:tableWidth,y:height==="auto"?"auto":height,scrollToFirstRowOnChange:!0}),[height,tableWidth]),tableRef=useTableInstance(ref,data??[],refetch),tableSummary=useTableSummary(computedColumns),{computedBatchActionButtons,batchActionButtonContext}=useComputedBatchActionButtons(batchActionButtons??[],tableContext),footer=useMemo(()=>{if(isLoading||data?.length===0||!paginated&&selectionSummary===!1&&computedBatchActionButtons.length===0)return;const footerNode=jsx(VefTableFooter,{batchActionButtonContext,batchActionButtons:computedBatchActionButtons,paginationProps:mergedPaginationProps,selectionSummary,size});return()=>footerNode},[batchActionButtonContext,computedBatchActionButtons,data?.length,isLoading,mergedPaginationProps,paginated,selectionSummary,size]);return jsx(TableContextProvider,{value:tableContext,children:jsx(Table,{ref:tableRef,bordered,columns:columnsToUse,css:height==="auto"?autoHeightTableStyle:unlimitedHeightTableStyle,dataSource:data,footer,loading:isFetching,pagination:!1,rowKey,rowSelection:rowSelectionConfig,scroll:scrollConfig,size:convertBasicSizeToUiSize(size),summary:tableSummary,tableLayout:"fixed",virtual:isNumber(height)&&height>0&&virtual,onRow})})}const VefTableBaseForwarded=forwardRef(VefTableBase);VefTableBaseForwarded.displayName="VefTableBase";function VefTableWrapper({schema,showRowNumber,operationButtons,maxVisibleOperationButtons,...restProps},ref){const{size}=restProps,showedColumns=useMemo(()=>schema.filter(column=>column.show??!0).map(column=>({...column,dependentColumnNames:[...new Set([column.name,...column.dependentColumnNames??[]])]})),[schema]);if(showedColumns.length===0)throw new Error("The showed columns of VefTable component cannot be empty");const defaultColumnConfigMap=useDefaultColumnConfigs(showedColumns),{rowNumberColumn,operationColumn}=useHelperColumns({showRowNumber,operationButtons,maxVisibleOperationButtons,size});return jsx(VefTableBaseForwarded,{ref,columns:showedColumns,defaultColumnConfigMap,operationColumn,rowNumberColumn,...restProps})}const VefTable=memo(forwardRef(VefTableWrapper),isDeepEqual);VefTable.displayName="VefTable";/*! 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{VefTable as default};

package/es/vef-table/store.js

@@ -1 +0,0 @@
-/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */import{createComponentStore}from"@vef-framework/shared";const{StoreProvider:TableStoreProvider,useStore:useTableStore,useStoreApi:useTableStoreApi}=createComponentStore("Table",initialState=>set=>({changeSize:size=>set({size}),columnConfigMap:new Map,...initialState}));/*! 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{TableStoreProvider,useTableStore,useTableStoreApi};