@vef-framework/components 1.0.135 → 2.0.1

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

@@ -1,2 +0,0 @@
-"use strict";
-import{jsxs as P,jsx as a}from"@emotion/react/jsx-runtime";import{MoreOutlined as H}from"@ant-design/icons";import{css as S}from"@emotion/react";import{useComputedActionButtons as V}from"@vef-framework/hooks";import{invokeMaybeAsyncFn as N}from"@vef-framework/shared";import{useMemo as y,useState as b,useCallback as Q}from"react";import"../../helpers/index.js";import g from"../../vef-button/index.js";import U from"../../vef-dropdown/index.js";import D from"../../vef-flex/index.js";import E from"../../vef-popconfirm/index.js";import{useTableContextSelector as G}from"../hooks/use-table-context.js";import{showConfirmation as J}from"../../helpers/message.js";const L=S({".vef-btn-sm":{"--vef-control-height-sm":"24px","--vef-button-padding-inline-sm":"4px","&.vef-btn-icon-only":{paddingInline:"2px"}}});function W({record:k,rowIndex:x,operationButtons:K,maxVisibleOperationButtons:c}){const{externalContext:v,refetch:F,isFetching:M,selectedKeys:w,selectedRecords:I}=G(e=>{const{externalContext:t,refetch:i,isFetching:n,selectedKeys:o,selectedRecords:s}=e;return{externalContext:t,refetch:i,isFetching:n,selectedKeys:o,selectedRecords:s}}),m=y(()=>({record:k,rowIndex:x,refetch:F,isFetching:M,selectedKeys:w,selectedRecords:I,...v??{}}),[v,M,k,F,x,w,I]),r=V(K,m),[l,O]=b(!1),f=y(()=>r.length>c?r.slice(c).map(e=>{const{key:t,label:i,icon:n,disabled:o}=e;return{type:"item",key:t,label:i,icon:n,disabled:o}}):[],[r,c]),[R,T]=b(!1),[p,u]=b(null),C=Q(()=>{T(!1),u(null)},[]),q=y(()=>{if(f.length!==0)return async e=>{const{requireConfirmation:t,confirmationMode:i,confirmationTitle:n,confirmationContent:o,onClick:s}=r.find(h=>h.key===e),d=async()=>{try{await N(s,{beforeInvoke:()=>{O(!0)},onFinally:()=>{O(!1)}},m)}finally{C()}};t?i==="simple"?(u({title:n,content:o,okHandler:d}),T(!0)):J(n,o,d,{onCancel:()=>{u(null)}}):await d()}},[r,m,C,f.length]);return P(D,{align:"center",css:L,gap:"small",justify:"center",children:[r.slice(0,c).map(e=>{const{key:t,label:i,icon:n,color:o,disabled:s,requireConfirmation:d,confirmationMode:h,confirmationTitle:z,confirmationContent:A,onClick:j}=e;return d?a(g,{requireConfirmation:!0,color:o,confirmationContent:A,confirmationMode:h,confirmationTitle:z,disabled:s||l,icon:n,size:"small",variant:"filled",onConfirmationOk:()=>j(m),children:i},t):a(g,{color:o,disabled:s||l,icon:n,size:"small",variant:"filled",onClick:B=>(B.stopPropagation(),j(m)),children:i},t)}),r.length>c&&a(U,{disabled:l,items:f,onClick:q,children:a(E,{content:p?.content,disabled:l,opened:R,title:p?.title,onCancel:C,onOk:p?.okHandler,children:a(g,{color:"primary",disabled:l,icon:a(H,{}),loading:l,size:"small",variant:"filled",onClick:e=>e.stopPropagation()})})})]})}export{W as default};

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

@@ -1,4 +0,0 @@
-"use strict";
-import{jsx as o}from"@emotion/react/jsx-runtime";import{css as m}from"@emotion/react";import{themeVariables as e}from"@vef-framework/shared";import{SettingsIcon as i}from"lucide-react";import{memo as s}from"react";import c from"../../vef-icon/index.js";import{useTableContextSelector as n}from"../hooks/use-table-context.js";const a=m`
-  color: ${e.colorPrimary};
-`;function f(){const r=n(t=>t.columnConfigMapHasChanged);return o(c,{css:r?a:void 0,children:o(i,{})})}const p=s(f,()=>!1);export{p as default};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{jsxs as r,jsx as i}from"@emotion/react/jsx-runtime";import{css as B}from"@emotion/react";import{themeVariables as V,invokeMaybeAsyncFn as $}from"@vef-framework/shared";import{useMemo as a,memo as j}from"react";import b from"../../vef-button/index.js";import w from"../../vef-pagination/index.js";import g from"../../vef-text/index.js";import{useTableContextSelector as F}from"../hooks/use-table-context.js";const I=B({width:"100%",display:"flex",alignItems:"center",gap:"var(--vef-table-footer-gap)","> div":{flex:"auto",display:"flex",alignItems:"center",gap:V.padding},"> .vef-pagination":{flex:"none"}});function P({selectionSummary:o,size:t,paginationProps:v,batchActionButtons:l,batchActionButtonContext:c}){const e=F(n=>n.selectedRecords),y=a(()=>{if(o!==!1){if(o)return o(e);if(e.length>0)return r(g,{color:"secondary",children:["已选择"," ",i(g,{bold:!0,color:"blue",children:e.length})," ","项"]})}},[o,e]),x=a(()=>l.map(n=>{const{key:m,label:s,icon:d,disabled:f,color:p,requireConfirmation:k,confirmationMode:M,confirmationTitle:T,confirmationContent:q,onClick:A}=n,u=async()=>{await $(A,{},c)};return k?i(b,{requireConfirmation:!0,color:p,confirmationContent:q,confirmationMode:M,confirmationTitle:T,disabled:f,icon:d,onConfirmationOk:u,children:s},m):i(b,{color:p,disabled:f,icon:d,onClick:u,children:s},m)}),[l,c]),C=a(()=>({"--vef-table-footer-gap":`var(--vef-table-cell-padding-block${t==="small"?"-sm":t==="medium"?"-md":""})`}),[t]);return r("div",{css:I,style:C,children:[r("div",{children:[y,x]}),i(w,{...v})]})}const h=j(P);h.displayName="VefTableFooter";export{h as default};

