@vef-framework/components 1.0.128 → 1.0.129

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

@@ -1,22 +1,5 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var Icon = require('@ant-design/icons');
-var react = require('@emotion/react');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var react$1 = require('react');
-var index$1 = require('../../vef-button/index.cjs');
-var index$2 = require('../../vef-dropdown/index.cjs');
-var index = require('../../vef-flex/index.cjs');
-var index$3 = require('../../vef-popconfirm/index.cjs');
-var useTableContext = require('../hooks/use-table-context.cjs');
-
-"use strict";
-const operationButtonStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("@emotion/react/jsx-runtime"),z=require("@ant-design/icons"),A=require("@emotion/react"),B=require("@vef-framework/hooks"),w=require("@vef-framework/shared"),a=require("react"),b=require("../../vef-button/index.cjs"),H=require("../../vef-dropdown/index.cjs"),V=require("../../vef-flex/index.cjs"),_=require("../../vef-popconfirm/index.cjs"),N=require("../hooks/use-table-context.cjs");const Q=A.css`
   .vef-btn-sm {
     --vef-control-height-sm: 24px;
     --vef-button-padding-inline-sm: 4px;
@@ -25,219 +8,4 @@ const operationButtonStyle = react.css`
       padding-inline: 2px;
     }
   }
-`;
-function VefOperationButtons({
-  record,
-  rowIndex,
-  operationButtons,
-  maxVisibleOperationButtons
-}) {
-  const {
-    externalContext,
-    refetch,
-    isFetching,
-    selectedKeys,
-    selectedRecords
-  } = useTableContext.useTableContextSelector(
-    (ctx) => {
-      const {
-        externalContext: externalContext2,
-        refetch: refetch2,
-        isFetching: isFetching2,
-        selectedKeys: selectedKeys2,
-        selectedRecords: selectedRecords2
-      } = ctx;
-      return {
-        externalContext: externalContext2,
-        refetch: refetch2,
-        isFetching: isFetching2,
-        selectedKeys: selectedKeys2,
-        selectedRecords: selectedRecords2
-      };
-    }
-  );
-  const buttonContext = react$1.useMemo(() => ({
-    record,
-    rowIndex,
-    refetch,
-    isFetching,
-    selectedKeys,
-    selectedRecords,
-    ...externalContext ?? {}
-  }), [
-    externalContext,
-    isFetching,
-    record,
-    refetch,
-    rowIndex,
-    selectedKeys,
-    selectedRecords
-  ]);
-  const computedButtons = hooks.useComputedActionButtons(operationButtons, buttonContext);
-  const [moreButtonLoading, setMoreButtonLoading] = react$1.useState(false);
-  const hiddenButtons = react$1.useMemo(() => {
-    if (computedButtons.length > maxVisibleOperationButtons) {
-      return computedButtons.slice(maxVisibleOperationButtons).map((button) => {
-        const {
-          key,
-          label,
-          icon,
-          disabled
-        } = button;
-        return {
-          type: "item",
-          key,
-          label,
-          icon,
-          disabled
-        };
-      });
-    }
-    return [];
-  }, [computedButtons, maxVisibleOperationButtons]);
-  const [moreButtonConfirmationOpen, setMoreButtonConfirmationOpen] = react$1.useState(false);
-  const [currentMoreButtonConfirmationInfo, setCurrentMoreButtonConfirmationInfo] = react$1.useState(null);
-  const handleMoreButtonConfirmationCancel = react$1.useCallback(() => {
-    setMoreButtonConfirmationOpen(false);
-    setCurrentMoreButtonConfirmationInfo(null);
-  }, []);
-  const handleMoreButtonClick = react$1.useMemo(() => {
-    if (hiddenButtons.length === 0) {
-      return;
-    }
-    return async (key) => {
-      const {
-        requireConfirmation,
-        confirmationMode,
-        confirmationTitle,
-        confirmationContent,
-        onClick
-      } = computedButtons.find((item) => item.key === key);
-      const okHandler = async () => {
-        try {
-          await shared.invokeMaybeAsyncFn(
-            onClick,
-            {
-              beforeInvoke: () => {
-                setMoreButtonLoading(true);
-              },
-              onFinally: () => {
-                setMoreButtonLoading(false);
-              }
-            },
-            buttonContext
-          );
-        } finally {
-          handleMoreButtonConfirmationCancel();
-        }
-      };
-      if (requireConfirmation) {
-        if (confirmationMode === "simple") {
-          setCurrentMoreButtonConfirmationInfo({
-            title: confirmationTitle,
-            content: confirmationContent,
-            okHandler
-          });
-          setMoreButtonConfirmationOpen(true);
-        } else {
-          shared.showConfirmation(
-            confirmationTitle,
-            confirmationContent,
-            okHandler,
-            {
-              onCancel: () => {
-                setCurrentMoreButtonConfirmationInfo(null);
-              }
-            }
-          );
-        }
-      } else {
-        await okHandler();
-      }
-    };
-  }, [computedButtons, buttonContext, handleMoreButtonConfirmationCancel, hiddenButtons.length]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { align: "center", css: operationButtonStyle, gap: "small", justify: "center", children: [
-    computedButtons.slice(0, maxVisibleOperationButtons).map((button) => {
-      const {
-        key,
-        label,
-        icon,
-        color,
-        disabled,
-        requireConfirmation,
-        confirmationMode,
-        confirmationTitle,
-        confirmationContent,
-        onClick
-      } = button;
-      if (requireConfirmation) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          index$1.default,
-          {
-            requireConfirmation: true,
-            color,
-            confirmationContent,
-            confirmationMode,
-            confirmationTitle,
-            disabled: disabled || moreButtonLoading,
-            icon,
-            size: "small",
-            variant: "filled",
-            onConfirmationOk: () => onClick(buttonContext),
-            children: label
-          },
-          key
-        );
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        index$1.default,
-        {
-          color,
-          disabled: disabled || moreButtonLoading,
-          icon,
-          size: "small",
-          variant: "filled",
-          onClick: (event) => {
-            event.stopPropagation();
-            return onClick(buttonContext);
-          },
-          children: label
-        },
-        key
-      );
-    }),
-    computedButtons.length > maxVisibleOperationButtons && /* @__PURE__ */ jsxRuntime.jsx(
-      index$2.default,
-      {
-        disabled: moreButtonLoading,
-        items: hiddenButtons,
-        onClick: handleMoreButtonClick,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          index$3.default,
-          {
-            content: currentMoreButtonConfirmationInfo?.content,
-            disabled: moreButtonLoading,
-            opened: moreButtonConfirmationOpen,
-            title: currentMoreButtonConfirmationInfo?.title,
-            onCancel: handleMoreButtonConfirmationCancel,
-            onOk: currentMoreButtonConfirmationInfo?.okHandler,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              index$1.default,
-              {
-                color: "primary",
-                disabled: moreButtonLoading,
-                icon: /* @__PURE__ */ jsxRuntime.jsx(Icon.MoreOutlined, {}),
-                loading: moreButtonLoading,
-                size: "small",
-                variant: "filled",
-                onClick: (event) => event.stopPropagation()
-              }
-            )
-          }
-        )
-      }
-    )
-  ] });
-}
-
-exports.default = VefOperationButtons;
+`;function U({record:p,rowIndex:y,operationButtons:R,maxVisibleOperationButtons:d}){const{externalContext:g,refetch:k,isFetching:q,selectedKeys:j,selectedRecords:M}=N.useTableContextSelector(e=>{const{externalContext:i,refetch:o,isFetching:n,selectedKeys:t,selectedRecords:c}=e;return{externalContext:i,refetch:o,isFetching:n,selectedKeys:t,selectedRecords:c}}),u=a.useMemo(()=>({record:p,rowIndex:y,refetch:k,isFetching:q,selectedKeys:j,selectedRecords:M,...g??{}}),[g,q,p,k,y,j,M]),r=B.useComputedActionButtons(R,u),[s,F]=a.useState(!1),m=a.useMemo(()=>r.length>d?r.slice(d).map(e=>{const{key:i,label:o,icon:n,disabled:t}=e;return{type:"item",key:i,label:o,icon:n,disabled:t}}):[],[r,d]),[$,O]=a.useState(!1),[x,h]=a.useState(null),C=a.useCallback(()=>{O(!1),h(null)},[]),I=a.useMemo(()=>{if(m.length!==0)return async e=>{const{requireConfirmation:i,confirmationMode:o,confirmationTitle:n,confirmationContent:t,onClick:c}=r.find(v=>v.key===e),f=async()=>{try{await w.invokeMaybeAsyncFn(c,{beforeInvoke:()=>{F(!0)},onFinally:()=>{F(!1)}},u)}finally{C()}};i?o==="simple"?(h({title:n,content:t,okHandler:f}),O(!0)):w.showConfirmation(n,t,f,{onCancel:()=>{h(null)}}):await f()}},[r,u,C,m.length]);return l.jsxs(V.default,{align:"center",css:Q,gap:"small",justify:"center",children:[r.slice(0,d).map(e=>{const{key:i,label:o,icon:n,color:t,disabled:c,requireConfirmation:f,confirmationMode:v,confirmationTitle:K,confirmationContent:P,onClick:T}=e;return f?l.jsx(b.default,{requireConfirmation:!0,color:t,confirmationContent:P,confirmationMode:v,confirmationTitle:K,disabled:c||s,icon:n,size:"small",variant:"filled",onConfirmationOk:()=>T(u),children:o},i):l.jsx(b.default,{color:t,disabled:c||s,icon:n,size:"small",variant:"filled",onClick:S=>(S.stopPropagation(),T(u)),children:o},i)}),r.length>d&&l.jsx(H.default,{disabled:s,items:m,onClick:I,children:l.jsx(_.default,{content:x?.content,disabled:s,opened:$,title:x?.title,onCancel:C,onOk:x?.okHandler,children:l.jsx(b.default,{color:"primary",disabled:s,icon:l.jsx(z.MoreOutlined,{}),loading:s,size:"small",variant:"filled",onClick:e=>e.stopPropagation()})})})]})}exports.default=U;

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

