@vef-framework/components 1.0.63 → 1.0.65

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

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
 import{jsxs as r,jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{Root as t,Viewport as l,Corner as i}from"@radix-ui/react-scroll-area";import{isNumber as a}from"@vef-framework/shared";import{forwardRef as s,useMemo as c}from"react";import h from"./components/scrollbar.js";const m=o`
   position: relative;
   overflow: hidden;

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

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
 import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{themeVariables as o}from"@vef-framework/shared";import{memo as t}from"react";import l from"../../vef-text/index.js";const s=r`
   display: flex;
   flex-direction: column;
@@ -7,5 +7,5 @@ import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import{css as r}from"
   > .vef-typography-secondary {
     font-size: ${o.fontSizeSm};
   }
-`;const n=t((function({label:r,description:o}){return o?e("div",{css:s,children:[i(l,{ellipsis:!0,ellipsisTipPlacement:"right",children:r}),i(l,{ellipsis:!0,color:"secondary",ellipsisTipPlacement:"right",children:o})]}):i(l,{ellipsis:!0,ellipsisTipPlacement:"right",children:r})}));n.displayName="VefOption";export{n as default};
+`;const n=t((function VefOption({label:r,description:o}){return o?e("div",{css:s,children:[i(l,{ellipsis:!0,ellipsisTipPlacement:"right",children:r}),i(l,{ellipsis:!0,color:"secondary",ellipsisTipPlacement:"right",children:o})]}):i(l,{ellipsis:!0,ellipsisTipPlacement:"right",children:r})}));n.displayName="VefOption";export{n as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{useComputedOptions as o}from"@vef-framework/hooks";import{isArray as e,isFunction as a,isNullish as i}from"@vef-framework/shared";import{useLayoutEffect as n}from"react";function r({value:r,grouped:t=!1,multiple:l=!1,onChange:s,...p}){const{onFilterKeywordChange:d,normalizedOptions:f,defaultOption:m,isLoading:u,fallbackOptions:c,isFallbackOptionsLoading:g}=o({...p,isGrouped:t,selectedOptionValues:e(r)?r:r?[r]:[]});return n((()=>{m&&a(s)&&i(r)&&s(l?[m.value]:m.value,l?[m]:m)}),[m,l,s,r]),{onFilterKeywordChange:d,normalizedOptions:f,isLoading:u,fallbackOptions:c,isFallbackOptionsLoading:g}}export{r as useDataOptions};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{useComputedOptions as o}from"@vef-framework/hooks";import{isArray as a,isFunction as e,isNullish as i}from"@vef-framework/shared";import{useLayoutEffect as n}from"react";function useDataOptions({value:t,grouped:r=!1,multiple:l=!1,onChange:s,...p}){const{onFilterKeywordChange:d,normalizedOptions:u,defaultOption:f,isLoading:m,fallbackOptions:O,isFallbackOptionsLoading:c}=o({...p,isGrouped:r,selectedOptionValues:a(t)?t:t?[t]:[]});return n((()=>{f&&e(s)&&i(t)&&s(l?[f.value]:f.value,l?[f]:f)}),[f,l,s,t]),{onFilterKeywordChange:d,normalizedOptions:u,isLoading:m,fallbackOptions:O,isFallbackOptionsLoading:c}}export{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/es/vef-select/hooks/use-field-names.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{useMemo as l}from"react";function e(e){return l((()=>e?{label:"label",value:"value",options:"children",groupLabel:"label"}:{label:"label",value:"value"}),[e])}export{e as useFieldNames};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{useMemo as e}from"react";function useFieldNames(l){return e((()=>l?{label:"label",value:"value",options:"children",groupLabel:"label"}:{label:"label",value:"value"}),[l])}export{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/es/vef-select/hooks/use-render-label.js

@@ -1,10 +1,10 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as i}from"@emotion/react/jsx-runtime";import{LoadingOutlined as r}from"@ant-design/icons";import{css as e}from"@emotion/react";import{useCallback as n}from"react";import t from"../../vef-spin/index.js";const o=e`
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{LoadingOutlined as r}from"@ant-design/icons";import{css as i}from"@emotion/react";import{useCallback as n}from"react";import t from"../../vef-spin/index.js";const o=i`
   display: inline-flex;
   align-items: center;
 
   .vef-spin {
     color: inherit;
   }
-`;function m(e,m){return n((({label:n,value:s})=>{if(n)return n;if(e)return i("span",{css:o,children:i(t,{indicator:i(r,{}),size:"small"})});const l=m?.find((i=>i.value===s));return l?.label??s}),[e,m])}export{m as useRenderLabel};
+`;function useRenderLabel(i,s){return n((({label:n,value:l})=>{if(n)return n;if(i)return e("span",{css:o,children:e(t,{indicator:e(r,{}),size:"small"})});const a=s?.find((e=>e.value===l));return a?.label??l}),[i,s])}export{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/es/vef-select/hooks/use-render-option.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{isFunction as r}from"@vef-framework/shared";import{useMemo as e}from"react";import t from"../components/option.js";function i(i){return e((()=>r(i)?({data:o},{index:r})=>i({...o,index:r}):({data:{label:r,description:e}})=>o(t,{description:e,label:r??"Missing Label"})),[i])}export{i as useRenderOption};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as o}from"@vef-framework/shared";import{useMemo as r}from"react";import t from"../components/option.js";function useRenderOption(i){return r((()=>o(i)?({data:e},{index:o})=>i({...e,index:o}):({data:{label:o,description:r}})=>e(t,{description:r,label:o??"Missing Label"})),[i])}export{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/es/vef-select/hooks/use-select-instance.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{useRef as r,useImperativeHandle as t}from"react";function n(n,o){const u=r(null);return t(n,(()=>({blur:()=>{u.current?.blur()},focus:()=>{u.current?.focus({preventScroll:!0})},getDataOptions:()=>o}))),u}export{n as useSelectInstance};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{useRef as e,useImperativeHandle as t}from"react";function useSelectInstance(r,n){const c=e(null);return t(r,(()=>({blur:()=>{c.current?.blur()},focus:()=>{c.current?.focus({preventScroll:!0})},getDataOptions:()=>n}))),c}export{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/es/vef-select/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{useOptionFilter as o}from"@vef-framework/hooks";import{styles as r}from"@vef-framework/shared";import{Select as t}from"antd";import{memo as i,forwardRef as n}from"react";import"../internal/index.js";import l from"../vef-loading-placeholder/index.js";import{useDataOptions as a}from"./hooks/use-data-options.js";import{useFieldNames as s}from"./hooks/use-field-names.js";import{useRenderLabel as m}from"./hooks/use-render-label.js";import{useRenderOption as d}from"./hooks/use-render-option.js";import{useSelectInstance as p}from"./hooks/use-select-instance.js";import{convertBasicSizeToUiSize as f}from"../internal/utils.js";const u=e("div",{css:{height:140},children:e(l,{})});const c=i(n((function({defaultValue:i,value:n,size:l,clearable:c,disabled:h,placeholder:v,variant:g,onClear:C,onBlur:k,onFocus:b,onChange:j,onSelect:F,onDeselect:x,multiple:O=!1,grouped:w=!1,maxCount:S,renderOption:R,filterable:z=!0,filterFromRemote:V=!1,...y},B){const{onFilterKeywordChange:D,normalizedOptions:L,isLoading:N,fallbackOptions:A,isFallbackOptionsLoading:H}=a({value:n,grouped:w,multiple:O,onChange:j,filterable:z,filterFromRemote:V,...y}),K=d(R),T=o(z,V),W=s(w),q=m(H,A),E=p(B,L);return e(t,{ref:E,defaultActiveFirstOption:!0,allowClear:c,css:r.fullWidth,defaultValue:i,disabled:h,fieldNames:W,filterOption:T,labelRender:q,listHeight:280,loading:N,maxCount:O?S:void 0,maxTagCount:O?"responsive":void 0,mode:O?"multiple":void 0,notFoundContent:N?u:void 0,optionRender:K,options:L,placeholder:v,showSearch:z,size:f(l),value:n,variant:g,onBlur:k,onChange:j,onClear:C,onDeselect:x,onFocus:b,onSearch:D,onSelect:F})})));c.displayName="VefSelect";export{c as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useOptionFilter as o}from"@vef-framework/hooks";import{styles as r}from"@vef-framework/shared";import{Select as t}from"antd";import{memo as i,forwardRef as l}from"react";import"../internal/index.js";import n from"../vef-loading-placeholder/index.js";import{useDataOptions as a}from"./hooks/use-data-options.js";import{useFieldNames as s}from"./hooks/use-field-names.js";import{useRenderLabel as m}from"./hooks/use-render-label.js";import{useRenderOption as d}from"./hooks/use-render-option.js";import{useSelectInstance as f}from"./hooks/use-select-instance.js";import{convertBasicSizeToUiSize as p}from"../internal/utils.js";const u=e("div",{css:{height:140},children:e(n,{})});const c=i(l((function VefSelectBase({defaultValue:i,value:l,size:n,clearable:c,disabled:h,placeholder:v,variant:g,onClear:C,onBlur:k,onFocus:b,onChange:j,onSelect:F,onDeselect:x,multiple:O=!1,grouped:S=!1,maxCount:w,renderOption:R,filterable:V=!0,filterFromRemote:z=!1,...B},y){const{onFilterKeywordChange:D,normalizedOptions:L,isLoading:N,fallbackOptions:A,isFallbackOptionsLoading:H}=a({value:l,grouped:S,multiple:O,onChange:j,filterable:V,filterFromRemote:z,...B}),K=d(R),T=o(V,z),W=s(S),q=m(H,A),E=f(y,L);return e(t,{ref:E,defaultActiveFirstOption:!0,allowClear:c,css:r.fullWidth,defaultValue:i,disabled:h,fieldNames:W,filterOption:T,labelRender:q,listHeight:280,loading:N,maxCount:O?w:void 0,maxTagCount:O?"responsive":void 0,mode:O?"multiple":void 0,notFoundContent:N?u:void 0,optionRender:K,options:L,placeholder:v,showSearch:V,size:p(n),value:l,variant:g,onBlur:k,onChange:j,onClear:C,onDeselect:x,onFocus:b,onSearch:D,onSelect:F})})));c.displayName="VefSelect";export{c as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{useRef as r,useImperativeHandle as u}from"react";function t(t){const c=r(null);return u(t,(()=>({blur:()=>c.current?.blur(),focus:()=>c.current?.focus()}))),c}export{t as useSliderInstance};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{useRef as r,useImperativeHandle as e}from"react";function useSliderInstance(n){const u=r(null);return e(n,(()=>({blur:()=>u.current?.blur(),focus:()=>u.current?.focus()}))),u}export{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/es/vef-slider/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
 import{jsx as t}from"@emotion/react/jsx-runtime";import{Slider as r}from"antd";import{forwardRef as e,useMemo as o}from"react";import{useSliderInstance as m}from"./hooks/use-slider-instance.js";const n=e((({step:e,tipFormatter:n,onChange:a,...i},s)=>{const p=o((()=>{if(n)return{formatter:t=>n(t)}}),[n]),f=m(s);return t(r,{ref:f,step:"mark"===e?null:e,tooltip:p,onChange:a,...i})}));n.displayName="VefSlider";export{n as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,7 +1,7 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e,jsxs as n,Fragment as o}from"@emotion/react/jsx-runtime";import{HolderOutlined as t}from"@ant-design/icons";import{css as r}from"@emotion/react";const s=e(t,{}),a=r`
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e,jsxs as n,Fragment as t}from"@emotion/react/jsx-runtime";import{HolderOutlined as o}from"@ant-design/icons";import{css as r}from"@emotion/react";const a=e(o,{}),m=r`
   cursor: move;
   user-select: none;
   touch-action: none;
-`;function c({item:t,renderItem:r,useHandle:c,handleClassName:i,handleStyle:m,handleIcon:l}){return n(o,{children:[c&&e("div",{className:i,css:a,style:m,children:l??s}),r(t,!0)]})}export{c as default};
+`;function VefOverlayItem({item:o,renderItem:r,useHandle:s,handleClassName:c,handleStyle:i,handleIcon:l}){return n(t,{children:[s&&e("div",{className:c,css:m,style:i,children:l??a}),r(o,!0)]})}export{VefOverlayItem as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,7 +1,7 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{HolderOutlined as i}from"@ant-design/icons";import{useSortable as r}from"@dnd-kit/sortable";import{CSS as n}from"@dnd-kit/utilities";import{css as s}from"@emotion/react";const o=e(i,{}),a=s`
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{HolderOutlined as i}from"@ant-design/icons";import{useSortable as r}from"@dnd-kit/sortable";import{CSS as n}from"@dnd-kit/utilities";import{css as o}from"@emotion/react";const s=e(i,{}),a=o`
   cursor: move;
   user-select: none;
   touch-action: none;
-`;function m({item:i,itemKey:s,itemIndex:m,itemClassName:d,itemStyle:l,renderItem:c,useHandle:f,useOverlay:u,handleClassName:p,handleStyle:h,handleIcon:v,disabled:y}){const{isDragging:N,attributes:g,listeners:x,setNodeRef:b,setActivatorNodeRef:I,transition:S,transform:k}=r({id:s,disabled:y,data:{index:m}}),C={...l,transition:S,transform:n.Transform.toString(k),...!u&&N?{position:"relative",zIndex:999}:{}};return t("div",{ref:b,className:d,style:C,...g,...f?{}:x,children:[f&&e("div",{ref:I,className:p,css:a,style:h,...x,children:v??o}),c(i,!1)]})}export{m as default};
+`;function VefSortableItem({item:i,itemKey:o,itemIndex:m,itemClassName:d,itemStyle:l,renderItem:c,useHandle:f,useOverlay:u,handleClassName:p,handleStyle:b,handleIcon:h,disabled:v}){const{isDragging:y,attributes:I,listeners:N,setNodeRef:g,setActivatorNodeRef:x,transition:S,transform:k}=r({id:o,disabled:v,data:{index:m}}),C={...l,transition:S,transform:n.Transform.toString(k),...!u&&y?{position:"relative",zIndex:999}:{}};return t("div",{ref:g,className:d,style:C,...I,...f?{}:N,children:[f&&e("div",{ref:x,className:p,css:a,style:b,...N,children:h??s}),c(i,!1)]})}export{VefSortableItem as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{isNullish as r}from"@vef-framework/shared";import{useState as e,useCallback as o}from"react";function t(t,f,m){if(r(t)&&r(f))throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");const[n,a]=e(t??[]);return[f??n,o((r=>{f?m?.(r(f)):a(r)}),[f,m])]}export{t as useMergedItems};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{isNullish as e}from"@vef-framework/shared";import{useState as r,useCallback as t}from"react";function useMergedItems(o,m,s){if(e(o)&&e(m))throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");const[f,n]=r(o??[]);return[m??f,t((e=>{m?s?.(e(m)):n(e)}),[m,s])]}export{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/es/vef-sortable-list/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{useSensors as r,useSensor as i,PointerSensor as o,DndContext as m,closestCenter as a,DragOverlay as s}from"@dnd-kit/core";import{restrictToParentElement as n,restrictToWindowEdges as d}from"@dnd-kit/modifiers";import{arrayMove as c,SortableContext as l,verticalListSortingStrategy as p,horizontalListSortingStrategy as f}from"@dnd-kit/sortable";import{isFunction as u}from"@vef-framework/shared";import{useMemo as y,useState as v,useCallback as h,memo as g}from"react";import x from"./components/overlay-item.js";import k from"./components/sortable-item.js";import{useMergedItems as N}from"./hooks/use-merged-items.js";const b=g((function({defaultItems:g,items:b,itemKey:j="id",className:S,style:D,orientation:w="vertical",useOverlay:C=!0,restrictStrategy:E="parent",onChange:I,...K}){const[L,O]=N(g,b,I),V=r(i(o)),q=y((()=>u(j)?j:e=>e[j]),[j]),[z,A]=v(),B=h((({active:e})=>{A(L[e.data.current.index])}),[L]),F=h((({active:e,over:t})=>{t&&e.id!==t.id&&O((r=>c(r,e.data.current.index,t.data.current.index)))}),[O]),G=L.map((e=>q(e))),{itemClassName:H,itemStyle:J,disabled:M,...P}=K;return e(m,{collisionDetection:a,sensors:V,modifiers:["parent"===E?n:d],onDragEnd:F,onDragStart:B,children:e(l,{items:G,strategy:"vertical"===w?p:f,children:t("div",{className:S,style:D,children:[L.map(((t,r)=>{const i=q(t);return e(k,{item:t,itemIndex:r,itemKey:i,...K},i)})),C&&e(s,{className:H,style:J,wrapperElement:"div",modifiers:["parent"===E?n:d],children:z&&e(x,{item:z,...P})})]})})})}));b.displayName="VefSortableList";export{b as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{useSensors as r,useSensor as i,PointerSensor as o,DndContext as a,closestCenter as m,DragOverlay as s}from"@dnd-kit/core";import{restrictToParentElement as n,restrictToWindowEdges as d}from"@dnd-kit/modifiers";import{arrayMove as l,SortableContext as c,verticalListSortingStrategy as p,horizontalListSortingStrategy as f}from"@dnd-kit/sortable";import{isFunction as u}from"@vef-framework/shared";import{useMemo as y,useState as v,useCallback as h,memo as g}from"react";import x from"./components/overlay-item.js";import b from"./components/sortable-item.js";import{useMergedItems as k}from"./hooks/use-merged-items.js";const N=g((function VefSortableListBase({defaultItems:g,items:N,itemKey:S="id",className:j,style:D,orientation:w="vertical",useOverlay:C=!0,restrictStrategy:E="parent",onChange:I,...K}){const[L,V]=k(g,N,I),B=r(i(o)),O=y((()=>u(S)?S:e=>e[S]),[S]),[q,z]=v(),A=h((({active:e})=>{z(L[e.data.current.index])}),[L]),F=h((({active:e,over:t})=>{t&&e.id!==t.id&&V((r=>l(r,e.data.current.index,t.data.current.index)))}),[V]),G=L.map((e=>O(e))),{itemClassName:H,itemStyle:J,disabled:M,...P}=K;return e(a,{collisionDetection:m,sensors:B,modifiers:["parent"===E?n:d],onDragEnd:F,onDragStart:A,children:e(c,{items:G,strategy:"vertical"===w?p:f,children:t("div",{className:j,style:D,children:[L.map(((t,r)=>{const i=O(t);return e(b,{item:t,itemIndex:r,itemKey:i,...K},i)})),C&&e(s,{className:H,style:J,wrapperElement:"div",modifiers:["parent"===E?n:d],children:q&&e(x,{item:q,...P})})]})})})}));N.displayName="VefSortableList";export{N as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-space/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as r}from"@emotion/react/jsx-runtime";import{useGapSizeNormalizer as o}from"@vef-framework/hooks";import{isArray as m}from"@vef-framework/shared";import{Space as t}from"antd";import{useMemo as e}from"react";function f({gap:f,...a}){const i=o(),p=e((()=>m(f)?f.map((r=>i(r))):f?i(f):f),[f,i]);return r(t,{size:p,...a})}export{f as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{useGapSizeNormalizer as o}from"@vef-framework/hooks";import{isArray as e}from"@vef-framework/shared";import{Space as m}from"antd";import{useMemo as t}from"react";function VefSpace({gap:f,...a}){const p=o(),i=t((()=>e(f)?f.map((r=>p(r))):f?p(f):f),[f,p]);return r(m,{size:i,...a})}export{VefSpace as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-spin/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Spin as e}from"antd";function r({size:r,...i}){return t(e,{size:"medium"===r?"default":r,...i})}export{r as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{Spin as t}from"antd";function VefSpin({size:i,...r}){return e(t,{size:"medium"===i?"default":i,...r})}export{VefSpin as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-splitter/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Splitter as o}from"antd";function e({orientation:e,onResizeBegin:n,...r}){return t(o,{layout:e,onResizeStart:n,...r})}export{e as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Splitter as e}from"antd";function VefSplitter({orientation:o,onResizeBegin:r,...i}){return t(e,{layout:o,onResizeStart:r,...i})}export{VefSplitter as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Splitter as o}from"antd";const{Panel:r}=o;function n({...o}){return t(r,{...o})}export{n as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Splitter as e}from"antd";const{Panel:r}=e;function VefSplitterPanel({...e}){return t(r,{...e})}export{VefSplitterPanel as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-status/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{useColorTokens as o}from"@vef-framework/hooks";import{Badge as r}from"antd";import{useMemo as e}from"react";function a({processing:a=!1,color:f="default",children:n}){const u=o(),i=e((()=>{if("default"===f)return{status:"default",text:n};if(u.has(f))return{status:a?"processing":"default",color:u.get(f),text:n};throw new Error(`Invalid color value "${f}" of VefStatus component. Color must be either "default" or a valid color token.`)}),[f,u,a,n]);return t(r,{...i})}export{a as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{useColorTokens as o}from"@vef-framework/hooks";import{Badge as r}from"antd";import{useMemo as e}from"react";function VefStatus({processing:a=!1,color:f="default",children:u}){const n=o(),s=e((()=>{if("default"===f)return{status:"default",text:u};if(n.has(f))return{status:a?"processing":"default",color:n.get(f),text:u};throw new Error(`Invalid color value "${f}" of VefStatus component. Color must be either "default" or a valid color token.`)}),[f,n,a,u]);return t(r,{...s})}export{VefStatus as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as t,isString as r,isNullish as a,isDeepEqual as l}from"@vef-framework/shared";import{useMemo as i,memo as m}from"react";import u from"../../../vef-text/index.js";import{useComputedValues as n}from"../../hooks/use-computed-values.js";const c=m((function({value:l,record:m,rowIndex:c,columnProps:f}){if("Boolean"!==f.type)throw new t(-1,"Column type must be Boolean");const{defaultValue:d,trueText:s="是",falseText:p="否",bold:w,italic:x,color:h,width:V}=f,[b,k,v]=n([{key:"bold",rawValue:w,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:h}],l,m,c),y=i((()=>r(v)?v:v?!a(l)&&Object.hasOwn(v,l)?v[l]:v["*"]:void 0),[v,l]),j=i((()=>l?l?s:p:d),[l,s,p,d]),B=i((()=>{if(V)return o({maxWidth:`${V}px !important`})}),[V]);return e(u,{bold:b,color:y,css:B,italic:k,children:j})}),l);export{c as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import{css as e}from"@emotion/react";import{VefError as t,isString as r,isNullish as a,isDeepEqual as l}from"@vef-framework/shared";import{useMemo as i,memo as m}from"react";import u from"../../../vef-text/index.js";import{useComputedValues as n}from"../../hooks/use-computed-values.js";const c=m((function Bool({value:l,record:m,rowIndex:c,columnProps:f}){if("Boolean"!==f.type)throw new t(-1,"Column type must be Boolean");const{defaultValue:d,trueText:s="是",falseText:p="否",bold:w,italic:x,color:h,width:V}=f,[b,k,v]=n([{key:"bold",rawValue:w,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:h}],l,m,c),y=i((()=>r(v)?v:v?!a(l)&&Object.hasOwn(v,l)?v[l]:v["*"]:void 0),[v,l]),j=i((()=>l?l?s:p:d),[l,s,p,d]),B=i((()=>{if(V)return e({maxWidth:`${V}px !important`})}),[V]);return o(u,{bold:b,color:y,css:B,italic:k,children:j})}),l);export{c as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";function r({value:r}){return e("span",{children:r})}export{r as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";function Code({value:o}){return e("span",{children:o})}export{Code as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as t,isString as r,isNullish as a}from"@vef-framework/shared";import{useMemo as i}from"react";import l from"../../../vef-text/index.js";import{useComputedValues as m}from"../../hooks/use-computed-values.js";const u="Name";function c({value:c,record:n,rowIndex:s,columnProps:d}){if("DataDictionary"!==d.type)throw new t(-1,"Column type must be DataDictionary");const{name:f,defaultValue:p,ellipsis:w,bold:h,italic:x,color:y,width:V}=d,[b,k,v]=m([{key:"bold",rawValue:h,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:y}],c,n,s),$=i((()=>r(v)?v:v?!a(c)&&Object.hasOwn(v,c)?v[c]:v["*"]:void 0),[v,c]),j=i((()=>a(c)||a(n[`${f}${u}`])?p:n[`${f}${u}`]),[c,n,f,p]),D=i((()=>{if(V)return o({maxWidth:`${V}px !important`})}),[V]);return e(l,{bold:b,color:$,css:D,ellipsis:w,italic:k,children:j})}export{c as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{VefError as e,isString as a,isNullish as r}from"@vef-framework/shared";import{useMemo as i}from"react";import l from"../../../vef-text/index.js";import{useComputedValues as m}from"../../hooks/use-computed-values.js";const c="Name";function DataDictionary({value:n,record:u,rowIndex:s,columnProps:d}){if("DataDictionary"!==d.type)throw new e(-1,"Column type must be DataDictionary");const{name:f,defaultValue:p,ellipsis:w,bold:y,italic:D,color:h,width:x}=d,[V,b,k]=m([{key:"bold",rawValue:y,defaultValue:!1},{key:"italic",rawValue:D,defaultValue:!1},{key:"color",rawValue:h}],n,u,s),v=i((()=>a(k)?k:k?!r(n)&&Object.hasOwn(k,n)?k[n]:k["*"]:void 0),[k,n]),$=i((()=>r(n)||r(u[`${f}${c}`])?p:u[`${f}${c}`]),[n,u,f,p]),j=i((()=>{if(x)return t({maxWidth:`${x}px !important`})}),[x]);return o(l,{bold:V,color:v,css:j,ellipsis:w,italic:b,children:$})}export{DataDictionary as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as r,isString as t,isNullish as i}from"@vef-framework/shared";import{useMemo as l}from"react";import a from"../../../vef-tag/index.js";import m from"../../../vef-text/index.js";import{useComputedValues as n}from"../../hooks/use-computed-values.js";const c="Name",s=o({color:"inherit",fontSize:"inherit"});function u({value:u,record:d,rowIndex:f,columnProps:p}){if("Enum"!==p.type)throw new r(-1,"Column type must be Enum");const{name:h,defaultValue:w,showAsTag:x=!0,bold:b,italic:v,ellipsis:V,color:j,width:k}=p,[y,$,g]=n([{key:"bold",rawValue:b,defaultValue:!1},{key:"italic",rawValue:v,defaultValue:!1},{key:"color",rawValue:j}],u,d,f),E=l((()=>t(g)?g:g?!i(u)&&Object.hasOwn(g,u)?g[u]:g["*"]:void 0),[g,u]),O=l((()=>i(u)||i(d[`${h}${c}`])?w:d[`${h}${c}`]),[u,d,h,w]),z=l((()=>{if(k)return o({maxWidth:`${k}px !important`})}),[k]);return x?e(a,{color:E,children:e(m,{bold:y,css:s,italic:$,children:O})}):e(m,{bold:y,color:E,css:z,ellipsis:V,italic:$,children:O})}export{u as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as r,isString as t,isNullish as i}from"@vef-framework/shared";import{useMemo as l}from"react";import a from"../../../vef-tag/index.js";import m from"../../../vef-text/index.js";import{useComputedValues as n}from"../../hooks/use-computed-values.js";const u="Name",c=o({color:"inherit",fontSize:"inherit"});function Enum({value:s,record:d,rowIndex:f,columnProps:p}){if("Enum"!==p.type)throw new r(-1,"Column type must be Enum");const{name:h,defaultValue:w,showAsTag:x=!0,bold:b,italic:v,ellipsis:V,color:j,width:k}=p,[y,$,E]=n([{key:"bold",rawValue:b,defaultValue:!1},{key:"italic",rawValue:v,defaultValue:!1},{key:"color",rawValue:j}],s,d,f),g=l((()=>t(E)?E:E?!i(s)&&Object.hasOwn(E,s)?E[s]:E["*"]:void 0),[E,s]),O=l((()=>i(s)||i(d[`${h}${u}`])?w:d[`${h}${u}`]),[s,d,h,w]),z=l((()=>{if(k)return o({maxWidth:`${k}px !important`})}),[k]);return x?e(a,{color:g,children:e(m,{bold:y,css:c,italic:$,children:O})}):e(m,{bold:y,color:g,css:z,ellipsis:V,italic:$,children:O})}export{Enum as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";function r({value:r}){return e("span",{children:r})}export{r as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";function File({value:r}){return e("span",{children:r})}export{File as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";function r({value:r}){return e("span",{children:r})}export{r as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as n}from"@emotion/react/jsx-runtime";function Icon({value:e}){return n("span",{children:e})}export{Icon as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as r,isNullish as t}from"@vef-framework/shared";import{useMemo as a}from"react";import l from"../../../vef-text/index.js";import{useComputedValues as i}from"../../hooks/use-computed-values.js";const m=/Id$/;function u({value:u,record:c,rowIndex:n,columnProps:s}){if("Id"!==s.type)throw new r(-1,"Column type must be Id");const{name:d,defaultValue:f,ellipsis:p,bold:w,italic:x,color:h,width:V}=s,[k,y,b]=i([{key:"bold",rawValue:w,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:h}],u,c,n),v=a((()=>{const e=d.replace(m,"Name");return t(u)||t(c[e])?f:c[e]}),[u,c,d,f]),I=a((()=>{if(V)return o({maxWidth:`${V}px !important`})}),[V]);return e(l,{bold:k,color:b,css:I,ellipsis:p,italic:y,children:v})}export{u as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as r,isNullish as t}from"@vef-framework/shared";import{useMemo as a}from"react";import l from"../../../vef-text/index.js";import{useComputedValues as i}from"../../hooks/use-computed-values.js";const m=/Id$/;function Id({value:u,record:d,rowIndex:c,columnProps:n}){if("Id"!==n.type)throw new r(-1,"Column type must be Id");const{name:s,defaultValue:f,ellipsis:p,bold:w,italic:x,color:h,width:I}=n,[V,k,y]=i([{key:"bold",rawValue:w,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:h}],u,d,c),b=a((()=>{const e=s.replace(m,"Name");return t(u)||t(d[e])?f:d[e]}),[u,d,s,f]),v=a((()=>{if(I)return o({maxWidth:`${I}px !important`})}),[I]);return e(l,{bold:V,color:y,css:v,ellipsis:p,italic:k,children:b})}export{Id as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as r}from"@emotion/react/jsx-runtime";import{extractBaseName as e}from"@vef-framework/shared";function t({value:t}){return r("img",{alt:e(t),src:t})}export{t as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{extractBaseName as e}from"@vef-framework/shared";function Image({value:m}){return r("img",{alt:e(m),src:m})}export{Image as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
 import o from"./bool.js";import r from"./code.js";import m from"./data-dictionary.js";import t from"./enum.js";import i from"./file.js";import e from"./icon.js";import p from"./id.js";import s from"./image.js";import f from"./markdown.js";import j from"./number.js";import n from"./render.js";import a from"./rich-text.js";import d from"./text.js";const c={Text:d,Number:j,Enum:t,Boolean:o,DataDictionary:m,Id:p,Render:n,Markdown:f,Icon:e,File:i,RichText:a,Image:s,Code:r};export{c as 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/es/vef-table/components/columns/markdown.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";function r({value:r}){return e("span",{children:r})}export{r as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";function Markdown({value:n}){return r("span",{children:n})}export{Markdown as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{VefError as o,isNullish as t}from"@vef-framework/shared";import{useMemo as a}from"react";import l from"../../../vef-text/index.js";import{useComputedValues as u}from"../../hooks/use-computed-values.js";import{useDisplayValue as i}from"../../hooks/use-display-value.js";function m({value:m,record:f,rowIndex:s,columnProps:d}){if("Number"!==d.type)throw new o(-1,"Column type must be Number");const{defaultValue:p,formatter:c,prefix:n,suffix:x,bold:w,italic:h,color:V,width:b}=d,k=i(m,f,s,{defaultValue:p,formatter:c,prefix:n,suffix:x}),[y,v,j]=u([{key:"bold",rawValue:w,defaultValue:!1},{key:"italic",rawValue:h,defaultValue:!1},{key:"color",rawValue:V}],m,f,s),N=a((()=>{if(b)return r({maxWidth:`${b}px !important`})}),[b]);return t(k)?null:e(l,{bold:y,color:j,css:N,italic:v,children:k})}export{m as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{VefError as o,isNullish as t}from"@vef-framework/shared";import{useMemo as u}from"react";import a from"../../../vef-text/index.js";import{useComputedValues as l}from"../../hooks/use-computed-values.js";import{useDisplayValue as m}from"../../hooks/use-display-value.js";function NumberColumn({value:i,record:f,rowIndex:s,columnProps:n}){if("Number"!==n.type)throw new o(-1,"Column type must be Number");const{defaultValue:d,formatter:p,prefix:c,suffix:x,bold:b,italic:w,color:h,width:V}=n,k=m(i,f,s,{defaultValue:d,formatter:p,prefix:c,suffix:x}),[y,v,j]=l([{key:"bold",rawValue:b,defaultValue:!1},{key:"italic",rawValue:w,defaultValue:!1},{key:"color",rawValue:h}],i,f,s),N=u((()=>{if(V)return r({maxWidth:`${V}px !important`})}),[V]);return t(k)?null:e(a,{bold:y,color:j,css:N,italic:v,children:k})}export{NumberColumn as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as r}from"@emotion/react/jsx-runtime";import{css as e}from"@emotion/react";import{VefError as t}from"@vef-framework/shared";import{useMemo as o}from"react";function m({value:m,record:n,rowIndex:i,columnProps:d}){if("Render"!==d.type)throw new t(-1,"Column type must be Render");const{render:a,width:f}=d,p=a?.(m,n,i),c=o((()=>{if(f)return e({maxWidth:`${f}px !important`})}),[f]);return r("div",{css:c,children:p})}export{m as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as r}from"@emotion/react/jsx-runtime";import{css as e}from"@emotion/react";import{VefError as t}from"@vef-framework/shared";import{useMemo as o}from"react";function Render({value:n,record:m,rowIndex:i,columnProps:d}){if("Render"!==d.type)throw new t(-1,"Column type must be Render");const{render:a,width:f}=d,p=a?.(n,m,i),c=o((()=>{if(f)return e({maxWidth:`${f}px !important`})}),[f]);return r("div",{css:c,children:p})}export{Render as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";function r({value:r}){return e("span",{children:r})}export{r as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";function RichText({value:t}){return e("span",{children:t})}export{RichText as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as r,isNullish as t}from"@vef-framework/shared";import{useMemo as l}from"react";import i from"../../../vef-text/index.js";import{useComputedValues as a}from"../../hooks/use-computed-values.js";import{useDisplayValue as u}from"../../hooks/use-display-value.js";function f({value:f,record:m,rowIndex:s,columnProps:p}){if("Text"!==p.type)throw new r(-1,"Column type must be Text");const{defaultValue:c,formatter:d,prefix:n,suffix:x,ellipsis:w,bold:y,italic:h,color:V,copyable:b,width:k}=p,[v,j,T]=a([{key:"bold",rawValue:y,defaultValue:!1},{key:"italic",rawValue:h,defaultValue:!1},{key:"color",rawValue:V}],f,m,s),C=u(f,m,s,{defaultValue:c,formatter:d,prefix:n,suffix:x}),I=l((()=>{if(k)return o({maxWidth:`${k}px !important`})}),[k]);return t(C)?null:e(i,{bold:v,color:T,copyable:b,css:I,ellipsis:w,ellipsisTip:w?C:void 0,italic:j,children:C})}export{f as default};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as r,isNullish as t}from"@vef-framework/shared";import{useMemo as l}from"react";import i from"../../../vef-text/index.js";import{useComputedValues as a}from"../../hooks/use-computed-values.js";import{useDisplayValue as u}from"../../hooks/use-display-value.js";function Text({value:f,record:m,rowIndex:s,columnProps:p}){if("Text"!==p.type)throw new r(-1,"Column type must be Text");const{defaultValue:c,formatter:d,prefix:n,suffix:x,ellipsis:w,bold:y,italic:h,color:V,copyable:b,width:k}=p,[v,T,j]=a([{key:"bold",rawValue:y,defaultValue:!1},{key:"italic",rawValue:h,defaultValue:!1},{key:"color",rawValue:V}],f,m,s),C=u(f,m,s,{defaultValue:c,formatter:d,prefix:n,suffix:x}),I=l((()=>{if(k)return o({maxWidth:`${k}px !important`})}),[k]);return t(C)?null:e(i,{bold:v,color:j,copyable:b,css:I,ellipsis:w,ellipsisTip:w?C:void 0,italic:T,children:C})}export{Text as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
 import{jsxs as e,jsx as n,Fragment as t}from"@emotion/react/jsx-runtime";import{RollbackOutlined as i,VerticalRightOutlined as l,VerticalLeftOutlined as a}from"@ant-design/icons";import{css as o}from"@emotion/react";import{themeVariables as r}from"@vef-framework/shared";import{Checkbox as s}from"antd";import{useMemo as d,useCallback as m,memo as c}from"react";import f from"../../vef-bool/index.js";import u from"../../vef-button/index.js";import p from"../../vef-divider/index.js";import g from"../../vef-sortable-list/index.js";import v from"../../vef-text/index.js";import{useTableContextSelector as h}from"../hooks/use-table-context.js";const b=o`
   width: 260px;
   padding: ${r.paddingSm};
@@ -50,5 +50,5 @@ import{jsxs as e,jsx as n,Fragment as t}from"@emotion/react/jsx-runtime";import{
       }
     }
   }
-`;const x=c((function(){const{defaultColumnConfigMap:o,columnConfigMap:r,setColumnConfigMap:c}=h((e=>{const{defaultColumnConfigMap:n,columnConfigMap:t,setColumnConfigMap:i}=e;return{defaultColumnConfigMap:n,columnConfigMap:t,setColumnConfigMap:i}})),x=d((()=>[...r.entries()].sort((([e,n],[t,i])=>n.order-i.order)).map((([e,n])=>{const{title:t,configurable:i,...l}=n;return{value:e,label:t,disabled:!i,...l}}))),[r]),C=m((e=>{const n=e.reduce(((e,n,t)=>{const{value:i,label:l,disabled:a,order:o,...r}=n,s={title:l,configurable:!a,order:t+1,...r};return e.set(i,s),e}),new Map);c(n)}),[c]),y=d((()=>x.filter((e=>e.show)).map((e=>e.value))),[x]),k=d((()=>{const e=y.length;return e===x.length?"checked":e>0?"indeterminate":"unchecked"}),[y.length,x.length]),w=m((e=>{const n=new Set(e),t=x.map((e=>({...e,show:n.has(e.value)})));C(t)}),[x,C]),M=m(((e,n)=>{const t=x.map((t=>({...t,fixed:t.value===e?n:t.fixed})));C(t)}),[x,C]),j=m((e=>{C(e)}),[C]),$=m((()=>{c(new Map(o))}),[o,c]);return e("div",{css:b,children:[e("div",{className:"vef-table-columns-settings-panel-header",children:[n(f,{indeterminate:"indeterminate"===k,label:n(v,{bold:!0,children:"列显示"}),value:"checked"===k,variant:"checkbox",onChange:e=>{w(e?x.map((e=>e.value)):[])}}),n(u,{color:"primary",variant:"text",onClick:$,children:"重置"})]}),n(p,{}),n(s.Group,{className:"vef-table-columns-settings-panel-body",value:y,onChange:w,children:n(g,{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:x,useOverlay:!1,renderItem:({value:o,label:r,disabled:d,fixed:m,show:c})=>e(t,{children:[n(s,{disabled:d,value:o,children:r}),e("span",{className:"vef-table-columns-settings-panel-column-fixed-icon",children:[n(u,{color:"left"===m?"primary":"default",disabled:d||!c,icon:n("left"===m?i:l,{}),size:"small",tip:"left"===m?"取消左侧固定":"固定到左侧",variant:"link",onClick:()=>{"left"===m?M(o):M(o,"left")}}),n(p,{orientation:"vertical"}),n(u,{color:"right"===m?"primary":"default",disabled:d||!c,icon:n("right"===m?i:a,{}),size:"small",tip:"right"===m?"取消右侧固定":"固定到右侧",variant:"link",onClick:()=>{"right"===m?M(o):M(o,"right")}})]})]}),onChange:j})})]})}),(()=>!1));x.displayName="VefColumnsSettings";export{x as default};
+`;const C=c((function VefColumnsSettingsBase(){const{defaultColumnConfigMap:o,columnConfigMap:r,setColumnConfigMap:c}=h((e=>{const{defaultColumnConfigMap:n,columnConfigMap:t,setColumnConfigMap:i}=e;return{defaultColumnConfigMap:n,columnConfigMap:t,setColumnConfigMap:i}})),C=d((()=>[...r.entries()].sort((([e,n],[t,i])=>n.order-i.order)).map((([e,n])=>{const{title:t,configurable:i,...l}=n;return{value:e,label:t,disabled:!i,...l}}))),[r]),x=m((e=>{const n=e.reduce(((e,n,t)=>{const{value:i,label:l,disabled:a,order:o,...r}=n,s={title:l,configurable:!a,order:t+1,...r};return e.set(i,s),e}),new Map);c(n)}),[c]),y=d((()=>C.filter((e=>e.show)).map((e=>e.value))),[C]),k=d((()=>{const e=y.length;return e===C.length?"checked":e>0?"indeterminate":"unchecked"}),[y.length,C.length]),w=m((e=>{const n=new Set(e),t=C.map((e=>({...e,show:n.has(e.value)})));x(t)}),[C,x]),M=m(((e,n)=>{const t=C.map((t=>({...t,fixed:t.value===e?n:t.fixed})));x(t)}),[C,x]),j=m((e=>{x(e)}),[x]),$=m((()=>{c(new Map(o))}),[o,c]);return e("div",{css:b,children:[e("div",{className:"vef-table-columns-settings-panel-header",children:[n(f,{indeterminate:"indeterminate"===k,label:n(v,{bold:!0,children:"列显示"}),value:"checked"===k,variant:"checkbox",onChange:e=>{w(e?C.map((e=>e.value)):[])}}),n(u,{color:"primary",variant:"text",onClick:$,children:"重置"})]}),n(p,{}),n(s.Group,{className:"vef-table-columns-settings-panel-body",value:y,onChange:w,children:n(g,{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:C,useOverlay:!1,renderItem:({value:o,label:r,disabled:d,fixed:m,show:c})=>e(t,{children:[n(s,{disabled:d,value:o,children:r}),e("span",{className:"vef-table-columns-settings-panel-column-fixed-icon",children:[n(u,{color:"left"===m?"primary":"default",disabled:d||!c,icon:n("left"===m?i:l,{}),size:"small",tip:"left"===m?"取消左侧固定":"固定到左侧",variant:"link",onClick:()=>{"left"===m?M(o):M(o,"left")}}),n(p,{orientation:"vertical"}),n(u,{color:"right"===m?"primary":"default",disabled:d||!c,icon:n("right"===m?i:a,{}),size:"small",tip:"right"===m?"取消右侧固定":"固定到右侧",variant:"link",onClick:()=>{"right"===m?M(o):M(o,"right")}})]})]}),onChange:j})})]})}),(()=>!1));C.displayName="VefColumnsSettings";export{C as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
 import{jsxs as e,jsx as n}from"@emotion/react/jsx-runtime";import{MoreOutlined as o}from"@ant-design/icons";import{css as t}from"@emotion/react";import{useComputedActionButtons as i}from"@vef-framework/hooks";import{invokeMaybeAsyncFn as r,showConfirmation as l}from"@vef-framework/shared";import{useMemo as c,useState as a,useCallback as s}from"react";import d from"../../vef-button/index.js";import m from"../../vef-dropdown/index.js";import f from"../../vef-flex/index.js";import p from"../../vef-popconfirm/index.js";import{useTableContextSelector as h}from"../hooks/use-table-context.js";const u=t`
   .vef-btn-sm {
     --vef-control-height-sm: 24px;
@@ -8,5 +8,5 @@ import{jsxs as e,jsx as n}from"@emotion/react/jsx-runtime";import{MoreOutlined a
       padding-inline: 2px;
     }
   }
-`;function x({record:t,rowIndex:x,operationButtons:b,maxVisibleOperationButtons:k}){const{externalContext:g,refetch:y,isFetching:C,selectedKeys:v,selectedRecords:j}=h((e=>{const{externalContext:n,refetch:o,isFetching:t,selectedKeys:i,selectedRecords:r}=e;return{externalContext:n,refetch:o,isFetching:t,selectedKeys:i,selectedRecords:r}})),w=c((()=>({record:t,rowIndex:x,refetch:y,isFetching:C,selectedKeys:v,selectedRecords:j,...g??{}})),[g,C,t,y,x,v,j]),F=i(b,w),[K,R]=a(!1),q=c((()=>F.length>k?F.slice(k).map((e=>{const{key:n,label:o,icon:t,disabled:i}=e;return{type:"item",key:n,label:o,icon:t,disabled:i}})):[]),[F,k]),[z,I]=a(!1),[M,O]=a(null),T=s((()=>{I(!1),O(null)}),[]),B=c((()=>{if(0!==q.length)return async e=>{const{requireConfirmation:n,confirmationMode:o,confirmationTitle:t,confirmationContent:i,onClick:c}=F.find((n=>n.key===e)),a=async()=>{try{await r(c,{beforeInvoke:()=>{R(!0)},onFinally:()=>{R(!1)}},w)}finally{T()}};n?"simple"===o?(O({title:t,content:i,okHandler:a}),I(!0)):l(t,i,a,{onCancel:()=>{O(null)}}):await a()}}),[F,w,T,q.length]);return e(f,{align:"center",css:u,gap:"small",justify:"center",children:[F.slice(0,k).map((e=>{const{key:o,label:t,icon:i,color:r,disabled:l,requireConfirmation:c,confirmationMode:a,confirmationTitle:s,confirmationContent:m,onClick:f}=e;return n(d,c?{requireConfirmation:!0,color:r,confirmationContent:m,confirmationMode:a,confirmationTitle:s,disabled:l||K,icon:i,size:"small",variant:"filled",onConfirmationOk:()=>f(w),children:t}:{color:r,disabled:l||K,icon:i,size:"small",variant:"filled",onClick:e=>(e.stopPropagation(),f(w)),children:t},o)})),F.length>k&&n(m,{disabled:K,items:q,onClick:B,children:n(p,{content:M?.content,disabled:K,opened:z,title:M?.title,onCancel:T,onOk:M?.okHandler,children:n(d,{color:"primary",disabled:K,icon:n(o,{}),loading:K,size:"small",variant:"filled",onClick:e=>e.stopPropagation()})})})]})}export{x as default};
+`;function VefOperationButtons({record:t,rowIndex:x,operationButtons:b,maxVisibleOperationButtons:k}){const{externalContext:g,refetch:y,isFetching:C,selectedKeys:v,selectedRecords:j}=h((e=>{const{externalContext:n,refetch:o,isFetching:t,selectedKeys:i,selectedRecords:r}=e;return{externalContext:n,refetch:o,isFetching:t,selectedKeys:i,selectedRecords:r}})),w=c((()=>({record:t,rowIndex:x,refetch:y,isFetching:C,selectedKeys:v,selectedRecords:j,...g??{}})),[g,C,t,y,x,v,j]),F=i(b,w),[O,B]=a(!1),K=c((()=>F.length>k?F.slice(k).map((e=>{const{key:n,label:o,icon:t,disabled:i}=e;return{type:"item",key:n,label:o,icon:t,disabled:i}})):[]),[F,k]),[R,q]=a(!1),[z,I]=a(null),M=s((()=>{q(!1),I(null)}),[]),T=c((()=>{if(0!==K.length)return async e=>{const{requireConfirmation:n,confirmationMode:o,confirmationTitle:t,confirmationContent:i,onClick:c}=F.find((n=>n.key===e)),okHandler=async()=>{try{await r(c,{beforeInvoke:()=>{B(!0)},onFinally:()=>{B(!1)}},w)}finally{M()}};n?"simple"===o?(I({title:t,content:i,okHandler:okHandler}),q(!0)):l(t,i,okHandler,{onCancel:()=>{I(null)}}):await okHandler()}}),[F,w,M,K.length]);return e(f,{align:"center",css:u,gap:"small",justify:"center",children:[F.slice(0,k).map((e=>{const{key:o,label:t,icon:i,color:r,disabled:l,requireConfirmation:c,confirmationMode:a,confirmationTitle:s,confirmationContent:m,onClick:f}=e;return n(d,c?{requireConfirmation:!0,color:r,confirmationContent:m,confirmationMode:a,confirmationTitle:s,disabled:l||O,icon:i,size:"small",variant:"filled",onConfirmationOk:()=>f(w),children:t}:{color:r,disabled:l||O,icon:i,size:"small",variant:"filled",onClick:e=>(e.stopPropagation(),f(w)),children:t},o)})),F.length>k&&n(m,{disabled:O,items:K,onClick:T,children:n(p,{content:z?.content,disabled:O,opened:R,title:z?.title,onCancel:M,onOk:z?.okHandler,children:n(d,{color:"primary",disabled:O,icon:n(o,{}),loading:O,size:"small",variant:"filled",onClick:e=>e.stopPropagation()})})})]})}export{VefOperationButtons as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,5 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{themeVariables as t}from"@vef-framework/shared";import{SettingsIcon as e}from"lucide-react";import{memo as m}from"react";import i from"../../vef-icon/index.js";import{useTableContextSelector as c}from"../hooks/use-table-context.js";const n=r`
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{themeVariables as t}from"@vef-framework/shared";import{SettingsIcon as e}from"lucide-react";import{memo as m}from"react";import i from"../../vef-icon/index.js";import{useTableContextSelector as n}from"../hooks/use-table-context.js";const c=r`
   color: ${t.colorPrimary};
-`;const a=m((function(){const r=c((o=>o.columnConfigMapHasChanged));return o(i,{css:r?n:void 0,children:o(e,{})})}),(()=>!1));export{a as default};
+`;const s=m((function VefSettingsIconBase(){const r=n((o=>o.columnConfigMapHasChanged));return o(i,{css:r?c:void 0,children:o(e,{})})}),(()=>!1));export{s as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
 import{jsxs as o,jsx as e}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{themeVariables as t,invokeMaybeAsyncFn as n}from"@vef-framework/shared";import{useMemo as r,memo as a}from"react";import l from"../../vef-button/index.js";import c from"../../vef-pagination/index.js";import m from"../../vef-text/index.js";import{useTableContextSelector as d}from"../hooks/use-table-context.js";const f=i`
   width: 100%;
   display: flex;
@@ -15,5 +15,5 @@ import{jsxs as o,jsx as e}from"@emotion/react/jsx-runtime";import{css as i}from"
   > .vef-pagination {
     flex: none;
   }
-`;const s=a((function({selectionSummary:i,size:t,paginationProps:a,batchActionButtons:s,batchActionButtonContext:p}){const u=d((o=>o.selectedRecords)),b=r((()=>{if(!1!==i)return i?i(u):u.length>0?o(m,{color:"secondary",children:["已选择"," ",e(m,{bold:!0,color:"blue",children:u.length})," ","项"]}):void 0}),[i,u]),v=r((()=>s.map((o=>{const{key:i,label:t,icon:r,disabled:a,color:c,requireConfirmation:m,confirmationMode:d,confirmationTitle:f,confirmationContent:s,onClick:u}=o,b=async()=>{await n(u,{},p)};return e(l,m?{requireConfirmation:!0,color:c,confirmationContent:s,confirmationMode:d,confirmationTitle:f,disabled:a,icon:r,onConfirmationOk:b,children:t}:{color:c,disabled:a,icon:r,onClick:b,children:t},i)}))),[s,p]),g=r((()=>({"--vef-table-footer-gap":`var(--vef-table-cell-padding-block${"small"===t?"-sm":"medium"===t?"-md":""})`})),[t]);return o("div",{css:f,style:g,children:[o("div",{children:[b,v]}),e(c,{...a})]})}));s.displayName="VefTableFooter";export{s as default};
+`;const s=a((function VefTableFooterBase({selectionSummary:i,size:t,paginationProps:a,batchActionButtons:s,batchActionButtonContext:p}){const b=d((o=>o.selectedRecords)),u=r((()=>{if(!1!==i)return i?i(b):b.length>0?o(m,{color:"secondary",children:["已选择"," ",e(m,{bold:!0,color:"blue",children:b.length})," ","项"]}):void 0}),[i,b]),v=r((()=>s.map((o=>{const{key:i,label:t,icon:r,disabled:a,color:c,requireConfirmation:m,confirmationMode:d,confirmationTitle:f,confirmationContent:s,onClick:b}=o,wrappedOnClick=async()=>{await n(b,{},p)};return e(l,m?{requireConfirmation:!0,color:c,confirmationContent:s,confirmationMode:d,confirmationTitle:f,disabled:a,icon:r,onConfirmationOk:wrappedOnClick,children:t}:{color:c,disabled:a,icon:r,onClick:wrappedOnClick,children:t},i)}))),[s,p]),g=r((()=>({"--vef-table-footer-gap":`var(--vef-table-cell-padding-block${"small"===t?"-sm":"medium"===t?"-md":""})`})),[t]);return o("div",{css:f,style:g,children:[o("div",{children:[u,v]}),e(c,{...a})]})}));s.displayName="VefTableFooter";export{s as default};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-table/helper.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{isFunction as r,isExpression as e,compileDynamicFn as n}from"@vef-framework/shared";function o(o,t,f,u,i){if(r(o))return o(t,f,u);if(e(o)){return n(o,"value","record","rowIndex",`return ${o.expression}`)(t,f,u)}return o??i}export{o as computeValue};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{isFunction as r,isExpression as e,compileDynamicFn as o}from"@vef-framework/shared";function computeValue(u,t,n,f,a){if(r(u))return u(t,n,f);if(e(u)){return o(u,"value","record","rowIndex",`return ${u.expression}`)(t,n,f)}return u??a}export{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/es/vef-table/hooks/use-computed-batch-buttons.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{useComputedActionButtons as e}from"@vef-framework/hooks";import{useMemo as t}from"react";function o(o,c){const{externalContext:r,isFetching:n,refetch:s,selectedKeys:i,selectedRecords:d}=c,f=t((()=>({isFetching:n,refetch:s,selectedKeys:i,selectedRecords:d,...r??{}})),[r,n,s,i,d]);return{computedBatchActionButtons:e(o,f),batchActionButtonContext:f}}export{o as useComputedBatchActionButtons};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{useComputedActionButtons as t}from"@vef-framework/hooks";import{useMemo as e}from"react";function useComputedBatchActionButtons(o,c){const{externalContext:n,isFetching:s,refetch:r,selectedKeys:i,selectedRecords:u}=c,d=e((()=>({isFetching:s,refetch:r,selectedKeys:i,selectedRecords:u,...n??{}})),[n,s,r,i,u]);return{computedBatchActionButtons:t(o,d),batchActionButtonContext:d}}export{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/es/vef-table/hooks/use-computed-columns.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{useMemo as e}from"react";function r(r,t){return e((()=>r.map((e=>{const{name:r}=e,o=t.get(r);return{...e,show:o.show,fixed:o.fixed}})).sort(((e,r)=>t.get(e.name).order-t.get(r.name).order))),[r,t])}export{r as useComputedColumns};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{useMemo as e}from"react";function useComputedColumns(o,r){return e((()=>o.map((e=>{const{name:o}=e,t=r.get(o);return{...e,show:t.show,fixed:t.fixed}})).sort(((e,o)=>r.get(e.name).order-r.get(o.name).order))),[o,r])}export{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/es/vef-table/hooks/use-computed-values.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{useDeepMemo as e}from"@vef-framework/hooks";import{computeValue as r}from"../helper.js";function o(o,t,u,a,f=!1){const m=e((()=>o.reduce(((e,o)=>{const{key:f,rawValue:m,defaultValue:n}=o,c=r(m,t,u,a,n);return e[f]=c,e}),{})),[u,a,t,o]);return f?o.reduce(((e,{key:r})=>(e[r]=m[r],e)),{}):o.map((({key:e})=>m[e]))}export{o as useComputedValues};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{useDeepMemo as e}from"@vef-framework/hooks";import{computeValue as r}from"../helper.js";function useComputedValues(u,o,t,a,m=!1){const s=e((()=>u.reduce(((e,u)=>{const{key:m,rawValue:s,defaultValue:p}=u,f=r(s,o,t,a,p);return e[m]=f,e}),{})),[t,a,o,u]);return m?u.reduce(((e,{key:r})=>(e[r]=s[r],e)),{}):u.map((({key:e})=>s[e]))}export{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/es/vef-table/hooks/use-data.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{useDataQuery as e}from"@vef-framework/hooks";import{isNumber as a,isArray as t}from"@vef-framework/shared";function i({apiParams:i,...r},o,s){const{data:n,isLoading:f,isFetching:h,isSuccess:d,refetch:m}=e({apiParams:o?{...s,...i}:i,keepPreviousData:!0,staleTime:0,...r});if(d)if(o){if(!Object.hasOwn(n,"total")||!Object.hasOwn(n,"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(!a(n.total))throw new Error("The `total` property of the paginated data of VefTable is invalid. It must be a number.");if(!t(n.items))throw new Error("The `items` property of the paginated data of VefTable is invalid. It must be an array.")}else if(!t(n))throw new Error("The data of VefTable is invalid. It must be an array.");return{data:o?n?.items:n,isFetching:h,isLoading:f,total:o?n?.total:void 0,refetch:m}}export{i as useData};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{useDataQuery as a}from"@vef-framework/hooks";import{isNumber as e,isArray as t}from"@vef-framework/shared";function useData({apiParams:i,...r},o,s){const{data:n,isLoading:f,isFetching:h,isSuccess:d,refetch:m}=a({apiParams:o?{...s,...i}:i,keepPreviousData:!0,staleTime:0,...r});if(d)if(o){if(!Object.hasOwn(n,"total")||!Object.hasOwn(n,"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(!e(n.total))throw new Error("The `total` property of the paginated data of VefTable is invalid. It must be a number.");if(!t(n.items))throw new Error("The `items` property of the paginated data of VefTable is invalid. It must be an array.")}else if(!t(n))throw new Error("The data of VefTable is invalid. It must be an array.");return{data:o?n?.items:n,isFetching:h,isLoading:f,total:o?n?.total:void 0,refetch:m}}export{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/es/vef-table/hooks/use-default-column-configs.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{useMemo as e}from"react";function t(t){return e((()=>{const e=new Map;let o=1;for(const r of t){const{name:t,title:n,fixed:f,configurable:i}=r;e.set(t,{title:n??t,show:!0,fixed:f,order:o++,configurable:i??!0})}return e}),[t])}export{t as useDefaultColumnConfigs};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{useMemo as e}from"react";function useDefaultColumnConfigs(o){return e((()=>{const e=new Map;let t=1;for(const n of o){const{name:o,title:r,fixed:f,configurable:u}=n;e.set(o,{title:r??o,show:!0,fixed:f,order:t++,configurable:u??!0})}return e}),[o])}export{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/es/vef-table/hooks/use-display-value.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{isNullish as r,isFunction as e,isExpression as t,compileDynamicFn as o}from"@vef-framework/shared";import{useMemo as f}from"react";function n(n,u,i,a){const{defaultValue:m,formatter:d,prefix:p,suffix:s}=a,x=r(n)?m:n;return f((()=>{if(e(d))return d(n,u,i);if(t(d)){return o(d,"value","record","rowIndex",`return ${d.expression}`)(n,u,i)}return r(x)?void 0:`${p??""}${x}${s??""}`}),[d,x,p,s,n,u,i])}export{n as useDisplayValue};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{isNullish as r,isFunction as e,isExpression as t,compileDynamicFn as u}from"@vef-framework/shared";import{useMemo as o}from"react";function useDisplayValue(f,a,i,n){const{defaultValue:s,formatter:l,prefix:p,suffix:m}=n,d=r(f)?s:f;return o((()=>{if(e(l))return l(f,a,i);if(t(l)){return u(l,"value","record","rowIndex",`return ${l.expression}`)(f,a,i)}return r(d)?void 0:`${p??""}${d}${m??""}`}),[l,d,p,m,f,a,i])}export{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/es/vef-table/hooks/use-helper-columns.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{useAuthorizedItems as t}from"@vef-framework/hooks";import{isDeepEqual as e}from"@vef-framework/shared";import{useMemo as r}from"react";import n from"../components/columns-settings.js";import i from"../components/operation-buttons.js";import m from"../components/settings-icon.js";import{useOperationColumnWidth as s}from"./use-operation-column-width.js";function p({showRowNumber:p,operationButtons:u,maxVisibleOperationButtons:f,size:l}){const a=r((()=>{if(p)return{key:"_rowNumber",title:"#",align:"center",fixed:"left",width:48,shouldCellUpdate:()=>!1,render:(o,t,e)=>e+1}}),[p]),d=t(u??[]),c=s(d,f??3,l);return{rowNumberColumn:a,operationColumn:r((()=>{if(d&&d.length>0)return{key:"_operationButtons",title:"操作",align:"center",fixed:"right",filterIcon:()=>o(m,{}),filterDropdown:()=>o(n,{}),width:c,shouldCellUpdate:(o,t)=>!e(o,t),render:(t,e,r)=>o(i,{maxVisibleOperationButtons:f??3,operationButtons:d,record:e,rowIndex:r})}}),[d,f,c])}}export{p as useHelperColumns};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import{useAuthorizedItems as e}from"@vef-framework/hooks";import{isDeepEqual as t}from"@vef-framework/shared";import{useMemo as r}from"react";import n from"../components/columns-settings.js";import i from"../components/operation-buttons.js";import m from"../components/settings-icon.js";import{useOperationColumnWidth as s}from"./use-operation-column-width.js";function useHelperColumns({showRowNumber:p,operationButtons:u,maxVisibleOperationButtons:l,size:f}){const a=r((()=>{if(p)return{key:"_rowNumber",title:"#",align:"center",fixed:"left",width:48,shouldCellUpdate:()=>!1,render:(o,e,t)=>t+1}}),[p]),d=e(u??[]),c=s(d,l??3,f);return{rowNumberColumn:a,operationColumn:r((()=>{if(d&&d.length>0)return{key:"_operationButtons",title:"操作",align:"center",fixed:"right",filterIcon:()=>o(m,{}),filterDropdown:()=>o(n,{}),width:c,shouldCellUpdate:(o,e)=>!t(o,e),render:(e,t,r)=>o(i,{maxVisibleOperationButtons:l??3,operationButtons:d,record:t,rowIndex:r})}}),[d,l,c])}}export{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/es/vef-table/hooks/use-operation-column-width.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{useThemeTokens as r}from"@vef-framework/hooks";import{max as t}from"@vef-framework/shared";import{useMemo as e}from"react";function n(n,f,m="medium"){const{Button:a}=r(),c="large"===m?16:8,u=a?.contentFontSizeSM??16;return e((()=>{if(0===n.length)return 0;if(n.length>f){const r=new Set;for(let e=0;e<f;e++){const e=t(n,(t=>r.has(t)?0:t.label.length));e&&r.add(e)}return o(Array.from(r),u,c,!0)}return o(n,u,c,!1)}),[c,u,f,n])}function o(r,t,e,n){const o=t+4;return r.map((r=>{const t=r.label.length*o+8;return r.icon?t+o+8:t})).reduce(((r,t)=>r+t),0)+(n?o+8:0)+2*e}export{n as useOperationColumnWidth};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{useThemeTokens as t}from"@vef-framework/hooks";import{max as e}from"@vef-framework/shared";import{useMemo as r}from"react";function useOperationColumnWidth(n,o,u="medium"){const{Button:a}=t(),l="large"===u?16:8,c=a?.contentFontSizeSM??16;return r((()=>{if(0===n.length)return 0;if(n.length>o){const t=new Set;for(let r=0;r<o;r++){const r=e(n,(e=>t.has(e)?0:e.label.length));r&&t.add(r)}return calculateButtonsWidth(Array.from(t),c,l,!0)}return calculateButtonsWidth(n,c,l,!1)}),[l,c,o,n])}function calculateButtonsWidth(t,e,r,n){const o=e+4;return t.map((t=>{const e=t.label.length*o+8;return t.icon?e+o+8:e})).reduce(((t,e)=>t+e),0)+(n?o+8:0)+2*r}export{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/es/vef-table/hooks/use-pagination-props.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{useState as e,useMemo as a}from"react";import{defaultPageSizeOptions as i}from"../../vef-pagination/props.js";function r(r,p){const[n,o]=e({page:1,size:i[2]}),s=a((()=>{if(r)return(e,a)=>{o({page:e,size:a})}}),[r,o]);return{paginationProps:a((()=>{if(r)return{pageNumber:n.page,pageSize:n.size,size:"small"===p?"small":"medium",onChange:s}}),[s,r,n.page,n.size,p]),paginationParams:n}}export{r as usePaginationProps};
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{useState as e,useMemo as a}from"react";import{defaultPageSizeOptions as i}from"../../vef-pagination/props.js";function usePaginationProps(n,r){const[o,p]=e({page:1,size:i[2]}),s=a((()=>{if(n)return(e,a)=>{p({page:e,size:a})}}),[n,p]);return{paginationProps:a((()=>{if(n)return{pageNumber:o.page,pageSize:o.size,size:"small"===r?"small":"medium",onChange:s}}),[s,n,o.page,o.size,r]),paginationParams:o}}export{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 */