@vef-framework/components 1.0.127 → 1.0.129

package/esm/vef-compact/index.js

@@ -1,16 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Space } from 'antd';
-import '../internal/index.js';
-import { convertBasicSizeToUiSize } from '../internal/utils.js';
-
-"use strict";
-const { Compact } = Space;
-function VefCompact({
-  size,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsx(Compact, { size: convertBasicSizeToUiSize(size), ...restProps });
-}
-
-export { VefCompact as default };
+import{jsx as i}from"@emotion/react/jsx-runtime";import{Space as r}from"antd";import"../internal/index.js";import{convertBasicSizeToUiSize as e}from"../internal/utils.js";const{Compact:c}=r;function m({size:o,...t}){return i(c,{size:e(o),...t})}export{m as default};

package/esm/vef-config-provider/global-style.js

@@ -1,11 +1,6 @@
 "use strict";
-import { css } from '@emotion/react';
-import { themeVariables } from '@vef-framework/shared';
-import normalizedStyle from '../internal/modern-normalize.css.js';
-
-"use strict";
-const globalStyle = css`
-  ${normalizedStyle}
+import{css as o}from"@emotion/react";import{themeVariables as e}from"@vef-framework/shared";import r from"../internal/modern-normalize.css.js";const t=o`
+  ${r}
   
   html, body, #root, .vef-app {
     height: 100%;
@@ -24,14 +19,14 @@ const globalStyle = css`
     .vef-message-notice-wrapper {
       .vef-message-custom-content {
         .vef-icon {
-          font-size: ${themeVariables.fontSizeXl};
+          font-size: ${e.fontSizeXl};
         }
       }
     }
   }
 
   .vef-modal {
-    --vef-modal-confirm-icon-margin-inline-end: ${themeVariables.paddingSm};
+    --vef-modal-confirm-icon-margin-inline-end: ${e.paddingSm};
 
     .vef-modal-confirm-body-wrapper {
       .vef-modal-confirm-btns {
@@ -55,8 +50,8 @@ const globalStyle = css`
     .vef-popconfirm-message {
       > .vef-popconfirm-message-icon {
         .vef-icon {
-          color: ${themeVariables.colorPrimary};
-          font-size: ${themeVariables.fontSizeLg};
+          color: ${e.colorPrimary};
+          font-size: ${e.fontSizeLg};
         }
       }
     }
@@ -79,7 +74,7 @@ const globalStyle = css`
             display: flex;
             justify-content: flex-end;
             align-items: center;
-            gap: ${themeVariables.padding};
+            gap: ${e.padding};
 
             .vef-btn + .vef-btn {
               margin-inline-start: 0;
@@ -97,20 +92,19 @@ const globalStyle = css`
   .vef-dropdown {
     .vef-dropdown-menu {
       .vef-dropdown-menu-item-icon {
-        font-size: ${themeVariables.fontSize};
-        min-width: ${themeVariables.fontSizeLg};
+        font-size: ${e.fontSize};
+        min-width: ${e.fontSizeLg};
       }
     }
   }
-`;
-const nprogressStyle = css`
+`,n=o`
   /* Make clicks pass-through */
   #nprogress {
     pointer-events: none;
   }
 
   #nprogress .bar {
-    background: ${themeVariables.colorPrimary};
+    background: ${e.colorPrimary};
 
     position: fixed;
     z-index: 1031;
@@ -128,7 +122,7 @@ const nprogressStyle = css`
     right: 0;
     width: 100px;
     height: 100%;
-    box-shadow: 0 0 10px ${themeVariables.colorPrimary}, 0 0 5px ${themeVariables.colorPrimary};
+    box-shadow: 0 0 10px ${e.colorPrimary}, 0 0 5px ${e.colorPrimary};
     opacity: 1.0;
 
     -webkit-transform: rotate(3deg) translate(0, -4px);
@@ -151,8 +145,8 @@ const nprogressStyle = css`
     box-sizing: border-box;
 
     border: solid 2px transparent;
