@vef-framework/components 1.0.100 → 1.0.102

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isString,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefTag from"../../../vef-tag/index.js";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";const ENUM_NAME_SUFFIX="Name",tagTextStyle=css({color:"inherit",fontSize:"inherit"});function Enum({value,record,rowIndex,columnProps}){if(columnProps.type!=="Enum")throw new VefError(-1,"Column type must be Enum");const{name,defaultValue,showAsTag=!0,bold,italic,ellipsis,color,width}=columnProps,[boldToUse,italicToUse,colorOrMapping]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),colorToUse=useMemo(()=>{if(isString(colorOrMapping))return colorOrMapping;if(colorOrMapping)return!isNullish(value)&&Object.hasOwn(colorOrMapping,value)?colorOrMapping[value]:colorOrMapping["*"]},[colorOrMapping,value]),valueToDisplay=useMemo(()=>isNullish(value)||isNullish(record[`${name}${ENUM_NAME_SUFFIX}`])?defaultValue:record[`${name}${ENUM_NAME_SUFFIX}`],[value,record,name,defaultValue]),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return showAsTag?jsx(VefTag,{color:colorToUse,children:jsx(VefText,{bold:boldToUse,css:tagTextStyle,italic:italicToUse,children:valueToDisplay})}):jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Enum as default};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function File({value}){return jsx("span",{children:value})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{File as default};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function Icon({value}){return jsx("span",{children:value})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Icon as default};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";const ID_NAME_SUFFIX="Name",ID_NAME_REPLACE_REGEX=/Id$/;function Id({value,record,rowIndex,columnProps}){if(columnProps.type!=="Id")throw new VefError(-1,"Column type must be Id");const{name,defaultValue,ellipsis,bold,italic,color,width}=columnProps,[boldToUse,italicToUse,colorToUse]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),valueToDisplay=useMemo(()=>{const nameToUse=name.replace(ID_NAME_REPLACE_REGEX,ID_NAME_SUFFIX);return isNullish(value)||isNullish(record[nameToUse])?defaultValue:record[nameToUse]},[value,record,name,defaultValue]),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,ellipsis,italic:italicToUse,children:valueToDisplay})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Id as default};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{extractBaseName}from"@vef-framework/shared";function Image({value}){return jsx("img",{alt:extractBaseName(value),src:value})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Image as default};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import BoolMemo from"./bool.js";import Code from"./code.js";import DataDictionary from"./data-dictionary.js";import Enum from"./enum.js";import File from"./file.js";import Icon from"./icon.js";import Id from"./id.js";import Image from"./image.js";import Markdown from"./markdown.js";import NumberColumn from"./number.js";import Render from"./render.js";import RichText from"./rich-text.js";import Text from"./text.js";const columnComponents={Text,Number:NumberColumn,Enum,Boolean:BoolMemo,DataDictionary,Id,Render,Markdown,Icon,File,RichText,Image,Code};/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{columnComponents};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function Markdown({value}){return jsx("span",{children:value})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Markdown as default};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";import{useDisplayValue}from"../../hooks/use-display-value.js";function NumberColumn({value,record,rowIndex,columnProps}){if(columnProps.type!=="Number")throw new VefError(-1,"Column type must be Number");const{defaultValue,formatter,prefix,suffix,bold,italic,color,width}=columnProps,displayValue=useDisplayValue(value,record,rowIndex,{defaultValue,formatter,prefix,suffix}),[boldToUse,italicToUse,colorToUse]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return isNullish(displayValue)?null:jsx(VefText,{bold:boldToUse,color:colorToUse,css:cssToUse,italic:italicToUse,children:displayValue})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{NumberColumn as default};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError}from"@vef-framework/shared";import{useMemo}from"react";function Render({value,record,rowIndex,columnProps}){if(columnProps.type!=="Render")throw new VefError(-1,"Column type must be Render");const{render,width}=columnProps,content=render?.(value,record,rowIndex),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return jsx("div",{css:cssToUse,children:content})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Render as default};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";function RichText({value}){return jsx("span",{children:value})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{RichText as default};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{VefError,isNullish}from"@vef-framework/shared";import{useMemo}from"react";import VefText from"../../../vef-text/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";import{useDisplayValue}from"../../hooks/use-display-value.js";function Text({value,record,rowIndex,columnProps}){if(columnProps.type!=="Text")throw new VefError(-1,"Column type must be Text");const{defaultValue,formatter,prefix,suffix,ellipsis,bold,italic,color,copyable,width}=columnProps,[boldToUse,italicToUse,colorToUse]=useComputedValues([{key:"bold",rawValue:bold,defaultValue:!1},{key:"italic",rawValue:italic,defaultValue:!1},{key:"color",rawValue:color}],value,record,rowIndex),valueToDisplay=useDisplayValue(value,record,rowIndex,{defaultValue,formatter,prefix,suffix}),cssToUse=useMemo(()=>{if(width)return css({maxWidth:`${width}px !important`})},[width]);return isNullish(valueToDisplay)?null:jsx(VefText,{bold:boldToUse,color:colorToUse,copyable,css:cssToUse,ellipsis,ellipsisTip:ellipsis?valueToDisplay:void 0,italic:italicToUse,children:valueToDisplay})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{Text as default};

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

@@ -1,17 +1,16 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsxs,jsx,Fragment}from"@emotion/react/jsx-runtime";import{RollbackOutlined,VerticalRightOutlined,VerticalLeftOutlined}from"@ant-design/icons";import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import{Checkbox}from"antd";import{useMemo,useCallback,memo}from"react";import VefBool from"../../vef-bool/index.js";import VefButton from"../../vef-button/index.js";import VefDivider from"../../vef-divider/index.js";import VefSortableList from"../../vef-sortable-list/index.js";import VefText from"../../vef-text/index.js";import{useTableContextSelector}from"../hooks/use-table-context.js";const columnsSettingsPanelStyle=css`
   width: 300px;
-  padding: ${r.paddingSm};
+  padding: ${themeVariables.paddingSm};
 
   .vef-divider-horizontal {
-    margin: ${r.marginSm} 0;
+    margin: ${themeVariables.marginSm} 0;
   }
 
   .vef-table-columns-settings-panel-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding-left: ${r.paddingSm};
+    padding-left: ${themeVariables.paddingSm};
   }
 
   .vef-table-columns-settings-panel-body {
@@ -26,17 +25,17 @@ import{jsxs as e,jsx as n,Fragment as t}from"@emotion/react/jsx-runtime";import{
         display: grid;
         grid-template-columns: max-content 1fr max-content;
         align-items: center;
-        padding: ${r.paddingXs};
-        border-radius: ${r.borderRadius};
+        padding: ${themeVariables.paddingXs};
+        border-radius: ${themeVariables.borderRadius};
 
         &:hover {
-          background-color: ${r.colorPrimaryBg};
+          background-color: ${themeVariables.colorPrimaryBg};
         }
 
         .vef-table-columns-settings-panel-column-drag-icon {
           cursor: move;
-          color: ${r.colorTextSecondary};
-          padding-right: ${r.padding};
+          color: ${themeVariables.colorTextSecondary};
+          padding-right: ${themeVariables.padding};
         }
 
         .vef-table-columns-settings-panel-column-fixed-icon {
@@ -50,5 +49,4 @@ import{jsxs as e,jsx as n,Fragment as t}from"@emotion/react/jsx-runtime";import{
       }
     }
   }
-`;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 */
+`;function VefColumnsSettingsBase(){const{defaultColumnConfigMap,columnConfigMap,setColumnConfigMap}=useTableContextSelector(ctx=>{const{defaultColumnConfigMap:defaultColumnConfigMap2,columnConfigMap:columnConfigMap2,setColumnConfigMap:setColumnConfigMap2}=ctx;return{defaultColumnConfigMap:defaultColumnConfigMap2,columnConfigMap:columnConfigMap2,setColumnConfigMap:setColumnConfigMap2}}),columnOptions=useMemo(()=>[...columnConfigMap.entries()].sort(([_,one],[__,another])=>one.order-another.order).map(([name,column])=>{const{title,configurable,...rest}=column;return{value:name,label:title,disabled:!configurable,...rest}}),[columnConfigMap]),setColumnOptions=useCallback(newColumnOptions=>{const newColumnConfigMap=newColumnOptions.reduce((map,option,index)=>{const{value,label,disabled,order,...rest}=option,columnConfig={title:label,configurable:!disabled,order:index+1,...rest};return map.set(value,columnConfig),map},new Map);setColumnConfigMap(newColumnConfigMap)},[setColumnConfigMap]),showedColumns=useMemo(()=>columnOptions.filter(it=>it.show).map(it=>it.value),[columnOptions]),allCheckStatus=useMemo(()=>{const showedLength=showedColumns.length,totalLength=columnOptions.length;return showedLength===totalLength?"checked":showedLength>0?"indeterminate":"unchecked"},[showedColumns.length,columnOptions.length]),handleShowedColumnsChange=useCallback(value=>{const names=new Set(value),newColumnOptions=columnOptions.map(option=>({...option,show:names.has(option.value)}));setColumnOptions(newColumnOptions)},[columnOptions,setColumnOptions]),handleColumnFixedChange=useCallback((name,fixed)=>{const newColumnOptions=columnOptions.map(option=>({...option,fixed:option.value===name?fixed:option.fixed}));setColumnOptions(newColumnOptions)},[columnOptions,setColumnOptions]),handleColumnOrderChange=useCallback(newColumnOptions=>{setColumnOptions(newColumnOptions)},[setColumnOptions]),handleResetColumnConfig=useCallback(()=>{setColumnConfigMap(new Map(defaultColumnConfigMap))},[defaultColumnConfigMap,setColumnConfigMap]);return jsxs("div",{css:columnsSettingsPanelStyle,children:[jsxs("div",{className:"vef-table-columns-settings-panel-header",children:[jsx(VefBool,{indeterminate:allCheckStatus==="indeterminate",label:jsx(VefText,{bold:!0,children:"列显示"}),value:allCheckStatus==="checked",variant:"checkbox",onChange:value=>{handleShowedColumnsChange(value?columnOptions.map(it=>it.value):[])}}),jsx(VefButton,{color:"primary",variant:"text",onClick:handleResetColumnConfig,children:"重置"})]}),jsx(VefDivider,{}),jsx(Checkbox.Group,{className:"vef-table-columns-settings-panel-body",value:showedColumns,onChange:handleShowedColumnsChange,children:jsx(VefSortableList,{useHandle:!0,className:"vef-table-columns-settings-panel-columns",handleClassName:"vef-table-columns-settings-panel-column-drag-icon",itemClassName:"vef-table-columns-settings-panel-column",itemKey:"value",items:columnOptions,useOverlay:!1,renderItem:({value,label,disabled,fixed,show})=>jsxs(Fragment,{children:[jsx(Checkbox,{disabled,value,children:label}),jsxs("span",{className:"vef-table-columns-settings-panel-column-fixed-icon",children:[jsx(VefButton,{color:fixed==="left"?"primary":"default",disabled:disabled||!show,icon:fixed==="left"?jsx(RollbackOutlined,{}):jsx(VerticalRightOutlined,{}),size:"small",tip:fixed==="left"?"取消左侧固定":"固定到左侧",variant:"link",onClick:()=>{fixed==="left"?handleColumnFixedChange(value):handleColumnFixedChange(value,"left")}}),jsx(VefDivider,{orientation:"vertical"}),jsx(VefButton,{color:fixed==="right"?"primary":"default",disabled:disabled||!show,icon:fixed==="right"?jsx(RollbackOutlined,{}):jsx(VerticalLeftOutlined,{}),size:"small",tip:fixed==="right"?"取消右侧固定":"固定到右侧",variant:"link",onClick:()=>{fixed==="right"?handleColumnFixedChange(value):handleColumnFixedChange(value,"right")}})]})]}),onChange:handleColumnOrderChange})})]})}const VefColumnsSettings=memo(VefColumnsSettingsBase,()=>!1);VefColumnsSettings.displayName="VefColumnsSettings";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefColumnsSettings as default};

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

@@ -1,5 +1,4 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{MoreOutlined}from"@ant-design/icons";import{css}from"@emotion/react";import{useComputedActionButtons}from"@vef-framework/hooks";import{invokeMaybeAsyncFn,showConfirmation}from"@vef-framework/shared";import{useMemo,useState,useCallback}from"react";import VefButton from"../../vef-button/index.js";import VefDropdown from"../../vef-dropdown/index.js";import VefFlex from"../../vef-flex/index.js";import VefPopconfirm from"../../vef-popconfirm/index.js";import{useTableContextSelector}from"../hooks/use-table-context.js";const operationButtonStyle=css`
   .vef-btn-sm {
     --vef-control-height-sm: 24px;
     --vef-button-padding-inline-sm: 4px;
@@ -8,5 +7,4 @@ import{jsxs as e,jsx as n}from"@emotion/react/jsx-runtime";import{MoreOutlined a
       padding-inline: 2px;
     }
   }
-`;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 */
+`;function VefOperationButtons({record,rowIndex,operationButtons,maxVisibleOperationButtons}){const{externalContext,refetch,isFetching,selectedKeys,selectedRecords}=useTableContextSelector(ctx=>{const{externalContext:externalContext2,refetch:refetch2,isFetching:isFetching2,selectedKeys:selectedKeys2,selectedRecords:selectedRecords2}=ctx;return{externalContext:externalContext2,refetch:refetch2,isFetching:isFetching2,selectedKeys:selectedKeys2,selectedRecords:selectedRecords2}}),buttonContext=useMemo(()=>({record,rowIndex,refetch,isFetching,selectedKeys,selectedRecords,...externalContext??{}}),[externalContext,isFetching,record,refetch,rowIndex,selectedKeys,selectedRecords]),computedButtons=useComputedActionButtons(operationButtons,buttonContext),[moreButtonLoading,setMoreButtonLoading]=useState(!1),hiddenButtons=useMemo(()=>computedButtons.length>maxVisibleOperationButtons?computedButtons.slice(maxVisibleOperationButtons).map(button=>{const{key,label,icon,disabled}=button;return{type:"item",key,label,icon,disabled}}):[],[computedButtons,maxVisibleOperationButtons]),[moreButtonConfirmationOpen,setMoreButtonConfirmationOpen]=useState(!1),[currentMoreButtonConfirmationInfo,setCurrentMoreButtonConfirmationInfo]=useState(null),handleMoreButtonConfirmationCancel=useCallback(()=>{setMoreButtonConfirmationOpen(!1),setCurrentMoreButtonConfirmationInfo(null)},[]),handleMoreButtonClick=useMemo(()=>{if(hiddenButtons.length!==0)return async key=>{const{requireConfirmation,confirmationMode,confirmationTitle,confirmationContent,onClick}=computedButtons.find(item=>item.key===key),okHandler=async()=>{try{await invokeMaybeAsyncFn(onClick,{beforeInvoke:()=>{setMoreButtonLoading(!0)},onFinally:()=>{setMoreButtonLoading(!1)}},buttonContext)}finally{handleMoreButtonConfirmationCancel()}};requireConfirmation?confirmationMode==="simple"?(setCurrentMoreButtonConfirmationInfo({title:confirmationTitle,content:confirmationContent,okHandler}),setMoreButtonConfirmationOpen(!0)):showConfirmation(confirmationTitle,confirmationContent,okHandler,{onCancel:()=>{setCurrentMoreButtonConfirmationInfo(null)}}):await okHandler()}},[computedButtons,buttonContext,handleMoreButtonConfirmationCancel,hiddenButtons.length]);return jsxs(VefFlex,{align:"center",css:operationButtonStyle,gap:"small",justify:"center",children:[computedButtons.slice(0,maxVisibleOperationButtons).map(button=>{const{key,label,icon,color,disabled,requireConfirmation,confirmationMode,confirmationTitle,confirmationContent,onClick}=button;return requireConfirmation?jsx(VefButton,{requireConfirmation:!0,color,confirmationContent,confirmationMode,confirmationTitle,disabled:disabled||moreButtonLoading,icon,size:"small",variant:"filled",onConfirmationOk:()=>onClick(buttonContext),children:label},key):jsx(VefButton,{color,disabled:disabled||moreButtonLoading,icon,size:"small",variant:"filled",onClick:event=>(event.stopPropagation(),onClick(buttonContext)),children:label},key)}),computedButtons.length>maxVisibleOperationButtons&&jsx(VefDropdown,{disabled:moreButtonLoading,items:hiddenButtons,onClick:handleMoreButtonClick,children:jsx(VefPopconfirm,{content:currentMoreButtonConfirmationInfo?.content,disabled:moreButtonLoading,opened:moreButtonConfirmationOpen,title:currentMoreButtonConfirmationInfo?.title,onCancel:handleMoreButtonConfirmationCancel,onOk:currentMoreButtonConfirmationInfo?.okHandler,children:jsx(VefButton,{color:"primary",disabled:moreButtonLoading,icon:jsx(MoreOutlined,{}),loading:moreButtonLoading,size:"small",variant:"filled",onClick:event=>event.stopPropagation()})})})]})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefOperationButtons as default};

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

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import{SettingsIcon}from"lucide-react";import{memo}from"react";import VefIcon from"../../vef-icon/index.js";import{useTableContextSelector}from"../hooks/use-table-context.js";const primaryColorStyle=css`
+  color: ${themeVariables.colorPrimary};
+`;function VefSettingsIconBase(){const columnConfigMapHasChanged=useTableContextSelector(ctx=>ctx.columnConfigMapHasChanged);return jsx(VefIcon,{css:columnConfigMapHasChanged?primaryColorStyle:void 0,children:jsx(SettingsIcon,{})})}const VefSettingsIcon=memo(VefSettingsIconBase,()=>!1);/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefSettingsIcon as default};

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

