@vef-framework/components 1.0.5

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";function r({value:r}){return e("span",{children:r})}export{r as default};
+/*! VefFramework 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/dist/vef-table/components/columns/text.d.ts

@@ -0,0 +1,4 @@
+import { type ObjectType, type StringKey } from "@vef-framework/shared";
+import type { TableColumnProps } from "./props";
+declare function Text<T extends ObjectType, K extends StringKey<T>>({ value, record, rowIndex, columnProps, }: TableColumnProps<T, K>): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export default Text;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{VefError as r,isNullish as t}from"@vef-framework/shared";import{useMemo as l}from"react";import i from"../../../vef-text/index.js";import{useComputedValues as a}from"../../hooks/use-computed-values.js";import{useDisplayValue as u}from"../../hooks/use-display-value.js";function f({value:f,record:m,rowIndex:s,columnProps:p}){if("Text"!==p.type)throw new r(-1,"Column type must be Text");const{defaultValue:c,formatter:d,prefix:n,suffix:x,ellipsis:w,bold:y,italic:h,color:V,copyable:b,width:k}=p,[v,j,T]=a([{key:"bold",rawValue:y,defaultValue:!1},{key:"italic",rawValue:h,defaultValue:!1},{key:"color",rawValue:V}],f,m,s),C=u(f,m,s,{defaultValue:c,formatter:d,prefix:n,suffix:x}),I=l((()=>{if(k)return o({maxWidth:`${k}px !important`})}),[k]);return t(C)?null:e(i,{bold:v,color:T,copyable:b,css:I,ellipsis:w,ellipsisTip:w?C:void 0,italic:j,children:C})}export{f as default};
+/*! VefFramework 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/dist/vef-table/components/columns-settings.d.ts

@@ -0,0 +1,2 @@
+declare const VefColumnsSettings: import("react").NamedExoticComponent<{}>;
+export default VefColumnsSettings;

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

@@ -0,0 +1,54 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsxs as e,jsx as n,Fragment as t}from"@emotion/react/jsx-runtime";import{RollbackOutlined as i,VerticalRightOutlined as l,VerticalLeftOutlined as a}from"@ant-design/icons";import{css as o}from"@emotion/react";import{themeVariables as r}from"@vef-framework/shared";import{Checkbox as s}from"antd";import{useMemo as d,useCallback as m,memo as c}from"react";import f from"../../vef-bool/index.js";import u from"../../vef-button/index.js";import p from"../../vef-divider/index.js";import g from"../../vef-sortable-list/index.js";import v from"../../vef-text/index.js";import{useTableContextSelector as h}from"../hooks/use-table-context.js";const b=o`
+  width: 260px;
+  padding: ${r.paddingSm};
+
+  .vef-divider-horizontal {
+    margin: ${r.marginSm} 0;
+  }
+
+  .vef-table-columns-settings-panel-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-left: ${r.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: ${r.paddingXs};
+        border-radius: ${r.borderRadius};
+
+        &:hover {
+          background-color: ${r.colorPrimaryBg};
+        }
+
+        .vef-table-columns-settings-panel-column-drag-icon {
+          cursor: move;
+          color: ${r.colorTextSecondary};
+          padding-right: ${r.padding};
+        }
+
+        .vef-table-columns-settings-panel-column-fixed-icon {
+          display: flex;
+          align-items: center;
+
+          .vef-divider {
+            --vef-divider-vertical-margin-inline: 0;
+          }
+        }
+      }
+    }
+  }
+`,x=c((()=>{const{defaultColumnConfigMap:o,columnConfigMap:r,setColumnConfigMap:c}=h((e=>{const{defaultColumnConfigMap:n,columnConfigMap:t,setColumnConfigMap:i}=e;return{defaultColumnConfigMap:n,columnConfigMap:t,setColumnConfigMap:i}})),x=d((()=>[...r.entries()].sort((([e,n],[t,i])=>n.order-i.order)).map((([e,n])=>{const{title:t,configurable:i,...l}=n;return{value:e,label:t,disabled:!i,...l}}))),[r]),C=m((e=>{const n=e.reduce(((e,n,t)=>{const{value:i,label:l,disabled:a,order:o,...r}=n,s={title:l,configurable:!a,order:t+1,...r};return e.set(i,s),e}),new Map);c(n)}),[c]),y=d((()=>x.filter((e=>e.show)).map((e=>e.value))),[x]),k=d((()=>{const e=y.length;return e===x.length?"checked":e>0?"indeterminate":"unchecked"}),[y.length,x.length]),w=m((e=>{const n=new Set(e),t=x.map((e=>({...e,show:n.has(e.value)})));C(t)}),[x,C]),M=m(((e,n)=>{const t=x.map((t=>({...t,fixed:t.value===e?n:t.fixed})));C(t)}),[x,C]),j=m((e=>{C(e)}),[C]),$=m((()=>{c(new Map(o))}),[o,c]);return e("div",{css:b,children:[e("div",{className:"vef-table-columns-settings-panel-header",children:[n(f,{indeterminate:"indeterminate"===k,label:n(v,{bold:!0,children:"列显示"}),value:"checked"===k,variant:"checkbox",onChange:e=>{w(e?x.map((e=>e.value)):[])}}),n(u,{color:"primary",variant:"text",onClick:$,children:"重置"})]}),n(p,{}),n(s.Group,{className:"vef-table-columns-settings-panel-body",value:y,onChange:w,children:n(g,{useHandle:!0,className:"vef-table-columns-settings-panel-columns",handleClassName:"vef-table-columns-settings-panel-column-drag-icon",itemClassName:"vef-table-columns-settings-panel-column",itemKey:"value",items:x,useOverlay:!1,renderItem:({value:o,label:r,disabled:d,fixed:m,show:c})=>e(t,{children:[n(s,{disabled:d,value:o,children:r}),e("span",{className:"vef-table-columns-settings-panel-column-fixed-icon",children:[n(u,{color:"left"===m?"primary":"default",disabled:d||!c,icon:n("left"===m?i:l,{}),size:"small",tip:"left"===m?"取消左侧固定":"固定到左侧",variant:"link",onClick:()=>{"left"===m?M(o):M(o,"left")}}),n(p,{direction:"vertical"}),n(u,{color:"right"===m?"primary":"default",disabled:d||!c,icon:n("right"===m?i:a,{}),size:"small",tip:"right"===m?"取消右侧固定":"固定到右侧",variant:"link",onClick:()=>{"right"===m?M(o):M(o,"right")}})]})]}),onChange:j})})]})}),(()=>!1));x.displayName="VefColumnsSettings";export{x as default};
+/*! 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/dist/vef-table/components/operation-buttons.d.ts

@@ -0,0 +1,22 @@
+import { type ActionButton, type ObjectType } from "@vef-framework/shared";
+import type { OperationButtonContext } from "../types";
+export interface VefOperationButtonsProps<T extends ObjectType, C extends ObjectType> {
+    /**
+     * The record of the row.
+     */
+    record: T;
+    /**
+     * The index of the row.
+     */
+    rowIndex: number;
+    /**
+     * The operation buttons of the table.
+     */
+    operationButtons: Array<ActionButton<OperationButtonContext<T, C>>>;
+    /**
+     * The maximum number of visible operation buttons.
+     */
+    maxVisibleOperationButtons: number;
+}
+declare function VefOperationButtons<T extends ObjectType, C extends ObjectType>({ record, rowIndex, operationButtons, maxVisibleOperationButtons, }: VefOperationButtonsProps<T, C>): import("@emotion/react/jsx-runtime").JSX.Element;
+export default VefOperationButtons;

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

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

