@vef-framework/components 1.0.17 → 1.0.18

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

@@ -0,0 +1,54 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js"),r=require("../../vef-button/index.js"),o=require("../../vef-divider/index.js"),d=require("../../vef-sortable-list/index.js"),c=require("../../vef-text/index.js"),u=require("../hooks/use-table-context.js"),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.js

@@ -0,0 +1,12 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js"),s=require("../../vef-dropdown/index.js"),a=require("../../vef-flex/index.js"),c=require("../../vef-popconfirm/index.js"),d=require("../hooks/use-table-context.js"),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.js

@@ -0,0 +1,5 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js"),u=require("../hooks/use-table-context.js"),a=r.css`
+  color: ${o.themeVariables.colorPrimary};
+`,c=s.memo((()=>{const r=u.useTableContextSelector((e=>e.columnConfigMapHasChanged));return e.jsx(i.default,{css:r?a:void 0,children:e.jsx(t.SettingsIcon,{})})}),(()=>!1));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/components/table-footer.js

@@ -0,0 +1,19 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js"),r=require("../../vef-pagination/index.js"),a=require("../../vef-text/index.js"),l=require("../hooks/use-table-context.js"),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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),r=require("../helper.js");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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js"),i=require("../components/operation-buttons.js"),s=require("../components/settings-icon.js"),u=require("./use-operation-column-width.js");exports.useHelperColumns=function({showRowNumber:l,operationButtons:a,maxVisibleOperationButtons:d,size:m}){const p=o.useMemo((()=>{if(l)return{key:"_rowNumber",title:"#",align:"center",fixed:"left",width:48,shouldCellUpdate:()=>!1,render:(e,t,r)=>r+1}}),[l]),c=t.useAuthorizedItems(a??[]),f=u.useOperationColumnWidth(c,d??3,m);return{rowNumberColumn:p,operationColumn:o.useMemo((()=>{if(c&&c.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:c,record:r,rowIndex:o})}}),[c,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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("../../vef-pagination/props.js");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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js");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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js");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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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 */

package/lib/vef-table/index.js

@@ -0,0 +1,56 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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"),n=require("antd"),s=require("react");require("../internal/index.js");const l=require("./components/table-footer.js"),i=require("./hooks/use-computed-batch-buttons.js"),a=require("./hooks/use-computed-columns.js"),r=require("./hooks/use-data.js"),u=require("./hooks/use-default-column-configs.js"),c=require("./hooks/use-helper-columns.js"),d=require("./hooks/use-pagination-props.js"),m=require("./hooks/use-row-props.js"),h=require("./hooks/use-row-selection-config.js"),b=require("./hooks/use-table-columns.js"),f=require("./hooks/use-table-context.js"),p=require("./hooks/use-table-instance.js"),g=require("./hooks/use-table-summary.js"),w=require("./hooks/use-table-width.js"),C=require("../internal/utils.js"),x=o.css`
+  height: 100%;
+
+  > .vef-spin-nested-loading {
+    height: 100%;
+
+    > .vef-spin-container {
+      height: 100%;
+
+      > .vef-table {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+
+        > .vef-table-container {
+          flex: 1;
+          min-height: 0;
+          display: flex;
+          flex-direction: column;
+
+          > .vef-table-header {
+            flex-shrink: 0;
+          }
+
+          > .vef-table-body {
+            flex: 1;
+            scrollbar-width: thin;
+            scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
+            min-height: 200px;
+          }
+        }
+
+        > .vef-table-title {
+          flex-shrink: 0;
+          padding: ${t.themeVariables.paddingSm};
+        }
+
+        > .vef-table-footer {
+          flex-shrink: 0;
+          padding: ${t.themeVariables.paddingXs}
+        }
+
+        &.vef-table-empty > .vef-table-container > .vef-table-body > table {
+          min-height: 100%;
+        }
+      }
+    }
+  }
+`,S=o.css`
+  .vef-table-content {
+    scrollbar-width: thin;
+    scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
+  }
+`;const k=s.forwardRef((function({columns:o,defaultColumnConfigMap:u,rowNumberColumn:c,operationColumn:k,bordered:R=!1,size:y="medium",rowKey:q="id",height:j,virtual:v=!1,selectedKeys:B,defaultSelectedKeys:M,selectable:T=!1,multipleSelection:N,showSelectAllCheckbox:K,disabledSelection:P,enableRowClick:V,enableRowClickForSelection:z,rowBackgroundColor:A,batchActionButtons:F,selectionSummary:D,externalContext:O,onRowSelectionChange:E,onRowSelect:H,onRowDeselect:L,onRowClick:$,..._},I){const{paginated:U=!1,...W}=_,{paginationProps:X,paginationParams:G}=d.usePaginationProps(U,y),{data:J,isFetching:Q,isLoading:Y,total:Z,refetch:ee}=r.useData(W,U,G),oe=s.useMemo((()=>({...X,total:Z})),[X,Z]),[te,ne]=s.useState((()=>new Map(u))),se=s.useDeferredValue(te),le=a.useComputedColumns(o,se),{rowSelectionConfig:ie,handleRowClickSelection:ae,selectedKeys:re,selectedRecords:ue}=h.useRowSelectionConfig({selectedKeys:B,defaultSelectedKeys:M,selectable:T,multipleSelection:N,disabledSelection:P,enableRowClick:V,enableRowClickForSelection:z,onRowSelect:H,onRowDeselect:L,onRowSelectionChange:E,rowKey:q}),ce=m.useRowProps({enableRowClick:V,enableRowClickForSelection:z,onRowClick:$,disabledSelection:P,handleRowClickSelection:ae}),de=s.useMemo((()=>({externalContext:O,isFetching:Q,refetch:ee,selectedKeys:re,selectedRecords:ue.current,defaultColumnConfigMap:u,columnConfigMap:te,setColumnConfigMap:ne,columnConfigMapHasChanged:!t.isEqual(u,te)})),[O,Q,ee,re,ue,u,te]),me=b.useTableColumns(le,c,k),he=w.useTableWidth(me,T),be=s.useMemo((()=>({x:he,y:"auto"===j?"auto":j,scrollToFirstRowOnChange:!0})),[j,he]),fe=p.useTableInstance(I,J??[],ee),pe=g.useTableSummary(le),{computedBatchActionButtons:ge,batchActionButtonContext:we}=i.useComputedBatchActionButtons(F??[],de),Ce=s.useMemo((()=>{if(Y||0===J?.length||!U&&!1===D&&0===ge.length)return;const o=e.jsx(l.default,{batchActionButtonContext:we,batchActionButtons:ge,paginationProps:oe,selectionSummary:D,size:y});return()=>o}),[we,ge,J?.length,Y,oe,U,D,y]);return e.jsx(f.TableContextProvider,{value:de,children:e.jsx(n.Table,{ref:fe,bordered:R,columns:me,css:"auto"===j?x:S,dataSource:J,footer:Ce,loading:Q,pagination:!1,rowKey:q,rowSelection:ie,scroll:be,size:C.convertBasicSizeToUiSize(y),summary:pe,tableLayout:"fixed",virtual:t.isNumber(j)&&j>0&&v,onRow:ce})})}));k.displayName="VefTableBase";const R=s.memo(s.forwardRef((function({schema:o,showRowNumber:t,operationButtons:n,maxVisibleOperationButtons:l,...i},a){const{size:r}=i,d=s.useMemo((()=>o.filter((e=>e.show??!0)).map((e=>({...e,dependentColumnNames:[...new Set([e.name,...e.dependentColumnNames??[]])]})))),[o]);if(0===d.length)throw new Error("The showed columns of VefTable component cannot be empty");const m=u.useDefaultColumnConfigs(d),{rowNumberColumn:h,operationColumn:b}=c.useHelperColumns({showRowNumber:t,operationButtons:n,maxVisibleOperationButtons:l,size:r});return e.jsx(k,{ref:a,columns:d,defaultColumnConfigMap:m,operationColumn:b,rowNumberColumn:h,...i})})),t.isEqual);R.displayName="VefTable",exports.default=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/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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/store.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("zustand");const{StoreProvider:t,useStore:o,useStoreApi:s}=e.createComponentStore("table",(function(e){return r.createStore((r=>({changeSize:e=>r({size:e}),columnConfigMap:new Map,...e})))}));exports.TableStoreProvider=t,exports.useTableStore=o,exports.useTableStoreApi=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-table/types.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-tabs/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),i=require("antd");require("../internal/index.js");const t=require("../internal/utils.js"),r={inkBar:!0,tabPane:!0},s=({size:s,...a})=>e.jsx(i.Tabs,{animated:r,size:t.convertBasicSizeToUiSize(s),...a});exports.VefTabs=s,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-tabs/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-tag/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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"),o=require("react");exports.default=({closable:t=!1,color:s,inverse:l=!1,...u})=>{const i=o.useMemo((()=>l?`${s}-inverse`:s),[s,l]);return e.jsx(r.Tag,{closeIcon:t?null:void 0,color:i,...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-tag/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-temporal-picker/helper.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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"];exports.getTemporalFormats=function(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:[]};
+/*! VefFramework 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-temporal-picker/hooks/use-dayjs-value.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("dayjs"),s=require("react");exports.useDayjsValue=function(t,u){return s.useMemo((()=>e.isNullish(t)?t:e.isArray(t)?t.map((e=>r(e,u))):r(t,u)),[t,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-temporal-picker/hooks/use-temporal-limit.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),t=require("dayjs"),a=require("react");exports.useTemporalLimit=function({maxDate:i,minDate:r,disabledDate:o,disabledTime:u}){const[s,n]=a.useMemo((()=>[r?t(r):void 0,i?t(i):void 0]),[r,i]);return{minDateValue:s,maxDateValue:n,disabledTimeValue:a.useMemo((()=>{if(e.isFunction(u))return e=>u(e.toDate())}),[u]),disabledDateValue:a.useMemo((()=>{if(e.isFunction(o))return(e,{from:t})=>o(e.toDate(),t?.toDate())}),[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-temporal-picker/hooks/use-temporal-picker-instance.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTemporalPickerInstance=function(r){const t=e.useRef(null);return e.useImperativeHandle(r,(()=>({blur:()=>{t.current?.blur()},focus:()=>{t.current?.focus({preventScroll:!0})}}))),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-temporal-picker/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),a=require("@vef-framework/shared"),i=require("antd"),t=require("react");require("../internal/index.js");const r=require("./helper.js"),l=require("./hooks/use-dayjs-value.js"),u=require("./hooks/use-temporal-limit.js"),s=require("./hooks/use-temporal-picker-instance.js"),o=require("../internal/utils.js");const n=t.memo(t.forwardRef((function({defaultValue:n,value:m,clearable:d,size:c,mode:p="date",multiple:D=!1,minDate:f,maxDate:S,disabledTime:h,disabledDate:j,hourStep:T,minuteStep:b,secondStep:k,onChange:v,...x},V){const q=r.getTemporalFormats(p),z=l.useDayjsValue(m,q),g=l.useDayjsValue(n,q),{minDateValue:w,maxDateValue:C,disabledTimeValue:y,disabledDateValue:P}=u.useTemporalLimit({maxDate:S,minDate:f,disabledTime:h,disabledDate:j}),B=s.useTemporalPickerInstance(V),M=t.useMemo((()=>{if(a.isFunction(v))return(e,i)=>{if(!e)return void v(null,null);const t=a.isArray(e)?e.map((e=>e.toDate())):e.toDate();v(i,t)}}),[v]);return"time"===p||"hour"===p||"minute"===p?e.jsx(i.TimePicker,{ref:B,allowClear:d,defaultValue:g,disabledTime:y,format:q,hourStep:T,minuteStep:b,multiple:D,secondStep:k,showNow:"hour"!==p,size:o.convertBasicSizeToUiSize(c),value:z,onChange:M,...x}):"datetime"===p?e.jsx(i.DatePicker,{ref:B,allowClear:d,defaultValue:g,disabledDate:P,disabledTime:y,format:q,hourStep:T,maxDate:C,minDate:w,minuteStep:b,multiple:D,picker:"date",size:o.convertBasicSizeToUiSize(c),value:z,onChange:M,...x}):e.jsx(i.DatePicker,{ref:B,allowClear:d,defaultValue:g,disabledDate:P,format:q,maxDate:C,minDate:w,multiple:D,picker:p,size:o.convertBasicSizeToUiSize(c),value:z,onChange:M,...x})})));n.displayName="VefTemporalPicker",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-temporal-picker/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-temporal-range-picker/helper.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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"];exports.getTemporalFormats=function(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:[]};
+/*! VefFramework 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-temporal-range-picker/hooks/use-dayjs-values.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@vef-framework/shared"),e=require("dayjs"),t=require("react"),s=require("../props.js");exports.useDayjsValues=function(u,i){return t.useMemo((()=>{if(r.isNullish(u))return u;if(r.isArray(u))return u.map((r=>e(r,i)));const[t,o]=u.split(s.stringFormatSeparator);return[e(t,i),e(o,i)]}),[u,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-temporal-range-picker/hooks/use-temporal-limit.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),t=require("dayjs"),a=require("react");exports.useTemporalLimit=function({maxDate:i,minDate:r,disabledDate:o,disabledTime:u}){const[s,n]=a.useMemo((()=>[r?t(r):void 0,i?t(i):void 0]),[r,i]);return{minDateValue:s,maxDateValue:n,disabledTimeValue:a.useMemo((()=>{if(e.isFunction(u))return e=>u(e.toDate())}),[u]),disabledDateValue:a.useMemo((()=>{if(e.isFunction(o))return(e,{from:t})=>o(e.toDate(),t?.toDate())}),[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-temporal-range-picker/hooks/use-temporal-range-picker-instance.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTemporalRangePickerInstance=function(r){const t=e.useRef(null);return e.useImperativeHandle(r,(()=>({blur:()=>{t.current?.blur()},focus:()=>{t.current?.focus({preventScroll:!0})}}))),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-temporal-range-picker/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),a=require("@vef-framework/shared"),i=require("antd"),t=require("react");require("../internal/index.js");const r=require("./helper.js"),s=require("./hooks/use-dayjs-values.js"),o=require("./hooks/use-temporal-limit.js"),l=require("./hooks/use-temporal-range-picker-instance.js"),u=require("./props.js"),n=require("../internal/utils.js");const m=t.memo(t.forwardRef((function({defaultValue:m,value:d,clearable:c,mode:p="date",size:D,useStringFormat:f=!1,maxDate:S,minDate:j,disabledTime:g,disabledDate:k,hourStep:T,minuteStep:h,secondStep:b,onChange:v,...x},q){const V=r.getTemporalFormats(p),z=s.useDayjsValues(d,V),P=s.useDayjsValues(d,V),{minDateValue:C,maxDateValue:w,disabledTimeValue:R,disabledDateValue:y}=o.useTemporalLimit({maxDate:S,minDate:j,disabledTime:g,disabledDate:k}),F=l.useTemporalRangePickerInstance(q),B=t.useMemo((()=>{if(a.isFunction(v))return(e,a)=>{if(!e)return void v(null,null);const i=[e[0].toDate(),e[1].toDate()];v(f?a.join(u.stringFormatSeparator):a,i)}}),[v,f]);return"time"===p||"hour"===p||"minute"===p?e.jsx(i.TimePicker.RangePicker,{ref:F,allowClear:c,defaultValue:P,disabledTime:R,format:V,hourStep:T,minuteStep:h,secondStep:b,size:n.convertBasicSizeToUiSize(D),value:z,onChange:B,...x}):"datetime"===p?e.jsx(i.DatePicker.RangePicker,{ref:F,showTime:!0,allowClear:c,defaultValue:P,disabledDate:y,disabledTime:R,format:V,hourStep:T,maxDate:w,minDate:C,minuteStep:h,picker:"date",secondStep:b,size:n.convertBasicSizeToUiSize(D),value:z,onChange:B,...x}):e.jsx(i.DatePicker.RangePicker,{ref:F,allowClear:c,defaultValue:P,disabledDate:y,format:V,maxDate:w,minDate:C,picker:p,size:n.convertBasicSizeToUiSize(D),value:z,onChange:B,...x})})));m.displayName="VefTemporalRangePicker",exports.default=m;
+/*! VefFramework 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-temporal-range-picker/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.stringFormatSeparator="_";
+/*! VefFramework 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-text/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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("antd"),t=require("react"),{Text:s}=r.Typography;exports.default=({variant:r,color:i,bold:l,ellipsis:n,ellipsisTip:u,ellipsisTipPlacement:a,copyable:c,copiedText:p,onCopy:d,...y})=>{const m=t.useMemo((()=>{if(n)return{tooltip:u??y.children,placement:a}}),[n,u,a,y.children]),x=o.useColorTokens(),f=t.useMemo((()=>{const e={};return"shortcut"===r?e.keyboard=!0:"strikethrough"===r?e.delete=!0:r&&(e[r]=!0),"secondary"===i?e.type="secondary":i&&(e.css={color:x.get(i)}),l&&(e.strong=!0),e}),[l,i,x,r]),h=t.useMemo((()=>{if(c)return{format:"text/plain",text:p,onCopy:d}}),[c,p,d]);return e.jsx(s,{copyable:h,ellipsis:m,...f,...y})};
+/*! VefFramework 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-text/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-textarea/hooks/use-textarea-instance.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTextareaInstance=function(r){const t=e.useRef(null);return e.useImperativeHandle(r,(()=>({blur:()=>t.current?.blur(),focus:()=>t.current?.focus({preventScroll:!0})}))),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-textarea/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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"),t=require("antd"),n=require("react");require("../internal/index.js");const o=require("./hooks/use-textarea-instance.js"),u=require("../internal/utils.js"),{TextArea:a}=t.Input;function s(e){return""===e?null:e}const i=n.forwardRef((({defaultValue:t,value:i,size:l,clearable:c,showCount:d,onChange:v,onEnterKeyPress:f,onBlur:g,onFocus:x,...q},h)=>{const j=n.useMemo((()=>({onChange:r.isFunction(v)?e=>v(s(e.target.value)):void 0,onPressEnter:r.isFunction(f)?e=>f(s(e.target.value)):void 0,onBlur:r.isFunction(g)?e=>g(s(e.target.value)):void 0,onFocus:r.isFunction(x)?e=>x(s(e.target.value)):void 0})),[v,f,g,x]),F=o.useTextareaInstance(h);return e.jsx(a,{ref:F,allowClear:c,defaultValue:t,showCount:d,size:u.convertBasicSizeToUiSize(l),value:i,...q,...j})}));exports.default=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-textarea/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-title/index.js

@@ -0,0 +1,15 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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/hooks"),i=require("@vef-framework/shared"),s=require("antd"),o=require("react"),a=require("../vef-divider/index.js"),{Title:l}=s.Typography,n=r.css`
+  margin: ${i.themeVariables.marginSm} 0 ${i.themeVariables.marginLg};
+`,c=r.css`
+  &::before {
+    content: "";
+    display: inline-block;
+    width: 6px;
+    height: var(--vef-title-left-bar-height);
+    border-radius: 3px;
+    background: linear-gradient(to top, ${i.themeVariables.colorPrimary}, ${i.themeVariables.blue5});
+    margin-right: ${i.themeVariables.paddingSm};
+  }
+`;exports.default=({showLeftBar:r,showBottomLine:i,noPaddingBottom:s,variant:d,color:u,ellipsis:h,ellipsisTip:m,...g})=>{const{level:p=1}=g,f=o.useMemo((()=>{if(h)return{tooltip:m??g.children}}),[h,m,g.children]),b=t.useColorTokens(),v=o.useMemo((()=>{const e={};if("secondary"===u)e.type="secondary";else{const t=[];u&&t.push({color:b.get(u)}),r&&t.push(c),e.css=t}return d&&(e[d]=!0),r&&(e.style={"--vef-title-left-bar-height":`calc(var(--vef-font-size-heading-${p}) * 0.8)`}),s&&(e.style={...e.style,"--vef-typography-title-margin-bottom":0}),e}),[u,d,r,b,p,s]);return e.jsxs(e.Fragment,{children:[e.jsx(l,{ellipsis:f,...v,...g}),i&&e.jsx(a.default,{css: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-title/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-tooltip/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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"),n=t.forwardRef((({content:n,trigger:o="hover",arrow:a=!0,delay:u=.1,defaultOpened:l,opened:i,onOpenedChange:d,...s},p)=>{const c=t.useRef(null);return t.useImperativeHandle(p,(()=>c.current.nativeElement)),e.jsx(r.Tooltip,{ref:c,arrow:a,defaultOpen:l,mouseEnterDelay:u,open:i,title:n,trigger:o,onOpenChange:d,...s})}));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-tooltip/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-tree-select/hooks/use-change-handler.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("react");exports.useChangeHandler=function(t,u){const n=r.useMemo((()=>u.reduce(((e,r)=>(e.set(r.value,r),e)),new Map)),[u]);return r.useMemo((()=>{if(e.isFunction(t))return r=>{r?e.isArray(r)?t(r,r.map((e=>n.get(e)))):t(r,n.get(r)):t(null,null)}}),[t,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-tree-select/hooks/use-data-options.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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,multiple:a=!1,onChange:n,...s}){const{onFilterKeywordChange:r,normalizedOptions:l,defaultOption:u,isLoading:p,fallbackOptions:d,isFallbackOptionsLoading:c}=e.useComputedOptions({...s,selectedOptionValues:o.isArray(t)?t:t?[t]:[]});return i.useLayoutEffect((()=>{u&&o.isFunction(n)&&o.isNullish(t)&&n(a?[u.value]:u.value,a?[u]:u)}),[u,a,n,t]),{onFilterKeywordChange:r,normalizedOptions:l,isLoading:p,fallbackOptions:d,isFallbackOptionsLoading: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-tree-select/hooks/use-tree-select-instance.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTreeSelectInstance=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-tree-select/index.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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"),l=require("react");require("../internal/index.js");const a=require("../vef-loading-placeholder/index.js"),i=require("./hooks/use-change-handler.js"),n=require("./hooks/use-data-options.js"),s=require("./hooks/use-tree-select-instance.js"),u=require("../internal/utils.js"),c=e.jsx("div",{css:{height:140},children:e.jsx(a.default,{})}),d={showLeafIcon:!1};const h=l.memo(l.forwardRef((function({defaultValue:l,value:a,size:h,clearable:f,disabled:m,placeholder:p,variant:v,onClear:g,onBlur:j,onFocus:q,onChange:C,onSelect:S,onDeselect:x,multiple:b=!1,filterable:k=!0,filterFromRemote:T=!1,...w},F){const{normalizedOptions:z,isLoading:D}=n.useDataOptions({value:a,multiple:b,onChange:C,filterable:k,filterFromRemote:T,...w}),O=r.useOptionFilter(k,!1),y=i.useChangeHandler(C,z),B=s.useTreeSelectInstance(F,z);return e.jsx(t.TreeSelect,{ref:B,allowClear:f,css:o.styles.fullWidth,defaultValue:l,disabled:m,filterTreeNode:O,listHeight:280,loading:D,maxTagCount:b?"responsive":void 0,multiple:b,notFoundContent:D?c:void 0,placeholder:p,showSearch:k,size:u.convertBasicSizeToUiSize(h),treeCheckable:b,treeData:z,treeLine:d,value:a,variant:v,onBlur:j,onChange:y,onClear:g,onDeselect:x,onFocus:q,onSelect:S})})));h.displayName="VefTreeSelect",exports.default=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-tree-select/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-virtual-grid/index.js

@@ -0,0 +1,14 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),i=require("@tanstack/react-virtual"),r=require("@vef-framework/hooks"),a=require("@vef-framework/shared"),s=require("react"),l=require("../vef-auto-sizer/index.js"),u=require("../vef-scroll-area/index.js"),o={willChange:"transform"},n=t.css`
+  position: relative;
+  width: var(--vef-virtual-grid-width);
+  height: var(--vef-virtual-grid-height);
+`,m=t.css`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: var(--vef-virtual-grid-item-width);
+  height: var(--vef-virtual-grid-item-height);
+  transform: translateX(var(--vef-virtual-grid-item-x)) translateY(var(--vef-virtual-grid-item-y));
+`;const d=s.memo((function({className:t,style:d,items:v,renderItem:h,itemClassName:c,itemStyle:g,rowHeight:f,columnWidth:x,gap:p,...w}){const z=s.useMemo((()=>s.memo(h)),[h]),S=s.useRef(null),y=r.useGapSizeNormalizer(),[j,q]=s.useMemo((()=>{if(a.isArray(p))return[y(p[0]),y(p[1])];if(p){const e=y(p);return[e,e]}return[0,0]}),[p,y]),N=i.useVirtualizer({count:v.length,getScrollElement:()=>S.current,estimateSize:a.isNumber(f)?()=>f:f,overscan:2,gap:j}),b=i.useVirtualizer({horizontal:!0,count:v[0]?.length??0,getScrollElement:()=>S.current,estimateSize:a.isNumber(x)?()=>x:x,overscan:2,gap:q}),k=s.useMemo((()=>({"--vef-virtual-grid-height":`${N.getTotalSize()}px`,"--vef-virtual-grid-width":`${b.getTotalSize()}px`})),[N.getTotalSize(),b.getTotalSize()]),V=(i,r)=>e.jsx(u.default,{className:t,height:i,scrollbarSize:"small",style:d,viewportRef:S,viewportStyle:o,width:r,children:e.jsx("div",{css:n,style:k,children:N.getVirtualItems().map((t=>e.jsx(s.Fragment,{children:b.getVirtualItems().map((i=>{const r=v[t.index][i.index];return e.jsx("div",{className:c,css:m,style:{...g,"--vef-virtual-grid-item-width":`${i.size}px`,"--vef-virtual-grid-item-height":`${t.size}px`,"--vef-virtual-grid-item-x":`${i.start}px`,"--vef-virtual-grid-item-y":`${t.start}px`},children:r&&s.createElement(z,{item:r,rowIndex:t.index,columnIndex:i.index})},i.key)}))},t.key)))})});if(!w.autoSize){const{height:e,width:t}=w;return V(e,t)}return e.jsx(l.default,{children:({height:e,width:t})=>V(e,t)})}));d.displayName="VefVirtualGrid",exports.default=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-virtual-grid/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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-virtual-list/index.js

@@ -0,0 +1,20 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),i=require("@tanstack/react-virtual"),l=require("@vef-framework/hooks"),a=require("@vef-framework/shared"),r=require("react"),s=require("../vef-auto-sizer/index.js"),v=require("../vef-scroll-area/index.js"),o={willChange:"transform"},u=t.css`
+  position: relative;
+  width: var(--vef-virtual-list-width, auto);
+  height: var(--vef-virtual-list-height, auto);
+`,m=t.css`
+  position: absolute;
+  top: var(--vef-virtual-list-item-top, 0);
+  left: var(--vef-virtual-list-item-left, 0);
+  width: var(--vef-virtual-list-item-width, auto);
+  height: var(--vef-virtual-list-item-height, auto);
+  transform: translateX(var(--vef-virtual-list-item-x, 0)) translateY(var(--vef-virtual-list-item-y, 0));
+`,n=t.css`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  transform: translateY(var(--vef-virtual-list-frame-y, 0)); 
+`;const h=r.memo((function({className:t,style:h,items:f,renderItem:d,itemClassName:c,itemStyle:x,itemSize:p,autoItemSize:g=!1,gap:y=0,lanes:z=1,itemKey:w,...S}){const j=r.useMemo((()=>r.memo(d)),[d]),$=r.useMemo((()=>{if(a.isFunction(w))return e=>w({index:e,item:f[e]})}),[w,f]),N=r.useMemo((()=>a.isFunction(p)?e=>p({index:e,item:f[e]}):()=>p),[p,f]),b=l.useNormalizedGapSize(y),q=r.useRef(null),{orientation:k}=S,M=i.useVirtualizer({horizontal:"horizontal"===k,count:f.length,getScrollElement:()=>q.current,estimateSize:N,overscan:2,getItemKey:$,gap:b,lanes:z}),E=M.getVirtualItems(),I=100/z,T=r.useMemo((()=>"horizontal"===k?{"--vef-virtual-list-width":`${M.getTotalSize()}px`,"--vef-virtual-list-height":"100%"}:{"--vef-virtual-list-height":`${M.getTotalSize()}px`,"--vef-virtual-list-width":"100%"}),[k,M.getTotalSize()]),V=r.useMemo((()=>g&&"horizontal"!==k?{...o,contain:"strict"}:o),[g,k]),R=(i,l)=>g?e.jsx(v.default,{className:t,height:i,scrollbarSize:"small",style:h,viewportRef:q,viewportStyle:V,width:l,children:e.jsx("div",{css:u,style:T,children:"horizontal"===k?E.map((({index:t,key:i,start:l})=>e.jsx("div",{className:c,css:m,style:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":"auto","--vef-virtual-list-item-height":"100%","--vef-virtual-list-item-x":`${l}px`,"--vef-virtual-list-item-y":0},children:r.createElement(j,{index:t,item:f[t]})},i))):e.jsx("div",{css:n,style:{"--vef-virtual-list-frame-y":`${E[0]?.start??0}px`},children:E.map((({index:t,key:i})=>e.jsx("div",{ref:M.measureElement,className:c,"data-index":t,style:x,children:r.createElement(j,{index:t,item:f[t]})},i)))})})}):e.jsx(v.default,{className:t,height:i,scrollbarSize:"small",style:h,viewportRef:q,viewportStyle:V,width:l,children:e.jsx("div",{css:u,style:T,children:E.map((({index:t,key:i,size:l,start:a,lane:s})=>e.jsx("div",{className:c,css:m,style:"horizontal"===k?{"--vef-virtual-list-item-top":0===s?0:s*I+"%","--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":`${l}px`,"--vef-virtual-list-item-height":`${I}%`,"--vef-virtual-list-item-x":`${a}px`,"--vef-virtual-list-item-y":0}:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":0===s?0:s*I+"%","--vef-virtual-list-item-width":`${I}%`,"--vef-virtual-list-item-height":`${l}px`,"--vef-virtual-list-item-x":0,"--vef-virtual-list-item-y":`${a}px`},children:r.createElement(j,{index:t,item:f[t]})},i)))})});return S.autoSize?"horizontal"===S.orientation?e.jsx(s.default,{disableHeight:!0,children:({width:e})=>R("100%",e)}):e.jsx(s.default,{disableWidth:!0,children:({height:e})=>R(e,"100%")}):"horizontal"===S.orientation?R("100%",S.width):R(S.height,"100%")}));h.displayName="VefVirtualList",exports.default=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-virtual-list/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.18, build time: 2024-12-19T13:17:25.344Z, 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 */