@vef-framework/components 1.0.101 → 1.0.102

package/es/vef-color-picker/index.js

@@ -1,47 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { isFunction } from '@vef-framework/shared';
-import { ColorPicker } from 'antd';
-import { useMemo } from 'react';
-import '../internal/index.js';
-import { convertBasicSizeToUiSize } from '../internal/utils.js';
-
-const mode = ["single", "gradient"];
-function VefColorPicker({
-  clearable,
-  disabled,
-  format,
-  size,
-  showText,
-  trigger,
-  defaultValue,
-  value,
-  onChange
-}) {
-  const handleChange = useMemo(() => {
-    if (isFunction(onChange)) {
-      return (color) => {
-        onChange(color.toCssString(), color);
-      };
-    }
-  }, [onChange]);
-  return /* @__PURE__ */ jsx(
-    ColorPicker,
-    {
-      allowClear: clearable,
-      arrow: false,
-      defaultValue,
-      disabled,
-      format,
-      mode,
-      showText,
-      size: convertBasicSizeToUiSize(size),
-      trigger,
-      value,
-      onChangeComplete: handleChange
-    }
-  );
-}
-
-export { VefColorPicker 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{isFunction}from"@vef-framework/shared";import{ColorPicker}from"antd";import{useMemo}from"react";import"../internal/index.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const mode=["single","gradient"];function VefColorPicker({clearable,disabled,format,size,showText,trigger,defaultValue,value,onChange}){const handleChange=useMemo(()=>{if(isFunction(onChange))return color=>{onChange(color.toCssString(),color)}},[onChange]);return jsx(ColorPicker,{allowClear:clearable,arrow:!1,defaultValue,disabled,format,mode,showText,size:convertBasicSizeToUiSize(size),trigger,value,onChangeComplete:handleChange})}/*! 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 */export{VefColorPicker as default};

package/es/vef-compact/index.js

@@ -1,16 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Space } from 'antd';
-import '../internal/index.js';
-import { convertBasicSizeToUiSize } from '../internal/utils.js';
-
-const { Compact } = Space;
-function VefCompact({
-  size,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsx(Compact, { size: convertBasicSizeToUiSize(size), ...restProps });
-}
-
-export { VefCompact 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{Space}from"antd";import"../internal/index.js";import{convertBasicSizeToUiSize}from"../internal/utils.js";const{Compact}=Space;function VefCompact({size,...restProps}){return jsx(Compact,{size:convertBasicSizeToUiSize(size),...restProps})}/*! 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 */export{VefCompact as default};

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

@@ -1,9 +1,4 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { css } from '@emotion/react';
-import { themeVariables } from '@vef-framework/shared';
-import normalizedStyle from '../internal/modern-normalize.css.js';
-
-const globalStyle = css`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{css}from"@emotion/react";import{themeVariables}from"@vef-framework/shared";import normalizedStyle from"../internal/modern-normalize.css.js";const globalStyle=css`
   ${normalizedStyle}
   
   html, body, #root, .vef-app {
@@ -101,8 +96,7 @@ const globalStyle = css`
       }
     }
   }
-`;
-const nprogressStyle = css`
+`,nprogressStyle=css`
   /* Make clicks pass-through */
   #nprogress {
     pointer-events: none;
@@ -176,7 +170,4 @@ const nprogressStyle = css`
     0%   { transform: rotate(0deg); }
     100% { transform: rotate(360deg); }
   }
-`;
-
-export { globalStyle, nprogressStyle };
-/*! 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 */
+`;/*! 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 */export{globalStyle,nprogressStyle};

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

@@ -1,127 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-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';
-
-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 };
-/*! 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */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";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"},fontSizeConfigMap={medium:{fontSize:14,controlHeight:32},large:{fontSize:16,controlHeight:36}},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],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:!0,componentSize:"middle",variant:"outlined",theme:{cssVar:{prefix:"vef"},hashed:!1,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:!0,...fontSizeConfig,...colorMap},components:assign({Table:{},Tooltip:{paddingSM:16,paddingXS:12},Button:{},TreeSelect:{titleHeight:fontSizeConfig.controlHeight},Spin:{contentHeight:"auto"}},componentsConfig)}}}function useUiConfig(config){return useDeepMemo(()=>generateUiConfig(config),[config])}/*! 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 */export{useUiConfig};

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

@@ -1,124 +1,5 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-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';
-
-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`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */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";function UiConfigProvider({children}){const config=useConfigStore(state=>state),uiConfig=useUiConfig(config);useLayoutEffect(()=>{const{messageFoldThreshold:messageFoldThreshold2,messageDuration:messageDuration2,notificationFoldThreshold,notificationDuration:notificationDuration2,...restConfig2}=uiConfig;ConfigProvider.config({holderRender:children2=>jsx(ConfigProvider,{...restConfig2,children:jsx(App,{component:"div",message:{maxCount:messageFoldThreshold2,duration:messageDuration2},notification:{maxCount:notificationFoldThreshold,duration:notificationDuration2,showProgress:!0,pauseOnHover:!0,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 jsx(ConfigProvider,{...restConfig,children:jsx(App,{component:"div",message:{maxCount:messageFoldThreshold,duration:messageDuration},notification:{maxCount:messageFoldThreshold,duration:notificationDuration,showProgress:!0,pauseOnHover:!0,placement:"topRight",stack:{threshold:3}},children})})}function FallbackComponent({error,resetErrorBoundary}){return jsx(VefError,{error,reset:resetErrorBoundary})}const vefCache=createCache({key:"vef"});function VefConfigProvider({apiClient,dataDictionaryApi,loginApi,logoutApi,fetchAuthenticatedUserApi,permissionChecker,children,...config}){return jsx(AuthContextProvider,{permissionChecker,children:jsx(ApiContextProvider,{client:apiClient,dataDictionaryApi,fetchAuthenticatedUserApi,loginApi,logoutApi,children:jsx(ConfigStoreProvider,{initialState:config,children:jsxs(CacheProvider,{value:vefCache,children:[jsx(Global,{styles:[globalStyle,nprogressStyle,css`
                 :root {
-                  font-size: ${(config.fontSize ?? "medium") === "medium" ? "14px" : "16px"};
+                  font-size: ${(config.fontSize??"medium")==="medium"?"14px":"16px"};
                 }
-              `
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(UiConfigProvider, { children: /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent, children }) })
-      ] }) })
-    }
-  ) });
-}
-
-export { VefConfigProvider 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 */
+              `]}),jsx(UiConfigProvider,{children:jsx(ErrorBoundary,{FallbackComponent,children})})]})})})})}/*! 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 */export{VefConfigProvider as default};

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

@@ -1,22 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { createComponentStore } from '@vef-framework/shared';
-
-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 };
-/*! 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{createComponentStore}from"@vef-framework/shared";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})}));/*! 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 */export{ConfigStoreProvider,useConfigStore,useConfigStoreApi};

package/es/vef-container/index.js

@@ -1,19 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { FloatButton } from 'antd';
-import VefScrollArea from '../vef-scroll-area/index.js';
-
-const { BackTop } = FloatButton;
-function VefContainer({
-  className,
-  style,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(VefScrollArea, { className, style, children: [
-    children,
-    /* @__PURE__ */ jsx(BackTop, {})
-  ] });
-}
-
-export { VefContainer 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsxs,jsx}from"@emotion/react/jsx-runtime";import{FloatButton}from"antd";import VefScrollArea from"../vef-scroll-area/index.js";const{BackTop}=FloatButton;function VefContainer({className,style,children}){return jsxs(VefScrollArea,{className,style,children:[children,jsx(BackTop,{})]})}/*! 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 */export{VefContainer as default};

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

@@ -1,33 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-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';
-
-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 };
-/*! 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */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";function VefCrudActions({tableApi,tableApiParams,actionButtons}){const confirmedFilterValues=useCrudStore(state=>state.confirmedFilterValues),isFetching=tableApi.useIsFetching(useMemo(()=>({...tableApiParams,...confirmedFilterValues}),[tableApiParams,confirmedFilterValues])),crudContext=useCrudContext(),actionButtonsToUse=useActionButtons(actionButtons);return jsx(DisabledContextProvider,{value:isFetching,children:jsx(VefActionButtons,{buttons:actionButtonsToUse,context:crudContext,useFlexContainer:!1})})}/*! 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 */export{VefCrudActions as default};

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

@@ -1,55 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-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';
-
-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 };
-/*! 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */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";function VefCrudFilter({title,tableApi,tableApiParams,filterSchema,actionButtons}){const[setFilterValues,confirmedFilterValues,setConfirmedFilterValues]=useCrudStore(state=>[state.setFilterValues,state.confirmedFilterValues,state.setConfirmedFilterValues]),isFetching=tableApi.useIsFetching(useMemo(()=>({...tableApiParams,...confirmedFilterValues}),[tableApiParams,confirmedFilterValues])),crudContext=useCrudContext(),actionButtonsToUse=useActionButtons(actionButtons),handleReset=useCallback(()=>setConfirmedFilterValues(null),[setConfirmedFilterValues]);return jsx(VefFilter,{loading:isFetching,prefix:jsx(VefTitle,{noPaddingBottom:!0,showLeftBar:!0,level:5,children:title}),schema:filterSchema,extraActionButtons:jsx(VefActionButtons,{buttons:actionButtonsToUse,context:crudContext,useFlexContainer:!1}),onChange:setFilterValues,onConfirm:setConfirmedFilterValues,onReset:handleReset})}/*! 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 */export{VefCrudFilter as default};

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

@@ -1,121 +1,7 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-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';
-
-const footerStyle = css`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */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";const footerStyle=css`
   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 };
-/*! 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 */
+`;function VefCrudFooterBase({tableApi,tableApiParams,batchDeletionApi,batchActionButtons,selectionSummary}){const{useApiMutation,stubMutationApi}=useApiContext(),batchDeletionMutation=useApiMutation(batchDeletionApi??stubMutationApi),[selectedInfo,confirmedFilterValues,setSelectedInfo]=useCrudStore(state=>[state.selectedInfo,state.confirmedFilterValues,state.setSelectedInfo]),{selectedKeys,selectedRecords}=selectedInfo,batchActionButtonsToUse=useMemo(()=>isNullish(batchDeletionApi)?batchActionButtons??[]:[...batchActionButtons??[],{key:"_batchDeletion",label:"批量删除",icon:jsx(VefIcon,{children:jsx(Trash2Icon,{})}),color:"error",permissions:[batchDeletionApi.key],requireConfirmation:!0,confirmationMode:"detailed",onClick:async({refetch})=>{const{message}=await batchDeletionMutation.mutate(selectedRecords);showSuccessMessage(message),refetch()}}],[batchActionButtons,batchDeletionApi,batchDeletionMutation,selectedRecords]),crudContext=useCrudContext(),batchActionButtonContext=useMemo(()=>({...crudContext,...selectedInfo}),[crudContext,selectedInfo]),isFetching=tableApi.useIsFetching(useMemo(()=>({...tableApiParams,...confirmedFilterValues}),[tableApiParams,confirmedFilterValues])),handleCancelSelection=useCallback(()=>{setSelectedInfo({selectedKeys:[],selectedRecords:[]})},[setSelectedInfo]),selectionSummaryNode=useMemo(()=>{if(isFunction(selectionSummary))return selectionSummary(selectedRecords)},[selectedRecords,selectionSummary]);return selectedKeys.length===0?null:jsxs("div",{css:footerStyle,children:[jsxs(VefText,{color:"secondary",children:["已选择"," ",jsx(VefText,{bold:!0,color:"primary",children:selectedKeys.length})," ","项",selectionSummaryNode&&jsxs(Fragment,{children:[jsx(VefDivider,{orientation:"vertical"}),selectionSummaryNode]})]}),jsx(DisabledContextProvider,{value:isFetching,children:jsxs(VefFlex,{align:"center",gap:"medium",children:[jsx(VefButton,{color:"primary",variant:"text",onClick:handleCancelSelection,children:"取消选择"}),jsx(VefActionButtons,{buttons:batchActionButtonsToUse,context:batchActionButtonContext,useFlexContainer:!1})]})})]})}const VefCrudFooter=memo(VefCrudFooterBase);/*! 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 */export{VefCrudFooter as default};