@@ -0,0 +1,2 @@
+declare const VefSettingsIcon: import("react").NamedExoticComponent<{}>;
+export default VefSettingsIcon;

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

@@ -0,0 +1,5 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import{SettingOutlined as r}from"@ant-design/icons";import{css as t}from"@emotion/react";import{themeVariables as m}from"@vef-framework/shared";import{memo as e}from"react";import{useTableContextSelector as i}from"../hooks/use-table-context.js";const a=t`
+  color: ${m.colorPrimary};
+`,n=e((()=>{const t=i((o=>o.columnConfigMapHasChanged));return o(r,{css:t?a:void 0})}),(()=>!1));export{n as default};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/components/table-footer.d.ts

@@ -0,0 +1,34 @@
+import type { ComputedActionButton } from "@vef-framework/hooks";
+import { type ObjectType } from "@vef-framework/shared";
+import { type FC } from "react";
+import type { VefTableProps } from "../props";
+import type { BatchActionButtonContext } from "../types";
+import { type VefPaginationProps } from "../../vef-pagination";
+/**
+ * The props of the table footer.
+ */
+export interface VefTableFooterProps<T extends ObjectType, C extends ObjectType> {
+    /**
+     * The text of the selection summary.
+     */
+    selectionSummary: VefTableProps<T, any, any, C>["selectionSummary"];
+    /**
+     * The size of the table.
+     */
+    size: NonNullable<VefTableProps<T, any, any, C>["size"]>;
+    /**
+     * The props of the pagination.
+     */
+    paginationProps?: VefPaginationProps;
+    /**
+     * The batch action buttons.
+     */
+    batchActionButtons: Array<ComputedActionButton<BatchActionButtonContext<T, C>>>;
+    /**
+     * The context of the batch action button.
+     */
+    batchActionButtonContext: BatchActionButtonContext<T, C>;
+}
+declare function VefTableFooterBase<T extends ObjectType, C extends ObjectType>({ selectionSummary, size, paginationProps, batchActionButtons, batchActionButtonContext, }: VefTableFooterProps<T, C>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefTableFooter: typeof VefTableFooterBase & Pick<FC, "displayName">;
+export default VefTableFooter;

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

@@ -0,0 +1,19 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsxs as o,jsx as e}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{themeVariables as t,invokeMaybeAsyncFn as n}from"@vef-framework/shared";import{useMemo as r,memo as a}from"react";import l from"../../vef-button/index.js";import c from"../../vef-pagination/index.js";import m from"../../vef-text/index.js";import{useTableContextSelector as d}from"../hooks/use-table-context.js";const f=i`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: var(--vef-table-footer-gap);
+
+  > div {
+    flex: auto;
+    display: flex;
+    align-items: center;
+    gap: ${t.padding};
+  }
+
+  > .vef-pagination {
+    flex: none;
+  }
+`;const s=a((function({selectionSummary:i,size:t,paginationProps:a,batchActionButtons:s,batchActionButtonContext:p}){const u=d((o=>o.selectedRecords)),b=r((()=>{if(!1!==i)return i?i(u):u.length>0?o(m,{color:"secondary",children:["已选择"," ",e(m,{bold:!0,color:"blue",children:u.length})," ","项"]}):void 0}),[i,u]),v=r((()=>s.map((o=>{const{key:i,label:t,icon:r,disabled:a,color:c,requireConfirmation:m,confirmationMode:d,confirmationTitle:f,confirmationContent:s,onClick:u}=o,b=async()=>{await n(u,{},p)};return e(l,m?{requireConfirmation:!0,color:c,confirmationContent:s,confirmationMode:d,confirmationTitle:f,disabled:a,icon:r,onConfirmationOk:b,children:t}:{color:c,disabled:a,icon:r,onClick:b,children:t},i)}))),[s,p]),g=r((()=>({"--vef-table-footer-gap":`var(--vef-table-cell-padding-block${"small"===t?"-sm":"medium"===t?"-md":""})`})),[t]);return o("div",{css:f,style:g,children:[o("div",{children:[b,v]}),e(c,{...a})]})}));s.displayName="VefTableFooter";export{s as default};
+/*! 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/dist/vef-table/helper.d.ts

@@ -0,0 +1,12 @@
+import { type MaybeUndefined, type ObjectType } from "@vef-framework/shared";
+import type { TableComputedType } from "./types";
+/**
+ * Decide the value.
+ *
+ * @param rawValue - The raw value.
+ * @param value - The value.
+ * @param record - The record.
+ * @param rowIndex - The row index.
+ * @returns The value.
+ */
+export declare function computeValue<T extends ObjectType, V, R>(rawValue: MaybeUndefined<TableComputedType<T, V, R>>, value: V, record: T, rowIndex: number, defaultValue: R): R;