@@ -1,5 +1,4 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables,invokeMaybeAsyncFn}from"@vef-framework/shared";import{useMemo,memo}from"react";import VefButton from"../../vef-button/index.js";import VefPagination from"../../vef-pagination/index.js";import VefText from"../../vef-text/index.js";import{useTableContextSelector}from"../hooks/use-table-context.js";const footerStyle=css`
   width: 100%;
   display: flex;
   align-items: center;
@@ -9,11 +8,10 @@ import{jsxs as o,jsx as e}from"@emotion/react/jsx-runtime";import{css as i}from"
     flex: auto;
     display: flex;
     align-items: center;
-    gap: ${t.padding};
+    gap: ${themeVariables.padding};
   }
 
   > .vef-pagination {
     flex: none;
   }
-`;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 */
+`;function VefTableFooterBase({selectionSummary,size,paginationProps,batchActionButtons,batchActionButtonContext}){const selectedRecords=useTableContextSelector(ctx=>ctx.selectedRecords),selectionSummaryNode=useMemo(()=>{if(selectionSummary!==!1){if(selectionSummary)return selectionSummary(selectedRecords);if(selectedRecords.length>0)return jsxs(VefText,{color:"secondary",children:["已选择"," ",jsx(VefText,{bold:!0,color:"blue",children:selectedRecords.length})," ","项"]})}},[selectionSummary,selectedRecords]),batchButtonsNode=useMemo(()=>batchActionButtons.map(button=>{const{key,label,icon,disabled,color,requireConfirmation,confirmationMode,confirmationTitle,confirmationContent,onClick}=button,wrappedOnClick=async()=>{await invokeMaybeAsyncFn(onClick,{},batchActionButtonContext)};return requireConfirmation?jsx(VefButton,{requireConfirmation:!0,color,confirmationContent,confirmationMode,confirmationTitle,disabled,icon,onConfirmationOk:wrappedOnClick,children:label},key):jsx(VefButton,{color,disabled,icon,onClick:wrappedOnClick,children:label},key)}),[batchActionButtons,batchActionButtonContext]),style=useMemo(()=>({"--vef-table-footer-gap":`var(--vef-table-cell-padding-block${size==="small"?"-sm":size==="medium"?"-md":""})`}),[size]);return jsxs("div",{css:footerStyle,style,children:[jsxs("div",{children:[selectionSummaryNode,batchButtonsNode]}),jsx(VefPagination,{...paginationProps})]})}const VefTableFooter=memo(VefTableFooterBase);VefTableFooter.displayName="VefTableFooter";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefTableFooter as default};

package/es/vef-table/helper.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{compileDynamicFn,isFunction,isExpression}from"@vef-framework/shared";function computeValue(rawValue,value,record,rowIndex,defaultValue){return isFunction(rawValue)?rawValue(value,record,rowIndex):isExpression(rawValue)?compileDynamicFn(rawValue,"value","record","rowIndex",`return ${rawValue.expression}`)(value,record,rowIndex):rawValue??defaultValue}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{computeValue};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useComputedActionButtons}from"@vef-framework/hooks";import{useMemo}from"react";function useComputedBatchActionButtons(batchActionButtons,tableContext){const{externalContext,isFetching,refetch,selectedKeys,selectedRecords}=tableContext,batchActionButtonContext=useMemo(()=>({isFetching,refetch,selectedKeys,selectedRecords,...externalContext??{}}),[externalContext,isFetching,refetch,selectedKeys,selectedRecords]);return{computedBatchActionButtons:useComputedActionButtons(batchActionButtons,batchActionButtonContext),batchActionButtonContext}}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useComputedBatchActionButtons};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useMemo}from"react";function useComputedColumns(columns,columnConfigMap){return useMemo(()=>columns.map(column=>{const{name}=column,config=columnConfigMap.get(name);return{...column,show:config.show,fixed:config.fixed}}).sort((one,another)=>columnConfigMap.get(one.name).order-columnConfigMap.get(another.name).order),[columns,columnConfigMap])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useComputedColumns};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useDeepMemo}from"@vef-framework/hooks";import{computeValue}from"../helper.js";function useComputedValues(values,value,record,rowIndex,returnAsObject=!1){const computedValues=useDeepMemo(()=>values.reduce((acc,it)=>{const{key,rawValue,defaultValue}=it,computedValue=computeValue(rawValue,value,record,rowIndex,defaultValue);return acc[key]=computedValue,acc},{}),[record,rowIndex,value,values]);return returnAsObject?values.reduce((acc,{key})=>(acc[key]=computedValues[key],acc),{}):values.map(({key})=>computedValues[key])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useComputedValues};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useDataQuery as e}from"@vef-framework/hooks";import{isShallowEqual as a,isNumber as t,isArray as r}from"@vef-framework/shared";import{useRef as i}from"react";function useData({apiParams:o,...s},n,f){const h=i(),{data:m,isLoading:d,isFetching:p,isSuccess:l,refetch:c}=e({apiParams:n?{...f,page:a(h.current,o)?f.page:1,...o}:o,keepPreviousData:!0,staleTime:0,...s});if(h.current=o,l)if(n){if(!Object.hasOwn(m,"total")||!Object.hasOwn(m,"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(!t(m.total))throw new Error("The `total` property of the paginated data of VefTable is invalid. It must be a number.");if(!r(m.items))throw new Error("The `items` property of the paginated data of VefTable is invalid. It must be an array.")}else if(!r(m))throw new Error("The data of VefTable is invalid. It must be an array.");return{data:n?m?.items:m,isFetching:p,isLoading:d,total:n?m?.total:void 0,refetch:c}}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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useDataQuery}from"@vef-framework/hooks";import{isShallowEqual,isNumber,isArray}from"@vef-framework/shared";import{useRef}from"react";function useData({apiParams,...queryConfig},paginated,paginationParams){const lastApiParamsRef=useRef(),{data,isLoading,isFetching,isSuccess,refetch}=useDataQuery({apiParams:paginated?{...paginationParams,page:isShallowEqual(lastApiParamsRef.current,apiParams)?paginationParams.page:1,...apiParams}:apiParams,keepPreviousData:!0,staleTime:0,...queryConfig});if(lastApiParamsRef.current=apiParams,isSuccess){if(paginated){if(!Object.hasOwn(data,"total")||!Object.hasOwn(data,"items"))throw new Error("The paginated data of VefTable is invalid. The data must contain the `total` and `items` properties. Please check the data.");if(!isNumber(data.total))throw new Error("The `total` property of the paginated data of VefTable is invalid. It must be a number.");if(!isArray(data.items))throw new Error("The `items` property of the paginated data of VefTable is invalid. It must be an array.")}else if(!isArray(data))throw new Error("The data of VefTable is invalid. It must be an array.")}return{data:paginated?data?.items:data,isFetching,isLoading,total:paginated?data?.total:void 0,refetch}}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useData};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useMemo}from"react";function useDefaultColumnConfigs(columns){return useMemo(()=>{const columnConfigs=new Map;let currentOrder=1;for(const column of columns){const{name,title,fixed,configurable}=column;columnConfigs.set(name,{title:title??name,show:!0,fixed,order:currentOrder++,configurable:configurable??!0})}return columnConfigs},[columns])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useDefaultColumnConfigs};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{isNullish,isFunction,isExpression,compileDynamicFn}from"@vef-framework/shared";import{useMemo}from"react";function useDisplayValue(value,record,rowIndex,config){const{defaultValue,formatter,prefix,suffix}=config,valueToUse=isNullish(value)?defaultValue:value;return useMemo(()=>{if(isFunction(formatter))return formatter(value,record,rowIndex);if(isExpression(formatter))return compileDynamicFn(formatter,"value","record","rowIndex",`return ${formatter.expression}`)(value,record,rowIndex);if(!isNullish(valueToUse))return`${prefix??""}${valueToUse}${suffix??""}`},[formatter,valueToUse,prefix,suffix,value,record,rowIndex])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useDisplayValue};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{useAuthorizedItems}from"@vef-framework/hooks";import{isDeepEqual}from"@vef-framework/shared";import{useMemo}from"react";import VefColumnsSettings from"../components/columns-settings.js";import VefOperationButtons from"../components/operation-buttons.js";import VefSettingsIcon from"../components/settings-icon.js";import{useOperationColumnWidth}from"./use-operation-column-width.js";const DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS=3;function useHelperColumns({showRowNumber,operationButtons,maxVisibleOperationButtons,size}){const rowNumberColumn=useMemo(()=>{if(showRowNumber)return{key:"_rowNumber",title:"#",align:"center",fixed:"left",width:48,shouldCellUpdate:()=>!1,render:(_,__,rowIndex)=>rowIndex+1}},[showRowNumber]),authorizedOperationButtons=useAuthorizedItems(operationButtons??[]),operationColumnWidth=useOperationColumnWidth(authorizedOperationButtons,maxVisibleOperationButtons??DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS,size),operationColumn=useMemo(()=>{if(authorizedOperationButtons&&authorizedOperationButtons.length>0)return{key:"_operationButtons",title:"操作",align:"center",fixed:"right",filterIcon:()=>jsx(VefSettingsIcon,{}),filterDropdown:()=>jsx(VefColumnsSettings,{}),width:operationColumnWidth,shouldCellUpdate:(record,prevRecord)=>!isDeepEqual(record,prevRecord),render:(_,record,rowIndex)=>jsx(VefOperationButtons,{maxVisibleOperationButtons:maxVisibleOperationButtons??DEFAULT_MAX_VISIBLE_OPERATION_BUTTONS,operationButtons:authorizedOperationButtons,record,rowIndex})}},[authorizedOperationButtons,maxVisibleOperationButtons,operationColumnWidth]);return{rowNumberColumn,operationColumn}}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useHelperColumns};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useThemeTokens}from"@vef-framework/hooks";import{max}from"@vef-framework/shared";import{useMemo}from"react";function useOperationColumnWidth(operationButtons,maxVisibleOperationButtons,size="medium"){const{Button:buttonThemeTokens}=useThemeTokens(),cellInlinePadding=size==="large"?16:8,fontSize=buttonThemeTokens?.contentFontSizeSM??16;return useMemo(()=>{if(operationButtons.length===0)return 0;if(operationButtons.length>maxVisibleOperationButtons){const longestButtons=new Set;for(let i=0;i<maxVisibleOperationButtons;i++){const longestButton=max(operationButtons,button=>longestButtons.has(button)?0:button.label.length);longestButton&&longestButtons.add(longestButton)}return calculateButtonsWidth(Array.from(longestButtons),fontSize,cellInlinePadding,!0)}return calculateButtonsWidth(operationButtons,fontSize,cellInlinePadding,!1)},[cellInlinePadding,fontSize,maxVisibleOperationButtons,operationButtons])}function calculateButtonsWidth(operationButtons,fontSize,cellInlinePadding,includeMoreButtonWidth){const fontWidth=fontSize+4,buttonInlinePadding=4*2;return operationButtons.map(button=>{const baseWidth=button.label.length*fontWidth+buttonInlinePadding;return button.icon?baseWidth+fontWidth+8:baseWidth}).reduce((acc,width)=>acc+width,0)+(includeMoreButtonWidth?fontWidth+buttonInlinePadding:0)+cellInlinePadding*2}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useOperationColumnWidth};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useState,useMemo}from"react";import{defaultPageSizeOptions}from"../../vef-pagination/props.js";function usePaginationProps(paginated,size){const[paginationParams,setPaginationParams]=useState({page:1,size:defaultPageSizeOptions[2]}),handlePaginationChange=useMemo(()=>{if(paginated)return(pageNumber,pageSize)=>{setPaginationParams({page:pageNumber,size:pageSize})}},[paginated,setPaginationParams]);return{paginationProps:useMemo(()=>{if(paginated)return{pageNumber:paginationParams.page,pageSize:paginationParams.size,size:size==="small"?"small":"medium",onChange:handlePaginationChange}},[handlePaginationChange,paginated,paginationParams.page,paginationParams.size,size]),paginationParams}}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{usePaginationProps};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useMemo as o}from"react";function useRowProps({enableRowClick:e=!1,enableRowClickForSelection:n=!1,onRowClick:r,disabledSelection:l,handleRowClickSelection:i}){return o((()=>{if(e)return(o,e)=>{const t=l?.(o)??!1;return{style:{cursor:t?"not-allowed":"pointer"},onClick:t?void 0:()=>{n||r?.(o,e??-1),i?.(o)}}}}),[l,e,n,i,r])}export{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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useMemo}from"react";function useRowProps({enableRowClick=!1,enableRowClickForSelection=!1,onRowClick,disabledSelection,handleRowClickSelection}){return useMemo(()=>{if(enableRowClick)return(record,index)=>{const disabled=disabledSelection?.(record)??!1;return{style:{cursor:disabled?"not-allowed":"pointer"},onClick:disabled?void 0:()=>{enableRowClickForSelection||onRowClick?.(record,index??-1),handleRowClickSelection?.(record)}}}},[disabledSelection,enableRowClick,enableRowClickForSelection,handleRowClickSelection,onRowClick])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useRowProps};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{isFunction as e}from"@vef-framework/shared";import{useMemo as o}from"react";import{useSelectedRows as t}from"./use-selected-rows.js";function useRowSelectionConfig({rowKey:l,selectedKeys:c,defaultSelectedKeys:n,selectable:s,enableRowClick:r,enableRowClickForSelection:i,multipleSelection:d=!0,showSelectAllCheckbox:f=!0,disabledSelection:u,onRowSelect:a,onRowDeselect:w,onRowSelectionChange:S}){const{selectedKeys:h,selectedRecords:R,onChange:C}=t({selectedKeys:c,defaultSelectedKeys:n,onRowSelectionChange:S}),p=o((()=>{if(r&&i)return o=>{const t=e(l)?l(o):o[l];if(h.includes(t)){if(!d)return;const c=h.filter((e=>e!==t)),n=R.current.filter((o=>(e(l)?l(o):o[l])!==t));C(c,n),w?.(t,o)}else{const e=[t];d&&e.push(...h);const l=[o];d&&l.push(...R.current),C(e,l),a?.(t,o)}}}),[r,i,d,C,w,a,l,h,R]);return{rowSelectionConfig:o((()=>{if(!s)return;return{fixed:!0,hideSelectAll:!f,preserveSelectedRowKeys:!1,selectedRowKeys:h,type:d?"checkbox":"radio",getCheckboxProps:e(u)?e=>({disabled:u(e)}):void 0,onChange:(e,o)=>{C(e,o)},onSelect:e(a)||e(w)?(o,t)=>{const c=e(l)?l(o):o[l];t?a?.(c,o):w?.(c,o)}:void 0}}),[s,f,h,d,u,a,w,C,l]),handleRowClickSelection:p,selectedKeys:h,selectedRecords:R}}export{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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{isFunction}from"@vef-framework/shared";import{useMemo}from"react";import{useSelectedRows}from"./use-selected-rows.js";function useRowSelectionConfig({rowKey,selectedKeys,defaultSelectedKeys,selectable,enableRowClick,enableRowClickForSelection,multipleSelection=!0,showSelectAllCheckbox=!0,disabledSelection,onRowSelect,onRowDeselect,onRowSelectionChange}){const{selectedKeys:selectedKeysToUse,selectedRecords,onChange}=useSelectedRows({selectedKeys,defaultSelectedKeys,onRowSelectionChange}),handleRowClickSelection=useMemo(()=>{if(!(!enableRowClick||!enableRowClickForSelection))return record=>{const key=isFunction(rowKey)?rowKey(record):record[rowKey];if(selectedKeysToUse.includes(key)){if(!multipleSelection)return;const newValue=selectedKeysToUse.filter(it=>it!==key),newSelectedRows=selectedRecords.current.filter(it=>(isFunction(rowKey)?rowKey(it):it[rowKey])!==key);onChange(newValue,newSelectedRows),onRowDeselect?.(key,record)}else{const newValue=[key];multipleSelection&&newValue.push(...selectedKeysToUse);const newSelectedRows=[record];multipleSelection&&newSelectedRows.push(...selectedRecords.current),onChange(newValue,newSelectedRows),onRowSelect?.(key,record)}}},[enableRowClick,enableRowClickForSelection,multipleSelection,onChange,onRowDeselect,onRowSelect,rowKey,selectedKeysToUse,selectedRecords]);return{rowSelectionConfig:useMemo(()=>selectable?{fixed:!0,hideSelectAll:!showSelectAllCheckbox,preserveSelectedRowKeys:!1,selectedRowKeys:selectedKeysToUse,type:multipleSelection?"checkbox":"radio",getCheckboxProps:isFunction(disabledSelection)?record=>({disabled:disabledSelection(record)}):void 0,onChange:(selectedRowKeys,selectedRows)=>{onChange(selectedRowKeys,selectedRows)},onSelect:isFunction(onRowSelect)||isFunction(onRowDeselect)?(record,selected)=>{const key=isFunction(rowKey)?rowKey(record):record[rowKey];selected?onRowSelect?.(key,record):onRowDeselect?.(key,record)}:void 0}:void 0,[selectable,showSelectAllCheckbox,selectedKeysToUse,multipleSelection,disabledSelection,onRowSelect,onRowDeselect,onChange,rowKey]),handleRowClickSelection,selectedKeys:selectedKeysToUse,selectedRecords}}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useRowSelectionConfig};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useState as e,useRef as t,useCallback as c}from"react";function useSelectedRows({selectedKeys:o,defaultSelectedKeys:s,onRowSelectionChange:n}){const[r,d]=e(s??[]),l=o??r,u=t([]),a=c(((e,t)=>{o||d(e),u.current=t,n?.(e,t)}),[n,o]);return{selectedKeys:l,selectedRecords:u,onChange:a}}export{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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useState,useRef,useCallback}from"react";function useSelectedRows({selectedKeys,defaultSelectedKeys,onRowSelectionChange}){const[internalSelectedKeys,setInternalSelectedKeys]=useState(defaultSelectedKeys??[]),selectedKeysToUse=selectedKeys??internalSelectedKeys,selectedRecords=useRef([]),onChange=useCallback((keys,records)=>{selectedKeys||setInternalSelectedKeys(keys),selectedRecords.current=records,onRowSelectionChange?.(keys,records)},[onRowSelectionChange,selectedKeys]);return{selectedKeys:selectedKeysToUse,selectedRecords,onChange}}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useSelectedRows};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{isNumber as o,isDeepEqual as r}from"@vef-framework/shared";import{useMemo as t}from"react";import{columnComponents as n}from"../components/columns/index.js";function useTableColumns(m,s,a){return t((()=>{const t=[],i=m.map((t=>{const{title:m,show:s,sort:a,fixed:i,dependentColumnNames:d,...u}=t,l=o(a)?{multiple:a}:!!a||void 0,p=n[t.type];return{key:u.name,dataIndex:u.name,title:m||u.name,fixed:i,hidden:!(s??1),sorter:l,align:u.align,width:u.width,shouldCellUpdate:(e,o)=>!r(d.map((o=>e[o])),d.map((e=>o[e]))),render:(o,r,t)=>e(p,{columnProps:u,record:r,rowIndex:t,value:o})}}));return s&&t.push(s),t.push(...i),a&&t.push(a),t}),[m,s,a])}export{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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isNumber,isDeepEqual}from"@vef-framework/shared";import{useMemo}from"react";import{columnComponents}from"../components/columns/index.js";function useTableColumns(columns,rowNumberColumn,operationColumn){return useMemo(()=>{const columnsToUse=[],dataColumns=columns.map(column=>{const{title,show,sort,fixed,dependentColumnNames,...columnProps}=column,sortToUse=isNumber(sort)?{multiple:sort}:sort??!1?!0:void 0,ColumnComponent=columnComponents[column.type];return{key:columnProps.name,dataIndex:columnProps.name,title:title||columnProps.name,fixed,hidden:!(show??!0),sorter:sortToUse,align:columnProps.align,width:columnProps.width,shouldCellUpdate:(record,prevRecord)=>!isDeepEqual(dependentColumnNames.map(name=>record[name]),dependentColumnNames.map(name=>prevRecord[name])),render:(value,record,rowIndex)=>jsx(ColumnComponent,{columnProps,record,rowIndex,value})}});return rowNumberColumn&&columnsToUse.push(rowNumberColumn),columnsToUse.push(...dataColumns),operationColumn&&columnsToUse.push(operationColumn),columnsToUse},[columns,rowNumberColumn,operationColumn])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useTableColumns};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{createSelectableContext as e,noop as o}from"@vef-framework/shared";const{useContextSelector:n,useContext:t,ContextProvider:r}=e({isFetching:!1,refetch:()=>Promise.resolve({}),selectedKeys:[],selectedRecords:[],defaultColumnConfigMap:new Map,columnConfigMap:new Map,setColumnConfigMap:o,columnConfigMapHasChanged:!1}),s=n,a=t;export{r as TableContextProvider,a as useTableContext,s as 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{createSelectableContext,noop}from"@vef-framework/shared";const{useContextSelector,useContext,ContextProvider:TableContextProvider}=createSelectableContext({isFetching:!1,refetch:()=>Promise.resolve({}),selectedKeys:[],selectedRecords:[],defaultColumnConfigMap:new Map,columnConfigMap:new Map,setColumnConfigMap:noop,columnConfigMapHasChanged:!1}),useTableContextSelector=useContextSelector,useTableContext=useContext;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{TableContextProvider,useTableContext,useTableContextSelector};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useRef as e,useImperativeHandle as t}from"react";function useTableInstance(a,n,c){const r=e(null);return t(a,(()=>({getData:()=>n,refetch:async()=>{await c()}}))),r}export{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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useRef,useImperativeHandle}from"react";function useTableInstance(ref,data,refetch){const tableRef=useRef(null);return useImperativeHandle(ref,()=>({getData:()=>data,refetch:async()=>{await refetch()}})),tableRef}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useTableInstance};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as m}from"@emotion/react/jsx-runtime";import{isFunction as r}from"@vef-framework/shared";import{Table as a}from"antd";import{useMemo as e}from"react";const{Summary:n}=a,{Row:o,Cell:t}=n;function useTableSummary(a){const u=e((()=>a.filter((m=>r(m.summary))).map((m=>{const{name:r,summary:a,summaryColSpan:e}=m;return{name:r,summary:a,summaryColSpan:e??1}}))),[a]);return e((()=>{if(0!==u.length)return r=>m(n,{fixed:"bottom",children:m(o,{children:u.map((({name:a,summary:e,summaryColSpan:n},o)=>m(t,{colSpan:n,index:o,children:e(r)},a)))})})}),[u])}export{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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction}from"@vef-framework/shared";import{Table}from"antd";import{useMemo}from"react";const{Summary}=Table,{Row,Cell}=Summary;function useTableSummary(columns){const summaryColumns=useMemo(()=>columns.filter(column=>isFunction(column.summary)).map(column=>{const{name,summary,summaryColSpan}=column;return{name,summary,summaryColSpan:summaryColSpan??1}}),[columns]);return useMemo(()=>{if(summaryColumns.length!==0)return records=>jsx(Summary,{fixed:"bottom",children:jsx(Row,{children:summaryColumns.map(({name,summary,summaryColSpan},index)=>jsx(Cell,{colSpan:summaryColSpan,index,children:summary(records)},name))})})},[summaryColumns])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useTableSummary};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useMemo as e}from"react";function useTableWidth(t,r){return e((()=>{const e=t.filter((e=>!0!==e.hidden)).map((e=>e.width??e.minWidth??160)).reduce(((e,t)=>e+t),0);return r?e+40:e}),[t,r])}export{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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useMemo}from"react";const defaultColumnWidth=160,selectionColumnWidth=40;function useTableWidth(columns,selectable){return useMemo(()=>{const width=columns.filter(column=>column.hidden!==!0).map(column=>column.width??column.minWidth??defaultColumnWidth).reduce((acc,w)=>acc+w,0);return selectable?width+selectionColumnWidth:width},[columns,selectable])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useTableWidth};

package/es/vef-table/index.js

@@ -1,5 +1,4 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{themeVariables as t,isDeepEqual as n,isNumber as l}from"@vef-framework/shared";import{Table as i}from"antd";import{useMemo as r,useState as a,useDeferredValue as s,forwardRef as c,memo as m}from"react";import"../internal/index.js";import u from"./components/table-footer.js";import{useComputedBatchActionButtons as f}from"./hooks/use-computed-batch-buttons.js";import{useComputedColumns as p}from"./hooks/use-computed-columns.js";import{useData as d}from"./hooks/use-data.js";import{useDefaultColumnConfigs as h}from"./hooks/use-default-column-configs.js";import{useHelperColumns as b}from"./hooks/use-helper-columns.js";import{usePaginationProps as w}from"./hooks/use-pagination-props.js";import{useRowProps as g}from"./hooks/use-row-props.js";import{useRowSelectionConfig as C}from"./hooks/use-row-selection-config.js";import{useTableColumns as k}from"./hooks/use-table-columns.js";import{TableContextProvider as x}from"./hooks/use-table-context.js";import{useTableInstance as S}from"./hooks/use-table-instance.js";import{useTableSummary as y}from"./hooks/use-table-summary.js";import{useTableWidth as R}from"./hooks/use-table-width.js";import{convertBasicSizeToUiSize as j}from"../internal/utils.js";const v=o`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{css}from"@emotion/react";import{themeVariables,isDeepEqual,isNumber}from"@vef-framework/shared";import{Table}from"antd";import{useMemo,useState,useDeferredValue,forwardRef,memo}from"react";import"../internal/index.js";import VefTableFooter from"./components/table-footer.js";import{useComputedBatchActionButtons}from"./hooks/use-computed-batch-buttons.js";import{useComputedColumns}from"./hooks/use-computed-columns.js";import{useData}from"./hooks/use-data.js";import{useDefaultColumnConfigs}from"./hooks/use-default-column-configs.js";import{useHelperColumns}from"./hooks/use-helper-columns.js";import{usePaginationProps}from"./hooks/use-pagination-props.js";import{useRowProps}from"./hooks/use-row-props.js";import{useRowSelectionConfig}from"./hooks/use-row-selection-config.js";import{useTableColumns}from"./hooks/use-table-columns.js";import{TableContextProvider}from"./hooks/use-table-context.js";import{useTableInstance}from"./hooks/use-table-instance.js";import{useTableSummary}from"./hooks/use-table-summary.js";import{useTableWidth}from"./hooks/use-table-width.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const DEFAULT_ROW_KEY="id",autoHeightTableStyle=css`
   height: 100%;
 
   > .vef-spin-nested-loading {
@@ -33,12 +32,12 @@ import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/r
 
         > .vef-table-title {
           flex-shrink: 0;
-          padding: ${t.paddingSm};
+          padding: ${themeVariables.paddingSm};
         }
 
         > .vef-table-footer {
           flex-shrink: 0;
-          padding: ${t.paddingXs}
+          padding: ${themeVariables.paddingXs}
         }
 
         &.vef-table-empty > .vef-table-container > .vef-table-body > table {
@@ -47,10 +46,9 @@ import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/r
       }
     }
   }
