@vef-framework/components 1.0.128 → 1.0.129

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

@@ -1,31 +1,17 @@
 "use strict";
-import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
-import { RollbackOutlined, VerticalRightOutlined, VerticalLeftOutlined } from '@ant-design/icons';
-import { css } from '@emotion/react';
-import { themeVariables } from '@vef-framework/shared';
-import { Checkbox } from 'antd';
-import { useMemo, useCallback, memo } from 'react';
-import VefBool from '../../vef-bool/index.js';
-import VefButton from '../../vef-button/index.js';
-import VefDivider from '../../vef-divider/index.js';
-import VefSortableList from '../../vef-sortable-list/index.js';
-import VefText from '../../vef-text/index.js';
-import { useTableContextSelector } from '../hooks/use-table-context.js';
-
-"use strict";
-const columnsSettingsPanelStyle = css`
+import{jsxs as u,jsx as a,Fragment as z}from"@emotion/react/jsx-runtime";import{RollbackOutlined as x,VerticalRightOutlined as R,VerticalLeftOutlined as T}from"@ant-design/icons";import{css as H}from"@emotion/react";import{themeVariables as o}from"@vef-framework/shared";import{Checkbox as y}from"antd";import{useMemo as p,useCallback as m,memo as K}from"react";import P from"../../vef-bool/index.js";import g from"../../vef-button/index.js";import k from"../../vef-divider/index.js";import B from"../../vef-sortable-list/index.js";import F from"../../vef-text/index.js";import{useTableContextSelector as G}from"../hooks/use-table-context.js";const I=H`
   width: 300px;
-  padding: ${themeVariables.paddingSm};
+  padding: ${o.paddingSm};
 
   .vef-divider-horizontal {
-    margin: ${themeVariables.marginSm} 0;
+    margin: ${o.marginSm} 0;
   }
 
   .vef-table-columns-settings-panel-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding-left: ${themeVariables.paddingSm};
+    padding-left: ${o.paddingSm};
   }
 
   .vef-table-columns-settings-panel-body {
@@ -40,17 +26,17 @@ const columnsSettingsPanelStyle = css`
         display: grid;
         grid-template-columns: max-content 1fr max-content;
         align-items: center;
-        padding: ${themeVariables.paddingXs};
-        border-radius: ${themeVariables.borderRadius};
+        padding: ${o.paddingXs};
+        border-radius: ${o.borderRadius};
 
         &:hover {
-          background-color: ${themeVariables.colorPrimaryBg};
+          background-color: ${o.colorPrimaryBg};
         }
 
         .vef-table-columns-settings-panel-column-drag-icon {
           cursor: move;
-          color: ${themeVariables.colorTextSecondary};
-          padding-right: ${themeVariables.padding};
+          color: ${o.colorTextSecondary};
+          padding-right: ${o.padding};
         }
 
         .vef-table-columns-settings-panel-column-fixed-icon {
@@ -64,175 +50,4 @@ const columnsSettingsPanelStyle = css`
       }
     }
   }