package/dist/vef-table/helper.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{isFunction as r,isExpression as e,compileDynamicFn as n}from"@vef-framework/shared";function o(o,t,f,u,i){if(r(o))return o(t,f,u);if(e(o)){return n(o,"value","record","rowIndex",`return ${o.expression}`)(t,f,u)}return o??i}export{o as computeValue};
+/*! VefFramework 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/dist/vef-table/hooks/use-computed-batch-buttons.d.ts

@@ -0,0 +1,13 @@
+import type { ActionButton, ObjectType } from "@vef-framework/shared";
+import type { BatchActionButtonContext, InternalTableContext } from "../types";
+/**
+ * The hook to compute the batch buttons.
+ *
+ * @param batchActionButtons - The batch action buttons.
+ * @param tableContext - The table context.
+ * @returns The computed batch buttons.
+ */
+export declare function useComputedBatchActionButtons<T extends ObjectType, C extends ObjectType>(batchActionButtons: Array<ActionButton<BatchActionButtonContext<T, C>>>, tableContext: InternalTableContext<T, C>): {
+    computedBatchActionButtons: import("@vef-framework/hooks").ComputedActionButton<BatchActionButtonContext<T, C>>[];
+    batchActionButtonContext: BatchActionButtonContext<T, C>;
+};

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useComputedActionButtons as e}from"@vef-framework/hooks";import{useMemo as t}from"react";function o(o,c){const{externalContext:r,isFetching:n,refetch:s,selectedKeys:i,selectedRecords:d}=c,f=t((()=>({isFetching:n,refetch:s,selectedKeys:i,selectedRecords:d,...r??{}})),[r,n,s,i,d]);return{computedBatchActionButtons:e(o,f),batchActionButtonContext:f}}export{o as useComputedBatchActionButtons};
+/*! VefFramework 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/dist/vef-table/hooks/use-computed-columns.d.ts

@@ -0,0 +1,10 @@
+import type { ObjectType } from "@vef-framework/shared";
+import type { TableColumn, TableColumnConfig } from "../types";
+/**
+ * Use the computed columns.
+ *
+ * @param columns The columns of the table
+ * @param columnConfigMap The column configs
+ * @returns The computed columns
+ */
+export declare function useComputedColumns<T extends ObjectType>(columns: Array<TableColumn<T>>, columnConfigMap: Map<string, TableColumnConfig>): TableColumn<T>[];

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useMemo as e}from"react";function r(r,t){return e((()=>r.map((e=>{const{name:r}=e,o=t.get(r);return{...e,show:o.show,fixed:o.fixed}})).sort(((e,r)=>t.get(e.name).order-t.get(r.name).order))),[r,t])}export{r as useComputedColumns};
+/*! VefFramework 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/dist/vef-table/hooks/use-computed-values.d.ts

@@ -0,0 +1,45 @@
+import type { ObjectType } from "@vef-framework/shared";
+import type { TableComputedType } from "../types";
+type ExtractValueType<T> = T extends {
+    rawValue: TableComputedType<any, any, infer E>;
+} ? T extends {
+    defaultValue: NonNullable<E>;
+} ? NonNullable<E> : E : never;
+type ComputedValueTuple<C extends ReadonlyArray<ComputedValue<any, any, unknown>>> = {
+    [K in keyof C]: ExtractValueType<C[K]>;
+};
+type ComputedValueRecord<C extends ReadonlyArray<ComputedValue<any, any, unknown>>> = {
+    [K in C[number]["key"]]: ExtractValueType<Extract<C[number], {
+        key: K;
+    }>>;
+};
+type ComputedValueResult<A extends ReadonlyArray<ComputedValue<any, any, unknown>>, R extends boolean> = R extends true ? ComputedValueRecord<A> : ComputedValueTuple<A>;
+/**
+ * The computed value.
+ */
+export interface ComputedValue<T extends ObjectType, V, E> {
+    /**
+     * The key of the computed value.
+     */
+    key: string;
+    /**
+     * The raw value of the computed value.
+     */
+    rawValue?: TableComputedType<T, V, E>;
+    /**
+     * The default value of the computed value.
+     */
+    defaultValue?: E;
+}
+/**
+ * Use the computed values.
+ *
+ * @param values The computed values.
+ * @param value The value.
+ * @param record The record.
+ * @param rowIndex The row index.
+ * @param returnAsObject Whether to return the computed values as an object.
+ * @returns The computed values.
+ */
+export declare function useComputedValues<T extends ObjectType, V, A extends ReadonlyArray<ComputedValue<any, any, unknown>>, R extends boolean = false>(values: A, value: V, record: T, rowIndex: number, returnAsObject?: R): ComputedValueResult<A, R>;
+export {};

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useDeepCompareMemo as e}from"@vef-framework/hooks";import{computeValue as r}from"../helper.js";function o(o,t,u,a,f=!1){const m=e((()=>o.reduce(((e,o)=>{const{key:f,rawValue:m,defaultValue:n}=o,c=r(m,t,u,a,n);return e[f]=c,e}),{})),[u,a,t,o]);return f?o.reduce(((e,{key:r})=>(e[r]=m[r],e)),{}):o.map((({key:e})=>m[e]))}export{o as useComputedValues};
+/*! VefFramework 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/dist/vef-table/hooks/use-data.d.ts

@@ -0,0 +1,11 @@
+import type { MaybeUndefined, ObjectType, PaginationParams, Provider, QueryConfig, QueryRefetchResult } from "@vef-framework/shared";
+/**
+ * The hook to get the data of VefTable.
+ */
+export declare function useData<T extends ObjectType>({ apiParams, ...queryConfig }: QueryConfig<any, any, any>, paginated: boolean, paginationParams: PaginationParams): {
+    data: MaybeUndefined<T[]>;
+    isFetching: boolean;
+    isLoading: boolean;
+    total: number | undefined;
+    refetch: Provider<Promise<QueryRefetchResult<T>>>;
+};

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useDataQuery as e}from"@vef-framework/hooks";import{isNumber as t,isArray as a}from"@vef-framework/shared";function r({apiParams:r,...i},o,s){const{data:n,isLoading:f,isFetching:h,isSuccess:l,refetch:p}=e({apiParams:o?{...s,...r}:r,keepPreviousData:!0,staleTime:0,...i});if(l)if(o){if(!Object.prototype.hasOwnProperty.call(n,"total")||!Object.prototype.hasOwnProperty.call(n,"items"))throw new Error("The paginated data of VefTable is invalid. The data must contain the `total` and `items` properties. Please check the data.");if(!t(n.total))throw new Error("The `total` property of the paginated data of VefTable is invalid. It must be a number.");if(!a(n.items))throw new Error("The `items` property of the paginated data of VefTable is invalid. It must be an array.")}else if(!a(n))throw new Error("The data of VefTable is invalid. It must be an array.");return{data:o?n?.items:n,isFetching:h,isLoading:f,total:o?n?.total:void 0,refetch:p}}export{r as useData};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/hooks/use-default-column-configs.d.ts