-`,B=o`
+`,unlimitedHeightTableStyle=css`
   .vef-table-content {
     scrollbar-width: thin;
     scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
   }
-`;const K=c((function VefTableBase({columns:o,defaultColumnConfigMap:t,rowNumberColumn:c,operationColumn:m,bordered:h=!1,size:b="medium",rowKey:K="id",height:N,virtual:M=!1,selectedKeys:T,defaultSelectedKeys:V,selectable:A=!1,multipleSelection:F,showSelectAllCheckbox:z,disabledSelection:O,enableRowClick:P,enableRowClickForSelection:D,rowBackgroundColor:L,batchActionButtons:$,selectionSummary:E,externalContext:H,onRowSelectionChange:W,onRowSelect:X,onRowDeselect:q,onRowClick:G,...I},J){const{paginated:Q=!1,...U}=I,{paginationProps:Y,paginationParams:Z}=w(Q,b),{data:_,isFetching:ee,isLoading:oe,total:te,refetch:ne}=d(U,Q,Z),le=r((()=>({...Y,total:te})),[Y,te]),[ie,re]=a((()=>new Map(t))),ae=s(ie),se=p(o,ae),{rowSelectionConfig:ce,handleRowClickSelection:me,selectedKeys:ue,selectedRecords:fe}=C({selectedKeys:T,defaultSelectedKeys:V,selectable:A,multipleSelection:F,disabledSelection:O,enableRowClick:P,enableRowClickForSelection:D,onRowSelect:X,onRowDeselect:q,onRowSelectionChange:W,rowKey:K}),pe=g({enableRowClick:P,enableRowClickForSelection:D,onRowClick:G,disabledSelection:O,handleRowClickSelection:me}),de=r((()=>({externalContext:H,isFetching:ee,refetch:ne,selectedKeys:ue,selectedRecords:fe.current,defaultColumnConfigMap:t,columnConfigMap:ie,setColumnConfigMap:re,columnConfigMapHasChanged:!n(t,ie)})),[H,ee,ne,ue,fe,t,ie]),he=k(se,c,m),be=R(he,A),we=r((()=>({x:be,y:"auto"===N?"auto":N,scrollToFirstRowOnChange:!0})),[N,be]),ge=S(J,_??[],ne),Ce=y(se),{computedBatchActionButtons:ke,batchActionButtonContext:xe}=f($??[],de),Se=r((()=>{if(oe||0===_?.length||!Q&&!1===E&&0===ke.length)return;const o=e(u,{batchActionButtonContext:xe,batchActionButtons:ke,paginationProps:le,selectionSummary:E,size:b});return()=>o}),[xe,ke,_?.length,oe,le,Q,E,b]);return e(x,{value:de,children:e(i,{ref:ge,bordered:h,columns:he,css:"auto"===N?v:B,dataSource:_,footer:Se,loading:ee,pagination:!1,rowKey:K,rowSelection:ce,scroll:we,size:j(b),summary:Ce,tableLayout:"fixed",virtual:l(N)&&N>0&&M,onRow:pe})})}));K.displayName="VefTableBase";const N=m(c((function VefTableWrapper({schema:o,showRowNumber:t,operationButtons:n,maxVisibleOperationButtons:l,...i},a){const{size:s}=i,c=r((()=>o.filter((e=>e.show??!0)).map((e=>({...e,dependentColumnNames:[...new Set([e.name,...e.dependentColumnNames??[]])]})))),[o]);if(0===c.length)throw new Error("The showed columns of VefTable component cannot be empty");const m=h(c),{rowNumberColumn:u,operationColumn:f}=b({showRowNumber:t,operationButtons:n,maxVisibleOperationButtons:l,size:s});return e(K,{ref:a,columns:c,defaultColumnConfigMap:m,operationColumn:f,rowNumberColumn:u,...i})})),n);N.displayName="VefTable";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 */
+`;function VefTableBase({columns,defaultColumnConfigMap,rowNumberColumn,operationColumn,bordered=!1,size="medium",rowKey=DEFAULT_ROW_KEY,height,virtual=!1,selectedKeys,defaultSelectedKeys,selectable=!1,multipleSelection,showSelectAllCheckbox,disabledSelection,enableRowClick,enableRowClickForSelection,rowBackgroundColor,batchActionButtons,selectionSummary,externalContext,onRowSelectionChange,onRowSelect,onRowDeselect,onRowClick,...restProps},ref){const{paginated=!1,...queryConfig}=restProps,{paginationProps,paginationParams}=usePaginationProps(paginated,size),{data,isFetching,isLoading,total,refetch}=useData(queryConfig,paginated,paginationParams),mergedPaginationProps=useMemo(()=>({...paginationProps,total}),[paginationProps,total]),[columnConfigMap,setColumnConfigMap]=useState(()=>new Map(defaultColumnConfigMap)),deferredColumnConfigMap=useDeferredValue(columnConfigMap),computedColumns=useComputedColumns(columns,deferredColumnConfigMap),{rowSelectionConfig,handleRowClickSelection,selectedKeys:selectedKeysToUse,selectedRecords}=useRowSelectionConfig({selectedKeys,defaultSelectedKeys,selectable,multipleSelection,disabledSelection,enableRowClick,enableRowClickForSelection,onRowSelect,onRowDeselect,onRowSelectionChange,rowKey}),onRow=useRowProps({enableRowClick,enableRowClickForSelection,onRowClick,disabledSelection,handleRowClickSelection}),tableContext=useMemo(()=>({externalContext,isFetching,refetch,selectedKeys:selectedKeysToUse,selectedRecords:selectedRecords.current,defaultColumnConfigMap,columnConfigMap,setColumnConfigMap,columnConfigMapHasChanged:!isDeepEqual(defaultColumnConfigMap,columnConfigMap)}),[externalContext,isFetching,refetch,selectedKeysToUse,selectedRecords,defaultColumnConfigMap,columnConfigMap]),columnsToUse=useTableColumns(computedColumns,rowNumberColumn,operationColumn),tableWidth=useTableWidth(columnsToUse,selectable),scrollConfig=useMemo(()=>({x:tableWidth,y:height==="auto"?"auto":height,scrollToFirstRowOnChange:!0}),[height,tableWidth]),tableRef=useTableInstance(ref,data??[],refetch),tableSummary=useTableSummary(computedColumns),{computedBatchActionButtons,batchActionButtonContext}=useComputedBatchActionButtons(batchActionButtons??[],tableContext),footer=useMemo(()=>{if(isLoading||data?.length===0||!paginated&&selectionSummary===!1&&computedBatchActionButtons.length===0)return;const footerNode=jsx(VefTableFooter,{batchActionButtonContext,batchActionButtons:computedBatchActionButtons,paginationProps:mergedPaginationProps,selectionSummary,size});return()=>footerNode},[batchActionButtonContext,computedBatchActionButtons,data?.length,isLoading,mergedPaginationProps,paginated,selectionSummary,size]);return jsx(TableContextProvider,{value:tableContext,children:jsx(Table,{ref:tableRef,bordered,columns:columnsToUse,css:height==="auto"?autoHeightTableStyle:unlimitedHeightTableStyle,dataSource:data,footer,loading:isFetching,pagination:!1,rowKey,rowSelection:rowSelectionConfig,scroll:scrollConfig,size:convertBasicSizeToUiSize(size),summary:tableSummary,tableLayout:"fixed",virtual:isNumber(height)&&height>0&&virtual,onRow})})}const VefTableBaseForwarded=forwardRef(VefTableBase);VefTableBaseForwarded.displayName="VefTableBase";function VefTableWrapper({schema,showRowNumber,operationButtons,maxVisibleOperationButtons,...restProps},ref){const{size}=restProps,showedColumns=useMemo(()=>schema.filter(column=>column.show??!0).map(column=>({...column,dependentColumnNames:[...new Set([column.name,...column.dependentColumnNames??[]])]})),[schema]);if(showedColumns.length===0)throw new Error("The showed columns of VefTable component cannot be empty");const defaultColumnConfigMap=useDefaultColumnConfigs(showedColumns),{rowNumberColumn,operationColumn}=useHelperColumns({showRowNumber,operationButtons,maxVisibleOperationButtons,size});return jsx(VefTableBaseForwarded,{ref,columns:showedColumns,defaultColumnConfigMap,operationColumn,rowNumberColumn,...restProps})}const VefTable=memo(forwardRef(VefTableWrapper),isDeepEqual);VefTable.displayName="VefTable";/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefTable as default};