@@ -1,24 +1,4 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var lucideReact = require('lucide-react');
-var react$1 = require('react');
-var index = require('../../vef-icon/index.cjs');
-var useTableContext = require('../hooks/use-table-context.cjs');
-
-"use strict";
-const primaryColorStyle = react.css`
-  color: ${shared.themeVariables.colorPrimary};
-`;
-function VefSettingsIconBase() {
-  const columnConfigMapHasChanged = useTableContext.useTableContextSelector((ctx) => ctx.columnConfigMapHasChanged);
-  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { css: columnConfigMapHasChanged ? primaryColorStyle : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SettingsIcon, {}) });
-}
-const VefSettingsIcon = react$1.memo(VefSettingsIconBase, () => false);
-
-exports.default = VefSettingsIcon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),a=require("@emotion/react"),i=require("@vef-framework/shared"),s=require("lucide-react"),u=require("react"),c=require("../../vef-icon/index.cjs"),o=require("../hooks/use-table-context.cjs");const n=a.css`
+  color: ${i.themeVariables.colorPrimary};
+`;function l(){const r=o.useTableContextSelector(t=>t.columnConfigMapHasChanged);return e.jsx(c.default,{css:r?n:void 0,children:e.jsx(s.SettingsIcon,{})})}const d=u.memo(l,()=>!1);exports.default=d;

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