package/esm/vef-table/helper.js

@@ -1,2 +0,0 @@
-"use strict";
-import{compileDynamicFn as s,isFunction as t,isExpression as u}from"@vef-framework/shared";function c(r,i,n,o,e){return t(r)?r(i,n,o):u(r)?s(r,"value","record","rowIndex",`return ${r.expression}`)(i,n,o):r??e}export{c as computeValue};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{useComputedActionButtons as i}from"@vef-framework/hooks";import{useMemo as d}from"react";function m(r,u){const{externalContext:t,isFetching:e,refetch:o,selectedKeys:c,selectedRecords:s}=u,n=d(()=>({isFetching:e,refetch:o,selectedKeys:c,selectedRecords:s,...t??{}}),[t,e,o,c,s]);return{computedBatchActionButtons:i(r,n),batchActionButtonContext:n}}export{m as useComputedBatchActionButtons};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{useMemo as n}from"react";function s(r,e){return n(()=>r.map(t=>{const{name:o}=t,m=e.get(o);return{...t,show:m.show,fixed:m.fixed}}).sort((t,o)=>e.get(t.name).order-e.get(o.name).order),[r,e])}export{s as useComputedColumns};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{useDeepMemo as n}from"@vef-framework/hooks";import{computeValue as f}from"../helper.js";function i(r,o,t,m,c=!1){const p=n(()=>r.reduce((e,u)=>{const{key:s,rawValue:a,defaultValue:d}=u,l=f(a,o,t,m,d);return e[s]=l,e},{}),[t,m,o,r]);return c?r.reduce((e,{key:u})=>(e[u]=p[u],e),{}):r.map(({key:e})=>p[e])}export{i as useComputedValues};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{useDataQuery as m}from"@vef-framework/hooks";import{isShallowEqual as d,isNumber as u,isArray as s}from"@vef-framework/shared";import{useRef as p}from"react";function c({apiParams:a,...o},t,i){const r=p(),{data:e,isLoading:n,isFetching:f,isSuccess:h,refetch:l}=m({apiParams:t?{...i,page:d(r.current,a)?i.page:1,...a}:a,keepPreviousData:!0,staleTime:0,...o});if(r.current=a,h){if(t){if(!Object.hasOwn(e,"total")||!Object.hasOwn(e,"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(!u(e.total))throw new Error("The `total` property of the paginated data of VefTable is invalid. It must be a number.");if(!s(e.items))throw new Error("The `items` property of the paginated data of VefTable is invalid. It must be an array.")}else if(!s(e))throw new Error("The data of VefTable is invalid. It must be an array.")}return{data:t?e?.items:e,isFetching:f,isLoading:n,total:t?e?.total:void 0,refetch:l}}export{c as useData};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{useMemo as s}from"react";function l(e){return s(()=>{const t=new Map;let n=1;for(const r of e){const{name:o,title:f,fixed:u,configurable:i}=r;t.set(o,{title:f??o,show:!0,fixed:u,order:n++,configurable:i??!0})}return t},[e])}export{l as useDefaultColumnConfigs};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{isNullish as t,isFunction as m,isExpression as p,compileDynamicFn as a}from"@vef-framework/shared";import{useMemo as c}from"react";function x(r,i,u,f){const{defaultValue:l,formatter:e,prefix:s,suffix:o}=f,n=t(r)?l:r;return c(()=>{if(m(e))return e(r,i,u);if(p(e))return a(e,"value","record","rowIndex",`return ${e.expression}`)(r,i,u);if(!t(n))return`${s??""}${n}${o??""}`},[e,n,s,o,r,i,u])}export{x as useDisplayValue};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{jsx as n}from"@emotion/react/jsx-runtime";import{useAuthorizedItems as h}from"@vef-framework/hooks";import{isDeepEqual as w}from"@vef-framework/shared";import{useMemo as s}from"react";import c from"../components/columns-settings.js";import x from"../components/operation-buttons.js";import C from"../components/settings-icon.js";import{useOperationColumnWidth as b}from"./use-operation-column-width.js";const l=3;function B({showRowNumber:m,operationButtons:p,maxVisibleOperationButtons:t,size:d}){const f=s(()=>{if(m)return{key:"_rowNumber",title:"#",align:"center",fixed:"left",width:48,shouldCellUpdate:()=>!1,render:(o,r,i)=>i+1}},[m]),e=h(p??[]),u=b(e,t??l,d),a=s(()=>{if(e&&e.length>0)return{key:"_operationButtons",title:"操作",align:"center",fixed:"right",filterIcon:()=>n(C,{}),filterDropdown:()=>n(c,{}),width:u,shouldCellUpdate:(o,r)=>!w(o,r),render:(o,r,i)=>n(x,{maxVisibleOperationButtons:t??l,operationButtons:e,record:r,rowIndex:i})}},[e,t,u]);return{rowNumberColumn:f,operationColumn:a}}export{B as useHelperColumns};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{useThemeTokens as f}from"@vef-framework/hooks";import{max as a}from"@vef-framework/shared";import{useMemo as h}from"react";function p(e,u,i="medium"){const{Button:m}=f(),r=i==="large"?16:8,o=m?.contentFontSizeSM??16;return h(()=>{if(e.length===0)return 0;if(e.length>u){const t=new Set;for(let n=0;n<u;n++){const s=a(e,l=>t.has(l)?0:l.label.length);s&&t.add(s)}return c(Array.from(t),o,r,!0)}return c(e,o,r,!1)},[r,o,u,e])}function c(e,u,i,m){const r=u+4,o=4*2;return e.map(t=>{const n=t.label.length*r+o;return t.icon?n+r+8:n}).reduce((t,n)=>t+n,0)+(m?r+o:0)+i*2}export{p as useOperationColumnWidth};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{useState as p,useMemo as n}from"react";import{defaultPageSizeOptions as g}from"../../vef-pagination/props.js";function m(i,a){const[e,s]=p({page:1,size:g[2]}),t=n(()=>{if(i)return(r,o)=>{s({page:r,size:o})}},[i,s]);return{paginationProps:n(()=>{if(i)return{pageNumber:e.page,pageSize:e.size,size:a==="small"?"small":"medium",onChange:t}},[t,i,e.page,e.size,a]),paginationParams:e}}export{m as usePaginationProps};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{useMemo as s}from"react";function u({enableRowClick:e=!1,enableRowClickForSelection:i=!1,onRowClick:l,disabledSelection:n,handleRowClickSelection:r}){return s(()=>{if(e)return(o,c)=>{const t=n?.(o)??!1;return{style:{cursor:t?"not-allowed":"pointer"},onClick:t?void 0:()=>{i||l?.(o,c??-1),r?.(o)}}}},[n,e,i,r,l])}export{u as useRowProps};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{isFunction as t}from"@vef-framework/shared";import{useMemo as f}from"react";import{useSelectedRows as g}from"./use-selected-rows.js";function k({rowKey:o,selectedKeys:y,defaultSelectedKeys:K,selectable:a,enableRowClick:h,enableRowClickForSelection:p,multipleSelection:n=!0,showSelectAllCheckbox:C=!0,disabledSelection:R,onRowSelect:i,onRowDeselect:r,onRowSelectionChange:m}){const{selectedKeys:c,selectedRecords:u,onChange:d}=g({selectedKeys:y,defaultSelectedKeys:K,onRowSelectionChange:m}),b=f(()=>{if(!(!h||!p))return e=>{const s=t(o)?o(e):e[o];if(c.includes(s)){if(!n)return;const l=c.filter(w=>w!==s),S=u.current.filter(w=>(t(o)?o(w):w[o])!==s);d(l,S),r?.(s,e)}else{const l=[s];n&&l.push(...c);const S=[e];n&&S.push(...u.current),d(l,S),i?.(s,e)}}},[h,p,n,d,r,i,o,c,u]);return{rowSelectionConfig:f(()=>a?{fixed:!0,hideSelectAll:!C,preserveSelectedRowKeys:!1,selectedRowKeys:c,type:n?"checkbox":"radio",getCheckboxProps:t(R)?e=>({disabled:R(e)}):void 0,onChange:(e,s)=>{d(e,s)},onSelect:t(i)||t(r)?(e,s)=>{const l=t(o)?o(e):e[o];s?i?.(l,e):r?.(l,e)}:void 0}:void 0,[a,C,c,n,R,i,r,d,o]),handleRowClickSelection:b,selectedKeys:c,selectedRecords:u}}export{k as useRowSelectionConfig};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{useState as d,useRef as f,useCallback as i}from"react";function R({selectedKeys:e,defaultSelectedKeys:l,onRowSelectionChange:s}){const[o,u]=d(l??[]),r=e??o,t=f([]),a=i((c,n)=>{e||u(c),t.current=n,s?.(c,n)},[s,e]);return{selectedKeys:r,selectedRecords:t,onChange:a}}export{R as useSelectedRows};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{jsx as C}from"@emotion/react/jsx-runtime";import{isNumber as w,isDeepEqual as y}from"@vef-framework/shared";import{useMemo as b}from"react";import{columnComponents as g}from"../components/columns/index.js";function v(u,r,m){return b(()=>{const t=[],a=u.map(p=>{const{title:l,show:f,sort:n,fixed:h,dependentColumnNames:d,...e}=p,c=w(n)?{multiple:n}:n??!1?!0:void 0,x=g[p.type];return{key:e.name,dataIndex:e.name,title:l||e.name,fixed:h,hidden:!(f??!0),sorter:c,align:e.align,width:e.width,shouldCellUpdate:(i,s)=>!y(d.map(o=>i[o]),d.map(o=>s[o])),render:(i,s,o)=>C(x,{columnProps:e,record:s,rowIndex:o,value:i})}});return r&&t.push(r),t.push(...a),m&&t.push(m),t},[u,r,m])}export{v as useTableColumns};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{createSelectableContext as e,noop as o}from"@vef-framework/shared";const{useContextSelector:t,useContext:n,ContextProvider:s}=e({isFetching:!1,refetch:()=>Promise.resolve({}),selectedKeys:[],selectedRecords:[],defaultColumnConfigMap:new Map,columnConfigMap:new Map,setColumnConfigMap:o,columnConfigMapHasChanged:!1}),a=t,r=n;export{s as TableContextProvider,r as useTableContext,a as useTableContextSelector};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{useRef as r,useImperativeHandle as s}from"react";function u(e,t,a){const n=r(null);return s(e,()=>({getData:()=>t,refetch:async()=>{await a()}})),n}export{u as useTableInstance};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{jsx as n}from"@emotion/react/jsx-runtime";import{isFunction as l}from"@vef-framework/shared";import{Table as p}from"antd";import{useMemo as u}from"react";const{Summary:i}=p,{Row:c,Cell:y}=i;function f(t){const r=u(()=>t.filter(m=>l(m.summary)).map(m=>{const{name:o,summary:a,summaryColSpan:e}=m;return{name:o,summary:a,summaryColSpan:e??1}}),[t]);return u(()=>{if(r.length!==0)return m=>n(i,{fixed:"bottom",children:n(c,{children:r.map(({name:o,summary:a,summaryColSpan:e},s)=>n(y,{colSpan:e,index:s,children:a(m)},o))})})},[r])}export{f as useTableSummary};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{useMemo as d}from"react";const u=160,m=40;function o(e,r){return d(()=>{const i=e.filter(t=>t.hidden!==!0).map(t=>t.width??t.minWidth??u).reduce((t,n)=>t+n,0);return r?i+m:i},[e,r])}export{o as useTableWidth};

package/esm/vef-table/index.js

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

package/esm/vef-table/props.js

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

package/esm/vef-table/store.js

@@ -1,2 +0,0 @@
-"use strict";
-import{createComponentStore as t}from"@vef-framework/shared";const{StoreProvider:a,useStore:s,useStoreApi:i}=t("Table",e=>o=>({changeSize:r=>o({size:r}),columnConfigMap:new Map,...e}));export{a as TableStoreProvider,s as useTableStore,i as useTableStoreApi};

package/esm/vef-table/types.js

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

package/esm/vef-tabs/index.js

@@ -1,2 +0,0 @@
-"use strict";
-import{jsx as r}from"@emotion/react/jsx-runtime";import{Tabs as o}from"antd";import"../internal/index.js";import{convertBasicSizeToUiSize as e}from"../internal/utils.js";const a={inkBar:!0,tabPane:!0};function s({size:t,...i}){return r(o,{animated:a,size:e(t),...i})}export{s as default};

package/esm/vef-tabs/props.js

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

package/esm/vef-tag/index.js

@@ -1,2 +0,0 @@
-"use strict";
-import{jsx as n}from"@emotion/react/jsx-runtime";import{Tag as c}from"antd";import{useMemo as i}from"react";function l({closable:e=!1,color:o,inverse:r=!1,...s}){const t=i(()=>r?`${o}-inverse`:o,[o,r]);return n(c,{closeIcon:e?null:void 0,color:t,...s})}export{l as default};

package/esm/vef-tag/props.js

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

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

@@ -1,2 +0,0 @@
-"use strict";
-const M=["YYYY"],m=["YYYY-Q季度"],D=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],H=["YYYY-wo"],s=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],t=["HH:mm:ss","HH.mm.ss","HHmmss"],e=["HH"],r=["HH:mm","HH.mm","HHmm"],o=["YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss","YYYY.MM.DD HH.mm.ss","YYYYMMDDHHmmss","YY/MM/DD HH:mm:ss","YY.MM.DD HH:mm:ss","YY.MM.DD HH.mm.ss","YYMMDDHHmmss"];function a(Y){return Y==="year"?M:Y==="quarter"?m:Y==="month"?D:Y==="week"?H:Y==="datetime"?o:Y==="date"?s:Y==="time"?t:Y==="hour"?e:Y==="minute"?r:[]}export{a as getTemporalFormats};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{isNullish as t,isArray as r}from"@vef-framework/shared";import i from"dayjs";import{useMemo as u}from"react";function e(o,s){return u(()=>t(o)?o:r(o)?o.map(m=>i(m,s)):i(o,s),[o,s])}export{e as useDayjsValue};

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

@@ -1,2 +0,0 @@
-"use strict";
-import{isFunction as r}from"@vef-framework/shared";import u from"dayjs";import{useMemo as o}from"react";function f({maxDate:e,minDate:t,disabledDate:i,disabledTime:a}){const[s,n]=o(()=>[t?u(t):void 0,e?u(e):void 0],[t,e]),d=o(()=>{if(r(a))return m=>a(m.toDate())},[a]),l=o(()=>{if(r(i))return(m,{from:D})=>i(m.toDate(),D?.toDate())},[i]);return{minDateValue:s,maxDateValue:n,disabledTimeValue:d,disabledDateValue:l}}export{f as useTemporalLimit};

package/esm/vef-temporal-picker/hooks/use-temporal-picker-instance.js

@@ -1,2 +0,0 @@
-"use strict";
-import{useRef as u,useImperativeHandle as t}from"react";function n(r){const e=u(null);return t(r,()=>({blur:()=>{e.current?.blur()},focus:()=>{e.current?.focus({preventScroll:!0})}})),e}export{n as useTemporalPickerInstance};

package/esm/vef-temporal-picker/index.js

@@ -1,2 +0,0 @@
-"use strict";
-import{jsx as p}from"@emotion/react/jsx-runtime";import{isFunction as B,isArray as H}from"@vef-framework/shared";import{TimePicker as I,DatePicker as S}from"antd";import{useMemo as L,memo as M,forwardRef as R}from"react";import"../internal/index.js";import{getTemporalFormats as U}from"./helper.js";import{useDayjsValue as x}from"./hooks/use-dayjs-value.js";import{useTemporalLimit as q}from"./hooks/use-temporal-limit.js";import{useTemporalPickerInstance as E}from"./hooks/use-temporal-picker-instance.js";import{convertBasicSizeToUiSize as f}from"../internal/utils.js";function G({defaultValue:k,value:w,clearable:m,size:r,mode:e="date",multiple:l=!1,minDate:z,maxDate:g,disabledTime:v,disabledDate:P,hourStep:D,minuteStep:c,secondStep:y,onChange:t,...o},j){const a=U(e),u=x(w,a),s=x(k,a),{minDateValue:b,maxDateValue:T,disabledTimeValue:V,disabledDateValue:h}=q({maxDate:g,minDate:z,disabledTime:v,disabledDate:P}),n=E(j),d=L(()=>{if(B(t))return(i,A)=>{if(!i){t(null,null);return}const F=H(i)?i.map(N=>N.toDate()):i.toDate();t(A,F)}},[t]);return e==="time"||e==="hour"||e==="minute"?p(I,{ref:n,allowClear:m,defaultValue:s,disabledTime:V,format:a,hourStep:D,minuteStep:c,multiple:l,secondStep:y,showNow:e!=="hour",size:f(r),value:u,onChange:d,...o}):e==="datetime"?p(S,{ref:n,allowClear:m,defaultValue:s,disabledDate:h,disabledTime:V,format:a,hourStep:D,maxDate:T,minDate:b,minuteStep:c,multiple:l,picker:"date",size:f(r),value:u,onChange:d,...o}):p(S,{ref:n,allowClear:m,defaultValue:s,disabledDate:h,format:a,maxDate:T,minDate:b,multiple:l,picker:e,size:f(r),value:u,onChange:d,...o})}const C=M(R(G));C.displayName="VefTemporalPicker";export{C as default};

package/esm/vef-temporal-picker/props.js

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

package/esm/vef-temporal-range-picker/helper.js

@@ -1,2 +0,0 @@
-"use strict";
-const M=["YYYY"],m=["YYYY-Q季度"],D=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],H=["YYYY-wo"],s=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],t=["HH:mm:ss","HH.mm.ss","HHmmss"],e=["HH"],r=["HH:mm","HH.mm","HHmm"],o=["YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss","YYYY.MM.DD HH.mm.ss","YYYYMMDDHHmmss","YY/MM/DD HH:mm:ss","YY.MM.DD HH:mm:ss","YY.MM.DD HH.mm.ss","YYMMDDHHmmss"];function n(Y){return Y==="year"?M:Y==="quarter"?m:Y==="month"?D:Y==="week"?H:Y==="datetime"?o:Y==="date"?s:Y==="time"?t:Y==="hour"?e:Y==="minute"?r:[]}export{n as getTemporalFormats};

package/esm/vef-temporal-range-picker/hooks/use-dayjs-values.js

@@ -1,2 +0,0 @@
-"use strict";
-import{isNullish as u,isArray as e}from"@vef-framework/shared";import o from"dayjs";import{useMemo as n}from"react";import{stringFormatSeparator as p}from"../props.js";function a(r,t){return n(()=>{if(u(r))return r;if(e(r))return r.map(m=>o(m,t));const[i,s]=r.split(p);return[o(i,t),o(s,t)]},[r,t])}export{a as useDayjsValues};

package/esm/vef-temporal-range-picker/hooks/use-temporal-limit.js

@@ -1,2 +0,0 @@
-"use strict";
-import{isFunction as r}from"@vef-framework/shared";import u from"dayjs";import{useMemo as o}from"react";function f({maxDate:e,minDate:t,disabledDate:i,disabledTime:a}){const[s,d]=o(()=>[t?u(t):void 0,e?u(e):void 0],[t,e]),n=o(()=>{if(r(a))return m=>a(m.toDate())},[a]),l=o(()=>{if(r(i))return(m,{from:D})=>i(m.toDate(),D?.toDate())},[i]);return{minDateValue:s,maxDateValue:d,disabledTimeValue:n,disabledDateValue:l}}export{f as useTemporalLimit};

package/esm/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.js

@@ -1,2 +0,0 @@
-"use strict";
-import{useRef as u,useImperativeHandle as n}from"react";function t(r){const e=u(null);return n(r,()=>({blur:()=>{e.current?.blur()},focus:()=>{e.current?.focus({preventScroll:!0})}})),e}export{t as useTemporalRangePickerInstance};

package/esm/vef-temporal-range-picker/index.js

@@ -1,2 +0,0 @@
-"use strict";
-import{jsx as d}from"@emotion/react/jsx-runtime";import{isFunction as y}from"@vef-framework/shared";import{TimePicker as B,DatePicker as x}from"antd";import{useMemo as E,memo as G,forwardRef as I}from"react";import"../internal/index.js";import{getTemporalFormats as L}from"./helper.js";import{useDayjsValues as P}from"./hooks/use-dayjs-values.js";import{useTemporalLimit as M}from"./hooks/use-temporal-limit.js";import{useTemporalRangePickerInstance as N}from"./hooks/use-temporal-range-picker-instance.js";import{stringFormatSeparator as U}from"./props.js";import{convertBasicSizeToUiSize as f}from"../internal/utils.js";function q({defaultValue:A,value:p,clearable:r,mode:e="date",size:i,useStringFormat:c=!1,maxDate:z,minDate:v,disabledTime:w,disabledDate:R,hourStep:D,minuteStep:S,secondStep:b,onChange:t,...m},F){const a=L(e),o=P(p,a),l=P(p,a),{minDateValue:g,maxDateValue:T,disabledTimeValue:V,disabledDateValue:k}=M({maxDate:z,minDate:v,disabledTime:w,disabledDate:R}),n=N(F),s=E(()=>{if(y(t))return(u,h)=>{if(!u){t(null,null);return}const j=[u[0].toDate(),u[1].toDate()];t(c?h.join(U):h,j)}},[t,c]);return e==="time"||e==="hour"||e==="minute"?d(B.RangePicker,{ref:n,allowClear:r,defaultValue:l,disabledTime:V,format:a,hourStep:D,minuteStep:S,secondStep:b,size:f(i),value:o,onChange:s,...m}):e==="datetime"?d(x.RangePicker,{ref:n,showTime:!0,allowClear:r,defaultValue:l,disabledDate:k,disabledTime:V,format:a,hourStep:D,maxDate:T,minDate:g,minuteStep:S,picker:"date",secondStep:b,size:f(i),value:o,onChange:s,...m}):d(x.RangePicker,{ref:n,allowClear:r,defaultValue:l,disabledDate:k,format:a,maxDate:T,minDate:g,picker:e,size:f(i),value:o,onChange:s,...m})}const C=G(I(q));C.displayName="VefTemporalRangePicker";export{C as default};

package/esm/vef-temporal-range-picker/props.js

@@ -1,2 +0,0 @@
-"use strict";
-const t="_";export{t as stringFormatSeparator};

package/esm/vef-text/index.js

@@ -1,2 +0,0 @@
-"use strict";
-import{jsx as x}from"@emotion/react/jsx-runtime";import{useColorTokens as T}from"@vef-framework/hooks";import{Typography as h}from"antd";import{useMemo as s}from"react";const{Text:g}=h;function b({variant:o,color:t,bold:i,ellipsis:l,ellipsisTip:p,ellipsisTipPlacement:n,copyable:c,copiedText:a,onCopy:m,...r}){const d=s(()=>{if(l)return{tooltip:p??r.children,placement:n}},[l,p,n,r.children]),u=T(),y=s(()=>{const e={};return o==="shortcut"?e.keyboard=!0:o==="strikethrough"?e.delete=!0:o&&(e[o]=!0),t==="secondary"?e.type="secondary":t&&(e.css={color:u.get(t)}),i&&(e.strong=!0),e},[i,t,u,o]),f=s(()=>{if(c)return{format:"text/plain",text:a,onCopy:m}},[c,a,m]);return x(g,{copyable:f,ellipsis:d,...y,...r})}export{b as default};

package/esm/vef-text/props.js

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

package/esm/vef-textarea/hooks/use-textarea-instance.js

@@ -1,2 +0,0 @@
-"use strict";
-import{useRef as t,useImperativeHandle as u}from"react";function n(r){const e=t(null);return u(r,()=>({blur:()=>e.current?.blur(),focus:()=>e.current?.focus({preventScroll:!0})})),e}export{n as useTextareaInstance};

package/esm/vef-textarea/index.js

@@ -1,2 +0,0 @@
-"use strict";
-import{jsx as x}from"@emotion/react/jsx-runtime";import{isFunction as r}from"@vef-framework/shared";import{Input as C}from"antd";import{forwardRef as T,useMemo as h}from"react";import"../internal/index.js";import{useTextareaInstance as w}from"./hooks/use-textarea-instance.js";import{convertBasicSizeToUiSize as z}from"../internal/utils.js";const{TextArea:B}=C;function t(o){return o===""?null:o}const l=T(({defaultValue:o,value:s,size:m,clearable:c,showCount:f,onChange:a,onEnterKeyPress:n,onBlur:u,onFocus:i,...v},d)=>{const p=h(()=>({onChange:r(a)?e=>a(t(e.target.value)):void 0,onPressEnter:r(n)?e=>n(t(e.target.value)):void 0,onBlur:r(u)?e=>u(t(e.target.value)):void 0,onFocus:r(i)?e=>i(t(e.target.value)):void 0}),[a,n,u,i]),g=w(d);return x(B,{ref:g,allowClear:c,defaultValue:o,showCount:f,size:z(m),value:s,...v,...p})});l.displayName="VefTextarea";export{l as default};

package/esm/vef-textarea/props.js

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

package/esm/vef-title/index.js

@@ -1,2 +0,0 @@
-"use strict";
-import{jsxs as b,Fragment as v,jsx as f}from"@emotion/react/jsx-runtime";import{css as h}from"@emotion/react";import{useColorTokens as x}from"@vef-framework/hooks";import{themeVariables as t}from"@vef-framework/shared";import{Typography as $}from"antd";import{useMemo as g}from"react";import k from"../vef-divider/index.js";const{Title:T}=$,w=h({margin:`${t.marginSm} 0 ${t.marginLg}`}),B=h({"&::before":{content:'""',display:"inline-block",width:"6px",height:"var(--vef-title-left-bar-height)",borderRadius:"3px",background:`linear-gradient(to top, ${t.colorPrimary}, ${t.blue5})`,marginRight:t.paddingSm}});function L({showLeftBar:i,showBottomLine:d,noPaddingBottom:n,variant:s,color:o,ellipsis:a,ellipsisTip:m,...r}){const{level:p=1}=r,u=g(()=>{if(a)return{tooltip:m??r.children}},[a,m,r.children]),c=x(),y=g(()=>{const e={};if(o==="secondary")e.type="secondary";else{const l=[];o&&l.push({color:c.get(o)}),i&&l.push(B),e.css=l}return s&&(e[s]=!0),i&&(e.style={"--vef-title-left-bar-height":`calc(var(--vef-font-size-heading-${p}) * 0.8)`}),n&&(e.style={...e.style,"--vef-typography-title-margin-bottom":0}),e},[o,s,i,c,p,n]);return b(v,{children:[f(T,{ellipsis:u,...y,...r}),d&&f(k,{css:w})]})}export{L as default};

package/esm/vef-title/props.js

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

package/esm/vef-tooltip/index.js

@@ -1,2 +0,0 @@
-"use strict";
-import{jsx as m}from"@emotion/react/jsx-runtime";import{Tooltip as s}from"antd";import{forwardRef as u,useRef as g,useImperativeHandle as c}from"react";const r=u(({content:t,trigger:o="hover",arrow:n=!0,delay:a=.1,defaultOpened:p,opened:l,onOpenedChange:i,...f},d)=>{const e=g(null);return c(d,()=>e.current.nativeElement),m(s,{ref:e,arrow:n,defaultOpen:p,mouseEnterDelay:a,open:l,title:t,trigger:o,onOpenChange:i,...f})});r.displayName="VefTooltip";export{r as default};

package/esm/vef-tooltip/props.js

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

package/esm/vef-tree-select/hooks/use-change-handler.js

@@ -1,2 +0,0 @@
-"use strict";
-import{isFunction as o,isArray as s}from"@vef-framework/shared";import{useMemo as i}from"react";function l(n,e){const u=i(()=>e.reduce((t,r)=>(t.set(r.value,r),t),new Map),[e]);return i(()=>{if(o(n))return t=>{if(!t){n(null,null);return}s(t)?n(t,t.map(r=>u.get(r))):n(t,u.get(t))}},[n,u])}export{l as useChangeHandler};

package/esm/vef-tree-select/hooks/use-data-options.js

@@ -1,2 +0,0 @@
-"use strict";
-import{useComputedOptions as u}from"@vef-framework/hooks";import{isArray as c,isFunction as d,isNullish as m}from"@vef-framework/shared";import{useLayoutEffect as O}from"react";function f({value:i,multiple:t=!1,onChange:n,...a}){const{onFilterKeywordChange:s,normalizedOptions:l,defaultOption:o,isLoading:e,fallbackOptions:p,isFallbackOptionsLoading:r}=u({...a,selectedOptionValues:c(i)?i:i?[i]:[]});return O(()=>{o&&d(n)&&m(i)&&n(t?[o.value]:o.value,t?[o]:o)},[o,t,n,i]),{onFilterKeywordChange:s,normalizedOptions:l,isLoading:e,fallbackOptions:p,isFallbackOptionsLoading:r}}export{f as useDataOptions};

package/esm/vef-tree-select/hooks/use-tree-select-instance.js

@@ -1,2 +0,0 @@
-"use strict";
-import{useRef as u,useImperativeHandle as n}from"react";function c(r,t){const e=u(null);return n(r,()=>({blur:()=>{e.current?.blur()},focus:()=>{e.current?.focus({preventScroll:!0})},getDataOptions:()=>t})),e}export{c as useTreeSelectInstance};

package/esm/vef-tree-select/index.js

@@ -1,2 +0,0 @@
-"use strict";
-import{jsx as r}from"@emotion/react/jsx-runtime";import{useOptionFilter as L}from"@vef-framework/hooks";import{styles as R}from"@vef-framework/shared";import{TreeSelect as B}from"antd";import{memo as O,forwardRef as V}from"react";import"../internal/index.js";import y from"../vef-loading-placeholder/index.js";import{useChangeHandler as H}from"./hooks/use-change-handler.js";import{useDataOptions as I}from"./hooks/use-data-options.js";import{useTreeSelectInstance as N}from"./hooks/use-tree-select-instance.js";import{convertBasicSizeToUiSize as j}from"../internal/utils.js";const n=280,k=r("div",{css:{height:n/2},children:r(y,{})}),A={showLeafIcon:!1};function E({defaultValue:m,value:l,size:u,clearable:c,disabled:f,placeholder:d,variant:p,maxCount:h,onClear:C,onBlur:v,onFocus:g,onChange:i,onSelect:S,onDeselect:b,multiple:e=!1,filterable:o=!0,filterFromRemote:x=!1,...F},T){const{normalizedOptions:t,isLoading:a}=I({value:l,multiple:e,onChange:i,filterable:o,filterFromRemote:x,...F}),z=L(o,!1),w=H(i,t),D=N(T,t);return r(B,{ref:D,virtual:!0,allowClear:c,css:R.fullWidth,defaultValue:m,disabled:f,filterTreeNode:z,listHeight:n,loading:a,maxCount:h,maxTagCount:e?"responsive":void 0,multiple:e,notFoundContent:a?k:void 0,placeholder:d,showSearch:o,size:j(u),treeCheckable:e,treeData:t,treeLine:A,value:l,variant:p,onBlur:v,onChange:w,onClear:C,onDeselect:b,onFocus:g,onSelect:S})}const s=O(V(E));s.displayName="VefTreeSelect";export{s as default};

package/esm/vef-tree-select/props.js

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

package/esm/vef-virtual-grid/index.js

@@ -1,2 +0,0 @@
-"use strict";
-import{jsx as l}from"@emotion/react/jsx-runtime";import{css as x}from"@emotion/react";import{useVirtualizer as w}from"@tanstack/react-virtual";import{useGapSizeNormalizer as G}from"@vef-framework/hooks";import{isArray as k,isNumber as z}from"@vef-framework/shared";import{useMemo as v,memo as S,useRef as M,Fragment as R,createElement as X}from"react";import j from"../vef-auto-sizer/index.js";import A from"../vef-scroll-area/index.js";const D={willChange:"transform"},F=x({position:"relative",width:"var(--vef-virtual-grid-width)",height:"var(--vef-virtual-grid-height)"}),H=x({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))"});function L({className:N,style:$,items:m,renderItem:u,itemClassName:I,itemStyle:T,rowHeight:s,columnWidth:n,gap:t,...f}){const V=v(()=>S(u),[u]),d=M(null),o=G(),[b,C]=v(()=>{if(k(t))return[o(t[0]),o(t[1])];if(t){const e=o(t);return[e,e]}return[0,0]},[t,o]),g=w({count:m.length,getScrollElement:()=>d.current,estimateSize:z(s)?()=>s:s,overscan:2,gap:b}),h=w({horizontal:!0,count:m[0]?.length??0,getScrollElement:()=>d.current,estimateSize:z(n)?()=>n:n,overscan:2,gap:C}),E=v(()=>({"--vef-virtual-grid-height":`${g.getTotalSize()}px`,"--vef-virtual-grid-width":`${h.getTotalSize()}px`}),[g.getTotalSize(),h.getTotalSize()]),c=(e,i)=>l(A,{className:N,height:e,scrollbarSize:"small",style:$,viewportRef:d,viewportStyle:D,width:i,children:l("div",{css:F,style:E,children:g.getVirtualItems().map(r=>l(R,{children:h.getVirtualItems().map(a=>{const p=m[r.index][a.index];return l("div",{className:I,css:H,style:{...T,"--vef-virtual-grid-item-width":`${a.size}px`,"--vef-virtual-grid-item-height":`${r.size}px`,"--vef-virtual-grid-item-x":`${a.start}px`,"--vef-virtual-grid-item-y":`${r.start}px`},children:p&&X(V,{item:p,rowIndex:r.index,columnIndex:a.index})},a.key)})},r.key))})});if(!f.autoSize){const{height:e,width:i}=f;return c(e,i)}return l(j,{children:({height:e,width:i})=>c(e,i)})}const y=S(L);y.displayName="VefVirtualGrid";export{y as default};

package/esm/vef-virtual-grid/props.js

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

package/esm/vef-virtual-list/index.js

@@ -1,2 +0,0 @@
-"use strict";
-import{jsx as i}from"@emotion/react/jsx-runtime";import{css as z}from"@emotion/react";import{useVirtualizer as P}from"@tanstack/react-virtual";import{useNormalizedGapSize as U}from"@vef-framework/hooks";import{isFunction as k}from"@vef-framework/shared";import{useMemo as o,memo as E,useRef as W,createElement as w}from"react";import Y from"../vef-auto-sizer/index.js";import F from"../vef-scroll-area/index.js";const K={willChange:"transform"},M=z({position:"relative",width:"var(--vef-virtual-list-width, auto)",height:"var(--vef-virtual-list-height, auto)"}),j=z({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))"}),X=z({position:"absolute",top:0,left:0,width:"100%",transform:"translateY(var(--vef-virtual-list-frame-y, 0))"});function D({className:S,style:N,items:l,renderItem:b,itemClassName:p,itemStyle:B,itemSize:m,autoItemSize:c=!1,gap:C=0,lanes:V=1,itemKey:g,...r}){const x=o(()=>E(b),[b]),G=o(()=>{if(k(g))return t=>g({index:t,item:l[t]})},[g,l]),H=o(()=>k(m)?t=>m({index:t,item:l[t]}):()=>m,[m,l]),J=U(C),y=W(null),{orientation:a}=r,s=P({horizontal:a==="horizontal",count:l.length,getScrollElement:()=>y.current,estimateSize:H,overscan:2,getItemKey:G,gap:J,lanes:V}),n=s.getVirtualItems(),h=100/V,I=o(()=>a==="horizontal"?{"--vef-virtual-list-width":`${s.getTotalSize()}px`,"--vef-virtual-list-height":"100%"}:{"--vef-virtual-list-height":`${s.getTotalSize()}px`,"--vef-virtual-list-width":"100%"},[a,s.getTotalSize()]),R=o(()=>c&&a!=="horizontal"?{...K,contain:"strict"}:K,[c,a]),u=(t,T)=>c?i(F,{className:S,height:t,scrollbarSize:"small",style:N,viewportRef:y,viewportStyle:R,width:T,children:i("div",{css:M,style:I,children:a==="horizontal"?n.map(({index:e,key:v,start:f})=>i("div",{className:p,css:j,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":`${f}px`,"--vef-virtual-list-item-y":0},children:w(x,{index:e,item:l[e]})},v)):i("div",{css:X,style:{"--vef-virtual-list-frame-y":`${n[0]?.start??0}px`},children:n.map(({index:e,key:v})=>i("div",{ref:s.measureElement,className:p,"data-index":e,style:B,children:w(x,{index:e,item:l[e]})},v))})})}):i(F,{className:S,height:t,scrollbarSize:"small",style:N,viewportRef:y,viewportStyle:R,width:T,children:i("div",{css:M,style:I,children:n.map(({index:e,key:v,size:f,start:$,lane:d})=>i("div",{className:p,css:j,style:a==="horizontal"?{"--vef-virtual-list-item-top":d===0?0:`${d*h}%`,"--vef-virtual-list-item-left":0,"--vef-virtual-list-item-width":`${f}px`,"--vef-virtual-list-item-height":`${h}%`,"--vef-virtual-list-item-x":`${$}px`,"--vef-virtual-list-item-y":0}:{"--vef-virtual-list-item-top":0,"--vef-virtual-list-item-left":d===0?0:`${d*h}%`,"--vef-virtual-list-item-width":`${h}%`,"--vef-virtual-list-item-height":`${f}px`,"--vef-virtual-list-item-x":0,"--vef-virtual-list-item-y":`${$}px`},children:w(x,{index:e,item:l[e]})},v))})});return r.autoSize?r.orientation==="horizontal"?i(Y,{disableHeight:!0,children:({width:t})=>u("100%",t)}):i(Y,{disableWidth:!0,children:({height:t})=>u(t,"100%")}):r.orientation==="horizontal"?u("100%",r.width):u(r.height,"100%")}const q=E(D);q.displayName="VefVirtualList";export{q as default};

package/esm/vef-virtual-list/props.js

@@ -1,2 +0,0 @@
-"use strict";
-"use strict";

package/types/helpers/icons.d.ts

@@ -1,7 +0,0 @@
-import type { SVGProps } from "react";
-export declare function IconTick(props: React.SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function IconTickCircle(props: React.SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function IconInfoCircle(props: React.SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function IconAlertCircle(props: React.SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function IconAlertTriangle(props: React.SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function IconCheck(props: SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;

package/types/helpers/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./icons";
-export * from "./message";