@vef-framework/components 1.0.122 → 1.0.123

package/lib/vef-scroll-area/components/scrollbar.cjs

@@ -1,32 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),reactScrollArea=require("@radix-ui/react-scroll-area"),shared=require("@vef-framework/shared"),react$1=require("react"),scrollbarStyle=react.css`
-  --vef-scroll-area-scrollbar-padding: 2px;
-
-  display: flex;
-  touch-action: none;
-  user-select: none;
-`,verticalScrollbarStyle=react.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=react.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=react.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: ${shared.themeVariables.motionEaseInOutCirc};
-  transition-duration: ${shared.themeVariables.motionDurationMid};
-
-  &:hover {
-    background-color: hsl(240 5.9% 84%);
-  }
-`,VefScrollbar=react$1.forwardRef(({orientation="vertical",...restProps},ref)=>jsxRuntime.jsx(reactScrollArea.ScrollAreaScrollbar,{ref,orientation,css:[scrollbarStyle,orientation==="vertical"&&verticalScrollbarStyle,orientation==="horizontal"&&horizontalScrollbarStyle],...restProps,children:jsxRuntime.jsx(reactScrollArea.ScrollAreaThumb,{css:thumbStyle})}));VefScrollbar.displayName="VefScrollbar",exports.default=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 */

package/lib/vef-scroll-area/index.cjs

@@ -1,11 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),reactScrollArea=require("@radix-ui/react-scroll-area"),shared=require("@vef-framework/shared"),react$1=require("react"),scrollbar=require("./components/scrollbar.cjs"),scrollAreaStyle=react.css`
-  position: relative;
-  overflow: hidden;
-  height: var(--vef-scroll-area-height, 100%);
-  width: var(--vef-scroll-area-width, auto);
-`,viewportStyle=react.css`
-  height: 100%;
-  width: 100%;
-  border-radius: inherit;
-  -webkit-overflow-scrolling: touch;
-`,VefScrollArea=react$1.forwardRef(({style,height,width,scrollDirection="y",scrollbarSize="medium",autoHideScrollbar=!0,viewportClassName,viewportStyle:externalViewportStyle,viewportRef,onScroll,children,...restProps},ref)=>{const scrollAreaDynamicStyle=react$1.useMemo(()=>({...style,"--vef-scroll-area-height":(shared.isNumber(height)?`${height}px`:height)??"100%","--vef-scroll-area-width":(shared.isNumber(width)?`${width}px`:width)??"auto"}),[height,style,width]),scrollbarSizeStyle=react$1.useMemo(()=>({"--vef-scroll-area-scrollbar-size":scrollbarSize==="small"?"10px":scrollbarSize==="medium"?"12px":"14px"}),[scrollbarSize]),viewportInlineStyle=react$1.useMemo(()=>({...externalViewportStyle,overflowX:`${scrollDirection==="x"||scrollDirection==="both"?"scroll":"hidden"}`,overflowY:`${scrollDirection==="y"||scrollDirection==="both"?"scroll":"hidden"}`}),[scrollDirection,externalViewportStyle]);return jsxRuntime.jsxs(reactScrollArea.Root,{ref,css:scrollAreaStyle,style:scrollAreaDynamicStyle,type:autoHideScrollbar?"hover":"auto",...restProps,children:[jsxRuntime.jsx(reactScrollArea.Viewport,{ref:viewportRef,className:viewportClassName,css:viewportStyle,style:viewportInlineStyle,onScroll,children}),(scrollDirection==="y"||scrollDirection==="both")&&jsxRuntime.jsx(scrollbar.default,{orientation:"vertical",style:scrollbarSizeStyle}),(scrollDirection==="x"||scrollDirection==="both")&&jsxRuntime.jsx(scrollbar.default,{orientation:"horizontal",style:scrollbarSizeStyle}),jsxRuntime.jsx(reactScrollArea.Corner,{})]})});VefScrollArea.displayName="VefScrollArea",exports.default=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 */

package/lib/vef-scroll-area/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-segment/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd");require("../internal/index.cjs");const utils=require("../internal/utils.cjs");function VefSegment({className,style,defaultValue,value,size,orientation="horizontal",shape="default",items,onChange,...restProps}){return jsxRuntime.jsx(antd.Segmented,{className,defaultValue,options:items,shape:shape==="rounded"?"round":"default",size:utils.convertBasicSizeToUiSize(size),style,value,vertical:orientation==="vertical",onChange,...restProps})}exports.default=VefSegment;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-segment/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-select/components/option.cjs

@@ -1,9 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),shared=require("@vef-framework/shared"),react$1=require("react"),index=require("../../vef-text/index.cjs"),optionWithDescriptionStyle=react.css`
-  display: flex;
-  flex-direction: column;
-  row-gap: 4px;
-
-  > .vef-typography-secondary {
-    font-size: ${shared.themeVariables.fontSizeSm};
-  }
-`;function VefOption({label,description}){return description?jsxRuntime.jsxs("div",{css:optionWithDescriptionStyle,children:[jsxRuntime.jsx(index.default,{ellipsis:!0,ellipsisTipPlacement:"right",children:label}),jsxRuntime.jsx(index.default,{ellipsis:!0,color:"secondary",ellipsisTipPlacement:"right",children:description})]}):jsxRuntime.jsx(index.default,{ellipsis:!0,ellipsisTipPlacement:"right",children:label})}const VefOptionMemo=react$1.memo(VefOption);VefOptionMemo.displayName="VefOption",exports.default=VefOptionMemo;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-select/hooks/use-data-options.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react=require("react");function useDataOptions({value,grouped=!1,multiple=!1,onChange,...rest}){const{onFilterKeywordChange,normalizedOptions,defaultOption,isLoading,fallbackOptions,isFallbackOptionsLoading}=hooks.useComputedOptions({...rest,isGrouped:grouped,selectedOptionValues:shared.isArray(value)?value:value?[value]:[]});return react.useLayoutEffect(()=>{defaultOption&&shared.isFunction(onChange)&&shared.isNullish(value)&&onChange(multiple?[defaultOption.value]:defaultOption.value,multiple?[defaultOption]:defaultOption)},[defaultOption,multiple,onChange,value]),{onFilterKeywordChange,normalizedOptions,isLoading,fallbackOptions,isFallbackOptionsLoading}}exports.useDataOptions=useDataOptions;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-select/hooks/use-field-names.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useFieldNames(grouped){return react.useMemo(()=>grouped?{label:"label",value:"value",options:"children",groupLabel:"label"}:{label:"label",value:"value"},[grouped])}exports.useFieldNames=useFieldNames;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-select/hooks/use-render-label.cjs

@@ -1,8 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const jsxRuntime=require("@emotion/react/jsx-runtime"),Icon=require("@ant-design/icons"),react=require("@emotion/react"),react$1=require("react"),index=require("../../vef-spin/index.cjs"),loadingPlaceholderStyle=react.css`
-  display: inline-flex;
-  align-items: center;
-
-  .vef-spin {
-    color: inherit;
-  }
-`;function useRenderLabel(isFallbackOptionsLoading,fallbackOptions){return react$1.useCallback(({label,value})=>label||(isFallbackOptionsLoading?jsxRuntime.jsx("span",{css:loadingPlaceholderStyle,children:jsxRuntime.jsx(index.default,{indicator:jsxRuntime.jsx(Icon.LoadingOutlined,{}),size:"small"})}):fallbackOptions?.find(option=>option.value===value)?.label??value),[isFallbackOptionsLoading,fallbackOptions])}exports.useRenderLabel=useRenderLabel;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-select/hooks/use-render-option.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),react=require("react"),option=require("../components/option.cjs");function useRenderOption(renderOption){return react.useMemo(()=>shared.isFunction(renderOption)?({data},{index})=>renderOption({...data,index}):({data:{label,description}})=>jsxRuntime.jsx(option.default,{description,label:label??"Missing Label"}),[renderOption])}exports.useRenderOption=useRenderOption;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-select/hooks/use-select-instance.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useSelectInstance(ref,dataOptions){const selectRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{selectRef.current?.blur()},focus:()=>{selectRef.current?.focus({preventScroll:!0})},getDataOptions:()=>dataOptions})),selectRef}exports.useSelectInstance=useSelectInstance;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-select/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const index=require("../vef-loading-placeholder/index.cjs"),useDataOptions=require("./hooks/use-data-options.cjs"),useFieldNames=require("./hooks/use-field-names.cjs"),useRenderLabel=require("./hooks/use-render-label.cjs"),useRenderOption=require("./hooks/use-render-option.cjs"),useSelectInstance=require("./hooks/use-select-instance.cjs"),utils=require("../internal/utils.cjs"),listHeight=280,loadingPlaceholder=jsxRuntime.jsx("div",{css:{height:listHeight/2},children:jsxRuntime.jsx(index.default,{})});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.useDataOptions({value,grouped,multiple,onChange,filterable,filterFromRemote,...restProps}),renderOptionToUse=useRenderOption.useRenderOption(renderOption),filterOption=hooks.useOptionFilter(filterable,filterFromRemote),fieldNames=useFieldNames.useFieldNames(grouped),renderLabel=useRenderLabel.useRenderLabel(isFallbackOptionsLoading,fallbackOptions),selectRef=useSelectInstance.useSelectInstance(ref,normalizedOptions);return jsxRuntime.jsx(antd.Select,{ref:selectRef,defaultActiveFirstOption:!0,allowClear:clearable,css:shared.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:utils.convertBasicSizeToUiSize(size),value,variant,onBlur,onChange,onClear,onDeselect,onFocus,onSearch:onFilterKeywordChange,onSelect})}const VefSelect=react.memo(react.forwardRef(VefSelectBase));VefSelect.displayName="VefSelect",exports.default=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 */

package/lib/vef-select/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-slider/hooks/use-slider-instance.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useSliderInstance(ref){const sliderRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>sliderRef.current?.blur(),focus:()=>sliderRef.current?.focus()})),sliderRef}exports.useSliderInstance=useSliderInstance;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-slider/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd"),react=require("react"),useSliderInstance=require("./hooks/use-slider-instance.cjs"),VefSlider=react.forwardRef(({step,tipFormatter,onChange,...restProps},ref)=>{const tooltipProps=react.useMemo(()=>{if(tipFormatter)return{formatter:value=>tipFormatter(value)}},[tipFormatter]),sliderRef=useSliderInstance.useSliderInstance(ref);return jsxRuntime.jsx(antd.Slider,{ref:sliderRef,step:step==="mark"?null:step,tooltip:tooltipProps,onChange,...restProps})});VefSlider.displayName="VefSlider",exports.default=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 */

package/lib/vef-slider/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-sortable-list/components/overlay-item.cjs

@@ -1,5 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),Icon=require("@ant-design/icons"),react=require("@emotion/react"),defaultHandleIcon=jsxRuntime.jsx(Icon.HolderOutlined,{}),handlePresetStyle=react.css`
-  cursor: move;
-  user-select: none;
-  touch-action: none;
-`;function VefOverlayItem({item,renderItem,useHandle,handleClassName,handleStyle,handleIcon}){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[useHandle&&jsxRuntime.jsx("div",{className:handleClassName,css:handlePresetStyle,style:handleStyle,children:handleIcon??defaultHandleIcon}),renderItem(item,!0)]})}exports.default=VefOverlayItem;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-sortable-list/components/sortable-item.cjs

@@ -1,5 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),Icon=require("@ant-design/icons"),sortable=require("@dnd-kit/sortable"),utilities=require("@dnd-kit/utilities"),react=require("@emotion/react"),defaultHandleIcon=jsxRuntime.jsx(Icon.HolderOutlined,{}),handlePresetStyle=react.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}=sortable.useSortable({id:itemKey,disabled,data:{index:itemIndex}}),style={...itemStyle,transition,transform:utilities.CSS.Transform.toString(transform),...!useOverlay&&isDragging?{position:"relative",zIndex:999}:{}};return jsxRuntime.jsxs("div",{ref:setNodeRef,className:itemClassName,style,...attributes,...useHandle?{}:listeners,children:[useHandle&&jsxRuntime.jsx("div",{ref:setActivatorNodeRef,className:handleClassName,css:handlePresetStyle,style:handleStyle,...listeners,children:handleIcon??defaultHandleIcon}),renderItem(item,!1)]})}exports.default=VefSortableItem;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-sortable-list/hooks/use-merged-items.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),react=require("react");function useMergedItems(defaultItems,items,onChange){if(shared.isNullish(defaultItems)&&shared.isNullish(items))throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");const[internalItems,setInternalItems]=react.useState(defaultItems??[]),mergedItems=items??internalItems,mergedOnChange=react.useCallback(moveItems=>{items?onChange?.(moveItems(items)):setInternalItems(moveItems)},[items,onChange]);return[mergedItems,mergedOnChange]}exports.useMergedItems=useMergedItems;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-sortable-list/index.cjs

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

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

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-space/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");function VefSpace({gap,...restProps}){const normalizeGapSize=hooks.useGapSizeNormalizer(),size=react.useMemo(()=>shared.isArray(gap)?gap.map(it=>normalizeGapSize(it)):gap&&normalizeGapSize(gap),[gap,normalizeGapSize]);return jsxRuntime.jsx(antd.Space,{size,...restProps})}exports.default=VefSpace;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-space/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-spin/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd");function VefSpin({size,...restProps}){return jsxRuntime.jsx(antd.Spin,{size:size==="medium"?"default":size,...restProps})}exports.default=VefSpin;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-spin/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-splitter/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd");function VefSplitter({orientation,onResizeBegin,...rest}){return jsxRuntime.jsx(antd.Splitter,{layout:orientation,onResizeStart:onResizeBegin,...rest})}exports.default=VefSplitter;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-splitter/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-splitter-panel/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd"),{Panel}=antd.Splitter;function VefSplitterPanel({...rest}){return jsxRuntime.jsx(Panel,{...rest})}exports.default=VefSplitterPanel;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-splitter-panel/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-status/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),antd=require("antd"),react=require("react");function VefStatus({processing=!1,color="default",children}){const colorTokens=hooks.useColorTokens(),badgeProps=react.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 jsxRuntime.jsx(antd.Badge,{...badgeProps})}exports.default=VefStatus;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-status/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/columns/bool.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react$1=require("@emotion/react"),shared=require("@vef-framework/shared"),react=require("react"),index=require("../../../vef-text/index.cjs"),useComputedValues=require("../../hooks/use-computed-values.cjs");function Bool({value,record,rowIndex,columnProps}){if(columnProps.type!=="Boolean")throw new shared.VefError(-1,"Column type must be Boolean");const{defaultValue,trueText="是",falseText="否",bold,italic,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues.useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=react.useMemo(()=>{if(shared.isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!shared.isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=react.useMemo(()=>value?value?trueText:falseText:defaultValue,[value,trueText,falseText,defaultValue]),cssToUse=react.useMemo(()=>{if(width)return react$1.css({maxWidth:`${width}px !important`})},[width]);return jsxRuntime.jsx(index.default,{bold:boldToUse,color:colorToUse,css:cssToUse,italic:italicToUse,children:valueToDisplay})}const BoolMemo=react.memo(Bool,shared.isDeepEqual);exports.default=BoolMemo;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/columns/code.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime");function Code({value}){return jsxRuntime.jsx("span",{children:value})}exports.default=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 */

package/lib/vef-table/components/columns/data-dictionary.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react$1=require("@emotion/react"),shared=require("@vef-framework/shared"),react=require("react"),index=require("../../../vef-text/index.cjs"),useComputedValues=require("../../hooks/use-computed-values.cjs"),DATA_DICTIONARY_NAME_SUFFIX="Name";function DataDictionary({value,record,rowIndex,columnProps}){if(columnProps.type!=="DataDictionary")throw new shared.VefError(-1,"Column type must be DataDictionary");const{name,defaultValue,ellipsis,bold,italic,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues.useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=react.useMemo(()=>{if(shared.isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!shared.isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=react.useMemo(()=>shared.isNullish(value)||shared.isNullish(record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`])?defaultValue:record[`${name}${DATA_DICTIONARY_NAME_SUFFIX}`],[value,record,name,defaultValue]),cssToUse=react.useMemo(()=>{if(width)return react$1.css({maxWidth:`${width}px !important`})},[width]);return jsxRuntime.jsx(index.default,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}exports.default=DataDictionary;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/columns/enum.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),shared=require("@vef-framework/shared"),react$1=require("react"),index=require("../../../vef-tag/index.cjs"),index$1=require("../../../vef-text/index.cjs"),useComputedValues=require("../../hooks/use-computed-values.cjs"),ENUM_NAME_SUFFIX="Name",tagTextStyle=react.css({color:"inherit",fontSize:"inherit"});function Enum({value,record,rowIndex,columnProps}){if(columnProps.type!=="Enum")throw new shared.VefError(-1,"Column type must be Enum");const{name,defaultValue,showAsTag=!0,bold,italic,ellipsis,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues.useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=react$1.useMemo(()=>{if(shared.isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!shared.isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=react$1.useMemo(()=>shared.isNullish(value)||shared.isNullish(record[`${name}${ENUM_NAME_SUFFIX}`])?defaultValue:record[`${name}${ENUM_NAME_SUFFIX}`],[value,record,name,defaultValue]),cssToUse=react$1.useMemo(()=>{if(width)return react.css({maxWidth:`${width}px !important`})},[width]);return showAsTag?jsxRuntime.jsx(index.default,{color:colorToUse,children:jsxRuntime.jsx(index$1.default,{bold:boldToUse,css:tagTextStyle,italic:italicToUse,children:valueToDisplay})}):jsxRuntime.jsx(index$1.default,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}exports.default=Enum;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/columns/file.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime");function File({value}){return jsxRuntime.jsx("span",{children:value})}exports.default=File;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/columns/icon.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime");function Icon({value}){return jsxRuntime.jsx("span",{children:value})}exports.default=Icon;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/columns/id.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react$1=require("@emotion/react"),shared=require("@vef-framework/shared"),react=require("react"),index=require("../../../vef-text/index.cjs"),useComputedValues=require("../../hooks/use-computed-values.cjs"),ID_NAME_SUFFIX="Name",ID_NAME_REPLACE_REGEX=/Id$/;function Id({value,record,rowIndex,columnProps}){if(columnProps.type!=="Id")throw new shared.VefError(-1,"Column type must be Id");const{name,defaultValue,ellipsis,bold,italic,color,width}=columnProps,[boldToUse,italicToUse,colorToUse]=useComputedValues.useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),valueToDisplay=react.useMemo(()=>{const nameToUse=name.replace(ID_NAME_REPLACE_REGEX,ID_NAME_SUFFIX);return shared.isNullish(value)||shared.isNullish(record[nameToUse])?defaultValue:record[nameToUse]},[value,record,name,defaultValue]),cssToUse=react.useMemo(()=>{if(width)return react$1.css({maxWidth:`${width}px !important`})},[width]);return jsxRuntime.jsx(index.default,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}exports.default=Id;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/columns/image.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared");function Image({value}){return jsxRuntime.jsx("img",{alt:shared.extractBaseName(value),src:value})}exports.default=Image;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/columns/index.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const bool=require("./bool.cjs"),code=require("./code.cjs"),dataDictionary=require("./data-dictionary.cjs"),_enum=require("./enum.cjs"),file=require("./file.cjs"),icon=require("./icon.cjs"),id=require("./id.cjs"),image=require("./image.cjs"),markdown=require("./markdown.cjs"),number=require("./number.cjs"),render=require("./render.cjs"),richText=require("./rich-text.cjs"),text=require("./text.cjs");require("./props.cjs");const columnComponents={Text:text.default,Number:number.default,Enum:_enum.default,Boolean:bool.default,DataDictionary:dataDictionary.default,Id:id.default,Render:render.default,Markdown:markdown.default,Icon:icon.default,File:file.default,RichText:richText.default,Image:image.default,Code:code.default};exports.columnComponents=columnComponents;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/columns/markdown.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime");function Markdown({value}){return jsxRuntime.jsx("span",{children:value})}exports.default=Markdown;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/columns/number.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react$1=require("@emotion/react"),shared=require("@vef-framework/shared"),react=require("react"),index=require("../../../vef-text/index.cjs"),useComputedValues=require("../../hooks/use-computed-values.cjs"),useDisplayValue=require("../../hooks/use-display-value.cjs");function NumberColumn({value,record,rowIndex,columnProps}){if(columnProps.type!=="Number")throw new shared.VefError(-1,"Column type must be Number");const{defaultValue,formatter,prefix,suffix,bold,italic,color,width}=columnProps,displayValue=useDisplayValue.useDisplayValue(value,record,rowIndex,{defaultValue,formatter,prefix,suffix}),[boldToUse,italicToUse,colorToUse]=useComputedValues.useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),cssToUse=react.useMemo(()=>{if(width)return react$1.css({maxWidth:`${width}px !important`})},[width]);return shared.isNullish(displayValue)?null:jsxRuntime.jsx(index.default,{bold:boldToUse,color:colorToUse,css:cssToUse,italic:italicToUse,children:displayValue})}exports.default=NumberColumn;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/columns/props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/columns/render.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react$1=require("@emotion/react"),shared=require("@vef-framework/shared"),react=require("react");function Render({value,record,rowIndex,columnProps}){if(columnProps.type!=="Render")throw new shared.VefError(-1,"Column type must be Render");const{render,width}=columnProps,content=render?.(value,record,rowIndex),cssToUse=react.useMemo(()=>{if(width)return react$1.css({maxWidth:`${width}px !important`})},[width]);return jsxRuntime.jsx("div",{css:cssToUse,children:content})}exports.default=Render;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/columns/rich-text.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime");function RichText({value}){return jsxRuntime.jsx("span",{children:value})}exports.default=RichText;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/columns/text.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react$1=require("@emotion/react"),shared=require("@vef-framework/shared"),react=require("react"),index=require("../../../vef-text/index.cjs"),useComputedValues=require("../../hooks/use-computed-values.cjs"),useDisplayValue=require("../../hooks/use-display-value.cjs");function Text({value,record,rowIndex,columnProps}){if(columnProps.type!=="Text")throw new shared.VefError(-1,"Column type must be Text");const{defaultValue,formatter,prefix,suffix,ellipsis,bold,italic,color,copyable,width}=columnProps,[boldToUse,italicToUse,colorToUse]=useComputedValues.useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),valueToDisplay=useDisplayValue.useDisplayValue(value,record,rowIndex,{defaultValue,formatter,prefix,suffix}),cssToUse=react.useMemo(()=>{if(width)return react$1.css({maxWidth:`${width}px !important`})},[width]);return shared.isNullish(valueToDisplay)?null:jsxRuntime.jsx(index.default,{bold:boldToUse,color:colorToUse,copyable,css:cssToUse,ellipsis,ellipsisTip:ellipsis?valueToDisplay:void 0,italic:italicToUse,children:valueToDisplay})}exports.default=Text;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/columns-settings.cjs

@@ -1,52 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),Icon=require("@ant-design/icons"),react=require("@emotion/react"),shared=require("@vef-framework/shared"),antd=require("antd"),react$1=require("react"),index=require("../../vef-bool/index.cjs"),index$2=require("../../vef-button/index.cjs"),index$3=require("../../vef-divider/index.cjs"),index$4=require("../../vef-sortable-list/index.cjs"),index$1=require("../../vef-text/index.cjs"),useTableContext=require("../hooks/use-table-context.cjs"),columnsSettingsPanelStyle=react.css`
-  width: 300px;
-  padding: ${shared.themeVariables.paddingSm};
-
-  .vef-divider-horizontal {
-    margin: ${shared.themeVariables.marginSm} 0;
-  }
-
-  .vef-table-columns-settings-panel-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-left: ${shared.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: ${shared.themeVariables.paddingXs};
-        border-radius: ${shared.themeVariables.borderRadius};
-
-        &:hover {
-          background-color: ${shared.themeVariables.colorPrimaryBg};
-        }
-
-        .vef-table-columns-settings-panel-column-drag-icon {
-          cursor: move;
-          color: ${shared.themeVariables.colorTextSecondary};
-          padding-right: ${shared.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}=useTableContext.useTableContextSelector(ctx=>{const{defaultColumnConfigMap:defaultColumnConfigMap2,columnConfigMap:columnConfigMap2,setColumnConfigMap:setColumnConfigMap2}=ctx;return{defaultColumnConfigMap:defaultColumnConfigMap2,columnConfigMap:columnConfigMap2,setColumnConfigMap:setColumnConfigMap2}}),columnOptions=react$1.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=react$1.useCallback(newColumnOptions=>{const newColumnConfigMap=newColumnOptions.reduce((map,option,index2)=>{const{value,label,disabled,order,...rest}=option,columnConfig={title:label,configurable:!disabled,order:index2+1,...rest};return map.set(value,columnConfig),map},new Map);setColumnConfigMap(newColumnConfigMap)},[setColumnConfigMap]),showedColumns=react$1.useMemo(()=>columnOptions.filter(it=>it.show).map(it=>it.value),[columnOptions]),allCheckStatus=react$1.useMemo(()=>{const showedLength=showedColumns.length,totalLength=columnOptions.length;return showedLength===totalLength?"checked":showedLength>0?"indeterminate":"unchecked"},[showedColumns.length,columnOptions.length]),handleShowedColumnsChange=react$1.useCallback(value=>{const names=new Set(value),newColumnOptions=columnOptions.map(option=>({...option,show:names.has(option.value)}));setColumnOptions(newColumnOptions)},[columnOptions,setColumnOptions]),handleColumnFixedChange=react$1.useCallback((name,fixed)=>{const newColumnOptions=columnOptions.map(option=>({...option,fixed:option.value===name?fixed:option.fixed}));setColumnOptions(newColumnOptions)},[columnOptions,setColumnOptions]),handleColumnOrderChange=react$1.useCallback(newColumnOptions=>{setColumnOptions(newColumnOptions)},[setColumnOptions]),handleResetColumnConfig=react$1.useCallback(()=>{setColumnConfigMap(new Map(defaultColumnConfigMap))},[defaultColumnConfigMap,setColumnConfigMap]);return jsxRuntime.jsxs("div",{css:columnsSettingsPanelStyle,children:[jsxRuntime.jsxs("div",{className:"vef-table-columns-settings-panel-header",children:[jsxRuntime.jsx(index.default,{indeterminate:allCheckStatus==="indeterminate",label:jsxRuntime.jsx(index$1.default,{bold:!0,children:"列显示"}),value:allCheckStatus==="checked",variant:"checkbox",onChange:value=>{handleShowedColumnsChange(value?columnOptions.map(it=>it.value):[])}}),jsxRuntime.jsx(index$2.default,{color:"primary",variant:"text",onClick:handleResetColumnConfig,children:"重置"})]}),jsxRuntime.jsx(index$3.default,{}),jsxRuntime.jsx(antd.Checkbox.Group,{className:"vef-table-columns-settings-panel-body",value:showedColumns,onChange:handleShowedColumnsChange,children:jsxRuntime.jsx(index$4.default,{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})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(antd.Checkbox,{disabled,value,children:label}),jsxRuntime.jsxs("span",{className:"vef-table-columns-settings-panel-column-fixed-icon",children:[jsxRuntime.jsx(index$2.default,{color:fixed==="left"?"primary":"default",disabled:disabled||!show,icon:fixed==="left"?jsxRuntime.jsx(Icon.RollbackOutlined,{}):jsxRuntime.jsx(Icon.VerticalRightOutlined,{}),size:"small",tip:fixed==="left"?"取消左侧固定":"固定到左侧",variant:"link",onClick:()=>{fixed==="left"?handleColumnFixedChange(value):handleColumnFixedChange(value,"left")}}),jsxRuntime.jsx(index$3.default,{orientation:"vertical"}),jsxRuntime.jsx(index$2.default,{color:fixed==="right"?"primary":"default",disabled:disabled||!show,icon:fixed==="right"?jsxRuntime.jsx(Icon.RollbackOutlined,{}):jsxRuntime.jsx(Icon.VerticalLeftOutlined,{}),size:"small",tip:fixed==="right"?"取消右侧固定":"固定到右侧",variant:"link",onClick:()=>{fixed==="right"?handleColumnFixedChange(value):handleColumnFixedChange(value,"right")}})]})]}),onChange:handleColumnOrderChange})})]})}const VefColumnsSettings=react$1.memo(VefColumnsSettingsBase,()=>!1);VefColumnsSettings.displayName="VefColumnsSettings",exports.default=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 */

package/lib/vef-table/components/operation-buttons.cjs

@@ -1,10 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),Icon=require("@ant-design/icons"),react=require("@emotion/react"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react$1=require("react"),index$1=require("../../vef-button/index.cjs"),index$2=require("../../vef-dropdown/index.cjs"),index=require("../../vef-flex/index.cjs"),index$3=require("../../vef-popconfirm/index.cjs"),useTableContext=require("../hooks/use-table-context.cjs"),operationButtonStyle=react.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}=useTableContext.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=react$1.useMemo(()=>({record,rowIndex,refetch,isFetching,selectedKeys,selectedRecords,...externalContext??{}}),[externalContext,isFetching,record,refetch,rowIndex,selectedKeys,selectedRecords]),computedButtons=hooks.useComputedActionButtons(operationButtons,buttonContext),[moreButtonLoading,setMoreButtonLoading]=react$1.useState(!1),hiddenButtons=react$1.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]=react$1.useState(!1),[currentMoreButtonConfirmationInfo,setCurrentMoreButtonConfirmationInfo]=react$1.useState(null),handleMoreButtonConfirmationCancel=react$1.useCallback(()=>{setMoreButtonConfirmationOpen(!1),setCurrentMoreButtonConfirmationInfo(null)},[]),handleMoreButtonClick=react$1.useMemo(()=>{if(hiddenButtons.length!==0)return async key=>{const{requireConfirmation,confirmationMode,confirmationTitle,confirmationContent,onClick}=computedButtons.find(item=>item.key===key),okHandler=async()=>{try{await shared.invokeMaybeAsyncFn(onClick,{beforeInvoke:()=>{setMoreButtonLoading(!0)},onFinally:()=>{setMoreButtonLoading(!1)}},buttonContext)}finally{handleMoreButtonConfirmationCancel()}};requireConfirmation?confirmationMode==="simple"?(setCurrentMoreButtonConfirmationInfo({title:confirmationTitle,content:confirmationContent,okHandler}),setMoreButtonConfirmationOpen(!0)):shared.showConfirmation(confirmationTitle,confirmationContent,okHandler,{onCancel:()=>{setCurrentMoreButtonConfirmationInfo(null)}}):await okHandler()}},[computedButtons,buttonContext,handleMoreButtonConfirmationCancel,hiddenButtons.length]);return jsxRuntime.jsxs(index.default,{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?jsxRuntime.jsx(index$1.default,{requireConfirmation:!0,color,confirmationContent,confirmationMode,confirmationTitle,disabled:disabled||moreButtonLoading,icon,size:"small",variant:"filled",onConfirmationOk:()=>onClick(buttonContext),children:label},key):jsxRuntime.jsx(index$1.default,{color,disabled:disabled||moreButtonLoading,icon,size:"small",variant:"filled",onClick:event=>(event.stopPropagation(),onClick(buttonContext)),children:label},key)}),computedButtons.length>maxVisibleOperationButtons&&jsxRuntime.jsx(index$2.default,{disabled:moreButtonLoading,items:hiddenButtons,onClick:handleMoreButtonClick,children:jsxRuntime.jsx(index$3.default,{content:currentMoreButtonConfirmationInfo?.content,disabled:moreButtonLoading,opened:moreButtonConfirmationOpen,title:currentMoreButtonConfirmationInfo?.title,onCancel:handleMoreButtonConfirmationCancel,onOk:currentMoreButtonConfirmationInfo?.okHandler,children:jsxRuntime.jsx(index$1.default,{color:"primary",disabled:moreButtonLoading,icon:jsxRuntime.jsx(Icon.MoreOutlined,{}),loading:moreButtonLoading,size:"small",variant:"filled",onClick:event=>event.stopPropagation()})})})]})}exports.default=VefOperationButtons;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/settings-icon.cjs

@@ -1,3 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),shared=require("@vef-framework/shared"),lucideReact=require("lucide-react"),react$1=require("react"),index=require("../../vef-icon/index.cjs"),useTableContext=require("../hooks/use-table-context.cjs"),primaryColorStyle=react.css`
-  color: ${shared.themeVariables.colorPrimary};
-`;function VefSettingsIconBase(){const columnConfigMapHasChanged=useTableContext.useTableContextSelector(ctx=>ctx.columnConfigMapHasChanged);return jsxRuntime.jsx(index.default,{css:columnConfigMapHasChanged?primaryColorStyle:void 0,children:jsxRuntime.jsx(lucideReact.SettingsIcon,{})})}const VefSettingsIcon=react$1.memo(VefSettingsIconBase,()=>!1);exports.default=VefSettingsIcon;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/components/table-footer.cjs

@@ -1,17 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),shared=require("@vef-framework/shared"),react$1=require("react"),index$1=require("../../vef-button/index.cjs"),index$2=require("../../vef-pagination/index.cjs"),index=require("../../vef-text/index.cjs"),useTableContext=require("../hooks/use-table-context.cjs"),footerStyle=react.css`
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: var(--vef-table-footer-gap);
-
-  > div {
-    flex: auto;
-    display: flex;
-    align-items: center;
-    gap: ${shared.themeVariables.padding};
-  }
-
-  > .vef-pagination {
-    flex: none;
-  }
-`;function VefTableFooterBase({selectionSummary,size,paginationProps,batchActionButtons,batchActionButtonContext}){const selectedRecords=useTableContext.useTableContextSelector(ctx=>ctx.selectedRecords),selectionSummaryNode=react$1.useMemo(()=>{if(selectionSummary!==!1){if(selectionSummary)return selectionSummary(selectedRecords);if(selectedRecords.length>0)return jsxRuntime.jsxs(index.default,{color:"secondary",children:["已选择"," ",jsxRuntime.jsx(index.default,{bold:!0,color:"blue",children:selectedRecords.length})," ","项"]})}},[selectionSummary,selectedRecords]),batchButtonsNode=react$1.useMemo(()=>batchActionButtons.map(button=>{const{key,label,icon,disabled,color,requireConfirmation,confirmationMode,confirmationTitle,confirmationContent,onClick}=button,wrappedOnClick=async()=>{await shared.invokeMaybeAsyncFn(onClick,{},batchActionButtonContext)};return requireConfirmation?jsxRuntime.jsx(index$1.default,{requireConfirmation:!0,color,confirmationContent,confirmationMode,confirmationTitle,disabled,icon,onConfirmationOk:wrappedOnClick,children:label},key):jsxRuntime.jsx(index$1.default,{color,disabled,icon,onClick:wrappedOnClick,children:label},key)}),[batchActionButtons,batchActionButtonContext]),style=react$1.useMemo(()=>({"--vef-table-footer-gap":`var(--vef-table-cell-padding-block${size==="small"?"-sm":size==="medium"?"-md":""})`}),[size]);return jsxRuntime.jsxs("div",{css:footerStyle,style,children:[jsxRuntime.jsxs("div",{children:[selectionSummaryNode,batchButtonsNode]}),jsxRuntime.jsx(index$2.default,{...paginationProps})]})}const VefTableFooter=react$1.memo(VefTableFooterBase);VefTableFooter.displayName="VefTableFooter",exports.default=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 */

package/lib/vef-table/helper.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared");function computeValue(rawValue,value,record,rowIndex,defaultValue){return shared.isFunction(rawValue)?rawValue(value,record,rowIndex):shared.isExpression(rawValue)?shared.compileDynamicFn(rawValue,"value","record","rowIndex",`return ${rawValue.expression}`)(value,record,rowIndex):rawValue??defaultValue}exports.computeValue=computeValue;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-computed-batch-buttons.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const hooks=require("@vef-framework/hooks"),react=require("react");function useComputedBatchActionButtons(batchActionButtons,tableContext){const{externalContext,isFetching,refetch,selectedKeys,selectedRecords}=tableContext,batchActionButtonContext=react.useMemo(()=>({isFetching,refetch,selectedKeys,selectedRecords,...externalContext??{}}),[externalContext,isFetching,refetch,selectedKeys,selectedRecords]);return{computedBatchActionButtons:hooks.useComputedActionButtons(batchActionButtons,batchActionButtonContext),batchActionButtonContext}}exports.useComputedBatchActionButtons=useComputedBatchActionButtons;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-computed-columns.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useComputedColumns(columns,columnConfigMap){return react.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])}exports.useComputedColumns=useComputedColumns;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-computed-values.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const hooks=require("@vef-framework/hooks"),helper=require("../helper.cjs");function useComputedValues(values,value,record,rowIndex,returnAsObject=!1){const computedValues=hooks.useDeepMemo(()=>values.reduce((acc,it)=>{const{key,rawValue,defaultValue}=it,computedValue=helper.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])}exports.useComputedValues=useComputedValues;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-data.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react=require("react");function useData({apiParams,...queryConfig},paginated,paginationParams){const lastApiParamsRef=react.useRef(),{data,isLoading,isFetching,isSuccess,refetch}=hooks.useDataQuery({apiParams:paginated?{...paginationParams,page:shared.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(!shared.isNumber(data.total))throw new Error("The `total` property of the paginated data of VefTable is invalid. It must be a number.");if(!shared.isArray(data.items))throw new Error("The `items` property of the paginated data of VefTable is invalid. It must be an array.")}else if(!shared.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}}exports.useData=useData;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-default-column-configs.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useDefaultColumnConfigs(columns){return react.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])}exports.useDefaultColumnConfigs=useDefaultColumnConfigs;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-display-value.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),react=require("react");function useDisplayValue(value,record,rowIndex,config){const{defaultValue,formatter,prefix,suffix}=config,valueToUse=shared.isNullish(value)?defaultValue:value;return react.useMemo(()=>{if(shared.isFunction(formatter))return formatter(value,record,rowIndex);if(shared.isExpression(formatter))return shared.compileDynamicFn(formatter,"value","record","rowIndex",`return ${formatter.expression}`)(value,record,rowIndex);if(!shared.isNullish(valueToUse))return`${prefix??""}${valueToUse}${suffix??""}`},[formatter,valueToUse,prefix,suffix,value,record,rowIndex])}exports.useDisplayValue=useDisplayValue;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-helper-columns.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react=require("react"),columnsSettings=require("../components/columns-settings.cjs"),operationButtons=require("../components/operation-buttons.cjs"),settingsIcon=require("../components/settings-icon.cjs"),useOperationColumnWidth=require("./use-operation-column-width.cjs"),DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS=3;function useHelperColumns({showRowNumber,operationButtons:operationButtons$1,maxVisibleOperationButtons,size}){const rowNumberColumn=react.useMemo(()=>{if(showRowNumber)return{key:"_rowNumber",title:"#",align:"center",fixed:"left",width:48,shouldCellUpdate:()=>!1,render:(_,__,rowIndex)=>rowIndex+1}},[showRowNumber]),authorizedOperationButtons=hooks.useAuthorizedItems(operationButtons$1??[]),operationColumnWidth=useOperationColumnWidth.useOperationColumnWidth(authorizedOperationButtons,maxVisibleOperationButtons??DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS,size),operationColumn=react.useMemo(()=>{if(authorizedOperationButtons&&authorizedOperationButtons.length>0)return{key:"_operationButtons",title:"操作",align:"center",fixed:"right",filterIcon:()=>jsxRuntime.jsx(settingsIcon.default,{}),filterDropdown:()=>jsxRuntime.jsx(columnsSettings.default,{}),width:operationColumnWidth,shouldCellUpdate:(record,prevRecord)=>!shared.isDeepEqual(record,prevRecord),render:(_,record,rowIndex)=>jsxRuntime.jsx(operationButtons.default,{maxVisibleOperationButtons:maxVisibleOperationButtons??DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS,operationButtons:authorizedOperationButtons,record,rowIndex})}},[authorizedOperationButtons,maxVisibleOperationButtons,operationColumnWidth]);return{rowNumberColumn,operationColumn}}exports.useHelperColumns=useHelperColumns;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-operation-column-width.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react=require("react");function useOperationColumnWidth(operationButtons,maxVisibleOperationButtons,size="medium"){const{Button:buttonThemeTokens}=hooks.useThemeTokens(),cellInlinePadding=size==="large"?16:8,fontSize=buttonThemeTokens?.contentFontSizeSM??16;return react.useMemo(()=>{if(operationButtons.length===0)return 0;if(operationButtons.length>maxVisibleOperationButtons){const longestButtons=new Set;for(let i=0;i<maxVisibleOperationButtons;i++){const longestButton=shared.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}exports.useOperationColumnWidth=useOperationColumnWidth;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-pagination-props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react"),props=require("../../vef-pagination/props.cjs");function usePaginationProps(paginated,size){const[paginationParams,setPaginationParams]=react.useState({page:1,size:props.defaultPageSizeOptions[2]}),handlePaginationChange=react.useMemo(()=>{if(paginated)return(pageNumber,pageSize)=>{setPaginationParams({page:pageNumber,size:pageSize})}},[paginated,setPaginationParams]);return{paginationProps:react.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}}exports.usePaginationProps=usePaginationProps;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-row-props.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useRowProps({enableRowClick=!1,enableRowClickForSelection=!1,onRowClick,disabledSelection,handleRowClickSelection}){return react.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])}exports.useRowProps=useRowProps;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-row-selection-config.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),react=require("react"),useSelectedRows=require("./use-selected-rows.cjs");function useRowSelectionConfig({rowKey,selectedKeys,defaultSelectedKeys,selectable,enableRowClick,enableRowClickForSelection,multipleSelection=!0,showSelectAllCheckbox=!0,disabledSelection,onRowSelect,onRowDeselect,onRowSelectionChange}){const{selectedKeys:selectedKeysToUse,selectedRecords,onChange}=useSelectedRows.useSelectedRows({selectedKeys,defaultSelectedKeys,onRowSelectionChange}),handleRowClickSelection=react.useMemo(()=>{if(!(!enableRowClick||!enableRowClickForSelection))return record=>{const key=shared.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=>(shared.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:react.useMemo(()=>selectable?{fixed:!0,hideSelectAll:!showSelectAllCheckbox,preserveSelectedRowKeys:!1,selectedRowKeys:selectedKeysToUse,type:multipleSelection?"checkbox":"radio",getCheckboxProps:shared.isFunction(disabledSelection)?record=>({disabled:disabledSelection(record)}):void 0,onChange:(selectedRowKeys,selectedRows)=>{onChange(selectedRowKeys,selectedRows)},onSelect:shared.isFunction(onRowSelect)||shared.isFunction(onRowDeselect)?(record,selected)=>{const key=shared.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}}exports.useRowSelectionConfig=useRowSelectionConfig;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-selected-rows.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useSelectedRows({selectedKeys,defaultSelectedKeys,onRowSelectionChange}){const[internalSelectedKeys,setInternalSelectedKeys]=react.useState(defaultSelectedKeys??[]),selectedKeysToUse=selectedKeys??internalSelectedKeys,selectedRecords=react.useRef([]),onChange=react.useCallback((keys,records)=>{selectedKeys||setInternalSelectedKeys(keys),selectedRecords.current=records,onRowSelectionChange?.(keys,records)},[onRowSelectionChange,selectedKeys]);return{selectedKeys:selectedKeysToUse,selectedRecords,onChange}}exports.useSelectedRows=useSelectedRows;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-table-columns.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),react=require("react"),index=require("../components/columns/index.cjs");function useTableColumns(columns,rowNumberColumn,operationColumn){return react.useMemo(()=>{const columnsToUse=[],dataColumns=columns.map(column=>{const{title,show,sort,fixed,dependentColumnNames,...columnProps}=column,sortToUse=shared.isNumber(sort)?{multiple:sort}:sort??!1?!0:void 0,ColumnComponent=index.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)=>!shared.isDeepEqual(dependentColumnNames.map(name=>record[name]),dependentColumnNames.map(name=>prevRecord[name])),render:(value,record,rowIndex)=>jsxRuntime.jsx(ColumnComponent,{columnProps,record,rowIndex,value})}});return rowNumberColumn&&columnsToUse.push(rowNumberColumn),columnsToUse.push(...dataColumns),operationColumn&&columnsToUse.push(operationColumn),columnsToUse},[columns,rowNumberColumn,operationColumn])}exports.useTableColumns=useTableColumns;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-table-context.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),{useContextSelector,useContext,ContextProvider:TableContextProvider}=shared.createSelectableContext({isFetching:!1,refetch:()=>Promise.resolve({}),selectedKeys:[],selectedRecords:[],defaultColumnConfigMap:new Map,columnConfigMap:new Map,setColumnConfigMap:shared.noop,columnConfigMapHasChanged:!1}),useTableContextSelector=useContextSelector,useTableContext=useContext;exports.TableContextProvider=TableContextProvider,exports.useTableContext=useTableContext,exports.useTableContextSelector=useTableContextSelector;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-table-instance.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTableInstance(ref,data,refetch){const tableRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({getData:()=>data,refetch:async()=>{await refetch()}})),tableRef}exports.useTableInstance=useTableInstance;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-table-summary.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react"),{Summary}=antd.Table,{Row,Cell}=Summary;function useTableSummary(columns){const summaryColumns=react.useMemo(()=>columns.filter(column=>shared.isFunction(column.summary)).map(column=>{const{name,summary,summaryColSpan}=column;return{name,summary,summaryColSpan:summaryColSpan??1}}),[columns]);return react.useMemo(()=>{if(summaryColumns.length!==0)return records=>jsxRuntime.jsx(Summary,{fixed:"bottom",children:jsxRuntime.jsx(Row,{children:summaryColumns.map(({name,summary,summaryColSpan},index)=>jsxRuntime.jsx(Cell,{colSpan:summaryColSpan,index,children:summary(records)},name))})})},[summaryColumns])}exports.useTableSummary=useTableSummary;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-table-width.cjs

@@ -1 +0,0 @@
-"use strict";/*! VefFramework version: 1.0.122, build time: 2025-03-11T09:32:18.529Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react"),defaultColumnWidth=160,selectionColumnWidth=40;function useTableWidth(columns,selectable){return react.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])}exports.useTableWidth=useTableWidth;/*! 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 */