@@ -1,19 +1,5 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var react$1 = require('react');
-var index$1 = require('../../vef-button/index.cjs');
-var index$2 = require('../../vef-pagination/index.cjs');
-var index = require('../../vef-text/index.cjs');
-var useTableContext = require('../hooks/use-table-context.cjs');
-
-"use strict";
-const footerStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),$=require("@emotion/react"),v=require("@vef-framework/shared"),t=require("react"),x=require("../../vef-button/index.cjs"),A=require("../../vef-pagination/index.cjs"),b=require("../../vef-text/index.cjs"),B=require("../hooks/use-table-context.cjs");const P=$.css`
   width: 100%;
   display: flex;
   align-items: center;
@@ -23,99 +9,10 @@ const footerStyle = react.css`
     flex: auto;
     display: flex;
     align-items: center;
-    gap: ${shared.themeVariables.padding};
+    gap: ${v.themeVariables.padding};
   }
 
   > .vef-pagination {
     flex: none;
   }
-`;
-function VefTableFooterBase({
-  selectionSummary,
-  size,
-  paginationProps,
-  batchActionButtons,
-  batchActionButtonContext
-}) {
-  const selectedRecords = useTableContext.useTableContextSelector((ctx) => ctx.selectedRecords);
-  const selectionSummaryNode = react$1.useMemo(() => {
-    if (selectionSummary === false) {
-      return;
-    }
-    if (selectionSummary) {
-      return selectionSummary(selectedRecords);
-    }
-    if (selectedRecords.length > 0) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { color: "secondary", children: [
-        "已选择",
-        " ",
-        /* @__PURE__ */ jsxRuntime.jsx(index.default, { bold: true, color: "blue", children: selectedRecords.length }),
-        " ",
-        "项"
-      ] });
-    }
-  }, [selectionSummary, selectedRecords]);
-  const batchButtonsNode = react$1.useMemo(() => batchActionButtons.map((button) => {
-    const {
-      key,
-      label,
-      icon,
-      disabled,
-      color,
-      requireConfirmation,
-      confirmationMode,
-      confirmationTitle,
-      confirmationContent,
-      onClick
-    } = button;
-    const wrappedOnClick = async () => {
-      await shared.invokeMaybeAsyncFn(
-        onClick,
-        {},
-        batchActionButtonContext
-      );
-    };
-    if (requireConfirmation) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        index$1.default,
-        {
-          requireConfirmation: true,
-          color,
-          confirmationContent,
-          confirmationMode,
-          confirmationTitle,
-          disabled,
-          icon,
-          onConfirmationOk: wrappedOnClick,
-          children: label
-        },
-        key
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      index$1.default,
-      {
-        color,
-        disabled,
-        icon,
-        onClick: wrappedOnClick,
-        children: label
-      },
-      key
-    );
-  }), [batchActionButtons, batchActionButtonContext]);
-  const style = react$1.useMemo(() => ({
-    "--vef-table-footer-gap": `var(--vef-table-cell-padding-block${size === "small" ? "-sm" : size === "medium" ? "-md" : ""})`
-  }), [size]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: footerStyle, style, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      selectionSummaryNode,
-      batchButtonsNode
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$2.default, { ...paginationProps })
-  ] });
-}
-const VefTableFooter = react$1.memo(VefTableFooterBase);
-VefTableFooter.displayName = "VefTableFooter";
-
-exports.default = VefTableFooter;
+`;function V({selectionSummary:i,size:o,paginationProps:h,batchActionButtons:a,batchActionButtonContext:l}){const r=B.useTableContextSelector(n=>n.selectedRecords),g=t.useMemo(()=>{if(i!==!1){if(i)return i(r);if(r.length>0)return e.jsxs(b.default,{color:"secondary",children:["已选择"," ",e.jsx(b.default,{bold:!0,color:"blue",children:r.length})," ","项"]})}},[i,r]),y=t.useMemo(()=>a.map(n=>{const{key:s,label:c,icon:d,disabled:u,color:f,requireConfirmation:C,confirmationMode:j,confirmationTitle:M,confirmationContent:k,onClick:T}=n,m=async()=>{await v.invokeMaybeAsyncFn(T,{},l)};return C?e.jsx(x.default,{requireConfirmation:!0,color:f,confirmationContent:k,confirmationMode:j,confirmationTitle:M,disabled:u,icon:d,onConfirmationOk:m,children:c},s):e.jsx(x.default,{color:f,disabled:u,icon:d,onClick:m,children:c},s)}),[a,l]),q=t.useMemo(()=>({"--vef-table-footer-gap":`var(--vef-table-cell-padding-block${o==="small"?"-sm":o==="medium"?"-md":""})`}),[o]);return e.jsxs("div",{css:P,style:q,children:[e.jsxs("div",{children:[g,y]}),e.jsx(A.default,{...h})]})}const p=t.memo(V);p.displayName="VefTableFooter",exports.default=p;

