@vef-framework/components 1.0.19 → 1.0.20

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

@@ -0,0 +1,34 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("@emotion/react/jsx-runtime"),e=require("@emotion/react"),a=require("@radix-ui/react-scroll-area"),o=require("@vef-framework/shared"),l=require("react"),i=e.css`
+  --vef-scroll-area-scrollbar-padding: 2px;
+
+  display: flex;
+  touch-action: none;
+  user-select: none;
+`,t=e.css`
+  height: 100%;
+  width: var(--vef-scroll-area-scrollbar-size);
+  border-left-width: 1px;
+  border-left-color: transparent;
+  padding: var(--vef-scroll-area-scrollbar-padding);
+`,s=e.css`
+  flex-direction: column;
+  height: var(--vef-scroll-area-scrollbar-size);
+  border-top-width: 1px;
+  border-top-color: transparent;
+  padding: var(--vef-scroll-area-scrollbar-padding);
+`,c=e.css`
+  position: relative;
+  z-index: 2;
+  flex: 1;
+  border-radius: calc(var(--vef-scroll-area-scrollbar-size) - var(--vef-scroll-area-scrollbar-padding) * 2);
+  background-color: hsl(240 5.9% 90%);
+  transition-property: background-color;
+  transition-timing-function: ${o.themeVariables.motionEaseInOutCirc};
+  transition-duration: ${o.themeVariables.motionDurationMid};
+
+  &:hover {
+    background-color: hsl(240 5.9% 84%);
+  }
+`,n=l.forwardRef((({orientation:e="vertical",...o},l)=>r.jsx(a.ScrollAreaScrollbar,{ref:l,orientation:e,css:[i,"vertical"===e&&t,"horizontal"===e&&s],...o,children:r.jsx(a.ScrollAreaThumb,{css:c})})));n.displayName="VefScrollbar",exports.default=n;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,13 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),o=require("@radix-ui/react-scroll-area"),t=require("@vef-framework/shared"),l=require("react"),i=require("./components/scrollbar.cjs"),s=r.css`
+  position: relative;
+  overflow: hidden;
+  height: var(--vef-scroll-area-height, 100%);
+  width: var(--vef-scroll-area-width, auto);
+`,a=r.css`
+  height: 100%;
+  width: 100%;
+  border-radius: inherit;
+  -webkit-overflow-scrolling: touch;
+`,c=l.forwardRef((({style:r,height:c,width:h,scrollDirection:u="y",scrollbarSize:d="medium",autoHideScrollbar:n=!0,viewportClassName:f,viewportStyle:v,viewportRef:m,onScroll:w,children:x,...p},b)=>{const y=l.useMemo((()=>({...r,"--vef-scroll-area-height":(t.isNumber(c)?`${c}px`:c)??"100%","--vef-scroll-area-width":(t.isNumber(h)?`${h}px`:h)??"auto"})),[c,r,h]),g=l.useMemo((()=>({"--vef-scroll-area-scrollbar-size":"small"===d?"10px":"medium"===d?"12px":"14px"})),[d]),j=l.useMemo((()=>({...v,overflowX:""+("x"===u||"both"===u?"scroll":"hidden"),overflowY:""+("y"===u||"both"===u?"scroll":"hidden")})),[u,v]);return e.jsxs(o.Root,{ref:b,css:s,style:y,type:n?"hover":"auto",...p,children:[e.jsx(o.Viewport,{ref:m,className:f,css:a,style:j,onScroll:w,children:x}),("y"===u||"both"===u)&&e.jsx(i.default,{orientation:"vertical",style:g}),("x"===u||"both"===u)&&e.jsx(i.default,{orientation:"horizontal",style:g}),e.jsx(o.Corner,{})]})}));exports.default=c;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,11 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),i=require("@emotion/react"),r=require("@vef-framework/shared"),s=require("react"),l=require("../../vef-text/index.cjs"),t=i.css`
+  display: flex;
+  flex-direction: column;
+  row-gap: 4px;
+
+  > .vef-typography-secondary {
+    font-size: ${r.themeVariables.fontSizeSm};
+  }
+`,o=s.memo((({label:i,description:r})=>r?e.jsxs("div",{css:t,children:[e.jsx(l.default,{ellipsis:!0,ellipsisTipPlacement:"right",children:i}),e.jsx(l.default,{ellipsis:!0,color:"secondary",ellipsisTipPlacement:"right",children:r})]}):e.jsx(l.default,{ellipsis:!0,ellipsisTipPlacement:"right",children:i})));o.displayName="VefOption",exports.default=o;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),i=require("react");exports.useDataOptions=function({value:t,grouped:a=!1,multiple:n=!1,onChange:r,...s}){const{onFilterKeywordChange:l,normalizedOptions:u,defaultOption:p,isLoading:d,fallbackOptions:c,isFallbackOptionsLoading:f}=e.useComputedOptions({...s,isGrouped:a,selectedOptionValues:o.isArray(t)?t:t?[t]:[]});return i.useLayoutEffect((()=>{p&&o.isFunction(r)&&o.isNullish(t)&&r(n?[p.value]:p.value,n?[p]:p)}),[p,n,r,t]),{onFilterKeywordChange:l,normalizedOptions:u,isLoading:d,fallbackOptions:c,isFallbackOptionsLoading:f}};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useFieldNames=function(l){return e.useMemo((()=>l?{label:"label",value:"value",options:"children",groupLabel:"label"}:{label:"label",value:"value"}),[l])};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,10 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),r=require("@ant-design/icons"),i=require("@emotion/react"),n=require("react"),t=require("../../vef-spin/index.cjs"),s=i.css`
+  display: inline-flex;
+  align-items: center;
+
+  .vef-spin {
+    color: inherit;
+  }
+`;exports.useRenderLabel=function(i,l){return n.useCallback((({label:n,value:a})=>{if(n)return n;if(i)return e.jsx("span",{css:s,children:e.jsx(t.default,{indicator:e.jsx(r.LoadingOutlined,{}),size:"small"})});const u=l?.find((e=>e.value===a));return u?.label??a}),[i,l])};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),t=require("react"),i=require("../components/option.cjs");exports.useRenderOption=function(n){return t.useMemo((()=>r.isFunction(n)?({data:e},{index:r})=>n({...e,index:r}):({data:{label:r,description:t}})=>e.jsx(i.default,{description:t,label:r??"Missing Label"})),[n])};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useSelectInstance=function(t,r){const u=e.useRef(null);return e.useImperativeHandle(t,(()=>({blur:()=>{u.current?.blur()},focus:()=>{u.current?.focus({preventScroll:!0})},getDataOptions:()=>r}))),u};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-select/index.cjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@vef-framework/hooks"),r=require("@vef-framework/shared"),i=require("antd"),t=require("react");require("../internal/index.cjs");const l=require("../vef-loading-placeholder/index.cjs"),n=require("./hooks/use-data-options.cjs"),s=require("./hooks/use-field-names.cjs"),a=require("./hooks/use-render-label.cjs"),u=require("./hooks/use-render-option.cjs"),d=require("./hooks/use-select-instance.cjs"),c=require("../internal/utils.cjs"),p=e.jsx("div",{css:{height:140},children:e.jsx(l.default,{})});const f=t.memo(t.forwardRef((function({defaultValue:t,value:l,size:f,clearable:m,disabled:h,placeholder:v,variant:g,onClear:j,onBlur:q,onFocus:b,onChange:x,onSelect:C,onDeselect:S,multiple:k=!1,grouped:F=!1,maxCount:O,renderOption:R,filterable:w=!0,filterFromRemote:z=!1,...y},B){const{onFilterKeywordChange:D,normalizedOptions:L,isLoading:N,fallbackOptions:T,isFallbackOptionsLoading:V}=n.useDataOptions({value:l,grouped:F,multiple:k,onChange:x,filterable:w,filterFromRemote:z,...y}),M=u.useRenderOption(R),_=o.useOptionFilter(w,z),A=s.useFieldNames(F),H=a.useRenderLabel(V,T),I=d.useSelectInstance(B,L);return e.jsx(i.Select,{ref:I,defaultActiveFirstOption:!0,allowClear:m,css:r.styles.fullWidth,defaultValue:t,disabled:h,fieldNames:A,filterOption:_,labelRender:H,listHeight:280,loading:N,maxCount:k?O:void 0,maxTagCount:k?"responsive":void 0,mode:k?"multiple":void 0,notFoundContent:N?p:void 0,optionRender:M,options:L,placeholder:v,showSearch:w,size:c.convertBasicSizeToUiSize(f),value:l,variant:g,onBlur:q,onChange:x,onClear:j,onDeselect:S,onFocus:b,onSearch:D,onSelect:C})})));f.displayName="VefSelect",exports.default=f;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-select/props.cjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useSliderInstance=function(r){const t=e.useRef(null);return e.useImperativeHandle(r,(()=>({blur:()=>t.current?.blur(),focus:()=>t.current?.focus()}))),t};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-slider/index.cjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("antd"),t=require("react"),o=require("./hooks/use-slider-instance.cjs"),s=t.forwardRef((({step:s,tipFormatter:n,onChange:i,...u},a)=>{const l=t.useMemo((()=>{if(n)return{formatter:e=>n(e)}}),[n]),c=o.useSliderInstance(a);return e.jsx(r.Slider,{ref:c,step:"mark"===s?null:s,tooltip:l,onChange:i,...u})}));exports.default=s;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-slider/props.cjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,7 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),n=require("@ant-design/icons"),s=require("@emotion/react"),t=e.jsx(n.HolderOutlined,{}),r=s.css`
+  cursor: move;
+  user-select: none;
+  touch-action: none;
+`;exports.default=function({item:n,renderItem:s,useHandle:o,handleClassName:i,handleStyle:l,handleIcon:a}){return e.jsxs(e.Fragment,{children:[o&&e.jsx("div",{className:i,css:r,style:l,children:a??t}),s(n,!0)]})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,7 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@ant-design/icons"),s=require("@dnd-kit/sortable"),i=require("@dnd-kit/utilities"),r=require("@emotion/react"),n=e.jsx(t.HolderOutlined,{}),a=r.css`
+  cursor: move;
+  user-select: none;
+  touch-action: none;
+`;exports.default=function({item:t,itemKey:r,itemIndex:o,itemClassName:d,itemStyle:l,renderItem:u,useHandle:c,useOverlay:m,handleClassName:f,handleStyle:x,handleIcon:v,disabled:S}){const{isDragging:b,attributes:g,listeners:y,setNodeRef:h,setActivatorNodeRef:N,transition:j,transform:q}=s.useSortable({id:r,disabled:S,data:{index:o}}),p={...l,transition:j,transform:i.CSS.Transform.toString(q),...!m&&b?{position:"relative",zIndex:999}:{}};return e.jsxs("div",{ref:h,className:d,style:p,...g,...c?{}:y,children:[c&&e.jsx("div",{ref:N,className:f,css:a,style:x,...y,children:v??n}),u(t,!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 */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),t=require("react");exports.useMergedItems=function(r,s,o){if(e.isNullish(r)&&e.isNullish(s))throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");const[i,u]=t.useState(r??[]);return[s??i,t.useCallback((e=>{s?o?.(e(s)):u(e)}),[s,o])]};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@dnd-kit/core"),r=require("@dnd-kit/modifiers"),s=require("@dnd-kit/sortable"),i=require("@vef-framework/shared"),a=require("react"),n=require("./components/overlay-item.cjs"),o=require("./components/sortable-item.cjs"),d=require("./hooks/use-merged-items.cjs");const l=a.memo((function({defaultItems:l,items:c,itemKey:m="id",className:u,style:g,orientation:y="vertical",useOverlay:v=!0,restrictStrategy:x="parent",onChange:S,...p}){const[f,j]=d.useMergedItems(l,c,S),b=t.useSensors(t.useSensor(t.PointerSensor)),q=a.useMemo((()=>i.isFunction(m)?m:e=>e[m]),[m]),[h,k]=a.useState(),C=a.useCallback((({active:e})=>{k(f[e.data.current.index])}),[f]),E=a.useCallback((({active:e,over:t})=>{t&&e.id!==t.id&&j((r=>s.arrayMove(r,e.data.current.index,t.data.current.index)))}),[j]),D=f.map((e=>q(e))),{itemClassName:M,itemStyle:N,disabled:T,...w}=p;return e.jsx(t.DndContext,{collisionDetection:t.closestCenter,sensors:b,modifiers:["parent"===x?r.restrictToParentElement:r.restrictToWindowEdges],onDragEnd:E,onDragStart:C,children:e.jsx(s.SortableContext,{items:D,strategy:"vertical"===y?s.verticalListSortingStrategy:s.horizontalListSortingStrategy,children:e.jsxs("div",{className:u,style:g,children:[f.map(((t,r)=>{const s=q(t);return e.jsx(o.default,{item:t,itemIndex:r,itemKey:s,...p},s)})),v&&e.jsx(t.DragOverlay,{className:M,style:N,wrapperElement:"div",modifiers:["parent"===x?r.restrictToParentElement:r.restrictToWindowEdges],children:h&&e.jsx(n.default,{item:h,...w})})]})})})}));l.displayName="VefSortableList",exports.default=l;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-space/index.cjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),t=require("antd"),a=require("react");exports.default=({gap:s,...i})=>{const u=r.useGapSizeNormalizer(),m=a.useMemo((()=>o.isArray(s)?s.map((e=>u(e))):s?u(s):s),[s,u]);return e.jsx(t.Space,{size:m,...i})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-space/props.cjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-spin/index.cjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd");exports.default=({size:i,...r})=>e.jsx(t.Spin,{size:"medium"===i?"default":i,...r});
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-spin/props.cjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-splitter/index.cjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd");exports.default=({orientation:o,onResizeBegin:r,...i})=>e.jsx(t.Splitter,{layout:o,onResizeStart:r,...i});
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-splitter/props.cjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd"),{Panel:r}=t.Splitter;exports.default=({...t})=>e.jsx(r,{...t});
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-status/index.cjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/hooks"),t=require("antd"),o=require("react");exports.default=({processing:u=!1,color:s="default",children:a})=>{const l=r.useColorTokens(),n=o.useMemo((()=>{if("default"===s)return{status:"default",text:a};if(l.has(s))return{status:u?"processing":"default",color:l.get(s),text:a};throw new Error(`Invalid color value "${s}" of VefStatus component. Color must be either "default" or a valid color token.`)}),[s,l,u,a]);return e.jsx(t.Badge,{...n})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-status/props.cjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),o=require("@vef-framework/shared"),t=require("react"),u=require("../../../vef-text/index.cjs"),l=require("../../hooks/use-computed-values.cjs");const a=t.memo((function({value:a,record:s,rowIndex:i,columnProps:c}){if("Boolean"!==c.type)throw new o.VefError(-1,"Column type must be Boolean");const{defaultValue:n,trueText:d="是",falseText:m="否",bold:f,italic:x,color:p,width:w}=c,[h,V,b]=l.useComputedValues([{key:"bold",rawValue:f,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:p}],a,s,i),q=t.useMemo((()=>o.isString(b)?b:b?!o.isNullish(a)&&Object.hasOwn(b,a)?b[a]:b["*"]:void 0),[b,a]),v=t.useMemo((()=>a?a?d:m:n),[a,d,m,n]),j=t.useMemo((()=>{if(w)return r.css({maxWidth:`${w}px !important`})}),[w]);return e.jsx(u.default,{bold:h,color:q,css:j,italic:V,children:v})}),o.isEqual);exports.default=a;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime");exports.default=function({value:t}){return e.jsx("span",{children:t})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),t=require("@vef-framework/shared"),i=require("react"),o=require("../../../vef-text/index.cjs"),u=require("../../hooks/use-computed-values.cjs"),l="Name";exports.default=function({value:a,record:s,rowIndex:c,columnProps:n}){if("DataDictionary"!==n.type)throw new t.VefError(-1,"Column type must be DataDictionary");const{name:d,defaultValue:m,ellipsis:f,bold:p,italic:h,color:w,width:x}=n,[y,V,b]=u.useComputedValues([{key:"bold",rawValue:p,defaultValue:!1},{key:"italic",rawValue:h,defaultValue:!1},{key:"color",rawValue:w}],a,s,c),v=i.useMemo((()=>t.isString(b)?b:b?!t.isNullish(a)&&Object.hasOwn(b,a)?b[a]:b["*"]:void 0),[b,a]),j=i.useMemo((()=>t.isNullish(a)||t.isNullish(s[`${d}${l}`])?m:s[`${d}${l}`]),[a,s,d,m]),q=i.useMemo((()=>{if(x)return r.css({maxWidth:`${x}px !important`})}),[x]);return e.jsx(o.default,{bold:y,color:v,css:q,ellipsis:f,italic:V,children:j})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),i=require("@vef-framework/shared"),l=require("react"),s=require("../../../vef-tag/index.cjs"),t=require("../../../vef-text/index.cjs"),o=require("../../hooks/use-computed-values.cjs"),u="Name",a=r.css({color:"inherit",fontSize:"inherit"});exports.default=function({value:c,record:n,rowIndex:d,columnProps:m}){if("Enum"!==m.type)throw new i.VefError(-1,"Column type must be Enum");const{name:f,defaultValue:h,showAsTag:p=!0,bold:x,italic:w,ellipsis:j,color:b,width:v}=m,[V,q,y]=o.useComputedValues([{key:"bold",rawValue:x,defaultValue:!1},{key:"italic",rawValue:w,defaultValue:!1},{key:"color",rawValue:b}],c,n,d),g=l.useMemo((()=>i.isString(y)?y:y?!i.isNullish(c)&&Object.hasOwn(y,c)?y[c]:y["*"]:void 0),[y,c]),k=l.useMemo((()=>i.isNullish(c)||i.isNullish(n[`${f}${u}`])?h:n[`${f}${u}`]),[c,n,f,h]),M=l.useMemo((()=>{if(v)return r.css({maxWidth:`${v}px !important`})}),[v]);return p?e.jsx(s.default,{color:g,children:e.jsx(t.default,{bold:V,css:a,italic:q,children:k})}):e.jsx(t.default,{bold:V,color:g,css:M,ellipsis:j,italic:q,children:k})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime");exports.default=function({value:t}){return e.jsx("span",{children:t})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime");exports.default=function({value:t}){return e.jsx("span",{children:t})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),t=require("@vef-framework/shared"),u=require("react"),l=require("../../../vef-text/index.cjs"),o=require("../../hooks/use-computed-values.cjs"),i=/Id$/;exports.default=function({value:s,record:a,rowIndex:c,columnProps:d}){if("Id"!==d.type)throw new t.VefError(-1,"Column type must be Id");const{name:n,defaultValue:m,ellipsis:f,bold:p,italic:x,color:h,width:w}=d,[V,b,q]=o.useComputedValues([{key:"bold",rawValue:p,defaultValue:!1},{key:"italic",rawValue:x,defaultValue:!1},{key:"color",rawValue:h}],s,a,c),v=u.useMemo((()=>{const e=n.replace(i,"Name");return t.isNullish(s)||t.isNullish(a[e])?m:a[e]}),[s,a,n,m]),y=u.useMemo((()=>{if(w)return r.css({maxWidth:`${w}px !important`})}),[w]);return e.jsx(l.default,{bold:V,color:q,css:y,ellipsis:f,italic:b,children:v})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared");exports.default=function({value:t}){return e.jsx("img",{alt:r.extractBaseName(t),src:t})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./bool.cjs"),r=require("./code.cjs"),u=require("./data-dictionary.cjs"),t=require("./enum.cjs"),i=require("./file.cjs"),a=require("./icon.cjs"),c=require("./id.cjs"),d=require("./image.cjs"),o=require("./markdown.cjs"),s=require("./number.cjs"),l=require("./render.cjs"),n=require("./rich-text.cjs"),f=require("./text.cjs");require("./props.cjs");const j={Text:f.default,Number:s.default,Enum:t.default,Boolean:e.default,DataDictionary:u.default,Id:c.default,Render:l.default,Markdown:o.default,Icon:a.default,File:i.default,RichText:n.default,Image:d.default,Code:r.default};exports.columnComponents=j;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime");exports.default=function({value:t}){return e.jsx("span",{children:t})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),u=require("@vef-framework/shared"),t=require("react"),l=require("../../../vef-text/index.cjs"),o=require("../../hooks/use-computed-values.cjs"),a=require("../../hooks/use-display-value.cjs");exports.default=function({value:i,record:s,rowIndex:c,columnProps:d}){if("Number"!==d.type)throw new u.VefError(-1,"Column type must be Number");const{defaultValue:f,formatter:n,prefix:m,suffix:p,bold:x,italic:V,color:b,width:h}=d,w=a.useDisplayValue(i,s,c,{defaultValue:f,formatter:n,prefix:m,suffix:p}),[y,q,v]=o.useComputedValues([{key:"bold",rawValue:x,defaultValue:!1},{key:"italic",rawValue:V,defaultValue:!1},{key:"color",rawValue:b}],i,s,c),j=t.useMemo((()=>{if(h)return r.css({maxWidth:`${h}px !important`})}),[h]);return u.isNullish(w)?null:e.jsx(l.default,{bold:y,color:v,css:j,italic:q,children:w})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),t=require("@vef-framework/shared"),o=require("react");exports.default=function({value:n,record:i,rowIndex:u,columnProps:s}){if("Render"!==s.type)throw new t.VefError(-1,"Column type must be Render");const{render:d,width:c}=s,a=d?.(n,i,u),m=o.useMemo((()=>{if(c)return r.css({maxWidth:`${c}px !important`})}),[c]);return e.jsx("div",{css:m,children:a})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime");exports.default=function({value:t}){return e.jsx("span",{children:t})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),l=require("@vef-framework/shared"),u=require("react"),t=require("../../../vef-text/index.cjs"),i=require("../../hooks/use-computed-values.cjs"),o=require("../../hooks/use-display-value.cjs");exports.default=function({value:s,record:a,rowIndex:c,columnProps:d}){if("Text"!==d.type)throw new l.VefError(-1,"Column type must be Text");const{defaultValue:f,formatter:p,prefix:n,suffix:m,ellipsis:x,bold:y,italic:V,color:b,copyable:h,width:v}=d,[w,q,j]=i.useComputedValues([{key:"bold",rawValue:y,defaultValue:!1},{key:"italic",rawValue:V,defaultValue:!1},{key:"color",rawValue:b}],s,a,c),k=o.useDisplayValue(s,a,c,{defaultValue:f,formatter:p,prefix:n,suffix:m}),T=u.useMemo((()=>{if(v)return r.css({maxWidth:`${v}px !important`})}),[v]);return l.isNullish(k)?null:e.jsx(t.default,{bold:w,color:j,copyable:h,css:T,ellipsis:x,ellipsisTip:x?k:void 0,italic:q,children:k})};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,54 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),l=require("@ant-design/icons"),a=require("@emotion/react"),n=require("@vef-framework/shared"),t=require("antd"),i=require("react"),s=require("../../vef-bool/index.cjs"),r=require("../../vef-button/index.cjs"),o=require("../../vef-divider/index.cjs"),d=require("../../vef-sortable-list/index.cjs"),c=require("../../vef-text/index.cjs"),u=require("../hooks/use-table-context.cjs"),m=a.css`
+  width: 260px;
+  padding: ${n.themeVariables.paddingSm};
+
+  .vef-divider-horizontal {
+    margin: ${n.themeVariables.marginSm} 0;
+  }
+
+  .vef-table-columns-settings-panel-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-left: ${n.themeVariables.paddingSm};
+  }
+
+  .vef-table-columns-settings-panel-body {
+    width: 100%;
+
+    .vef-table-columns-settings-panel-columns {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+
+      .vef-table-columns-settings-panel-column {
+        display: grid;
+        grid-template-columns: max-content 1fr max-content;
+        align-items: center;
+        padding: ${n.themeVariables.paddingXs};
+        border-radius: ${n.themeVariables.borderRadius};
+
+        &:hover {
+          background-color: ${n.themeVariables.colorPrimaryBg};
+        }
+
+        .vef-table-columns-settings-panel-column-drag-icon {
+          cursor: move;
+          color: ${n.themeVariables.colorTextSecondary};
+          padding-right: ${n.themeVariables.padding};
+        }
+
+        .vef-table-columns-settings-panel-column-fixed-icon {
+          display: flex;
+          align-items: center;
+
+          .vef-divider {
+            --vef-divider-vertical-margin-inline: 0;
+          }
+        }
+      }
+    }
+  }
+`,f=i.memo((()=>{const{defaultColumnConfigMap:a,columnConfigMap:n,setColumnConfigMap:f}=u.useTableContextSelector((e=>{const{defaultColumnConfigMap:l,columnConfigMap:a,setColumnConfigMap:n}=e;return{defaultColumnConfigMap:l,columnConfigMap:a,setColumnConfigMap:n}})),g=i.useMemo((()=>[...n.entries()].sort((([e,l],[a,n])=>l.order-n.order)).map((([e,l])=>{const{title:a,configurable:n,...t}=l;return{value:e,label:a,disabled:!n,...t}}))),[n]),b=i.useCallback((e=>{const l=e.reduce(((e,l,a)=>{const{value:n,label:t,disabled:i,order:s,...r}=l,o={title:t,configurable:!i,order:a+1,...r};return e.set(n,o),e}),new Map);f(l)}),[f]),p=i.useMemo((()=>g.filter((e=>e.show)).map((e=>e.value))),[g]),h=i.useMemo((()=>{const e=p.length;return e===g.length?"checked":e>0?"indeterminate":"unchecked"}),[p.length,g.length]),v=i.useCallback((e=>{const l=new Set(e),a=g.map((e=>({...e,show:l.has(e.value)})));b(a)}),[g,b]),x=i.useCallback(((e,l)=>{const a=g.map((a=>({...a,fixed:a.value===e?l:a.fixed})));b(a)}),[g,b]),C=i.useCallback((e=>{b(e)}),[b]),j=i.useCallback((()=>{f(new Map(a))}),[a,f]);return e.jsxs("div",{css:m,children:[e.jsxs("div",{className:"vef-table-columns-settings-panel-header",children:[e.jsx(s.default,{indeterminate:"indeterminate"===h,label:e.jsx(c.default,{bold:!0,children:"列显示"}),value:"checked"===h,variant:"checkbox",onChange:e=>{v(e?g.map((e=>e.value)):[])}}),e.jsx(r.default,{color:"primary",variant:"text",onClick:j,children:"重置"})]}),e.jsx(o.default,{}),e.jsx(t.Checkbox.Group,{className:"vef-table-columns-settings-panel-body",value:p,onChange:v,children:e.jsx(d.default,{useHandle:!0,className:"vef-table-columns-settings-panel-columns",handleClassName:"vef-table-columns-settings-panel-column-drag-icon",itemClassName:"vef-table-columns-settings-panel-column",itemKey:"value",items:g,useOverlay:!1,renderItem:({value:a,label:n,disabled:i,fixed:s,show:d})=>e.jsxs(e.Fragment,{children:[e.jsx(t.Checkbox,{disabled:i,value:a,children:n}),e.jsxs("span",{className:"vef-table-columns-settings-panel-column-fixed-icon",children:[e.jsx(r.default,{color:"left"===s?"primary":"default",disabled:i||!d,icon:"left"===s?e.jsx(l.RollbackOutlined,{}):e.jsx(l.VerticalRightOutlined,{}),size:"small",tip:"left"===s?"取消左侧固定":"固定到左侧",variant:"link",onClick:()=>{"left"===s?x(a):x(a,"left")}}),e.jsx(o.default,{orientation:"vertical"}),e.jsx(r.default,{color:"right"===s?"primary":"default",disabled:i||!d,icon:"right"===s?e.jsx(l.RollbackOutlined,{}):e.jsx(l.VerticalLeftOutlined,{}),size:"small",tip:"right"===s?"取消右侧固定":"固定到右侧",variant:"link",onClick:()=>{"right"===s?x(a):x(a,"right")}})]})]}),onChange:C})})]})}),(()=>!1));f.displayName="VefColumnsSettings",exports.default=f;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,12 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),n=require("@ant-design/icons"),t=require("@emotion/react"),i=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),r=require("react"),l=require("../../vef-button/index.cjs"),s=require("../../vef-dropdown/index.cjs"),a=require("../../vef-flex/index.cjs"),c=require("../../vef-popconfirm/index.cjs"),d=require("../hooks/use-table-context.cjs"),u=t.css`
+  .vef-btn-sm {
+    --vef-control-height-sm: 24px;
+    --vef-button-padding-inline-sm: 4px;
+
+    &.vef-btn-icon-only {
+      padding-inline: 2px;
+    }
+  }
+`;exports.default=function({record:t,rowIndex:f,operationButtons:m,maxVisibleOperationButtons:x}){const{externalContext:p,refetch:b,isFetching:h,selectedKeys:C,selectedRecords:k}=d.useTableContextSelector((e=>{const{externalContext:n,refetch:t,isFetching:i,selectedKeys:o,selectedRecords:r}=e;return{externalContext:n,refetch:t,isFetching:i,selectedKeys:o,selectedRecords:r}})),y=r.useMemo((()=>({record:t,rowIndex:f,refetch:b,isFetching:h,selectedKeys:C,selectedRecords:k,...p??{}})),[p,h,t,b,f,C,k]),g=i.useComputedActionButtons(m,y),[v,j]=r.useState(!1),q=r.useMemo((()=>g.length>x?g.slice(x).map((e=>{const{key:n,label:t,icon:i,disabled:o}=e;return{type:"item",key:n,label:t,icon:i,disabled:o}})):[]),[g,x]),[M,w]=r.useState(!1),[F,S]=r.useState(null),O=r.useCallback((()=>{w(!1),S(null)}),[]),T=r.useMemo((()=>{if(0!==q.length)return async e=>{const{requireConfirmation:n,confirmationMode:t,confirmationTitle:i,confirmationContent:r,onClick:l}=g.find((n=>n.key===e)),s=async()=>{try{await o.invokeMaybeAsyncFn(l,{beforeInvoke:()=>{j(!0)},onFinally:()=>{j(!1)}},y)}finally{O()}};n?"simple"===t?(S({title:i,content:r,okHandler:s}),w(!0)):o.showConfirmation(i,r,s,{onCancel:()=>{S(null)}}):await s()}}),[g,y,O,q.length]);return e.jsxs(a.default,{align:"center",css:u,gap:"small",justify:"center",children:[g.slice(0,x).map((n=>{const{key:t,label:i,icon:o,color:r,disabled:s,requireConfirmation:a,confirmationMode:c,confirmationTitle:d,confirmationContent:u,onClick:f}=n;return a?e.jsx(l.default,{requireConfirmation:!0,color:r,confirmationContent:u,confirmationMode:c,confirmationTitle:d,disabled:s||v,icon:o,size:"small",variant:"filled",onConfirmationOk:()=>f(y),children:i},t):e.jsx(l.default,{color:r,disabled:s||v,icon:o,size:"small",variant:"filled",onClick:e=>(e.stopPropagation(),f(y)),children:i},t)})),g.length>x&&e.jsx(s.default,{disabled:v,items:q,onClick:T,children:e.jsx(c.default,{content:F?.content,disabled:v,opened:M,title:F?.title,onCancel:O,onOk:F?.okHandler,children:e.jsx(l.default,{color:"primary",disabled:v,icon:e.jsx(n.MoreOutlined,{}),loading:v,size:"small",variant:"filled",onClick:e=>e.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 */

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

@@ -0,0 +1,5 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),o=require("@vef-framework/shared"),t=require("lucide-react"),s=require("react"),i=require("../../vef-icon/index.cjs"),c=require("../hooks/use-table-context.cjs"),u=r.css`
+  color: ${o.themeVariables.colorPrimary};
+`,a=s.memo((()=>{const r=c.useTableContextSelector((e=>e.columnConfigMapHasChanged));return e.jsx(i.default,{css:r?u:void 0,children:e.jsx(t.SettingsIcon,{})})}),(()=>!1));exports.default=a;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,19 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@emotion/react"),t=require("@vef-framework/shared"),i=require("react"),n=require("../../vef-button/index.cjs"),r=require("../../vef-pagination/index.cjs"),a=require("../../vef-text/index.cjs"),l=require("../hooks/use-table-context.cjs"),s=o.css`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: var(--vef-table-footer-gap);
+
+  > div {
+    flex: auto;
+    display: flex;
+    align-items: center;
+    gap: ${t.themeVariables.padding};
+  }
+
+  > .vef-pagination {
+    flex: none;
+  }
+`;const c=i.memo((function({selectionSummary:o,size:c,paginationProps:d,batchActionButtons:u,batchActionButtonContext:f}){const m=l.useTableContextSelector((e=>e.selectedRecords)),x=i.useMemo((()=>{if(!1!==o)return o?o(m):m.length>0?e.jsxs(a.default,{color:"secondary",children:["已选择"," ",e.jsx(a.default,{bold:!0,color:"blue",children:m.length})," ","项"]}):void 0}),[o,m]),b=i.useMemo((()=>u.map((o=>{const{key:i,label:r,icon:a,disabled:l,color:s,requireConfirmation:c,confirmationMode:d,confirmationTitle:u,confirmationContent:m,onClick:x}=o,b=async()=>{await t.invokeMaybeAsyncFn(x,{},f)};return c?e.jsx(n.default,{requireConfirmation:!0,color:s,confirmationContent:m,confirmationMode:d,confirmationTitle:u,disabled:l,icon:a,onConfirmationOk:b,children:r},i):e.jsx(n.default,{color:s,disabled:l,icon:a,onClick:b,children:r},i)}))),[u,f]),p=i.useMemo((()=>({"--vef-table-footer-gap":`var(--vef-table-cell-padding-block${"small"===c?"-sm":"medium"===c?"-md":""})`})),[c]);return e.jsxs("div",{css:s,style:p,children:[e.jsxs("div",{children:[x,b]}),e.jsx(r.default,{...d})]})}));c.displayName="VefTableFooter",exports.default=c;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/helper.cjs

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared");exports.computeValue=function(r,n,o,t,i){if(e.isFunction(r))return r(n,o,t);if(e.isExpression(r)){return e.compileDynamicFn(r,"value","record","rowIndex",`return ${r.expression}`)(n,o,t)}return r??i};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),t=require("react");exports.useComputedBatchActionButtons=function(o,c){const{externalContext:s,isFetching:n,refetch:r,selectedKeys:u,selectedRecords:i}=c,d=t.useMemo((()=>({isFetching:n,refetch:r,selectedKeys:u,selectedRecords:i,...s??{}})),[s,n,r,u,i]);return{computedBatchActionButtons:e.useComputedActionButtons(o,d),batchActionButtonContext:d}};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useComputedColumns=function(t,r){return e.useMemo((()=>t.map((e=>{const{name:t}=e,o=r.get(t);return{...e,show:o.show,fixed:o.fixed}})).sort(((e,t)=>r.get(e.name).order-r.get(t.name).order))),[t,r])};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),r=require("../helper.cjs");exports.useComputedValues=function(u,o,t,s,a=!1){const c=e.useDeepCompareMemo((()=>u.reduce(((e,u)=>{const{key:a,rawValue:c,defaultValue:l}=u,n=r.computeValue(c,o,t,s,l);return e[a]=n,e}),{})),[t,s,o,u]);return a?u.reduce(((e,{key:r})=>(e[r]=c[r],e)),{}):u.map((({key:e})=>c[e]))};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),a=require("@vef-framework/shared");exports.useData=function({apiParams:t,...r},i,s){const{data:o,isLoading:n,isFetching:f,isSuccess:d,refetch:h}=e.useDataQuery({apiParams:i?{...s,...t}:t,keepPreviousData:!0,staleTime:0,...r});if(d)if(i){if(!Object.hasOwn(o,"total")||!Object.hasOwn(o,"items"))throw new Error("The paginated data of VefTable is invalid. The data must contain the `total` and `items` properties. Please check the data.");if(!a.isNumber(o.total))throw new Error("The `total` property of the paginated data of VefTable is invalid. It must be a number.");if(!a.isArray(o.items))throw new Error("The `items` property of the paginated data of VefTable is invalid. It must be an array.")}else if(!a.isArray(o))throw new Error("The data of VefTable is invalid. It must be an array.");return{data:i?o?.items:o,isFetching:f,isLoading:n,total:i?o?.total:void 0,refetch:h}};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useDefaultColumnConfigs=function(t){return e.useMemo((()=>{const e=new Map;let o=1;for(const r of t){const{name:t,title:n,fixed:s,configurable:u}=r;e.set(t,{title:n??t,show:!0,fixed:s,order:o++,configurable:u??!0})}return e}),[t])};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("react");exports.useDisplayValue=function(i,s,t,u){const{defaultValue:o,formatter:n,prefix:l,suffix:a}=u,f=e.isNullish(i)?o:i;return r.useMemo((()=>{if(e.isFunction(n))return n(i,s,t);if(e.isExpression(n)){return e.compileDynamicFn(n,"value","record","rowIndex",`return ${n.expression}`)(i,s,t)}return e.isNullish(f)?void 0:`${l??""}${f}${a??""}`}),[n,f,l,a,i,s,t])};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),t=require("@vef-framework/hooks"),r=require("@vef-framework/shared"),o=require("react"),n=require("../components/columns-settings.cjs"),i=require("../components/operation-buttons.cjs"),s=require("../components/settings-icon.cjs"),u=require("./use-operation-column-width.cjs");exports.useHelperColumns=function({showRowNumber:l,operationButtons:a,maxVisibleOperationButtons:d,size:m}){const c=o.useMemo((()=>{if(l)return{key:"_rowNumber",title:"#",align:"center",fixed:"left",width:48,shouldCellUpdate:()=>!1,render:(e,t,r)=>r+1}}),[l]),p=t.useAuthorizedItems(a??[]),f=u.useOperationColumnWidth(p,d??3,m);return{rowNumberColumn:c,operationColumn:o.useMemo((()=>{if(p&&p.length>0)return{key:"_operationButtons",title:"操作",align:"center",fixed:"right",filterIcon:()=>e.jsx(s.default,{}),filterDropdown:()=>e.jsx(n.default,{}),width:f,shouldCellUpdate:(e,t)=>!r.isEqual(e,t),render:(t,r,o)=>e.jsx(i.default,{maxVisibleOperationButtons:d??3,operationButtons:p,record:r,rowIndex:o})}}),[p,d,f])}};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),r=require("@vef-framework/shared"),t=require("react");function n(e,r,t,n){const o=r+4;return e.map((e=>{const r=e.label.length*o+8;return e.icon?r+o+8:r})).reduce(((e,r)=>e+r),0)+(n?o+8:0)+2*t}exports.useOperationColumnWidth=function(o,u,s="medium"){const{Button:a}=e.useThemeTokens(),i="large"===s?16:8,c=a?.contentFontSizeSM??16;return t.useMemo((()=>{if(0===o.length)return 0;if(o.length>u){const e=new Set;for(let t=0;t<u;t++){const t=r.max(o,(r=>e.has(r)?0:r.label.length));t&&e.add(t)}return n(Array.from(e),c,i,!0)}return n(o,c,i,!1)}),[i,c,u,o])};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("../../vef-pagination/props.cjs");exports.usePaginationProps=function(i,s){const[t,r]=e.useState({page:1,size:a.defaultPageSizeOptions[2]}),n=e.useMemo((()=>{if(i)return(e,a)=>{r({page:e,size:a})}}),[i,r]);return{paginationProps:e.useMemo((()=>{if(i)return{pageNumber:t.page,pageSize:t.size,size:"small"===s?"small":"medium",onChange:n}}),[n,i,t.page,t.size,s]),paginationParams:t}};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useRowProps=function({enableRowClick:o=!1,enableRowClickForSelection:t=!1,onRowClick:r,disabledSelection:n,handleRowClickSelection:l}){return e.useMemo((()=>{if(o)return(e,o)=>{const i=n?.(e)??!1;return{style:{cursor:i?"not-allowed":"pointer"},onClick:i?void 0:()=>{t||r?.(e,o??-1),l?.(e)}}}}),[n,o,t,l,r])};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),o=require("react"),t=require("./use-selected-rows.cjs");exports.useRowSelectionConfig=function({rowKey:c,selectedKeys:n,defaultSelectedKeys:s,selectable:l,enableRowClick:i,enableRowClickForSelection:r,multipleSelection:u=!0,showSelectAllCheckbox:d=!0,disabledSelection:a,onRowSelect:S,onRowDeselect:w,onRowSelectionChange:f}){const{selectedKeys:h,selectedRecords:R,onChange:y}=t.useSelectedRows({selectedKeys:n,defaultSelectedKeys:s,onRowSelectionChange:f}),C=o.useMemo((()=>{if(i&&r)return o=>{const t=e.isFunction(c)?c(o):o[c];if(h.includes(t)){if(!u)return;const n=h.filter((e=>e!==t)),s=R.current.filter((o=>(e.isFunction(c)?c(o):o[c])!==t));y(n,s),w?.(t,o)}else{const e=[t];u&&e.push(...h);const c=[o];u&&c.push(...R.current),y(e,c),S?.(t,o)}}}),[i,r,u,y,w,S,c,h,R]);return{rowSelectionConfig:o.useMemo((()=>{if(!l)return;return{fixed:!0,hideSelectAll:!d,preserveSelectedRowKeys:!1,selectedRowKeys:h,type:u?"checkbox":"radio",getCheckboxProps:e.isFunction(a)?e=>({disabled:a(e)}):void 0,onChange:(e,o)=>{y(e,o)},onSelect:e.isFunction(S)||e.isFunction(w)?(o,t)=>{const n=e.isFunction(c)?c(o):o[c];t?S?.(n,o):w?.(n,o)}:void 0}}),[l,d,h,u,a,S,w,y,c]),handleRowClickSelection:C,selectedKeys:h,selectedRecords:R}};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useSelectedRows=function({selectedKeys:t,defaultSelectedKeys:s,onRowSelectionChange:c}){const[o,r]=e.useState(s??[]),n=t??o,l=e.useRef([]),u=e.useCallback(((e,s)=>{t||r(e),l.current=s,c?.(e,s)}),[c,t]);return{selectedKeys:n,selectedRecords:l,onChange:u}};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),t=require("react"),n=require("../components/columns/index.cjs");exports.useTableColumns=function(o,s,u){return t.useMemo((()=>{const t=[],i=o.map((t=>{const{title:o,show:s,sort:u,fixed:i,dependentColumnNames:a,...m}=t,d=r.isNumber(u)?{multiple:u}:!!u||void 0,l=n.columnComponents[t.type];return{key:m.name,dataIndex:m.name,title:o||m.name,fixed:i,hidden:!(s??1),sorter:d,align:m.align,width:m.width,shouldCellUpdate:(e,t)=>!r.isEqual(a.map((r=>e[r])),a.map((e=>t[e]))),render:(r,t,n)=>e.jsx(l,{columnProps:m,record:t,rowIndex:n,value:r})}}));return s&&t.push(s),t.push(...i),u&&t.push(u),t}),[o,s,u])};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),{useContextSelector:t,useContext:o,ContextProvider:r}=e.createSelectableContext({isFetching:!1,refetch:()=>Promise.resolve({}),selectedKeys:[],selectedRecords:[],defaultColumnConfigMap:new Map,columnConfigMap:new Map,setColumnConfigMap:e.noop,columnConfigMapHasChanged:!1}),n=t,s=o;exports.TableContextProvider=r,exports.useTableContext=s,exports.useTableContextSelector=n;
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTableInstance=function(t,r,a){const n=e.useRef(null);return e.useImperativeHandle(t,(()=>({getData:()=>r,refetch:async()=>{await a()}}))),n};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),m=require("antd"),a=require("react"),{Summary:n}=m.Table,{Row:t,Cell:u}=n;exports.useTableSummary=function(m){const o=a.useMemo((()=>m.filter((e=>r.isFunction(e.summary))).map((e=>{const{name:r,summary:m,summaryColSpan:a}=e;return{name:r,summary:m,summaryColSpan:a??1}}))),[m]);return a.useMemo((()=>{if(0!==o.length)return r=>e.jsx(n,{fixed:"bottom",children:e.jsx(t,{children:o.map((({name:m,summary:a,summaryColSpan:n},t)=>e.jsx(u,{colSpan:n,index:t,children:a(r)},m)))})})}),[o])};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.20, build time: 2024-12-19T13:34:26.969Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTableWidth=function(t,r){return e.useMemo((()=>{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])};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */