@vef-framework/components 1.0.62 → 1.0.64

package/lib/vef-config-provider/hooks/use-ui-config.cjs

@@ -1,3 +1,130 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),r=require("antd"),t=require("antd/locale/zh_CN");require("dayjs/locale/zh-cn");require("dayjs").locale("zh-cn");const i={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}},l={medium:{Button:{contentFontSizeSM:12}},large:{Button:{contentFontSizeSM:14}}};exports.useUiConfig=function(a){return e.useDeepMemo((()=>function({primaryColor:e="#0064fa",fontSize:a="medium"}){if(!Reflect.has(i,e)&&!o.isValidColor(e))throw new Error(`Invalid primary color: ${e}`);if(!(a in n))throw new Error(`Invalid font size: ${a}`);const c=n[a],f=l[a];return{messageFoldThreshold:1,messageDuration:3,notificationFoldThreshold:3,notificationDuration:5,locale:t,iconPrefixCls:"vef-icon",prefixCls:"vef",virtual:!0,componentSize:"middle",variant:"outlined",theme:{cssVar:{prefix:"vef"},hashed:!1,algorithm:r.theme.defaultAlgorithm,token:{borderRadius:6,colorBgBase:"#ffffff",colorPrimary:Reflect.has(i,e)?i[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,...c,...i},components:o.assign({Table:{},Tooltip:{paddingSM:16,paddingXS:12},Button:{},TreeSelect:{titleHeight:c.controlHeight},Spin:{contentHeight:"auto"}},f)}}}(a)),[a])};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const locale = require('antd/locale/zh_CN');
+require('dayjs/locale/zh-cn');
+const dayjs = require('dayjs');
+
+dayjs.locale("zh-cn");
+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
+    }
+  }
+};
+function generateUiConfig({
+  primaryColor = "#0064fa",
+  fontSize = "medium"
+}) {
+  if (!Reflect.has(colorMap, primaryColor) && !shared.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,
+    iconPrefixCls: "vef-icon",
+    prefixCls: "vef",
+    virtual: true,
+    componentSize: "middle",
+    variant: "outlined",
+    theme: {
+      cssVar: {
+        prefix: "vef"
+      },
+      hashed: false,
+      algorithm: antd.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: shared.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 hooks.useDeepMemo(
+    () => generateUiConfig(config),
+    [config]
+  );
+}
+
+exports.useUiConfig = 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 */

package/lib/vef-config-provider/index.cjs

@@ -1,7 +1,128 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/cache"),o=require("@emotion/react"),i=require("@vef-framework/core"),t=require("antd"),n=require("react"),s=require("react-error-boundary"),a=require("../vef-error/index.cjs"),c=require("./global-style.cjs"),u=require("./hooks/use-ui-config.cjs"),l=require("./store.cjs");function d({children:r}){const o=l.useConfigStore((e=>e)),i=u.useUiConfig(o);n.useLayoutEffect((()=>{const{messageFoldThreshold:r,messageDuration:o,notificationFoldThreshold:n,notificationDuration:s,...a}=i;t.ConfigProvider.config({holderRender:i=>e.jsx(t.ConfigProvider,{...a,children:e.jsx(t.App,{component:"div",message:{maxCount:r,duration:o},notification:{maxCount:n,duration:s,showProgress:!0,pauseOnHover:!0,placement:"topRight",stack:{threshold:3}},children:i})})}),document.documentElement.style.setProperty("--vef-color-primary",i.theme?.token?.colorPrimary??null)}),[i]);const{messageFoldThreshold:s,messageDuration:a,notificationDuration:c,...d}=i;return e.jsx(t.ConfigProvider,{...d,children:e.jsx(t.App,{component:"div",message:{maxCount:s,duration:a},notification:{maxCount:s,duration:c,showProgress:!0,pauseOnHover:!0,placement:"topRight",stack:{threshold:3}},children:r})})}function h({error:r,resetErrorBoundary:o}){return e.jsx(a.default,{error:r,reset:o})}const m=r({key:"vef"});exports.default=function({apiClient:r,dataDictionaryApi:t,loginApi:n,logoutApi:a,fetchAuthenticatedUserApi:u,permissionChecker:p,children:f,...g}){return e.jsx(i.AuthContextProvider,{permissionChecker:p,children:e.jsx(i.ApiContextProvider,{client:r,dataDictionaryApi:t,fetchAuthenticatedUserApi:u,loginApi:n,logoutApi:a,children:e.jsx(l.ConfigStoreProvider,{initialState:g,children:e.jsxs(o.CacheProvider,{value:m,children:[e.jsx(o.Global,{styles:[c.globalStyle,c.nprogressStyle,o.css`
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const createCache = require('@emotion/cache');
+const react$1 = require('@emotion/react');
+const core = require('@vef-framework/core');
+const antd = require('antd');
+const react = require('react');
+const reactErrorBoundary = require('react-error-boundary');
+const index = require('../vef-error/index.cjs');
+const globalStyle = require('./global-style.cjs');
+const useUiConfig = require('./hooks/use-ui-config.cjs');
+const store = require('./store.cjs');
+
+function UiConfigProvider({ children }) {
+  const config = store.useConfigStore((state) => state);
+  const uiConfig = useUiConfig.useUiConfig(config);
+  react.useLayoutEffect(() => {
+    const {
+      messageFoldThreshold: messageFoldThreshold2,
+      messageDuration: messageDuration2,
+      notificationFoldThreshold,
+      notificationDuration: notificationDuration2,
+      ...restConfig2
+    } = uiConfig;
+    antd.ConfigProvider.config({
+      holderRender: (children2) => /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { ...restConfig2, children: /* @__PURE__ */ jsxRuntime.jsx(
+        antd.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__ */ jsxRuntime.jsx(antd.ConfigProvider, { ...restConfig, children: /* @__PURE__ */ jsxRuntime.jsx(
+    antd.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__ */ jsxRuntime.jsx(index.default, { error, reset: resetErrorBoundary });
+}
+const vefCache = createCache({
+  key: "vef"
+});
+function VefConfigProvider({
+  apiClient,
+  dataDictionaryApi,
+  loginApi,
+  logoutApi,
+  fetchAuthenticatedUserApi,
+  permissionChecker,
+  children,
+  ...config
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(core.AuthContextProvider, { permissionChecker, children: /* @__PURE__ */ jsxRuntime.jsx(
+    core.ApiContextProvider,
+    {
+      client: apiClient,
+      dataDictionaryApi,
+      fetchAuthenticatedUserApi,
+      loginApi,
+      logoutApi,
+      children: /* @__PURE__ */ jsxRuntime.jsx(store.ConfigStoreProvider, { initialState: config, children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.CacheProvider, { value: vefCache, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          react$1.Global,
+          {
+            styles: [
+              globalStyle.globalStyle,
+              globalStyle.nprogressStyle,
+              react$1.css`
                 :root {
-                  font-size: ${"medium"===(g.fontSize??"medium")?"14px":"16px"};
+                  font-size: ${(config.fontSize ?? "medium") === "medium" ? "14px" : "16px"};
                 }
-              `]}),e.jsx(d,{children:e.jsx(s.ErrorBoundary,{FallbackComponent:h,children:f})})]})})})})};
+              `
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(UiConfigProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, { FallbackComponent, children }) })
+      ] }) })
+    }
+  ) });
+}
+
+exports.default = VefConfigProvider;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-config-provider/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-config-provider/store.cjs

@@ -1,3 +1,28 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),{StoreProvider:r,useStore:o,useStoreApi:t}=e.createComponentStore("Config",(({fontSize:e="large",primaryColor:r="#0064fa"})=>o=>({fontSize:e,primaryColor:r,setFontSize:e=>o({fontSize:e}),setPrimaryColor:e=>o({primaryColor:e})})));exports.ConfigStoreProvider=r,exports.useConfigStore=o,exports.useConfigStoreApi=t;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+
+const {
+  StoreProvider: ConfigStoreProvider,
+  useStore: useConfigStore,
+  useStoreApi: useConfigStoreApi
+} = shared.createComponentStore(
+  "Config",
+  ({
+    fontSize = "large",
+    primaryColor = "#0064fa"
+  }) => (set) => ({
+    fontSize,
+    primaryColor,
+    setFontSize: (fontSize2) => set({ fontSize: fontSize2 }),
+    setPrimaryColor: (primaryColor2) => set({ primaryColor: primaryColor2 })
+  })
+);
+
+exports.ConfigStoreProvider = ConfigStoreProvider;
+exports.useConfigStore = useConfigStore;
+exports.useConfigStoreApi = 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 */

package/lib/vef-container/index.cjs

@@ -1,3 +1,23 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd"),r=require("../vef-scroll-area/index.cjs"),{BackTop:s}=t.FloatButton;exports.default=function({className:t,style:l,children:a}){return e.jsxs(r.default,{className:t,style:l,children:[a,e.jsx(s,{})]})};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const antd = require('antd');
+const index = require('../vef-scroll-area/index.cjs');
+
+const { BackTop } = antd.FloatButton;
+function VefContainer({
+  className,
+  style,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { className, style, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(BackTop, {})
+  ] });
+}
+
+exports.default = VefContainer;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-container/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-crud-page/components/crud-actions.cjs

@@ -1,3 +1,37 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@vef-framework/hooks"),r=require("react"),o=require("../../vef-action-buttons/index.cjs"),s=require("../hooks/use-action-buttons.cjs"),u=require("../hooks/use-crud-context.cjs"),i=require("../store.cjs");exports.default=function({tableApi:n,tableApiParams:c,actionButtons:a}){const l=i.useCrudStore((e=>e.confirmedFilterValues)),d=n.useIsFetching(r.useMemo((()=>({...c,...l})),[c,l])),x=u.useCrudContext(),b=s.useActionButtons(a);return e.jsx(t.DisabledContextProvider,{value:d,children:e.jsx(o.default,{buttons:b,context:x,useFlexContainer:!1})})};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const hooks = require('@vef-framework/hooks');
+const react = require('react');
+const index = require('../../vef-action-buttons/index.cjs');
+const useActionButtons = require('../hooks/use-action-buttons.cjs');
+const useCrudContext = require('../hooks/use-crud-context.cjs');
+const store = require('../store.cjs');
+
+function VefCrudActions({
+  tableApi,
+  tableApiParams,
+  actionButtons
+}) {
+  const confirmedFilterValues = store.useCrudStore((state) => state.confirmedFilterValues);
+  const isFetching = tableApi.useIsFetching(react.useMemo(() => ({
+    ...tableApiParams,
+    ...confirmedFilterValues
+  }), [tableApiParams, confirmedFilterValues]));
+  const crudContext = useCrudContext.useCrudContext();
+  const actionButtonsToUse = useActionButtons.useActionButtons(actionButtons);
+  return /* @__PURE__ */ jsxRuntime.jsx(hooks.DisabledContextProvider, { value: isFetching, children: /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      buttons: actionButtonsToUse,
+      context: crudContext,
+      useFlexContainer: false
+    }
+  ) });
+}
+
+exports.default = VefCrudActions;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-crud-page/components/crud-filter.cjs

@@ -1,3 +1,59 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("react"),r=require("../../vef-action-buttons/index.cjs"),s=require("../../vef-filter/index.cjs"),o=require("../../vef-title/index.cjs"),u=require("../hooks/use-action-buttons.cjs"),i=require("../hooks/use-crud-context.cjs"),n=require("../store.cjs");exports.default=function({title:l,tableApi:a,tableApiParams:c,filterSchema:d,actionButtons:f}){const[x,j,m]=n.useCrudStore((e=>[e.setFilterValues,e.confirmedFilterValues,e.setConfirmedFilterValues])),b=a.useIsFetching(t.useMemo((()=>({...c,...j})),[c,j])),h=i.useCrudContext(),q=u.useActionButtons(f),C=t.useCallback((()=>m(null)),[m]);return e.jsx(s.default,{loading:b,prefix:e.jsx(o.default,{noPaddingBottom:!0,showLeftBar:!0,level:5,children:l}),schema:d,extraActionButtons:e.jsx(r.default,{buttons:q,context:h,useFlexContainer:!1}),onChange:x,onConfirm:m,onReset:C})};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('react');
+const index$2 = require('../../vef-action-buttons/index.cjs');
+const index = require('../../vef-filter/index.cjs');
+const index$1 = require('../../vef-title/index.cjs');
+const useActionButtons = require('../hooks/use-action-buttons.cjs');
+const useCrudContext = require('../hooks/use-crud-context.cjs');
+const store = require('../store.cjs');
+
+function VefCrudFilter({
+  title,
+  tableApi,
+  tableApiParams,
+  filterSchema,
+  actionButtons
+}) {
+  const [setFilterValues, confirmedFilterValues, setConfirmedFilterValues] = store.useCrudStore((state) => [
+    state.setFilterValues,
+    state.confirmedFilterValues,
+    state.setConfirmedFilterValues
+  ]);
+  const isFetching = tableApi.useIsFetching(react.useMemo(() => ({
+    ...tableApiParams,
+    ...confirmedFilterValues
+  }), [tableApiParams, confirmedFilterValues]));
+  const crudContext = useCrudContext.useCrudContext();
+  const actionButtonsToUse = useActionButtons.useActionButtons(actionButtons);
+  const handleReset = react.useCallback(
+    () => setConfirmedFilterValues(null),
+    [setConfirmedFilterValues]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      loading: isFetching,
+      prefix: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { noPaddingBottom: true, showLeftBar: true, level: 5, children: title }),
+      schema: filterSchema,
+      extraActionButtons: /* @__PURE__ */ jsxRuntime.jsx(
+        index$2.default,
+        {
+          buttons: actionButtonsToUse,
+          context: crudContext,
+          useFlexContainer: false
+        }
+      ),
+      onChange: setFilterValues,
+      onConfirm: setConfirmedFilterValues,
+      onReset: handleReset
+    }
+  );
+}
+
+exports.default = VefCrudFilter;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-crud-page/components/crud-footer.cjs

@@ -1,9 +1,125 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),r=require("@vef-framework/core"),i=require("@vef-framework/hooks"),s=require("@vef-framework/shared"),o=require("lucide-react"),n=require("react"),c=require("../../vef-action-buttons/index.cjs"),u=require("../../vef-button/index.cjs"),a=require("../../vef-divider/index.cjs"),l=require("../../vef-flex/index.cjs"),d=require("../../vef-icon/index.cjs"),f=require("../../vef-text/index.cjs"),x=require("../hooks/use-crud-context.cjs"),m=require("../store.cjs"),h=t.css`
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const core = require('@vef-framework/core');
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const lucideReact = require('lucide-react');
+const react$1 = require('react');
+const index$5 = require('../../vef-action-buttons/index.cjs');
+const index$4 = require('../../vef-button/index.cjs');
+const index$2 = require('../../vef-divider/index.cjs');
+const index$3 = require('../../vef-flex/index.cjs');
+const index = require('../../vef-icon/index.cjs');
+const index$1 = require('../../vef-text/index.cjs');
+const useCrudContext = require('../hooks/use-crud-context.cjs');
+const store = require('../store.cjs');
+
+const footerStyle = react.css`
   height: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: ${s.themeVariables.padding};
-`;const j=n.memo((function({tableApi:t,tableApiParams:j,batchDeletionApi:b,batchActionButtons:p,selectionSummary:v}){const{useApiMutation:q,stubMutationApi:g}=r.useApiContext(),y=q(b??g),[k,C,M]=m.useCrudStore((e=>[e.selectedInfo,e.confirmedFilterValues,e.setSelectedInfo])),{selectedKeys:A,selectedRecords:w}=k,S=n.useMemo((()=>s.isNullish(b)?p??[]:[...p??[],{key:"_batchDeletion",label:"批量删除",icon:e.jsx(d.default,{children:e.jsx(o.Trash2Icon,{})}),color:"error",permissions:[b.key],requireConfirmation:!0,confirmationMode:"detailed",onClick:async({refetch:e})=>{const{message:t}=await y.mutate(w);s.showSuccessMessage(t),e()}}]),[p,b,y,w]),F=x.useCrudContext(),I=n.useMemo((()=>({...F,...k})),[F,k]),D=t.useIsFetching(n.useMemo((()=>({...j,...C})),[j,C])),P=n.useCallback((()=>{M({selectedKeys:[],selectedRecords:[]})}),[M]),_=n.useMemo((()=>{if(s.isFunction(v))return v(w)}),[w,v]);return 0===A.length?null:e.jsxs("div",{css:h,children:[e.jsxs(f.default,{color:"secondary",children:["已选择"," ",e.jsx(f.default,{bold:!0,color:"primary",children:A.length})," ","项",_&&e.jsxs(e.Fragment,{children:[e.jsx(a.default,{orientation:"vertical"}),_]})]}),e.jsx(i.DisabledContextProvider,{value:D,children:e.jsxs(l.default,{align:"center",gap:"medium",children:[e.jsx(u.default,{color:"primary",variant:"text",onClick:P,children:"取消选择"}),e.jsx(c.default,{buttons:S,context:I,useFlexContainer:!1})]})})]})}));exports.default=j;
+  padding: ${shared.themeVariables.padding};
+`;
+function VefCrudFooterBase({
+  tableApi,
+  tableApiParams,
+  batchDeletionApi,
+  batchActionButtons,
+  selectionSummary
+}) {
+  const { useApiMutation, stubMutationApi } = core.useApiContext();
+  const batchDeletionMutation = useApiMutation(batchDeletionApi ?? stubMutationApi);
+  const [selectedInfo, confirmedFilterValues, setSelectedInfo] = store.useCrudStore((state) => [
+    state.selectedInfo,
+    state.confirmedFilterValues,
+    state.setSelectedInfo
+  ]);
+  const { selectedKeys, selectedRecords } = selectedInfo;
+  const batchActionButtonsToUse = react$1.useMemo(() => {
+    if (!shared.isNullish(batchDeletionApi)) {
+      return [
+        ...batchActionButtons ?? [],
+        {
+          key: "_batchDeletion",
+          label: "\u6279\u91CF\u5220\u9664",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, {}) }),
+          color: "error",
+          permissions: [batchDeletionApi.key],
+          requireConfirmation: true,
+          confirmationMode: "detailed",
+          onClick: async ({ refetch }) => {
+            const { message } = await batchDeletionMutation.mutate(selectedRecords);
+            shared.showSuccessMessage(message);
+            refetch();
+          }
+        }
+      ];
+    }
+    return batchActionButtons ?? [];
+  }, [batchActionButtons, batchDeletionApi, batchDeletionMutation, selectedRecords]);
+  const crudContext = useCrudContext.useCrudContext();
+  const batchActionButtonContext = react$1.useMemo(() => ({
+    ...crudContext,
+    ...selectedInfo
+  }), [crudContext, selectedInfo]);
+  const isFetching = tableApi.useIsFetching(react$1.useMemo(() => ({
+    ...tableApiParams,
+    ...confirmedFilterValues
+  }), [tableApiParams, confirmedFilterValues]));
+  const handleCancelSelection = react$1.useCallback(() => {
+    setSelectedInfo({
+      selectedKeys: [],
+      selectedRecords: []
+    });
+  }, [setSelectedInfo]);
+  const selectionSummaryNode = react$1.useMemo(() => {
+    if (shared.isFunction(selectionSummary)) {
+      return selectionSummary(selectedRecords);
+    }
+  }, [selectedRecords, selectionSummary]);
+  if (selectedKeys.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: footerStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(index$1.default, { color: "secondary", children: [
+      "\u5DF2\u9009\u62E9",
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { bold: true, color: "primary", children: selectedKeys.length }),
+      " ",
+      "\u9879",
+      selectionSummaryNode && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(index$2.default, { orientation: "vertical" }),
+        selectionSummaryNode
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(hooks.DisabledContextProvider, { value: isFetching, children: /* @__PURE__ */ jsxRuntime.jsxs(index$3.default, { align: "center", gap: "medium", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        index$4.default,
+        {
+          color: "primary",
+          variant: "text",
+          onClick: handleCancelSelection,
+          children: "\u53D6\u6D88\u9009\u62E9"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        index$5.default,
+        {
+          buttons: batchActionButtonsToUse,
+          context: batchActionButtonContext,
+          useFlexContainer: false
+        }
+      )
+    ] }) })
+  ] });
+}
+const VefCrudFooter = react$1.memo(VefCrudFooterBase);
+
+exports.default = VefCrudFooter;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-crud-page/components/crud-form-modal.cjs

@@ -1,3 +1,58 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("../../vef-form-modal/index.cjs"),r=require("../store.cjs");exports.default=function({formSchema:t,formApis:n}){const[i,{scene:s,title:u,width:c},{onBeforeSubmit:m,onSubmitSuccess:a},l,f,d]=r.useCrudStore((e=>[e.isFormOpen,e.currentFormInfo,e.currentFormEventHandlers,e.currentFormInitialValues,e.isFormLoading,e.closeForm])),p=n[s];if(!p)throw new Error(`Form api for scene ${s} not found, please check the formApis props of VefCrudPage component.`);return e.jsx(o.default,{initialValues:l,loading:f,open:i,scene:s,schema:t,submitApi:p,title:u,width:c,onBeforeSubmit:m,onClose:d,onSubmitSuccess:a})};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const index = require('../../vef-form-modal/index.cjs');
+const store = require('../store.cjs');
+
+function VefCrudFormModal({
+  formSchema,
+  formApis
+}) {
+  const [
+    isFormOpen,
+    {
+      scene,
+      title,
+      width
+    },
+    { onBeforeSubmit, onSubmitSuccess },
+    currentFormInitialValues,
+    isFormLoading,
+    closeForm
+  ] = store.useCrudStore(
+    (state) => [
+      state.isFormOpen,
+      state.currentFormInfo,
+      state.currentFormEventHandlers,
+      state.currentFormInitialValues,
+      state.isFormLoading,
+      state.closeForm
+    ]
+  );
+  const formApi = formApis[scene];
+  if (!formApi) {
+    throw new Error(`Form api for scene ${scene} not found, please check the formApis props of VefCrudPage component.`);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      initialValues: currentFormInitialValues,
+      loading: isFormLoading,
+      open: isFormOpen,
+      scene,
+      schema: formSchema,
+      submitApi: formApi,
+      title,
+      width,
+      onBeforeSubmit,
+      onClose: closeForm,
+      onSubmitSuccess
+    }
+  );
+}
+
+exports.default = VefCrudFormModal;
 /*! 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 */