@@ -0,0 +1,9 @@
+import type { ObjectType } from "@vef-framework/shared";
+import type { TableColumn, TableColumnConfig } from "../types";
+/**
+ * Use the default column configs.
+ *
+ * @param columns The columns of the table
+ * @returns The default column configs
+ */
+export declare function useDefaultColumnConfigs<T extends ObjectType>(columns: Array<TableColumn<T>>): Map<string, TableColumnConfig>;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useMemo as e}from"react";function t(t){return e((()=>{const e=new Map;let o=1;for(const r of t){const{name:t,title:n,fixed:f,configurable:i}=r;e.set(t,{title:n??t,show:!0,fixed:f,order:o++,configurable:i??!0})}return e}),[t])}export{t as useDefaultColumnConfigs};
+/*! VefFramework 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/dist/vef-table/hooks/use-display-value.d.ts

@@ -0,0 +1,32 @@
+import { type Expression, type ObjectType, type StringKey, type TriMapper } from "@vef-framework/shared";
+/**
+ * The configuration object for the `useDisplayValue` hook.
+ */
+export interface DisplayValueConfig<T extends ObjectType, K extends StringKey<T>> {
+    /**
+     * The default value to use if the value is undefined.
+     */
+    defaultValue?: T[K];
+    /**
+     * The formatter function to use to format the value.
+     */
+    formatter?: TriMapper<T[K], T, number, string> | Expression;
+    /**
+     * The prefix to use to format the value.
+     */
+    prefix?: string;
+    /**
+     * The suffix to use to format the value.
+     */
+    suffix?: string;
+}
+/**
+ * Get the display value of a table cell.
+ *
+ * @param value - The value to display.
+ * @param record - The record that contains the value.
+ * @param rowIndex - The index of the row.
+ * @param config - The configuration object for the display value.
+ * @returns The display value of the table cell.
+ */
+export declare function useDisplayValue<T extends ObjectType, K extends StringKey<T>>(value: T[K], record: T, rowIndex: number, config: DisplayValueConfig<T, K>): string;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{isNullish as r,isFunction as e,isExpression as t,compileDynamicFn as o}from"@vef-framework/shared";import{useMemo as f}from"react";function n(n,u,i,a){const{defaultValue:m,formatter:d,prefix:p,suffix:s}=a,x=r(n)?m:n;return f((()=>{if(e(d))return d(n,u,i);if(t(d)){return o(d,"value","record","rowIndex",`return ${d.expression}`)(n,u,i)}return r(x)?void 0:`${p??""}${x}${s??""}`}),[d,x,p,s,n,u,i])}export{n as useDisplayValue};
+/*! VefFramework 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/dist/vef-table/hooks/use-helper-columns.d.ts

@@ -0,0 +1,6 @@
+import type { MaybeUndefined, ObjectType } from "@vef-framework/shared";
+import type { VefTableProps } from "../props";
+export declare function useHelperColumns<T extends ObjectType, C extends ObjectType>({ showRowNumber, operationButtons, maxVisibleOperationButtons, size, }: Pick<VefTableProps<T, any, any, C>, "showRowNumber" | "operationButtons" | "maxVisibleOperationButtons" | "size">): {
+    rowNumberColumn: MaybeUndefined<import("antd").TableColumnGroupType<T> | import("antd").TableColumnType<T>>;
+    operationColumn: MaybeUndefined<import("antd").TableColumnGroupType<T> | import("antd").TableColumnType<T>>;
+};

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

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

@@ -0,0 +1,10 @@
+import type { IdValue, ObjectType } from "@vef-framework/shared";
+import type { VefTableProps } from "../props";
+/**
+ * The hook to merge the controlled and uncontrolled value.
+ */
+export declare function useMergedValue<T extends ObjectType>({ value, defaultValue, multipleSelection, onChange, }: Pick<VefTableProps<T>, "value" | "defaultValue" | "multipleSelection" | "onChange">): {
+    mergedValue: string[];
+    mergedOnChange: (value: IdValue[], records: T[]) => void;
+    selectedRecords: import("react").MutableRefObject<T[]>;
+};