-`;
-function VefColumnsSettingsBase() {
-  const {
-    defaultColumnConfigMap,
-    columnConfigMap,
-    setColumnConfigMap
-  } = useTableContextSelector((ctx) => {
-    const {
-      defaultColumnConfigMap: defaultColumnConfigMap2,
-      columnConfigMap: columnConfigMap2,
-      setColumnConfigMap: setColumnConfigMap2
-    } = ctx;
-    return {
-      defaultColumnConfigMap: defaultColumnConfigMap2,
-      columnConfigMap: columnConfigMap2,
-      setColumnConfigMap: setColumnConfigMap2
-    };
-  });
-  const columnOptions = useMemo(() => [...columnConfigMap.entries()].sort(([_, one], [__, another]) => one.order - another.order).map(([name, column]) => {
-    const {
-      title,
-      configurable,
-      ...rest
-    } = column;
-    return {
-      value: name,
-      label: title,
-      disabled: !configurable,
-      ...rest
-    };
-  }), [columnConfigMap]);
-  const setColumnOptions = useCallback((newColumnOptions) => {
-    const newColumnConfigMap = newColumnOptions.reduce(
-      (map, option, index) => {
-        const {
-          value,
-          label,
-          disabled,
-          order,
-          ...rest
-        } = option;
-        const columnConfig = {
-          title: label,
-          configurable: !disabled,
-          order: index + 1,
-          ...rest
-        };
-        map.set(value, columnConfig);
-        return map;
-      },
-      /* @__PURE__ */ new Map()
-    );
-    setColumnConfigMap(newColumnConfigMap);
-  }, [setColumnConfigMap]);
-  const showedColumns = useMemo(() => columnOptions.filter((it) => it.show).map((it) => it.value), [columnOptions]);
-  const allCheckStatus = useMemo(() => {
-    const showedLength = showedColumns.length;
-    const totalLength = columnOptions.length;
-    return showedLength === totalLength ? "checked" : showedLength > 0 ? "indeterminate" : "unchecked";
-  }, [showedColumns.length, columnOptions.length]);
-  const handleShowedColumnsChange = useCallback((value) => {
-    const names = new Set(value);
-    const newColumnOptions = columnOptions.map((option) => ({
-      ...option,
-      show: names.has(option.value)
-    }));
-    setColumnOptions(newColumnOptions);
-  }, [columnOptions, setColumnOptions]);
-  const handleColumnFixedChange = useCallback((name, fixed) => {
-    const newColumnOptions = columnOptions.map((option) => ({
-      ...option,
-      fixed: option.value === name ? fixed : option.fixed
-    }));
-    setColumnOptions(newColumnOptions);
-  }, [columnOptions, setColumnOptions]);
-  const handleColumnOrderChange = useCallback((newColumnOptions) => {
-    setColumnOptions(newColumnOptions);
-  }, [setColumnOptions]);
-  const handleResetColumnConfig = useCallback(() => {
-    setColumnConfigMap(new Map(defaultColumnConfigMap));
-  }, [defaultColumnConfigMap, setColumnConfigMap]);
-  return /* @__PURE__ */ jsxs("div", { css: columnsSettingsPanelStyle, children: [
-    /* @__PURE__ */ jsxs("div", { className: "vef-table-columns-settings-panel-header", children: [
-      /* @__PURE__ */ jsx(
-        VefBool,
-        {
-          indeterminate: allCheckStatus === "indeterminate",
-          label: /* @__PURE__ */ jsx(VefText, { bold: true, children: "列显示" }),
-          value: allCheckStatus === "checked",
-          variant: "checkbox",
-          onChange: (value) => {
-            handleShowedColumnsChange(value ? columnOptions.map((it) => it.value) : []);
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(VefButton, { color: "primary", variant: "text", onClick: handleResetColumnConfig, children: "重置" })
-    ] }),
-    /* @__PURE__ */ jsx(VefDivider, {}),
-    /* @__PURE__ */ jsx(Checkbox.Group, { className: "vef-table-columns-settings-panel-body", value: showedColumns, onChange: handleShowedColumnsChange, children: /* @__PURE__ */ jsx(
-      VefSortableList,
-      {
-        useHandle: true,
-        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: columnOptions,
-        useOverlay: false,
-        renderItem: ({
-          value,
-          label,
-          disabled,
-          fixed,
-          show
-        }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              disabled,
-              value,
-              children: label
-            }
-          ),
-          /* @__PURE__ */ jsxs("span", { className: "vef-table-columns-settings-panel-column-fixed-icon", children: [
-            /* @__PURE__ */ jsx(
-              VefButton,
-              {
-                color: fixed === "left" ? "primary" : "default",
-                disabled: disabled || !show,
-                icon: fixed === "left" ? /* @__PURE__ */ jsx(RollbackOutlined, {}) : /* @__PURE__ */ jsx(VerticalRightOutlined, {}),
-                size: "small",
-                tip: fixed === "left" ? "取消左侧固定" : "固定到左侧",
-                variant: "link",
-                onClick: () => {
-                  if (fixed === "left") {
-                    handleColumnFixedChange(value);
-                  } else {
-                    handleColumnFixedChange(value, "left");
-                  }
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx(VefDivider, { orientation: "vertical" }),
-            /* @__PURE__ */ jsx(
-              VefButton,
-              {
-                color: fixed === "right" ? "primary" : "default",
-                disabled: disabled || !show,
-                icon: fixed === "right" ? /* @__PURE__ */ jsx(RollbackOutlined, {}) : /* @__PURE__ */ jsx(VerticalLeftOutlined, {}),
-                size: "small",
-                tip: fixed === "right" ? "取消右侧固定" : "固定到右侧",
-                variant: "link",
-                onClick: () => {
-                  if (fixed === "right") {
-                    handleColumnFixedChange(value);
-                  } else {
-                    handleColumnFixedChange(value, "right");
-                  }
-                }
-              }
-            )
-          ] })
-        ] }),
-        onChange: handleColumnOrderChange
-      }
-    ) })
-  ] });
-}
-const VefColumnsSettings = memo(VefColumnsSettingsBase, () => false);
-VefColumnsSettings.displayName = "VefColumnsSettings";
-
-export { VefColumnsSettings as default };
+`;function L(){const{defaultColumnConfigMap:h,columnConfigMap:v,setColumnConfigMap:c}=G(e=>{const{defaultColumnConfigMap:t,columnConfigMap:n,setColumnConfigMap:l}=e;return{defaultColumnConfigMap:t,columnConfigMap:n,setColumnConfigMap:l}}),i=p(()=>[...v.entries()].sort(([e,t],[n,l])=>t.order-l.order).map(([e,t])=>{const{title:n,configurable:l,...s}=t;return{value:e,label:n,disabled:!l,...s}}),[v]),r=m(e=>{const t=e.reduce((n,l,s)=>{const{value:N,label:S,disabled:O,order:X,...V}=l,j={title:S,configurable:!O,order:s+1,...V};return n.set(N,j),n},new Map);c(t)},[c]),f=p(()=>i.filter(e=>e.show).map(e=>e.value),[i]),b=p(()=>{const e=f.length,t=i.length;return e===t?"checked":e>0?"indeterminate":"unchecked"},[f.length,i.length]),C=m(e=>{const t=new Set(e),n=i.map(l=>({...l,show:t.has(l.value)}));r(n)},[i,r]),d=m((e,t)=>{const n=i.map(l=>({...l,fixed:l.value===e?t:l.fixed}));r(n)},[i,r]),w=m(e=>{r(e)},[r]),$=m(()=>{c(new Map(h))},[h,c]);return u("div",{css:I,children:[u("div",{className:"vef-table-columns-settings-panel-header",children:[a(P,{indeterminate:b==="indeterminate",label:a(F,{bold:!0,children:"列显示"}),value:b==="checked",variant:"checkbox",onChange:e=>{C(e?i.map(t=>t.value):[])}}),a(g,{color:"primary",variant:"text",onClick:$,children:"重置"})]}),a(k,{}),a(y.Group,{className:"vef-table-columns-settings-panel-body",value:f,onChange:C,children:a(B,{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:i,useOverlay:!1,renderItem:({value:e,label:t,disabled:n,fixed:l,show:s})=>u(z,{children:[a(y,{disabled:n,value:e,children:t}),u("span",{className:"vef-table-columns-settings-panel-column-fixed-icon",children:[a(g,{color:l==="left"?"primary":"default",disabled:n||!s,icon:l==="left"?a(x,{}):a(R,{}),size:"small",tip:l==="left"?"取消左侧固定":"固定到左侧",variant:"link",onClick:()=>{l==="left"?d(e):d(e,"left")}}),a(k,{orientation:"vertical"}),a(g,{color:l==="right"?"primary":"default",disabled:n||!s,icon:l==="right"?a(x,{}):a(T,{}),size:"small",tip:l==="right"?"取消右侧固定":"固定到右侧",variant:"link",onClick:()=>{l==="right"?d(e):d(e,"right")}})]})]}),onChange:w})})]})}const M=K(L,()=>!1);M.displayName="VefColumnsSettings";export{M as default};

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