package/cjs/vef-table/helper.cjs

@@ -1,18 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-
-"use strict";
-function computeValue(rawValue, value, record, rowIndex, defaultValue) {
-  if (shared.isFunction(rawValue)) {
-    return rawValue(value, record, rowIndex);
-  }
-  if (shared.isExpression(rawValue)) {
-    const fn = shared.compileDynamicFn(rawValue, "value", "record", "rowIndex", `return ${rawValue.expression}`);
-    return fn(value, record, rowIndex);
-  }
-  return rawValue ?? defaultValue;
-}
-
-exports.computeValue = computeValue;
+"use strict";var e=require("@vef-framework/shared");function c(r,u,i,s,n){return e.isFunction(r)?r(u,i,s):e.isExpression(r)?e.compileDynamicFn(r,"value","record","rowIndex",`return ${r.expression}`)(u,i,s):r??n}exports.computeValue=c;

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

@@ -1,36 +1,2 @@
 "use strict";
-'use strict';
-
-var hooks = require('@vef-framework/hooks');
-var react = require('react');
-
-"use strict";
-function useComputedBatchActionButtons(batchActionButtons, tableContext) {
-  const {
-    externalContext,
-    isFetching,
-    refetch,
-    selectedKeys,
-    selectedRecords
-  } = tableContext;
-  const batchActionButtonContext = react.useMemo(() => ({
-    isFetching,
-    refetch,
-    selectedKeys,
-    selectedRecords,
-    ...externalContext ?? {}
-  }), [
-    externalContext,
-    isFetching,
-    refetch,
-    selectedKeys,
-    selectedRecords
-  ]);
-  const computedBatchActionButtons = hooks.useComputedActionButtons(batchActionButtons, batchActionButtonContext);
-  return {
-    computedBatchActionButtons,
-    batchActionButtonContext
-  };
-}
-
-exports.useComputedBatchActionButtons = useComputedBatchActionButtons;
+"use strict";var i=require("@vef-framework/hooks"),d=require("react");function h(u,r){const{externalContext:t,isFetching:e,refetch:c,selectedKeys:o,selectedRecords:s}=r,n=d.useMemo(()=>({isFetching:e,refetch:c,selectedKeys:o,selectedRecords:s,...t??{}}),[t,e,c,o,s]);return{computedBatchActionButtons:i.useComputedActionButtons(u,n),batchActionButtonContext:n}}exports.useComputedBatchActionButtons=h;

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