package/dist/vef-table/hooks/use-merged-value.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{isArray as e}from"@vef-framework/shared";import{useState as r,useMemo as o,useRef as t,useCallback as n}from"react";function a({value:a,defaultValue:l,multipleSelection:m,onChange:u}){const[c,d]=r((()=>e(l)?l:l?[l]:[])),f=o((()=>e(a)?a:a?[a]:void 0),[a]),i=o((()=>f??c),[f,c]),g=t([]);return{mergedValue:i,mergedOnChange:n(((e,r)=>{f||d(e),g.current=r,u?.(m?e:e[0],m?r:r[0])}),[m,f,u]),selectedRecords:g}}export{a as useMergedValue};
+/*! 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/dist/vef-table/hooks/use-operation-column-width.d.ts

@@ -0,0 +1,11 @@
+import type { ActionButton } from "@vef-framework/shared";
+import type { VefTableProps } from "../props";
+/**
+ * Calculate the width of the operation column.
+ *
+ * @param operationButtons The operation buttons to calculate the width for.
+ * @param maxVisibleOperationButtons The maximum number of operation buttons to display.
+ * @param size The size of the table.
+ * @returns The width of the operation column.
+ */
+export declare function useOperationColumnWidth(operationButtons: Array<ActionButton<any>>, maxVisibleOperationButtons: number, size?: VefTableProps["size"]): number;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useThemeTokens as r}from"@vef-framework/hooks";import{max as t}from"@vef-framework/shared";import{useMemo as e}from"react";function n(n,f,m="medium"){const{Button:a}=r(),c="large"===m?16:8,u=a?.contentFontSizeSM??16;return e((()=>{if(0===n.length)return 0;if(n.length>f){const r=new Set;for(let e=0;e<f;e++){const e=t(n,(t=>r.has(t)?0:t.label.length));e&&r.add(e)}return o(Array.from(r),u,c,!0)}return o(n,u,c,!1)}),[c,u,f,n])}function o(r,t,e,n){const o=t+4;return r.map((r=>{const t=r.label.length*o+8;return r.icon?t+o+8:t})).reduce(((r,t)=>r+t),0)+(n?o+8:0)+2*e}export{n as useOperationColumnWidth};
+/*! VefFramework 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/dist/vef-table/hooks/use-pagination-props.d.ts

@@ -0,0 +1,17 @@
+import type { PaginationParams } from "@vef-framework/shared";
+import type { VefTableProps } from "../props";
+/**
+ * The hook to get the pagination props of VefPagination.
+ *
+ * @param paginated - Whether to allow pagination.
+ * @returns The pagination props.
+ */
+export declare function usePaginationProps(paginated: boolean, size: NonNullable<VefTableProps["size"]>): {
+    paginationProps: {
+        pageNumber: number | undefined;
+        pageSize: number | undefined;
+        size: "small" | "medium";
+        onChange: import("@vef-framework/shared").BiConsumer<number, number> | undefined;
+    } | undefined;
+    paginationParams: PaginationParams;
+};

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useState as e,useMemo as a}from"react";import{defaultPageSizeOptions as i}from"../../vef-pagination/props.js";function r(r,p){const[n,o]=e({page:1,size:i[2]}),s=a((()=>{if(r)return(e,a)=>{o({page:e,size:a})}}),[r,o]);return{paginationProps:a((()=>{if(r)return{pageNumber:n.page,pageSize:n.size,size:"small"===p?"small":"medium",onChange:s}}),[s,r,n.page,n.size,p]),paginationParams:n}}export{r as usePaginationProps};
+/*! VefFramework 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/dist/vef-table/hooks/use-row-props.d.ts

@@ -0,0 +1,11 @@
+import type { Consumer, ObjectType } from "@vef-framework/shared";
+import type { TableProps } from "antd";
+import type { VefTableProps } from "../props";
+type OnRow<T> = TableProps<T>["onRow"];
+/**
+ * The hook is used to handle the row props.
+ */
+export declare function useRowProps<T extends ObjectType>({ enableRowClick, enableRowClickForSelection, onRowClick, disabledSelection, handleRowClickSelection, }: Pick<VefTableProps<T>, "enableRowClick" | "enableRowClickForSelection" | "onRowClick" | "disabledSelection"> & {
+    handleRowClickSelection?: Consumer<T>;
+}): OnRow<T>;
+export {};

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useMemo as e}from"react";function o({enableRowClick:o=!1,enableRowClickForSelection:n=!1,onRowClick:l,disabledSelection:i,handleRowClickSelection:r}){return e((()=>{if(o)return(e,o)=>{const t=i?.(e)??!1;return{style:{cursor:t?"not-allowed":"pointer"},onClick:t?void 0:()=>{n?r?.(e):l?.(e,o??-1)}}}}),[i,o,n,r,l])}export{o as useRowProps};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/hooks/use-row-selection-config.d.ts