@@ -1,18 +1,5 @@
 "use strict";
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { MoreOutlined } from '@ant-design/icons';
-import { css } from '@emotion/react';
-import { useComputedActionButtons } from '@vef-framework/hooks';
-import { invokeMaybeAsyncFn, showConfirmation } from '@vef-framework/shared';
-import { useMemo, useState, useCallback } from 'react';
-import VefButton from '../../vef-button/index.js';
-import VefDropdown from '../../vef-dropdown/index.js';
-import VefFlex from '../../vef-flex/index.js';
-import VefPopconfirm from '../../vef-popconfirm/index.js';
-import { useTableContextSelector } from '../hooks/use-table-context.js';
-
-"use strict";
-const operationButtonStyle = css`
+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,showConfirmation as Q}from"@vef-framework/shared";import{useMemo as y,useState as b,useCallback as U}from"react";import g from"../../vef-button/index.js";import D from"../../vef-dropdown/index.js";import E from"../../vef-flex/index.js";import G from"../../vef-popconfirm/index.js";import{useTableContextSelector as J}from"../hooks/use-table-context.js";const L=S`
   .vef-btn-sm {
     --vef-control-height-sm: 24px;
     --vef-button-padding-inline-sm: 4px;
@@ -21,219 +8,4 @@ const operationButtonStyle = css`
       padding-inline: 2px;
     }
   }
-`;
-function VefOperationButtons({
-  record,
-  rowIndex,
-  operationButtons,
-  maxVisibleOperationButtons
-}) {
-  const {
-    externalContext,
-    refetch,
-    isFetching,
-    selectedKeys,
-    selectedRecords
-  } = 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 = useMemo(() => ({
-    record,
-    rowIndex,
-    refetch,
-    isFetching,
-    selectedKeys,
-    selectedRecords,
-    ...externalContext ?? {}
-  }), [
-    externalContext,
-    isFetching,
-    record,
-    refetch,
-    rowIndex,
-    selectedKeys,
-    selectedRecords
-  ]);
-  const computedButtons = useComputedActionButtons(operationButtons, buttonContext);
-  const [moreButtonLoading, setMoreButtonLoading] = useState(false);
-  const hiddenButtons = 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] = useState(false);
-  const [currentMoreButtonConfirmationInfo, setCurrentMoreButtonConfirmationInfo] = useState(null);
-  const handleMoreButtonConfirmationCancel = useCallback(() => {
-    setMoreButtonConfirmationOpen(false);
-    setCurrentMoreButtonConfirmationInfo(null);
-  }, []);
-  const handleMoreButtonClick = 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 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 {
-          showConfirmation(
-            confirmationTitle,
-            confirmationContent,
-            okHandler,
-            {
-              onCancel: () => {
-                setCurrentMoreButtonConfirmationInfo(null);
-              }
-            }
-          );
-        }
-      } else {
-        await okHandler();
-      }
-    };
-  }, [computedButtons, buttonContext, handleMoreButtonConfirmationCancel, hiddenButtons.length]);
-  return /* @__PURE__ */ jsxs(VefFlex, { 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__ */ jsx(
-          VefButton,
-          {
-            requireConfirmation: true,
-            color,
-            confirmationContent,
-            confirmationMode,
-            confirmationTitle,
-            disabled: disabled || moreButtonLoading,
-            icon,
-            size: "small",
-            variant: "filled",
-            onConfirmationOk: () => onClick(buttonContext),
-            children: label
-          },
-          key
-        );
-      }
-      return /* @__PURE__ */ jsx(
-        VefButton,
-        {
-          color,
-          disabled: disabled || moreButtonLoading,
-          icon,
-          size: "small",
-          variant: "filled",
-          onClick: (event) => {
-            event.stopPropagation();
-            return onClick(buttonContext);
-          },
-          children: label
-        },
-        key
-      );
-    }),
-    computedButtons.length > maxVisibleOperationButtons && /* @__PURE__ */ jsx(
-      VefDropdown,
-      {
-        disabled: moreButtonLoading,
-        items: hiddenButtons,
-        onClick: handleMoreButtonClick,
-        children: /* @__PURE__ */ jsx(
-          VefPopconfirm,
-          {
-            content: currentMoreButtonConfirmationInfo?.content,
-            disabled: moreButtonLoading,
-            opened: moreButtonConfirmationOpen,
-            title: currentMoreButtonConfirmationInfo?.title,
-            onCancel: handleMoreButtonConfirmationCancel,
-            onOk: currentMoreButtonConfirmationInfo?.okHandler,
-            children: /* @__PURE__ */ jsx(
-              VefButton,
-              {
-                color: "primary",
-                disabled: moreButtonLoading,
-                icon: /* @__PURE__ */ jsx(MoreOutlined, {}),
-                loading: moreButtonLoading,
-                size: "small",
-                variant: "filled",
-                onClick: (event) => event.stopPropagation()
-              }
-            )
-          }
-        )
-      }
-    )
-  ] });
-}
-
-export { VefOperationButtons as default };
+`;function W({record:k,rowIndex:x,operationButtons:K,maxVisibleOperationButtons:c}){const{externalContext:v,refetch:F,isFetching:M,selectedKeys:w,selectedRecords:O}=J(e=>{const{externalContext:t,refetch:i,isFetching:n,selectedKeys:o,selectedRecords:s}=e;return{externalContext:t,refetch:i,isFetching:n,selectedKeys:o,selectedRecords:s}}),d=y(()=>({record:k,rowIndex:x,refetch:F,isFetching:M,selectedKeys:w,selectedRecords:O,...v??{}}),[v,M,k,F,x,w,O]),r=V(K,d),[l,T]=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,j]=b(!1),[p,u]=b(null),C=U(()=>{j(!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),m=async()=>{try{await N(s,{beforeInvoke:()=>{T(!0)},onFinally:()=>{T(!1)}},d)}finally{C()}};t?i==="simple"?(u({title:n,content:o,okHandler:m}),j(!0)):Q(n,o,m,{onCancel:()=>{u(null)}}):await m()}},[r,d,C,f.length]);return P(E,{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:m,confirmationMode:h,confirmationTitle:z,confirmationContent:A,onClick:I}=e;return m?a(g,{requireConfirmation:!0,color:o,confirmationContent:A,confirmationMode:h,confirmationTitle:z,disabled:s||l,icon:n,size:"small",variant:"filled",onConfirmationOk:()=>I(d),children:i},t):a(g,{color:o,disabled:s||l,icon:n,size:"small",variant:"filled",onClick:B=>(B.stopPropagation(),I(d)),children:i},t)}),r.length>c&&a(D,{disabled:l,items:f,onClick:q,children:a(G,{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,20 +1,4 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { themeVariables } from '@vef-framework/shared';
-import { SettingsIcon } from 'lucide-react';
-import { memo } from 'react';
-import VefIcon from '../../vef-icon/index.js';
-import { useTableContextSelector } from '../hooks/use-table-context.js';
-
-"use strict";
-const primaryColorStyle = css`
-  color: ${themeVariables.colorPrimary};
-`;
-function VefSettingsIconBase() {
-  const columnConfigMapHasChanged = useTableContextSelector((ctx) => ctx.columnConfigMapHasChanged);
-  return /* @__PURE__ */ jsx(VefIcon, { css: columnConfigMapHasChanged ? primaryColorStyle : void 0, children: /* @__PURE__ */ jsx(SettingsIcon, {}) });
-}
-const VefSettingsIcon = memo(VefSettingsIconBase, () => false);
-
-export { VefSettingsIcon as default };
+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 l=s(f,()=>!1);export{l as default};

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

@@ -1,15 +1,5 @@
 "use strict";
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { themeVariables, invokeMaybeAsyncFn } from '@vef-framework/shared';
-import { useMemo, memo } from 'react';
-import VefButton from '../../vef-button/index.js';
-import VefPagination from '../../vef-pagination/index.js';
-import VefText from '../../vef-text/index.js';
-import { useTableContextSelector } from '../hooks/use-table-context.js';
-
-"use strict";
-const footerStyle = css`
+import{jsxs as r,jsx as i}from"@emotion/react/jsx-runtime";import{css as A}from"@emotion/react";import{themeVariables as B,invokeMaybeAsyncFn as V}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 P=A`
   width: 100%;
   display: flex;
   align-items: center;
@@ -19,99 +9,10 @@ const footerStyle = css`
     flex: auto;
     display: flex;
     align-items: center;
