@vef-framework/components 1.0.101 → 1.0.102

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

@@ -1,128 +1,5 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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`
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),createCache=require("@emotion/cache"),react$1=require("@emotion/react"),core=require("@vef-framework/core"),antd=require("antd"),react=require("react"),reactErrorBoundary=require("react-error-boundary"),index=require("../vef-error/index.cjs"),globalStyle=require("./global-style.cjs"),useUiConfig=require("./hooks/use-ui-config.cjs"),store=require("./store.cjs");function UiConfigProvider({children}){const config=store.useConfigStore(state=>state),uiConfig=useUiConfig.useUiConfig(config);react.useLayoutEffect(()=>{const{messageFoldThreshold:messageFoldThreshold2,messageDuration:messageDuration2,notificationFoldThreshold,notificationDuration:notificationDuration2,...restConfig2}=uiConfig;antd.ConfigProvider.config({holderRender:children2=>jsxRuntime.jsx(antd.ConfigProvider,{...restConfig2,children:jsxRuntime.jsx(antd.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 jsxRuntime.jsx(antd.ConfigProvider,{...restConfig,children:jsxRuntime.jsx(antd.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 jsxRuntime.jsx(index.default,{error,reset:resetErrorBoundary})}const vefCache=createCache({key:"vef"});function VefConfigProvider({apiClient,dataDictionaryApi,loginApi,logoutApi,fetchAuthenticatedUserApi,permissionChecker,children,...config}){return jsxRuntime.jsx(core.AuthContextProvider,{permissionChecker,children:jsxRuntime.jsx(core.ApiContextProvider,{client:apiClient,dataDictionaryApi,fetchAuthenticatedUserApi,loginApi,logoutApi,children:jsxRuntime.jsx(store.ConfigStoreProvider,{initialState:config,children:jsxRuntime.jsxs(react$1.CacheProvider,{value:vefCache,children:[jsxRuntime.jsx(react$1.Global,{styles:[globalStyle.globalStyle,globalStyle.nprogressStyle,react$1.css`
                 :root {
-                  font-size: ${(config.fontSize ?? "medium") === "medium" ? "14px" : "16px"};
+                  font-size: ${(config.fontSize??"medium")==="medium"?"14px":"16px"};
                 }