@@ -0,0 +1,11 @@
+import type { ObjectType } from "@vef-framework/shared";
+import type { VefTableProps } from "../props";
+/**
+ * The hook to get the row selection config.
+ */
+export declare function useRowSelectionConfig<T extends ObjectType>({ rowKey, value, defaultValue, selectable, enableRowClick, enableRowClickForSelection, multipleSelection, showSelectAllCheckbox, disabledSelection, onSelect, onDeselect, onChange, }: Pick<VefTableProps<T>, "value" | "defaultValue" | "selectable" | "multipleSelection" | "showSelectAllCheckbox" | "disabledSelection" | "enableRowClick" | "enableRowClickForSelection" | "onSelect" | "onDeselect" | "onChange"> & Required<Pick<VefTableProps<T>, "rowKey">>): {
+    rowSelectionConfig: import("antd/es/table/interface").TableRowSelection<T> | undefined;
+    handleRowClickSelection: ((record: T) => void) | undefined;
+    mergedValue: string[];
+    selectedRecords: import("react").MutableRefObject<T[]>;
+};

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{isFunction as e}from"@vef-framework/shared";import{useMemo as l}from"react";import{useMergedValue as o}from"./use-merged-value.js";function t({rowKey:t,value:r,defaultValue:n,selectable:c,enableRowClick:i,enableRowClickForSelection:s,multipleSelection:d=!0,showSelectAllCheckbox:a=!0,disabledSelection:u,onSelect:f,onDeselect:h,onChange:m}){const{mergedValue:p,mergedOnChange:S,selectedRecords:g}=o({value:r,defaultValue:n,multipleSelection:d,onChange:m}),C=l((()=>{if(i&&s)return l=>{const o=e(t)?t(l):l[t];if(p.includes(o)){if(!d)return;const r=p.filter((e=>e!==o)),n=g.current.filter((l=>(e(t)?t(l):l[t])!==o));S(r,n),h?.(o,l)}else{const e=[o];d&&e.push(...p);const t=[l];d&&t.push(...g.current),S(e,t),f?.(o,l)}}}),[i,s,S,p,d,h,f,t,g]);return{rowSelectionConfig:l((()=>{if(!c)return;return{fixed:!0,hideSelectAll:!a,preserveSelectedRowKeys:!1,selectedRowKeys:p,type:d?"checkbox":"radio",getCheckboxProps:e(u)?e=>({disabled:u(e)}):void 0,onChange:(e,l)=>{S(e,l)},onSelect:e(f)||e(h)?(l,o)=>{const r=e(t)?t(l):l[t];o?f?.(r,l):h?.(r,l)}:void 0}}),[c,a,p,d,u,f,h,S,t]),handleRowClickSelection:C,mergedValue:p,selectedRecords:g}}export{t as useRowSelectionConfig};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/hooks/use-table-columns.d.ts