-    gap: ${themeVariables.padding};
+    gap: ${B.padding};
   }
 
   > .vef-pagination {
     flex: none;
   }
-`;
-function VefTableFooterBase({
-  selectionSummary,
-  size,
-  paginationProps,
-  batchActionButtons,
-  batchActionButtonContext
-}) {
-  const selectedRecords = useTableContextSelector((ctx) => ctx.selectedRecords);
-  const selectionSummaryNode = useMemo(() => {
-    if (selectionSummary === false) {
-      return;
-    }
-    if (selectionSummary) {
-      return selectionSummary(selectedRecords);
-    }
-    if (selectedRecords.length > 0) {
-      return /* @__PURE__ */ jsxs(VefText, { color: "secondary", children: [
-        "已选择",
-        " ",
-        /* @__PURE__ */ jsx(VefText, { bold: true, color: "blue", children: selectedRecords.length }),
-        " ",
-        "项"
-      ] });
-    }
-  }, [selectionSummary, selectedRecords]);
-  const batchButtonsNode = useMemo(() => batchActionButtons.map((button) => {
-    const {
-      key,
-      label,
-      icon,
-      disabled,
-      color,
-      requireConfirmation,
-      confirmationMode,
-      confirmationTitle,
-      confirmationContent,
-      onClick
-    } = button;
-    const wrappedOnClick = async () => {
-      await invokeMaybeAsyncFn(
-        onClick,
-        {},
-        batchActionButtonContext
-      );
-    };
-    if (requireConfirmation) {
-      return /* @__PURE__ */ jsx(
-        VefButton,
-        {
-          requireConfirmation: true,
-          color,
-          confirmationContent,
-          confirmationMode,
-          confirmationTitle,
-          disabled,
-          icon,
-          onConfirmationOk: wrappedOnClick,
-          children: label
-        },
-        key
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      VefButton,
-      {
-        color,
-        disabled,
-        icon,
-        onClick: wrappedOnClick,
-        children: label
-      },
-      key
-    );
-  }), [batchActionButtons, batchActionButtonContext]);
-  const style = useMemo(() => ({
-    "--vef-table-footer-gap": `var(--vef-table-cell-padding-block${size === "small" ? "-sm" : size === "medium" ? "-md" : ""})`
-  }), [size]);
-  return /* @__PURE__ */ jsxs("div", { css: footerStyle, style, children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      selectionSummaryNode,
-      batchButtonsNode
-    ] }),
-    /* @__PURE__ */ jsx(VefPagination, { ...paginationProps })
-  ] });
-}
-const VefTableFooter = memo(VefTableFooterBase);
-VefTableFooter.displayName = "VefTableFooter";
-
-export { VefTableFooter as default };
+`;function S({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:$,onClick:q}=n,u=async()=>{await V(q,{},c)};return k?i(b,{requireConfirmation:!0,color:p,confirmationContent:$,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:P,style:C,children:[r("div",{children:[y,x]}),i(w,{...v})]})}const h=j(S);h.displayName="VefTableFooter";export{h as default};