@@ -1,23 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-function useComputedColumns(columns, columnConfigMap) {
-  return react.useMemo(() => columns.map(
-    (column) => {
-      const { name } = column;
-      const config = columnConfigMap.get(name);
-      return {
-        ...column,
-        show: config.show,
-        fixed: config.fixed
-      };
-    }
-  ).sort(
-    (one, another) => columnConfigMap.get(one.name).order - columnConfigMap.get(another.name).order
-  ), [columns, columnConfigMap]);
-}
-
-exports.useComputedColumns = useComputedColumns;
+"use strict";var o=require("react");function m(s,e){return o.useMemo(()=>s.map(t=>{const{name:r}=t,u=e.get(r);return{...t,show:u.show,fixed:u.fixed}}).sort((t,r)=>e.get(t.name).order-e.get(r.name).order),[s,e])}exports.useComputedColumns=m;

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

@@ -1,41 +1,2 @@
 "use strict";
-'use strict';
-
-var hooks = require('@vef-framework/hooks');
-var helper = require('../helper.cjs');
-
-"use strict";
-function useComputedValues(values, value, record, rowIndex, returnAsObject = false) {
-  const computedValues = hooks.useDeepMemo(
-    () => values.reduce((acc, it) => {
-      const {
-        key,
-        rawValue,
-        defaultValue
-      } = it;
-      const computedValue = helper.computeValue(rawValue, value, record, rowIndex, defaultValue);
-      acc[key] = computedValue;
-      return acc;
-    }, {}),
-    [
-      record,
-      rowIndex,
-      value,
-      values
-    ]
-  );
-  if (returnAsObject) {
-    return values.reduce(
-      (acc, { key }) => {
-        acc[key] = computedValues[key];
-        return acc;
-      },
-      {}
-    );
-  }
-  return values.map(
-    ({ key }) => computedValues[key]
-  );
-}
-
-exports.useComputedValues = useComputedValues;
+"use strict";var i=require("@vef-framework/hooks"),n=require("../helper.cjs");function V(u,s,t,a,o=!1){const c=i.useDeepMemo(()=>u.reduce((e,r)=>{const{key:l,rawValue:p,defaultValue:d}=r,m=n.computeValue(p,s,t,a,d);return e[l]=m,e},{}),[t,a,s,u]);return o?u.reduce((e,{key:r})=>(e[r]=c[r],e),{}):u.map(({key:e})=>c[e])}exports.useComputedValues=V;

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

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

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