@@ -0,0 +1,12 @@
+import type { ObjectType } from "@vef-framework/shared";
+import type { TableColumnsType, TableColumnType } from "antd";
+import type { TableColumn } from "../types";
+/**
+ * Hook to convert table columns to antd table columns
+ *
+ * @param columns - The columns to convert
+ * @param rowNumberColumn - The row number column
+ * @param operationColumn - The operation column
+ * @returns The converted columns
+ */
+export declare function useTableColumns<T extends ObjectType>(columns: Array<TableColumn<T>>, rowNumberColumn?: TableColumnType<T>, operationColumn?: TableColumnType<T>): TableColumnsType<T>;

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

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

package/dist/vef-table/hooks/use-table-context.d.ts

@@ -0,0 +1,9 @@
+import type { Mapper, ObjectType } from "@vef-framework/shared";
+import type { InternalTableContext } from "../types";
+declare const TableContextProvider: import("react").ComponentType<{
+    value: InternalTableContext<any, any>;
+    children: import("react").ReactNode;
+}>;
+declare const useTableContextSelector: (<T extends ObjectType, C extends ObjectType, R>(selector: Mapper<InternalTableContext<T, C>, R>) => R);
+declare const useTableContext: <T extends ObjectType, C extends ObjectType>() => InternalTableContext<T, C>;
+export { TableContextProvider, useTableContext, useTableContextSelector, };

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{createSelectableContext as e,noop as o}from"@vef-framework/shared";const{useContextSelector:n,useContext:t,ContextProvider:r}=e({isFetching:!1,refetch:()=>Promise.resolve({}),selectedKeys:[],selectedRecords:[],defaultColumnConfigMap:new Map,columnConfigMap:new Map,setColumnConfigMap:o,columnConfigMapHasChanged:!1}),s=n,a=t;export{r as TableContextProvider,a as useTableContext,s as useTableContextSelector};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/hooks/use-table-instance.d.ts