package/esm/vef-table/helper.js

@@ -1,16 +1,2 @@
 "use strict";
-import { isFunction, isExpression, compileDynamicFn } from '@vef-framework/shared';
-
-"use strict";
-function computeValue(rawValue, value, record, rowIndex, defaultValue) {
-  if (isFunction(rawValue)) {
-    return rawValue(value, record, rowIndex);
-  }
-  if (isExpression(rawValue)) {
-    const fn = compileDynamicFn(rawValue, "value", "record", "rowIndex", `return ${rawValue.expression}`);
-    return fn(value, record, rowIndex);
-  }
-  return rawValue ?? defaultValue;
-}
-
-export { computeValue };
+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,34 +1,2 @@
 "use strict";
-import { useComputedActionButtons } from '@vef-framework/hooks';
-import { useMemo } from 'react';
-
-"use strict";
-function useComputedBatchActionButtons(batchActionButtons, tableContext) {
-  const {
-    externalContext,
-    isFetching,
-    refetch,
-    selectedKeys,
-    selectedRecords
-  } = tableContext;
-  const batchActionButtonContext = useMemo(() => ({
-    isFetching,
-    refetch,
-    selectedKeys,
-    selectedRecords,
-    ...externalContext ?? {}
-  }), [
-    externalContext,
-    isFetching,
-    refetch,
-    selectedKeys,
-    selectedRecords
-  ]);
-  const computedBatchActionButtons = useComputedActionButtons(batchActionButtons, batchActionButtonContext);
-  return {
-    computedBatchActionButtons,
-    batchActionButtonContext
-  };
-}
-
-export { useComputedBatchActionButtons };
+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};