@@ -1,30 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-function useDefaultColumnConfigs(columns) {
-  return react.useMemo(() => {
-    const columnConfigs = /* @__PURE__ */ new Map();
-    let currentOrder = 1;
-    for (const column of columns) {
-      const {
-        name,
-        title,
-        fixed,
-        configurable
-      } = column;
-      columnConfigs.set(name, {
-        title: title ?? name,
-        show: true,
-        fixed,
-        order: currentOrder++,
-        configurable: configurable ?? true
-      });
-    }
-    return columnConfigs;
-  }, [columns]);
-}
-
-exports.useDefaultColumnConfigs = useDefaultColumnConfigs;
+"use strict";var i=require("react");function l(e){return i.useMemo(()=>{const t=new Map;let o=1;for(const r of e){const{name:n,title:u,fixed:s,configurable:f}=r;t.set(n,{title:u??n,show:!0,fixed:s,order:o++,configurable:f??!0})}return t},[e])}exports.useDefaultColumnConfigs=l;

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

@@ -1,39 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-var react = require('react');
-
-"use strict";
-function useDisplayValue(value, record, rowIndex, config) {
-  const {
-    defaultValue,
-    formatter,
-    prefix,
-    suffix
-  } = config;
-  const valueToUse = shared.isNullish(value) ? defaultValue : value;
-  return react.useMemo(() => {
-    if (shared.isFunction(formatter)) {
-      return formatter(value, record, rowIndex);
-    }
-    if (shared.isExpression(formatter)) {
-      const fn = shared.compileDynamicFn(formatter, "value", "record", "rowIndex", `return ${formatter.expression}`);
-      return fn(value, record, rowIndex);
-    }
-    if (shared.isNullish(valueToUse)) {
-      return;
-    }
-    return `${prefix ?? ""}${valueToUse}${suffix ?? ""}`;
-  }, [
-    formatter,
-    valueToUse,
-    prefix,
-    suffix,
-    value,
-    record,
-    rowIndex
-  ]);
-}
-
-exports.useDisplayValue = useDisplayValue;
+"use strict";var s=require("@vef-framework/shared"),o=require("react");function c(r,u,i,l){const{defaultValue:f,formatter:e,prefix:t,suffix:a}=l,n=s.isNullish(r)?f:r;return o.useMemo(()=>{if(s.isFunction(e))return e(r,u,i);if(s.isExpression(e))return s.compileDynamicFn(e,"value","record","rowIndex",`return ${e.expression}`)(r,u,i);if(!s.isNullish(n))return`${t??""}${n}${a??""}`},[e,n,t,a,r,u,i])}exports.useDisplayValue=c;