@@ -0,0 +1,10 @@
+import type { ObjectType, Provider, QueryRefetchResult } from "@vef-framework/shared";
+import { type ForwardedRef } from "react";
+import type { VefTableInstance } from "../props";
+/**
+ * The hook to get the instance of VefTable.
+ *
+ * @param ref - The forwarded ref of VefTable.
+ * @param data - The data of VefTable.
+ */
+export declare function useTableInstance<T extends ObjectType>(ref: ForwardedRef<VefTableInstance<T>>, data: T[], refetch: Provider<Promise<QueryRefetchResult<T>>>): import("react").RefObject<import("antd/es/table").TableRef>;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useRef as t,useImperativeHandle as r}from"react";function a(a,e,n){const c=t(null);return r(a,(()=>({getData:()=>e,refetch:async()=>{await n()}}))),c}export{a as useTableInstance};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/hooks/use-table-summary.d.ts

@@ -0,0 +1,10 @@
+import type { Mapper, MaybeUndefined, ObjectType } from "@vef-framework/shared";
+import { type ReactNode } from "react";
+import type { TableColumn } from "../types";
+/**
+ * Hook to build summary from columns.
+ *
+ * @param columns - The columns to build summary from
+ * @returns The summary
+ */
+export declare function useTableSummary<T extends ObjectType>(columns: Array<TableColumn<T>>): MaybeUndefined<Mapper<readonly T[], ReactNode>>;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{jsx as m}from"@emotion/react/jsx-runtime";import{Table as r}from"antd";import{isFunction as n}from"@vef-framework/shared";import{useMemo as o}from"react";const{Summary:a}=r,{Row:e,Cell:t}=a;function i(r){const i=o((()=>r.filter((m=>n(m.summary))).map((m=>{const{name:r,summary:n,summaryColSpan:o}=m;return{name:r,summary:n,summaryColSpan:o??1}}))),[r]);return o((()=>{if(0!==i.length)return r=>m(a,{fixed:"bottom",children:m(e,{children:i.map((({name:n,summary:o,summaryColSpan:a},e)=>m(t,{colSpan:a,index:e,children:o(r)},n)))})})}),[i])}export{i as useTableSummary};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/hooks/use-table-width.d.ts

@@ -0,0 +1,9 @@
+import type { ObjectType } from "@vef-framework/shared";
+import type { TableColumnsType } from "antd";
+/**
+ * The hook to get the width of the table.
+ *
+ * @param columns - The columns of the table.
+ * @returns The width of the table.
+ */
+export declare function useTableWidth<T extends ObjectType>(columns: TableColumnsType<T>, selectable: boolean): number;

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

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.5, build time: 2024-12-10T10:24:47.065Z, made by Venus. */
+import{useMemo as r}from"react";function t(t,e){return r((()=>{const r=t.filter((r=>!0!==r.hidden)).map((r=>r.width??r.minWidth??160)).reduce(((r,t)=>r+t),0);return e?r+40:r}),[t,e])}export{t as useTableWidth};
+/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-table/index.d.ts

@@ -0,0 +1,7 @@
+import { type EmptyObject, type ObjectType, type ObjectValue } from "@vef-framework/shared";
+import { type FC, type ReactNode, type RefAttributes } from "react";
+import type { VefTableInstance, VefTableProps } from "./props";
+declare const VefTable: (<T extends ObjectType = ObjectValue, P extends ObjectType = EmptyObject, R = T, C extends ObjectType = EmptyObject>(props: VefTableProps<T, P, R, C> & RefAttributes<VefTableInstance<T>>) => ReactNode) & Pick<FC, "displayName">;
+export type { BatchActionButtonContext, OperationButtonContext, TableColumn, TableColumnFixed, TableContext, TableRowContext, TableSchema } from "./types";
+export type { VefTableInstance, VefTableProps };
+export default VefTable;