package/es/vef-table/store.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{createComponentStore as e}from"@vef-framework/shared";const{StoreProvider:o,useStore:r,useStoreApi:a}=e("Table",(e=>o=>({changeSize:e=>o({size:e}),columnConfigMap:new Map,...e})));export{o as TableStoreProvider,r as useTableStore,a as useTableStoreApi};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{createComponentStore}from"@vef-framework/shared";const{StoreProvider:TableStoreProvider,useStore:useTableStore,useStoreApi:useTableStoreApi}=createComponentStore("Table",initialState=>set=>({changeSize:size=>set({size}),columnConfigMap:new Map,...initialState}));/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{TableStoreProvider,useTableStore,useTableStoreApi};

package/es/vef-tabs/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Tabs as e}from"antd";import"../internal/index.js";import{convertBasicSizeToUiSize as i}from"../internal/utils.js";const n={inkBar:!0,tabPane:!0};function VefTabs({size:r,...a}){return t(e,{animated:n,size:i(r),...a})}export{VefTabs 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Tabs}from"antd";import"../internal/index.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const animatedConfig={inkBar:!0,tabPane:!0};function VefTabs({size,...props}){return jsx(Tabs,{animated:animatedConfig,size:convertBasicSizeToUiSize(size),...props})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefTabs as default};