-    border-top-color: ${themeVariables.colorPrimary};
-    border-left-color: ${themeVariables.colorPrimary};
+    border-top-color: ${e.colorPrimary};
+    border-left-color: ${e.colorPrimary};
     border-radius: 50%;
 
     -webkit-animation: nprogress-spinner 400ms linear infinite;
@@ -177,6 +171,4 @@ const nprogressStyle = css`
     0%   { transform: rotate(0deg); }
     100% { transform: rotate(360deg); }
   }
-`;
-
-export { globalStyle, nprogressStyle };
+`;export{t as globalStyle,n as nprogressStyle};

package/esm/vef-config-provider/hooks/use-ui-config.js

@@ -1,127 +1,2 @@
 "use strict";
-import { useDeepMemo } from '@vef-framework/hooks';
-import { isValidColor, assign } from '@vef-framework/shared';
-import { theme } from 'antd';
-import locale from 'antd/locale/zh_CN';
-import dayjs from 'dayjs';
-import dayjsLocale from 'dayjs/locale/zh-cn';
-
-"use strict";
-dayjs.locale(dayjsLocale);
-const colorMap = {
-  blue: "#3b82f6",
-  purple: "#8b5cf6",
-  cyan: "#06b6d4",
-  green: "#22c55e",
-  pink: "#ec4899",
-  red: "#ef4444",
-  orange: "#f97316",
-  yellow: "#eab308",
-  volcano: "#f43f5e",
-  lime: "#84cc16",
-  gold: "#fbbf24",
-  geekblue: "#6366f1",
-  magenta: "#eb2f96"
-};
-const fontSizeConfigMap = {
-  medium: {
-    fontSize: 14,
-    controlHeight: 32
-  },
-  large: {
-    fontSize: 16,
-    controlHeight: 36
-  }
-};
-const fontSizeComponentsConfigMap = {
-  medium: {
-    Button: {
-      contentFontSizeSM: 12
-    }
-  },
-  large: {
-    Button: {
-      contentFontSizeSM: 14
-    },
-    Menu: {
-      itemHeight: 50
-    }
-  }
-};
-function generateUiConfig({
-  primaryColor = "#0064fa",
-  fontSize = "medium"
-}) {
-  if (!Reflect.has(colorMap, primaryColor) && !isValidColor(primaryColor)) {
-    throw new Error(`Invalid primary color: ${primaryColor}`);
-  }
-  if (!(fontSize in fontSizeConfigMap)) {
-    throw new Error(`Invalid font size: ${fontSize}`);
-  }
-  const fontSizeConfig = fontSizeConfigMap[fontSize];
-  const componentsConfig = fontSizeComponentsConfigMap[fontSize];
-  return {
-    messageFoldThreshold: 1,
-    messageDuration: 3,
-    notificationFoldThreshold: 3,
-    notificationDuration: 5,
-    locale: Reflect.has(locale, "default") ? Reflect.get(locale, "default") : locale,
-    iconPrefixCls: "vef-icon",
-    prefixCls: "vef",
-    virtual: true,
-    componentSize: "middle",
-    variant: "outlined",
-    theme: {
-      cssVar: {
-        prefix: "vef"
-      },
-      hashed: false,
-      algorithm: theme.defaultAlgorithm,
-      token: {
-        borderRadius: 6,
-        colorBgBase: "#ffffff",
-        colorPrimary: Reflect.has(colorMap, primaryColor) ? colorMap[primaryColor] : primaryColor,
-        colorInfo: "#0ea5e9",
-        colorSuccess: "#22c55e",
-        colorWarning: "#f97316",
-        colorError: "#ef4444",
-        colorLink: "#6366f1",
-        colorTextBase: "#171717",
-        colorBgLayout: "#f5f6fb",
-        colorBgSpotlight: "rgba(23, 23, 23, 0.8)",
-        zIndexPopupBase: 10,
-        wireframe: true,
-        ...fontSizeConfig,
-        ...colorMap
-      },
-      components: assign({
-        Table: {
-          // headerBorderRadius: 0,
-        },
-        Tooltip: {
-          paddingSM: 16,
-          paddingXS: 12
-        },
-        Button: {
-          // onlyIconSize: 24,
-          // onlyIconSizeSM: 18,
-          // onlyIconSizeLG: 30,
-        },
-        TreeSelect: {
-          titleHeight: fontSizeConfig.controlHeight
-        },
-        Spin: {
-          contentHeight: "auto"
-        }
-      }, componentsConfig)
-    }
-  };
-}
-function useUiConfig(config) {
-  return useDeepMemo(
-    () => generateUiConfig(config),
-    [config]
-  );
-}
-
-export { useUiConfig };
+import{useDeepMemo as f}from"@vef-framework/hooks";import{isValidColor as a,assign as c}from"@vef-framework/shared";import{theme as m}from"antd";import r from"antd/locale/zh_CN";import s from"dayjs";import u from"dayjs/locale/zh-cn";s.locale(u);const t={blue:"#3b82f6",purple:"#8b5cf6",cyan:"#06b6d4",green:"#22c55e",pink:"#ec4899",red:"#ef4444",orange:"#f97316",yellow:"#eab308",volcano:"#f43f5e",lime:"#84cc16",gold:"#fbbf24",geekblue:"#6366f1",magenta:"#eb2f96"},n={medium:{fontSize:14,controlHeight:32},large:{fontSize:16,controlHeight:36}},g={medium:{Button:{contentFontSizeSM:12}},large:{Button:{contentFontSizeSM:14},Menu:{itemHeight:50}}};function d({primaryColor:e="#0064fa",fontSize:o="medium"}){if(!Reflect.has(t,e)&&!a(e))throw new Error(`Invalid primary color: ${e}`);if(!(o in n))throw new Error(`Invalid font size: ${o}`);const i=n[o],l=g[o];return{messageFoldThreshold:1,messageDuration:3,notificationFoldThreshold:3,notificationDuration:5,locale:Reflect.has(r,"default")?Reflect.get(r,"default"):r,iconPrefixCls:"vef-icon",prefixCls:"vef",virtual:!0,componentSize:"middle",variant:"outlined",theme:{cssVar:{prefix:"vef"},hashed:!1,algorithm:m.defaultAlgorithm,token:{borderRadius:6,colorBgBase:"#ffffff",colorPrimary:Reflect.has(t,e)?t[e]:e,colorInfo:"#0ea5e9",colorSuccess:"#22c55e",colorWarning:"#f97316",colorError:"#ef4444",colorLink:"#6366f1",colorTextBase:"#171717",colorBgLayout:"#f5f6fb",colorBgSpotlight:"rgba(23, 23, 23, 0.8)",zIndexPopupBase:10,wireframe:!0,...i,...t},components:c({Table:{},Tooltip:{paddingSM:16,paddingXS:12},Button:{},TreeSelect:{titleHeight:i.controlHeight},Spin:{contentHeight:"auto"}},l)}}}function p(e){return f(()=>d(e),[e])}export{p as useUiConfig};

package/esm/vef-config-provider/index.js

@@ -1,124 +1,6 @@
 "use strict";
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import createCache from '@emotion/cache';
-import { CacheProvider, Global, css } from '@emotion/react';
-import { AuthContextProvider, ApiContextProvider } from '@vef-framework/core';
-import { ConfigProvider, App } from 'antd';
-import { useLayoutEffect } from 'react';
-import { ErrorBoundary } from 'react-error-boundary';
-import VefError from '../vef-error/index.js';
-import { globalStyle, nprogressStyle } from './global-style.js';
-import { useUiConfig } from './hooks/use-ui-config.js';
-import { useConfigStore, ConfigStoreProvider } from './store.js';
-
-"use strict";
-function UiConfigProvider({ children }) {
-  const config = useConfigStore((state) => state);
-  const uiConfig = useUiConfig(config);
-  useLayoutEffect(() => {
-    const {
-      messageFoldThreshold: messageFoldThreshold2,
-      messageDuration: messageDuration2,
-      notificationFoldThreshold,
-      notificationDuration: notificationDuration2,
-      ...restConfig2
-    } = uiConfig;
-    ConfigProvider.config({
-      holderRender: (children2) => /* @__PURE__ */ jsx(ConfigProvider, { ...restConfig2, children: /* @__PURE__ */ jsx(
-        App,
-        {
-          component: "div",
-          message: {
-            maxCount: messageFoldThreshold2,
-            duration: messageDuration2
-          },
-          notification: {
-            maxCount: notificationFoldThreshold,
-            duration: notificationDuration2,
-            showProgress: true,
-            pauseOnHover: true,
-            placement: "topRight",
-            stack: {
-              threshold: 3
-            }
-          },
-          children: children2
-        }
-      ) })
-    });
-    document.documentElement.style.setProperty("--vef-color-primary", uiConfig.theme?.token?.colorPrimary ?? null);
-  }, [uiConfig]);
-  const {
-    messageFoldThreshold,
-    messageDuration,
-    notificationDuration,
-    ...restConfig
-  } = uiConfig;
-  return /* @__PURE__ */ jsx(ConfigProvider, { ...restConfig, children: /* @__PURE__ */ jsx(
-    App,
-    {
-      component: "div",
-      message: {
-        maxCount: messageFoldThreshold,
-        duration: messageDuration
-      },
-      notification: {
-        maxCount: messageFoldThreshold,
-        duration: notificationDuration,
-        showProgress: true,
-        pauseOnHover: true,
-        placement: "topRight",
-        stack: {
-          threshold: 3
-        }
-      },
-      children
-    }
-  ) });
-}
-function FallbackComponent({ error, resetErrorBoundary }) {
-  return /* @__PURE__ */ jsx(VefError, { error, reset: resetErrorBoundary });
-}
-const vefCache = createCache({
-  key: "vef"
-});
-function VefConfigProvider({
-  apiClient,
-  dataDictionaryApi,
-  loginApi,
-  logoutApi,
-  fetchAuthenticatedUserApi,
-  permissionChecker,
-  children,
-  ...config
-}) {
-  return /* @__PURE__ */ jsx(AuthContextProvider, { permissionChecker, children: /* @__PURE__ */ jsx(
-    ApiContextProvider,
-    {
-      client: apiClient,
-      dataDictionaryApi,
-      fetchAuthenticatedUserApi,
-      loginApi,
-      logoutApi,
-      children: /* @__PURE__ */ jsx(ConfigStoreProvider, { initialState: config, children: /* @__PURE__ */ jsxs(CacheProvider, { value: vefCache, children: [
-        /* @__PURE__ */ jsx(
-          Global,
-          {
-            styles: [
-              globalStyle,
-              nprogressStyle,
-              css`
+import{jsx as o,jsxs as g}from"@emotion/react/jsx-runtime";import C from"@emotion/cache";import{CacheProvider as y,Global as A,css as v}from"@emotion/react";import{AuthContextProvider as x,ApiContextProvider as P}from"@vef-framework/core";import{ConfigProvider as m,App as l}from"antd";import{useLayoutEffect as k}from"react";import{ErrorBoundary as D}from"react-error-boundary";import S from"../vef-error/index.js";import{globalStyle as E,nprogressStyle as F}from"./global-style.js";import{useUiConfig as R}from"./hooks/use-ui-config.js";import{useConfigStore as T,ConfigStoreProvider as U}from"./store.js";function b({children:t}){const i=T(e=>e),r=R(i);k(()=>{const{messageFoldThreshold:e,messageDuration:d,notificationFoldThreshold:p,notificationDuration:u,...h}=r;m.config({holderRender:f=>o(m,{...h,children:o(l,{component:"div",message:{maxCount:e,duration:d},notification:{maxCount:p,duration:u,showProgress:!0,pauseOnHover:!0,placement:"topRight",stack:{threshold:3}},children:f})})}),document.documentElement.style.setProperty("--vef-color-primary",r.theme?.token?.colorPrimary??null)},[r]);const{messageFoldThreshold:n,messageDuration:s,notificationDuration:a,...c}=r;return o(m,{...c,children:o(l,{component:"div",message:{maxCount:n,duration:s},notification:{maxCount:n,duration:a,showProgress:!0,pauseOnHover:!0,placement:"topRight",stack:{threshold:3}},children:t})})}function w({error:t,resetErrorBoundary:i}){return o(S,{error:t,reset:i})}const $=C({key:"vef"});function j({apiClient:t,dataDictionaryApi:i,loginApi:r,logoutApi:n,fetchAuthenticatedUserApi:s,permissionChecker:a,children:c,...e}){return o(x,{permissionChecker:a,children:o(P,{client:t,dataDictionaryApi:i,fetchAuthenticatedUserApi:s,loginApi:r,logoutApi:n,children:o(U,{initialState:e,children:g(y,{value:$,children:[o(A,{styles:[E,F,v`
                 :root {
-                  font-size: ${(config.fontSize ?? "medium") === "medium" ? "14px" : "16px"};
+                  font-size: ${(e.fontSize??"medium")==="medium"?"14px":"16px"};
                 }
-              `
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(UiConfigProvider, { children: /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent, children }) })
-      ] }) })
-    }
-  ) });
-}
-
-export { VefConfigProvider as default };
+              `]}),o(b,{children:o(D,{FallbackComponent:w,children:c})})]})})})})}export{j as default};

package/esm/vef-config-provider/store.js

@@ -1,22 +1,2 @@
 "use strict";
-import { createComponentStore } from '@vef-framework/shared';
-
-"use strict";
-const {
-  StoreProvider: ConfigStoreProvider,
-  useStore: useConfigStore,
-  useStoreApi: useConfigStoreApi
-} = createComponentStore(
-  "Config",
-  ({
-    fontSize = "large",
-    primaryColor = "#0064fa"
-  }) => (set) => ({
-    fontSize,
-    primaryColor,
-    setFontSize: (fontSize2) => set({ fontSize: fontSize2 }),
-    setPrimaryColor: (primaryColor2) => set({ primaryColor: primaryColor2 })
-  })
-);
-
-export { ConfigStoreProvider, useConfigStore, useConfigStoreApi };
+import{createComponentStore as i}from"@vef-framework/shared";const{StoreProvider:n,useStore:s,useStoreApi:a}=i("Config",({fontSize:e="large",primaryColor:t="#0064fa"})=>r=>({fontSize:e,primaryColor:t,setFontSize:o=>r({fontSize:o}),setPrimaryColor:o=>r({primaryColor:o})}));export{n as ConfigStoreProvider,s as useConfigStore,a as useConfigStoreApi};

package/esm/vef-container/index.js

@@ -1,19 +1,2 @@
 "use strict";
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { FloatButton } from 'antd';
-import VefScrollArea from '../vef-scroll-area/index.js';
-
-"use strict";
-const { BackTop } = FloatButton;
-function VefContainer({
-  className,
-  style,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(VefScrollArea, { className, style, children: [
-    children,
-    /* @__PURE__ */ jsx(BackTop, {})
-  ] });
-}
-
-export { VefContainer as default };
+import{jsxs as r,jsx as e}from"@emotion/react/jsx-runtime";import{FloatButton as a}from"antd";import c from"../vef-scroll-area/index.js";const{BackTop:l}=a;function m({className:t,style:s,children:o}){return r(c,{className:t,style:s,children:[o,e(l,{})]})}export{m as default};

package/esm/vef-crud-page/components/crud-actions.js

@@ -1,33 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { DisabledContextProvider } from '@vef-framework/hooks';
-import { useMemo } from 'react';
-import VefActionButtons from '../../vef-action-buttons/index.js';
-import { useActionButtons } from '../hooks/use-action-buttons.js';
-import { useCrudContext } from '../hooks/use-crud-context.js';
-import { useCrudStore } from '../store.js';
-
-"use strict";
-function VefCrudActions({
-  tableApi,
-  tableApiParams,
-  actionButtons
-}) {
-  const confirmedFilterValues = useCrudStore((state) => state.confirmedFilterValues);
-  const isFetching = tableApi.useIsFetching(useMemo(() => ({
-    ...tableApiParams,
-    ...confirmedFilterValues
-  }), [tableApiParams, confirmedFilterValues]));
-  const crudContext = useCrudContext();
-  const actionButtonsToUse = useActionButtons(actionButtons);
-  return /* @__PURE__ */ jsx(DisabledContextProvider, { value: isFetching, children: /* @__PURE__ */ jsx(
-    VefActionButtons,
-    {
-      buttons: actionButtonsToUse,
-      context: crudContext,
-      useFlexContainer: false
-    }
-  ) });
-}
-
-export { VefCrudActions as default };
+import{jsx as r}from"@emotion/react/jsx-runtime";import{DisabledContextProvider as a}from"@vef-framework/hooks";import{useMemo as p}from"react";import f from"../../vef-action-buttons/index.js";import{useActionButtons as c}from"../hooks/use-action-buttons.js";import{useCrudContext as l}from"../hooks/use-crud-context.js";import{useCrudStore as d}from"../store.js";function x({tableApi:e,tableApiParams:t,actionButtons:i}){const o=d(u=>u.confirmedFilterValues),s=e.useIsFetching(p(()=>({...t,...o}),[t,o])),m=l(),n=c(i);return r(a,{value:s,children:r(f,{buttons:n,context:m,useFlexContainer:!1})})}export{x as default};

package/esm/vef-crud-page/components/crud-filter.js

@@ -1,55 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useMemo, useCallback } from 'react';
-import VefActionButtons from '../../vef-action-buttons/index.js';
-import VefFilter from '../../vef-filter/index.js';
-import VefTitle from '../../vef-title/index.js';
-import { useActionButtons } from '../hooks/use-action-buttons.js';
-import { useCrudContext } from '../hooks/use-crud-context.js';
-import { useCrudStore } from '../store.js';
-
-"use strict";
-function VefCrudFilter({
-  title,
-  tableApi,
-  tableApiParams,
-  filterSchema,
-  actionButtons
-}) {
-  const [setFilterValues, confirmedFilterValues, setConfirmedFilterValues] = useCrudStore((state) => [
-    state.setFilterValues,
-    state.confirmedFilterValues,
-    state.setConfirmedFilterValues
-  ]);
-  const isFetching = tableApi.useIsFetching(useMemo(() => ({
-    ...tableApiParams,
-    ...confirmedFilterValues
-  }), [tableApiParams, confirmedFilterValues]));
-  const crudContext = useCrudContext();
-  const actionButtonsToUse = useActionButtons(actionButtons);
-  const handleReset = useCallback(
-    () => setConfirmedFilterValues(null),
-    [setConfirmedFilterValues]
-  );
-  return /* @__PURE__ */ jsx(
-    VefFilter,
-    {
-      loading: isFetching,
-      prefix: /* @__PURE__ */ jsx(VefTitle, { noPaddingBottom: true, showLeftBar: true, level: 5, children: title }),
-      schema: filterSchema,
-      extraActionButtons: /* @__PURE__ */ jsx(
-        VefActionButtons,
-        {
-          buttons: actionButtonsToUse,
-          context: crudContext,
-          useFlexContainer: false
-        }
-      ),
-      onChange: setFilterValues,
-      onConfirm: setConfirmedFilterValues,
-      onReset: handleReset
-    }
-  );
-}
-
-export { VefCrudFilter as default };
+import{jsx as o}from"@emotion/react/jsx-runtime";import{useMemo as d,useCallback as C}from"react";import x from"../../vef-action-buttons/index.js";import h from"../../vef-filter/index.js";import F from"../../vef-title/index.js";import{useActionButtons as A}from"../hooks/use-action-buttons.js";import{useCrudContext as B}from"../hooks/use-crud-context.js";import{useCrudStore as b}from"../store.js";function g({title:n,tableApi:s,tableApiParams:r,filterSchema:m,actionButtons:a}){const[u,i,t]=b(e=>[e.setFilterValues,e.confirmedFilterValues,e.setConfirmedFilterValues]),l=s.useIsFetching(d(()=>({...r,...i}),[r,i])),f=B(),c=A(a),p=C(()=>t(null),[t]);return o(h,{loading:l,prefix:o(F,{noPaddingBottom:!0,showLeftBar:!0,level:5,children:n}),schema:m,extraActionButtons:o(x,{buttons:c,context:f,useFlexContainer:!1}),onChange:u,onConfirm:t,onReset:p})}export{g as default};

package/esm/vef-crud-page/components/crud-footer.js

@@ -1,121 +1,8 @@
 "use strict";
-import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { useApiContext } from '@vef-framework/core';
-import { DisabledContextProvider } from '@vef-framework/hooks';
-import { themeVariables, isNullish, showSuccessMessage, isFunction } from '@vef-framework/shared';
-import { Trash2Icon } from 'lucide-react';
-import { useMemo, useCallback, memo } from 'react';
-import VefActionButtons from '../../vef-action-buttons/index.js';
-import VefButton from '../../vef-button/index.js';
-import VefDivider from '../../vef-divider/index.js';
-import VefFlex from '../../vef-flex/index.js';
-import VefIcon from '../../vef-icon/index.js';
-import VefText from '../../vef-text/index.js';
-import { useCrudContext } from '../hooks/use-crud-context.js';
-import { useCrudStore } from '../store.js';
-
-"use strict";
-const footerStyle = css`
+import{jsx as e,jsxs as i,Fragment as v}from"@emotion/react/jsx-runtime";import{css as S}from"@emotion/react";import{useApiContext as I}from"@vef-framework/core";import{DisabledContextProvider as j}from"@vef-framework/hooks";import{themeVariables as w,isNullish as D,showSuccessMessage as R,isFunction as K}from"@vef-framework/shared";import{Trash2Icon as P}from"lucide-react";import{useMemo as n,useCallback as V,memo as _}from"react";import $ from"../../vef-action-buttons/index.js";import q from"../../vef-button/index.js";import z from"../../vef-divider/index.js";import B from"../../vef-flex/index.js";import H from"../../vef-icon/index.js";import b from"../../vef-text/index.js";import{useCrudContext as N}from"../hooks/use-crud-context.js";import{useCrudStore as T}from"../store.js";const E=S`
   height: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: ${themeVariables.padding};
-`;
-function VefCrudFooterBase({
-  tableApi,
-  tableApiParams,
-  batchDeletionApi,
-  batchActionButtons,
-  selectionSummary
-}) {
-  const { useApiMutation, stubMutationApi } = useApiContext();
-  const batchDeletionMutation = useApiMutation(batchDeletionApi ?? stubMutationApi);
-  const [selectedInfo, confirmedFilterValues, setSelectedInfo] = useCrudStore((state) => [
-    state.selectedInfo,
-    state.confirmedFilterValues,
-    state.setSelectedInfo
-  ]);
-  const { selectedKeys, selectedRecords } = selectedInfo;
-  const batchActionButtonsToUse = useMemo(() => {
-    if (!isNullish(batchDeletionApi)) {
-      return [
-        ...batchActionButtons ?? [],
-        {
-          key: "_batchDeletion",
-          label: "批量删除",
-          icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(Trash2Icon, {}) }),
-          color: "error",
-          permissions: [batchDeletionApi.key],
-          requireConfirmation: true,
-          confirmationMode: "detailed",
-          onClick: async ({ refetch }) => {
-            const { message } = await batchDeletionMutation.mutate(selectedRecords);
-            showSuccessMessage(message);
-            refetch();
-          }
-        }
-      ];
-    }
-    return batchActionButtons ?? [];
-  }, [batchActionButtons, batchDeletionApi, batchDeletionMutation, selectedRecords]);
-  const crudContext = useCrudContext();
-  const batchActionButtonContext = useMemo(() => ({
-    ...crudContext,
-    ...selectedInfo
-  }), [crudContext, selectedInfo]);
-  const isFetching = tableApi.useIsFetching(useMemo(() => ({
-    ...tableApiParams,
-    ...confirmedFilterValues
-  }), [tableApiParams, confirmedFilterValues]));
-  const handleCancelSelection = useCallback(() => {
-    setSelectedInfo({
-      selectedKeys: [],
-      selectedRecords: []
-    });
-  }, [setSelectedInfo]);
-  const selectionSummaryNode = useMemo(() => {
-    if (isFunction(selectionSummary)) {
-      return selectionSummary(selectedRecords);
-    }
-  }, [selectedRecords, selectionSummary]);
-  if (selectedKeys.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs("div", { css: footerStyle, children: [
-    /* @__PURE__ */ jsxs(VefText, { color: "secondary", children: [
-      "已选择",
-      " ",
-      /* @__PURE__ */ jsx(VefText, { bold: true, color: "primary", children: selectedKeys.length }),
-      " ",
-      "项",
-      selectionSummaryNode && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(VefDivider, { orientation: "vertical" }),
-        selectionSummaryNode
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(DisabledContextProvider, { value: isFetching, children: /* @__PURE__ */ jsxs(VefFlex, { align: "center", gap: "medium", children: [
-      /* @__PURE__ */ jsx(
-        VefButton,
-        {
-          color: "primary",
-          variant: "text",
-          onClick: handleCancelSelection,
-          children: "取消选择"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        VefActionButtons,
-        {
-          buttons: batchActionButtonsToUse,
-          context: batchActionButtonContext,
-          useFlexContainer: false
-        }
-      )
-    ] }) })
-  ] });
-}
-const VefCrudFooter = memo(VefCrudFooterBase);
-
-export { VefCrudFooter as default };
+  padding: ${w.padding};
+`;function G({tableApi:g,tableApiParams:m,batchDeletionApi:r,batchActionButtons:s,selectionSummary:c}){const{useApiMutation:y,stubMutationApi:C}=I(),a=y(r??C),[l,d,p]=T(t=>[t.selectedInfo,t.confirmedFilterValues,t.setSelectedInfo]),{selectedKeys:u,selectedRecords:o}=l,x=n(()=>D(r)?s??[]:[...s??[],{key:"_batchDeletion",label:"批量删除",icon:e(H,{children:e(P,{})}),color:"error",permissions:[r.key],requireConfirmation:!0,confirmationMode:"detailed",onClick:async({refetch:t})=>{const{message:F}=await a.mutate(o);R(F),t()}}],[s,r,a,o]),f=N(),A=n(()=>({...f,...l}),[f,l]),M=g.useIsFetching(n(()=>({...m,...d}),[m,d])),k=V(()=>{p({selectedKeys:[],selectedRecords:[]})},[p]),h=n(()=>{if(K(c))return c(o)},[o,c]);return u.length===0?null:i("div",{css:E,children:[i(b,{color:"secondary",children:["已选择"," ",e(b,{bold:!0,color:"primary",children:u.length})," ","项",h&&i(v,{children:[e(z,{orientation:"vertical"}),h]})]}),e(j,{value:M,children:i(B,{align:"center",gap:"medium",children:[e(q,{color:"primary",variant:"text",onClick:k,children:"取消选择"}),e($,{buttons:x,context:A,useFlexContainer:!1})]})})]})}const J=_(G);export{J as default};