-              `
-            ]
-          }
-        ),
-        /* @__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 */
+              `]}),jsxRuntime.jsx(UiConfigProvider,{children: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,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! 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,28 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),{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,23 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd"),index=require("../vef-scroll-area/index.cjs"),{BackTop}=antd.FloatButton;function VefContainer({className,style,children}){return jsxRuntime.jsxs(index.default,{className,style,children:[children,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,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! 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,37 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),react=require("react"),index=require("../../vef-action-buttons/index.cjs"),useActionButtons=require("../hooks/use-action-buttons.cjs"),useCrudContext=require("../hooks/use-crud-context.cjs"),store=require("../store.cjs");function VefCrudActions({tableApi,tableApiParams,actionButtons}){const confirmedFilterValues=store.useCrudStore(state=>state.confirmedFilterValues),isFetching=tableApi.useIsFetching(react.useMemo(()=>({...tableApiParams,...confirmedFilterValues}),[tableApiParams,confirmedFilterValues])),crudContext=useCrudContext.useCrudContext(),actionButtonsToUse=useActionButtons.useActionButtons(actionButtons);return jsxRuntime.jsx(hooks.DisabledContextProvider,{value:isFetching,children:jsxRuntime.jsx(index.default,{buttons:actionButtonsToUse,context:crudContext,useFlexContainer:!1})})}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,59 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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$1 = require('../../vef-action-buttons/index.cjs');
-const index = require('../../vef-filter/index.cjs');
-const index$2 = 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$2.default, { noPaddingBottom: true, showLeftBar: true, level: 5, children: title }),
-      schema: filterSchema,
-      extraActionButtons: /* @__PURE__ */ jsxRuntime.jsx(
-        index$1.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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("react"),index$1=require("../../vef-action-buttons/index.cjs"),index=require("../../vef-filter/index.cjs"),index$2=require("../../vef-title/index.cjs"),useActionButtons=require("../hooks/use-action-buttons.cjs"),useCrudContext=require("../hooks/use-crud-context.cjs"),store=require("../store.cjs");function VefCrudFilter({title,tableApi,tableApiParams,filterSchema,actionButtons}){const[setFilterValues,confirmedFilterValues,setConfirmedFilterValues]=store.useCrudStore(state=>[state.setFilterValues,state.confirmedFilterValues,state.setConfirmedFilterValues]),isFetching=tableApi.useIsFetching(react.useMemo(()=>({...tableApiParams,...confirmedFilterValues}),[tableApiParams,confirmedFilterValues])),crudContext=useCrudContext.useCrudContext(),actionButtonsToUse=useActionButtons.useActionButtons(actionButtons),handleReset=react.useCallback(()=>setConfirmedFilterValues(null),[setConfirmedFilterValues]);return jsxRuntime.jsx(index.default,{loading:isFetching,prefix:jsxRuntime.jsx(index$2.default,{noPaddingBottom:!0,showLeftBar:!0,level:5,children:title}),schema:filterSchema,extraActionButtons:jsxRuntime.jsx(index$1.default,{buttons:actionButtonsToUse,context:crudContext,useFlexContainer:!1}),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,125 +1,7 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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`
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),core=require("@vef-framework/core"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),lucideReact=require("lucide-react"),react$1=require("react"),index$5=require("../../vef-action-buttons/index.cjs"),index$4=require("../../vef-button/index.cjs"),index$2=require("../../vef-divider/index.cjs"),index$3=require("../../vef-flex/index.cjs"),index=require("../../vef-icon/index.cjs"),index$1=require("../../vef-text/index.cjs"),useCrudContext=require("../hooks/use-crud-context.cjs"),store=require("../store.cjs"),footerStyle=react.css`
   height: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   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: "批量删除",
-          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: [
-      "已选择",
-      " ",
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { bold: true, color: "primary", children: selectedKeys.length }),
-      " ",
-      "项",
-      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: "取消选择"
-        }
-      ),
-      /* @__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 */
+`;function VefCrudFooterBase({tableApi,tableApiParams,batchDeletionApi,batchActionButtons,selectionSummary}){const{useApiMutation,stubMutationApi}=core.useApiContext(),batchDeletionMutation=useApiMutation(batchDeletionApi??stubMutationApi),[selectedInfo,confirmedFilterValues,setSelectedInfo]=store.useCrudStore(state=>[state.selectedInfo,state.confirmedFilterValues,state.setSelectedInfo]),{selectedKeys,selectedRecords}=selectedInfo,batchActionButtonsToUse=react$1.useMemo(()=>shared.isNullish(batchDeletionApi)?batchActionButtons??[]:[...batchActionButtons??[],{key:"_batchDeletion",label:"批量删除",icon:jsxRuntime.jsx(index.default,{children:jsxRuntime.jsx(lucideReact.Trash2Icon,{})}),color:"error",permissions:[batchDeletionApi.key],requireConfirmation:!0,confirmationMode:"detailed",onClick:async({refetch})=>{const{message}=await batchDeletionMutation.mutate(selectedRecords);shared.showSuccessMessage(message),refetch()}}],[batchActionButtons,batchDeletionApi,batchDeletionMutation,selectedRecords]),crudContext=useCrudContext.useCrudContext(),batchActionButtonContext=react$1.useMemo(()=>({...crudContext,...selectedInfo}),[crudContext,selectedInfo]),isFetching=tableApi.useIsFetching(react$1.useMemo(()=>({...tableApiParams,...confirmedFilterValues}),[tableApiParams,confirmedFilterValues])),handleCancelSelection=react$1.useCallback(()=>{setSelectedInfo({selectedKeys:[],selectedRecords:[]})},[setSelectedInfo]),selectionSummaryNode=react$1.useMemo(()=>{if(shared.isFunction(selectionSummary))return selectionSummary(selectedRecords)},[selectedRecords,selectionSummary]);return selectedKeys.length===0?null:jsxRuntime.jsxs("div",{css:footerStyle,children:[jsxRuntime.jsxs(index$1.default,{color:"secondary",children:["已选择"," ",jsxRuntime.jsx(index$1.default,{bold:!0,color:"primary",children:selectedKeys.length})," ","项",selectionSummaryNode&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(index$2.default,{orientation:"vertical"}),selectionSummaryNode]})]}),jsxRuntime.jsx(hooks.DisabledContextProvider,{value:isFetching,children:jsxRuntime.jsxs(index$3.default,{align:"center",gap:"medium",children:[jsxRuntime.jsx(index$4.default,{color:"primary",variant:"text",onClick:handleCancelSelection,children:"取消选择"}),jsxRuntime.jsx(index$5.default,{buttons:batchActionButtonsToUse,context:batchActionButtonContext,useFlexContainer:!1})]})})]})}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,58 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),index=require("../../vef-form-modal/index.cjs"),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]),formApi=formApis[scene];if(!formApi)throw new Error(`Form api for scene ${scene} not found, please check the formApis props of VefCrudPage component.`);return 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 */

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

@@ -1,34 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 crudFilter = require('./crud-filter.cjs');
-
-function VefCrudHeaderBase({
-  title,
-  tableApi,
-  tableApiParams,
-  filterItems,
-  actionButtons
-}) {
-  if (filterItems.length > 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      crudFilter.default,
-      {
-        actionButtons,
-        filterSchema: filterItems,
-        tableApi,
-        tableApiParams,
-        title
-      }
-    );
-  }
-  return null;
-}
-const VefCrudHeader = react.memo(VefCrudHeaderBase);
-
-exports.default = VefCrudHeader;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("react"),crudFilter=require("./crud-filter.cjs");function VefCrudHeaderBase({title,tableApi,tableApiParams,filterItems,actionButtons}){return filterItems.length>0?jsxRuntime.jsx(crudFilter.default,{actionButtons,filterSchema:filterItems,tableApi,tableApiParams,title}):null}const VefCrudHeader=react.memo(VefCrudHeaderBase);exports.default=VefCrudHeader;/*! 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-table.cjs

@@ -1,81 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 = require('../../vef-table/index.cjs');
-const useCrudContext = require('../hooks/use-crud-context.cjs');
-const useOperationButtons = require('../hooks/use-operation-buttons.cjs');
-const store = require('../store.cjs');
-
-function VefCrudTableBase({
-  api,
-  apiParams,
-  deletionApi,
-  paginated,
-  schema,
-  selectable,
-  operationButtons,
-  ...tableProps
-}) {
-  const [confirmedFilterValues, selectedInfo, setSelectedInfo] = store.useCrudStore((state) => [state.confirmedFilterValues, state.selectedInfo, state.setSelectedInfo]);
-  const mergedApiParams = react.useMemo(() => ({
-    ...apiParams,
-    ...confirmedFilterValues
-  }), [apiParams, confirmedFilterValues]);
-  const handleSelectionChange = react.useCallback((selectedKeys, selectedRecords) => {
-    setSelectedInfo({
-      selectedKeys,
-      selectedRecords
-    });
-  }, [setSelectedInfo]);
-  const operationButtonsToUse = useOperationButtons.useOperationButtons(deletionApi, operationButtons);
-  const tableInstanceRef = react.useRef(null);
-  const crudStore = store.useCrudStoreApi();
-  react.useEffect(() => {
-    crudStore.setState({ tableInstanceRef });
-  }, [crudStore]);
-  const crudContext = useCrudContext.useCrudContext();
-  if (paginated) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      index.default,
-      {
-        ref: tableInstanceRef,
-        multipleSelection: true,
-        paginated: true,
-        api,
-        apiParams: mergedApiParams,
-        externalContext: crudContext,
-        operationButtons: operationButtonsToUse,
-        schema,
-        selectable,
-        selectedKeys: selectedInfo.selectedKeys,
-        selectionSummary: false,
-        onRowSelectionChange: handleSelectionChange,
-        ...tableProps
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index.default,
-    {
-      ref: tableInstanceRef,
-      multipleSelection: true,
-      api,
-      apiParams: mergedApiParams,
-      externalContext: crudContext,
-      schema,
-      selectable,
-      selectedKeys: selectedInfo.selectedKeys,
-      selectionSummary: false,
-      onRowSelectionChange: handleSelectionChange,
-      ...tableProps
-    }
-  );
-}
-const VefCrudTable = react.memo(VefCrudTableBase);
-
-exports.default = VefCrudTable;
-/*! 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 */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("react"),index=require("../../vef-table/index.cjs"),useCrudContext=require("../hooks/use-crud-context.cjs"),useOperationButtons=require("../hooks/use-operation-buttons.cjs"),store=require("../store.cjs");function VefCrudTableBase({api,apiParams,deletionApi,paginated,schema,selectable,operationButtons,...tableProps}){const[confirmedFilterValues,selectedInfo,setSelectedInfo]=store.useCrudStore(state=>[state.confirmedFilterValues,state.selectedInfo,state.setSelectedInfo]),mergedApiParams=react.useMemo(()=>({...apiParams,...confirmedFilterValues}),[apiParams,confirmedFilterValues]),handleSelectionChange=react.useCallback((selectedKeys,selectedRecords)=>{setSelectedInfo({selectedKeys,selectedRecords})},[setSelectedInfo]),operationButtonsToUse=useOperationButtons.useOperationButtons(deletionApi,operationButtons),tableInstanceRef=react.useRef(null),crudStore=store.useCrudStoreApi();react.useEffect(()=>{crudStore.setState({tableInstanceRef})},[crudStore]);const crudContext=useCrudContext.useCrudContext();return paginated?jsxRuntime.jsx(index.default,{ref:tableInstanceRef,multipleSelection:!0,paginated:!0,api,apiParams:mergedApiParams,externalContext:crudContext,operationButtons:operationButtonsToUse,schema,selectable,selectedKeys:selectedInfo.selectedKeys,selectionSummary:!1,onRowSelectionChange:handleSelectionChange,...tableProps}):jsxRuntime.jsx(index.default,{ref:tableInstanceRef,multipleSelection:!0,api,apiParams:mergedApiParams,externalContext:crudContext,schema,selectable,selectedKeys:selectedInfo.selectedKeys,selectionSummary:!1,onRowSelectionChange:handleSelectionChange,...tableProps})}const VefCrudTable=react.memo(VefCrudTableBase);exports.default=VefCrudTable;/*! 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 */