package/es/vef-tag/index.js

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{Tag as r}from"antd";import{useMemo as e}from"react";function VefTag({closable:t=!1,color:n,inverse:c=!1,...i}){const a=e((()=>c?`${n}-inverse`:n),[n,c]);return o(r,{closeIcon:t?null:void 0,color:a,...i})}export{VefTag 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Tag}from"antd";import{useMemo}from"react";function VefTag({closable=!1,color,inverse=!1,...restProps}){const colorToUse=useMemo(()=>inverse?`${color}-inverse`:color,[color,inverse]);return jsx(Tag,{closeIcon:closable?null:void 0,color:colorToUse,...restProps})}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{VefTag as default};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-const Y=["YYYY"],M=["YYYY-Q季度"],m=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],D=["YYYY-wo"],H=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],s=["HH:mm:ss","HH.mm.ss","HHmmss"],e=["HH"],t=["HH:mm","HH.mm","HHmm"],r=["YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss","YYYY.MM.DD HH.mm.ss","YYYYMMDDHHmmss","YY/MM/DD HH:mm:ss","YY.MM.DD HH:mm:ss","YY.MM.DD HH.mm.ss","YYMMDDHHmmss"];function getTemporalFormats(o){return"year"===o?Y:"quarter"===o?M:"month"===o?m:"week"===o?D:"datetime"===o?r:"date"===o?H:"time"===o?s:"hour"===o?e:"minute"===o?t:[]}export{getTemporalFormats};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */const yearFormats=["YYYY"],quarterFormats=["YYYY-Q季度"],monthFormats=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],weekFormats=["YYYY-wo"],dateFormats=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],timeFormats=["HH:mm:ss","HH.mm.ss","HHmmss"],hourFormats=["HH"],minuteFormats=["HH:mm","HH.mm","HHmm"],datetimeFormats=["YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss","YYYY.MM.DD HH.mm.ss","YYYYMMDDHHmmss","YY/MM/DD HH:mm:ss","YY.MM.DD HH:mm:ss","YY.MM.DD HH.mm.ss","YYMMDDHHmmss"];function getTemporalFormats(mode){return mode==="year"?yearFormats:mode==="quarter"?quarterFormats:mode==="month"?monthFormats:mode==="week"?weekFormats:mode==="datetime"?datetimeFormats:mode==="date"?dateFormats:mode==="time"?timeFormats:mode==="hour"?hourFormats:mode==="minute"?minuteFormats:[]}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{getTemporalFormats};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{isNullish as r,isArray as e}from"@vef-framework/shared";import a from"dayjs";import{useMemo as o}from"react";function useDayjsValue(m,t){return o((()=>r(m)?m:e(m)?m.map((r=>a(r,t))):a(m,t)),[m,t])}export{useDayjsValue};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{isNullish,isArray}from"@vef-framework/shared";import dayjs from"dayjs";import{useMemo}from"react";function useDayjsValue(value,formats){return useMemo(()=>isNullish(value)?value:isArray(value)?value.map(it=>dayjs(it,formats)):dayjs(value,formats),[value,formats])}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useDayjsValue};

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

@@ -1,3 +1 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{isFunction as e}from"@vef-framework/shared";import a from"dayjs";import{useMemo as t}from"react";function useTemporalLimit({maxDate:i,minDate:r,disabledDate:m,disabledTime:o}){const[d,l]=t((()=>[r?a(r):void 0,i?a(i):void 0]),[r,i]);return{minDateValue:d,maxDateValue:l,disabledTimeValue:t((()=>{if(e(o))return e=>o(e.toDate())}),[o]),disabledDateValue:t((()=>{if(e(m))return(e,{from:a})=>m(e.toDate(),a?.toDate())}),[m])}}export{useTemporalLimit};
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{isFunction}from"@vef-framework/shared";import dayjs from"dayjs";import{useMemo}from"react";function useTemporalLimit({maxDate,minDate,disabledDate,disabledTime}){const[minDateValue,maxDateValue]=useMemo(()=>[minDate?dayjs(minDate):void 0,maxDate?dayjs(maxDate):void 0],[minDate,maxDate]),disabledTimeValue=useMemo(()=>{if(isFunction(disabledTime))return now=>disabledTime(now.toDate())},[disabledTime]),disabledDateValue=useMemo(()=>{if(isFunction(disabledDate))return(now,{from})=>disabledDate(now.toDate(),from?.toDate())},[disabledDate]);return{minDateValue,maxDateValue,disabledTimeValue,disabledDateValue}}/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */export{useTemporalLimit};