@vef-framework/starter 1.0.134 → 2.0.1

package/dist/es/hooks/index.js

@@ -0,0 +1,2 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+export { useRouteFullPath } from './use-route-full-path.js';

package/dist/es/hooks/use-route-full-path.js

@@ -0,0 +1,28 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { useRouter, useLocation } from '@tanstack/react-router';
+import { useMemo } from 'react';
+
+function useRouteFullPath() {
+  const router = useRouter();
+  const {
+    pathname,
+    search
+  } = useLocation({
+    select: (location) => {
+      return {
+        pathname: location.pathname,
+        search: location.search
+      };
+    }
+  });
+  const fullPath = useMemo(() => {
+    const match = router.matchRoutes(pathname, search, {
+      preload: false,
+      throwOnError: false
+    }).at(-1);
+    return match.fullPath;
+  }, [pathname, router, search]);
+  return fullPath;
+}
+
+export { useRouteFullPath };

package/dist/es/index.js

@@ -0,0 +1,36 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import './components/index.js';
+import './constants/index.js';
+import './helpers/index.js';
+import './routes/index.js';
+import './stores/index.js';
+export { createCrudKit } from './components/crud/helpers.js';
+export { Crud } from './components/crud/index.js';
+export { CrudPage } from './components/crud-page/index.js';
+export { FlexCard } from './components/flex-card/index.js';
+export { FormDrawer } from './components/form-drawer/index.js';
+export { FormModal } from './components/form-modal/index.js';
+export { OperationButtonGroup } from './components/pro-table/components/operation-button-group.js';
+export { Page } from './components/page/index.js';
+export { ProSearch } from './components/pro-search/index.js';
+export { ProTable } from './components/pro-table/index.js';
+export { TableSubscriber as ProTableSubscriber } from './components/pro-table/components/table-subscriber.js';
+export { useViewportHeight } from './components/page/viewport-context.js';
+export { RELOAD_PAGE_EVENT } from './constants/event.js';
+export { ACCESS_DENIED_ROUTE_ID, ACCESS_DENIED_ROUTE_PATH, INDEX_ROUTE_ID, INDEX_ROUTE_PATH, LOGIN_ROUTE_ID, LOGIN_ROUTE_PATH } from './constants/router.js';
+export { STORAGE_KEY_PREFIX_STORE, STORAGE_KEY_SUFFIX_STORE } from './constants/storage.js';
+export { SYMBOL_PAGINATION, SYMBOL_SORT } from './constants/symbols.js';
+export { createApiClient } from './helpers/api.js';
+export { createApp } from './helpers/app.js';
+export { setupAppVersionNotification } from './helpers/app-version.js';
+export { handleClientLogout } from './helpers/auth.js';
+export { dispatchCustomEvent, eventEmitter, reloadPage } from './helpers/event.js';
+export { extractQueryParams, noopMutationFn } from './helpers/query.js';
+export { createRouter } from './helpers/router.js';
+export { createAccessDeniedRouteOptions } from './routes/access-denied.js';
+export { createLayoutRouteOptions } from './routes/layout.js';
+export { createLoginRouteOptions } from './routes/login.js';
+export { createRootRouteOptions } from './routes/root.js';
+export { useAppStore } from './stores/app.js';
+export { useTabStore } from './stores/tab.js';
+export { useThemeStore } from './stores/theme.js';

package/dist/es/routes/access-denied.js

@@ -0,0 +1,27 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import '../components/index.js';
+import '../constants/index.js';
+import { AccessDenied } from '../components/access-denied/index.js';
+import { INDEX_ROUTE_PATH } from '../constants/router.js';
+
+function createAccessDeniedRouteOptions(getRouter) {
+  return {
+    component: AccessDenied,
+    beforeLoad({
+      location
+    }) {
+      const router = getRouter();
+      if (!router.state.resolvedLocation) {
+        if (location.state.__TSR_index === 0) {
+          router.navigate({
+            to: INDEX_ROUTE_PATH
+          });
+        } else {
+          router.history.back();
+        }
+      }
+    }
+  };
+}
+
+export { createAccessDeniedRouteOptions };

package/dist/es/routes/index.js

@@ -0,0 +1,5 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+export { createAccessDeniedRouteOptions } from './access-denied.js';
+export { createLayoutRouteOptions } from './layout.js';
+export { createLoginRouteOptions } from './login.js';
+export { createRootRouteOptions } from './root.js';

package/dist/es/routes/layout.js

@@ -0,0 +1,136 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Outlet, redirect } from '@tanstack/react-router';
+import { Loader, DynamicIcon } from '@vef-framework/components';
+import '../components/index.js';
+import '../constants/index.js';
+import '../stores/index.js';
+import { Layout } from '../components/layout/index.js';
+import { NotFound } from '../components/not-found/index.js';
+import { Error } from '../components/error/index.js';
+import { useAppStore } from '../stores/app.js';
+import { ACCESS_DENIED_ROUTE_PATH, LOGIN_ROUTE_PATH } from '../constants/router.js';
+
+function createLayoutRouteOptions({
+  fetchUserInfo,
+  ...layoutProps
+}) {
+  function LayoutComponent() {
+    return /* @__PURE__ */ jsx(Layout, { ...layoutProps, children: /* @__PURE__ */ jsx(Outlet, {}) });
+  }
+  return {
+    beforeLoad: ({
+      location
+    }) => {
+      const {
+        isAuthenticated,
+        userMenuMap
+      } = useAppStore.getState();
+      if (!isAuthenticated) {
+        throw redirect({
+          to: LOGIN_ROUTE_PATH,
+          search: {
+            redirect: location.href
+          }
+        });
+      }
+      if (userMenuMap && !userMenuMap.has(location.pathname)) {
+        throw redirect({
+          to: ACCESS_DENIED_ROUTE_PATH,
+          replace: true
+        });
+      }
+    },
+    loader: async ({
+      location
+    }) => {
+      const {
+        permTokens,
+        ...userInfo
+      } = await fetchUserInfo();
+      const {
+        menus
+      } = userInfo;
+      const userMenuMap = Object.freeze(buildUserMenuMap(menus));
+      const menuPathMap = Object.freeze(buildMenuPathMap(menus));
+      const menuItems = Object.freeze(buildMenuItems(menus));
+      useAppStore.setState({
+        ...useAppStore.getState(),
+        userInfo: Object.freeze(userInfo),
+        userMenuMap,
+        menuPathMap,
+        menuItems,
+        permTokens: Object.freeze(new Set(permTokens))
+      });
+      if (!userMenuMap.has(location.pathname)) {
+        throw redirect({
+          to: ACCESS_DENIED_ROUTE_PATH,
+          replace: true
+        });
+      }
+    },
+    pendingComponent: () => /* @__PURE__ */ jsx(Loader, { description: "页面玩命加载中, 请稍后...", descriptionSize: 18, size: 48 }),
+    errorComponent: Error,
+    notFoundComponent: NotFound,
+    component: LayoutComponent,
+    staleTime: Infinity,
+    shouldReload: false
+  };
+}
+function buildUserMenuMap(menus, menuMap = /* @__PURE__ */ new Map()) {
+  for (const menu of menus) {
+    const {
+      children,
+      path
+    } = menu;
+    if (children) {
+      buildUserMenuMap(children, menuMap);
+    }
+    menuMap.set(path, menu);
+  }
+  return menuMap;
+}
+function buildMenuPathMap(menus, parentPath = [], menuPathMap = /* @__PURE__ */ new Map()) {
+  for (const menu of menus) {
+    const {
+      path
+    } = menu;
+    menuPathMap.set(path, [...parentPath, path]);
+    if (menu.children) {
+      buildMenuPathMap(menu.children, [...parentPath, path], menuPathMap);
+    }
+  }
+  return menuPathMap;
+}
+function buildMenuItems(menus) {
+  return menus.filter((menu) => menu.type !== "page").map((menu) => Object.freeze(buildMenuItem(menu)));
+}
+function buildMenuItem(menu) {
+  const {
+    path,
+    type,
+    name,
+    icon
+  } = menu;
+  if (type === "directory") {
+    return {
+      type: "submenu",
+      key: path,
+      label: name,
+      ...icon ? {
+        icon: /* @__PURE__ */ jsx(DynamicIcon, { name: icon })
+      } : {},
+      children: menu.children ? buildMenuItems(menu.children) : []
+    };
+  }
+  return {
+    type: "item",
+    key: path,
+    label: name,
+    ...icon ? {
+      icon: /* @__PURE__ */ jsx(DynamicIcon, { name: icon })
+    } : {}
+  };
+}
+
+export { createLayoutRouteOptions };

package/dist/es/routes/login.js

@@ -0,0 +1,37 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { redirect } from '@tanstack/react-router';
+import { z } from '@vef-framework/shared';
+import '../components/index.js';
+import '../constants/index.js';
+import '../stores/index.js';
+import { Login } from '../components/login/index.js';
+import { useAppStore } from '../stores/app.js';
+import { INDEX_ROUTE_PATH } from '../constants/router.js';
+
+function createLoginRouteOptions(props) {
+  function LoginComponent() {
+    return /* @__PURE__ */ jsx(Login, { ...props });
+  }
+  return {
+    validateSearch: z.object({
+      redirect: z.string().optional().default(INDEX_ROUTE_PATH).catch(INDEX_ROUTE_PATH)
+    }),
+    beforeLoad: ({
+      search
+    }) => {
+      if (useAppStore.getState().isAuthenticated) {
+        const {
+          redirect: redirectPath
+        } = search;
+        throw redirect({
+          to: redirectPath,
+          replace: true
+        });
+      }
+    },
+    component: LoginComponent
+  };
+}
+
+export { createLoginRouteOptions };

package/dist/es/routes/root.js

@@ -0,0 +1,31 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useRouteContext, useLocation, Outlet } from '@tanstack/react-router';
+import { useDocumentTitle } from '@vef-framework/hooks';
+import '../stores/index.js';
+import { useAppStore } from '../stores/app.js';
+
+function createRootRouteOptions({
+  appTitle
+}) {
+  function RootComponent() {
+    const title = useRouteContext({
+      strict: false,
+      select: (context) => context.title
+    });
+    const pathname = useLocation({
+      select: (location) => location.pathname
+    });
+    const userMenuMap = useAppStore((state) => state.userMenuMap);
+    const titleToUse = title || userMenuMap?.get(pathname)?.name;
+    const documentTitle = titleToUse ? `${appTitle} | ${titleToUse}` : appTitle;
+    useDocumentTitle(documentTitle);
+    return /* @__PURE__ */ jsx(Outlet, {});
+  }
+  return {
+    component: RootComponent,
+    ssr: false
+  };
+}
+
+export { createRootRouteOptions };

package/dist/es/stores/app.js

@@ -0,0 +1,21 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { createPersistedStore } from '@vef-framework/core';
+
+const useAppStore = createPersistedStore(() => {
+  return {
+    isAuthenticated: false
+  };
+}, {
+  name: "app",
+  selector({
+    isAuthenticated,
+    authTokens
+  }) {
+    return {
+      isAuthenticated,
+      authTokens
+    };
+  }
+});
+
+export { useAppStore };

package/dist/es/stores/index.js

@@ -0,0 +1,4 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+export { useAppStore } from './app.js';
+export { useTabStore } from './tab.js';
+export { useThemeStore } from './theme.js';

package/dist/es/stores/tab.js

@@ -0,0 +1,97 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { createPersistedStore, originalState } from '@vef-framework/core';
+import '../constants/index.js';
+import { INDEX_ROUTE_PATH } from '../constants/router.js';
+
+const useTabStore = createPersistedStore((set) => {
+  return {
+    tabs: [],
+    setActiveTabId(id) {
+      set((state) => {
+        state.activeTabId = id;
+      });
+    },
+    setTabs(tabs) {
+      set((state) => {
+        state.tabs = tabs;
+      });
+    },
+    addTab(tab) {
+      set((state) => {
+        if (state.tabs.every((existedTab) => existedTab.id !== tab.id)) {
+          state.tabs.push(tab);
+        }
+      });
+    },
+    removeTab(id, navigate) {
+      set((state) => {
+        const currentIndex = state.tabs.findIndex((tab) => tab.id === id);
+        if (currentIndex === -1) {
+          return;
+        }
+        const remainingTabs = state.tabs.filter((tab) => tab.id !== id);
+        if (state.activeTabId === id) {
+          if (remainingTabs.length > 0) {
+            const nextActiveTab = remainingTabs[Math.min(currentIndex, remainingTabs.length - 1)];
+            navigate(originalState(nextActiveTab));
+          } else {
+            navigate();
+          }
+        }
+        state.tabs = remainingTabs;
+      });
+    },
+    removeAllTabs(navigate) {
+      set((state) => {
+        const activeTab = state.tabs.find((tab) => tab.id === state.activeTabId);
+        state.tabs = activeTab && activeTab.fullPath === INDEX_ROUTE_PATH ? [activeTab] : [];
+        navigate();
+      });
+    },
+    removeAllTabsExcept(id, navigate) {
+      set((state) => {
+        state.tabs = state.tabs.filter((tab) => tab.id === id);
+        navigate(originalState(state.tabs.find((tab) => tab.id === id)));
+      });
+    },
+    removeLeftTabs(id, navigate) {
+      set((state) => {
+        const index = state.tabs.findIndex((tab) => tab.id === id);
+        if (index === -1) {
+          return;
+        }
+        const removedTabs = state.tabs.slice(0, index);
+        state.tabs = state.tabs.slice(index);
+        if (removedTabs.some((tab) => tab.id === state.activeTabId)) {
+          navigate(originalState(state.tabs.find((tab) => tab.id === id)));
+        }
+      });
+    },
+    removeRightTabs(id, navigate) {
+      set((state) => {
+        const index = state.tabs.findIndex((tab) => tab.id === id);
+        if (index === -1) {
+          return;
+        }
+        const removedTabs = state.tabs.slice(index + 1);
+        state.tabs = state.tabs.slice(0, index + 1);
+        if (removedTabs.some((tab) => tab.id === state.activeTabId)) {
+          navigate(originalState(state.tabs.find((tab) => tab.id === id)));
+        }
+      });
+    }
+  };
+}, {
+  name: "tab",
+  selector({
+    activeTabId,
+    tabs
+  }) {
+    return {
+      activeTabId,
+      tabs
+    };
+  }
+});
+
+export { useTabStore };

package/dist/es/stores/theme.js

@@ -0,0 +1,28 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { createPersistedStore } from '@vef-framework/core';
+import { omit } from '@vef-framework/shared';
+
+const useThemeStore = createPersistedStore(() => {
+  return {
+    isThemeConfigVisible: false,
+    colorScheme: "system",
+    colors: {
+      primary: "#2b7fff",
+      success: "#00c950",
+      info: "#2b7fff",
+      warning: "#ff6900",
+      error: "#fb2c36"
+    },
+    isGrayscaleMode: false,
+    isColorBlindMode: false,
+    isMenuAccordionMode: true,
+    menuLayout: "vertical",
+    isSidebarCollapsed: false,
+    isMainContentMaximum: false
+  };
+}, {
+  name: "theme",
+  selector: (state) => omit(state, ["isThemeConfigVisible"])
+});
+
+export { useThemeStore };

package/dist/types/components/access-denied/access-denied-icon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare function AccessDeniedIcon(props: SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/access-denied/index.d.ts

@@ -0,0 +1 @@
+export declare function AccessDenied(): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/app/index.d.ts

@@ -0,0 +1,4 @@
+import { AnyRouter, RegisteredRouter } from '@tanstack/react-router';
+import { AppProps } from './props';
+export declare function App<TRouter extends AnyRouter = RegisteredRouter, TDehydrated extends Record<string, any> = Record<string, any>>({ apiClient, appContext, appVersionNotification, router }: AppProps<TRouter, TDehydrated>): import("@emotion/react/jsx-runtime").JSX.Element;
+export { type AppProps } from './props';

package/dist/types/components/app/props.d.ts

@@ -0,0 +1,21 @@
+import { AnyRouter, RegisteredRouter, RouterProps } from '@tanstack/react-router';
+import { ApiClient, AppContext } from '@vef-framework/core';
+import { AppVersionNotificationOptions } from '../../helpers/app-version';
+/**
+ * The props for the App component.
+ */
+export interface AppProps<TRouter extends AnyRouter = RegisteredRouter, TDehydrated extends Record<string, any> = Record<string, any>> extends Pick<RouterProps<TRouter, TDehydrated>, "router"> {
+    /**
+     * The API client.
+     */
+    apiClient: ApiClient;
+    /**
+     * The app context.
+     */
+    appContext: AppContext;
+    /**
+     * App version notification options.
+     * Used to detect and notify users when a new version of the app is available.
+     */
+    appVersionNotification?: AppVersionNotificationOptions;
+}

package/dist/types/components/base-layout/index.d.ts

@@ -0,0 +1,3 @@
+import { BaseLayoutProps } from './props';
+export declare function BaseLayout(props: BaseLayoutProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export { type BaseLayoutProps } from './props';

package/dist/types/components/base-layout/props.d.ts

@@ -0,0 +1,70 @@
+import { PropsWithChildren, ReactNode } from 'react';
+/**
+ * The props of the BaseLayout component.
+ */
+export interface BaseLayoutProps extends PropsWithChildren {
+    /**
+     * The class of the main content.
+     */
+    className?: string;
+    /**
+     * The header of the layout.
+     */
+    header?: ReactNode;
+    /**
+     * The height of the header.
+     */
+    headerHeight?: number;
+    /**
+     * The class of the header.
+     */
+    headerClassName?: string;
+    /**
+     * The tabs of the layout.
+     */
+    tabs?: ReactNode;
+    /**
+     * The height of the tabs.
+     */
+    tabsHeight?: number;
+    /**
+     * The class of the tabs.
+     */
+    tabsClassName?: string;
+    /**
+     * The footer of the layout.
+     */
+    footer?: ReactNode;
+    /**
+     * The height of the footer.
+     */
+    footerHeight?: number;
+    /**
+     * The class of the footer.
+     */
+    footerClassName?: string;
+    /**
+     * The sidebar of the layout.
+     */
+    sidebar?: ReactNode;
+    /**
+     * The sidebar collapsed state.
+     */
+    isSidebarCollapsed?: boolean;
+    /**
+     * The width of the sidebar.
+     */
+    sidebarWidth?: number;
+    /**
+     * The collapsed width of the sidebar.
+     */
+    sidebarCollapsedWidth?: number;
+    /**
+     * The class of the sidebar.
+     */
+    sidebarClassName?: string;
+    /**
+     * The main content maximum state.
+     */
+    isMainContentMaximum?: boolean;
+}

package/dist/types/components/base-layout/styles.d.ts

@@ -0,0 +1,8 @@
+import { SerializedStyles } from '@emotion/serialize';
+export declare const layout: SerializedStyles;
+export declare const header: SerializedStyles;
+export declare const tabs: SerializedStyles;
+export declare const sidebar: SerializedStyles;
+export declare const sidebarGap: SerializedStyles;
+export declare const main: SerializedStyles;
+export declare const footer: SerializedStyles;

package/dist/types/components/base-layout/use-base-layout.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+import { BaseLayoutProps } from './props';
+export declare function useBaseLayout({ header, headerHeight, tabs, tabsHeight, footer, footerHeight, sidebar, isSidebarCollapsed, sidebarWidth, sidebarCollapsedWidth, isMainContentMaximum }: BaseLayoutProps): {
+    isHeaderVisible: boolean;
+    isTabsVisible: boolean;
+    isSidebarVisible: boolean;
+    isFooterVisible: boolean;
+    cssVars: CSSProperties;
+};

package/dist/types/components/crud/components/action-button-group.d.ts

@@ -0,0 +1,8 @@
+import { AnyObject } from '@vef-framework/shared';
+import { FC, ReactNode } from 'react';
+import { CrudState } from '../store';
+export interface ActionButtonGroupProps<TSearchValues extends AnyObject, TSceneFormValues extends AnyObject, TSelected = NoInfer<CrudState<any, TSearchValues, TSceneFormValues>>> {
+    selector?: (state: NoInfer<CrudState<any, TSearchValues, TSceneFormValues>>) => TSelected;
+    children: ((state: NoInfer<TSelected>) => ReactNode) | ReactNode;
+}
+export declare const ActionButtonGroup: (<TSearchValues extends AnyObject, TSceneFormValues extends AnyObject, TSelected = NoInfer<CrudState<any, TSearchValues, TSceneFormValues>>>(props: ActionButtonGroupProps<TSearchValues, TSceneFormValues, TSelected>) => ReactNode) & Pick<FC, "displayName">;

package/dist/types/components/crud/components/index.d.ts

@@ -0,0 +1,6 @@
+export { ActionButtonGroup, type ActionButtonGroupProps } from './action-button-group';
+export { Main } from './main';
+export { MutationHolder } from './mutation-holder';
+export { OperationButtonGroup, type OperationButtonGroupProps } from './operation-button-group';
+export { SceneForm } from './scene-form';
+export { Toolbar } from './toolbar';

package/dist/types/components/crud/components/main.d.ts

@@ -0,0 +1,6 @@
+import { AnyObject, Except } from '@vef-framework/shared';
+import { ReactNode } from 'react';
+import { CrudProps } from '../props';
+type MainProps<TRow extends AnyObject, TSearchValues extends AnyObject, TSceneFormValues extends AnyObject, TParams extends AnyObject> = Except<CrudProps<TRow, TSearchValues, TSceneFormValues, TParams>, "sceneDefaultFormValues" | "renderForm" | "defaultSearchValues" | "formMutationFns" | "beforeFormSubmit" | "afterFormSubmit" | "deleteMutationFn" | "deleteManyMutationFn" | "mutationMeta">;
+export declare const Main: <TRow extends AnyObject, TSearchValues extends AnyObject, TSceneFormValues extends AnyObject, TFilter extends AnyObject>(props: MainProps<TRow, TSearchValues, TSceneFormValues, TFilter>) => ReactNode;
+export {};

package/dist/types/components/crud/components/mutation-holder.d.ts

@@ -0,0 +1,10 @@
+import { ApiResult, MutationFunction, MutationMeta } from '@vef-framework/core';
+import { AnyObject, MaybeUndefined } from '@vef-framework/shared';
+import { ReactNode } from 'react';
+interface MutationHolderProps<TRow extends AnyObject> {
+    mutationMeta?: (key: string) => MaybeUndefined<MutationMeta>;
+    deleteMutationFn?: MutationFunction<ApiResult<unknown>, TRow>;
+    deleteManyMutationFn?: MutationFunction<ApiResult<unknown>, TRow[]>;
+}
+export declare const MutationHolder: <TRow extends AnyObject>(props: MutationHolderProps<TRow>) => ReactNode;
+export {};

package/dist/types/components/crud/components/operation-button-group.d.ts

@@ -0,0 +1,8 @@
+import { AnyObject } from '@vef-framework/shared';
+import { FC, ReactNode } from 'react';
+import { CrudState } from '../store';
+export interface OperationButtonGroupProps<TSearchValues extends AnyObject, TSceneFormValues extends AnyObject, TSelected = NoInfer<CrudState<AnyObject, TSearchValues, TSceneFormValues>>> {
+    selector?: (state: NoInfer<CrudState<AnyObject, TSearchValues, TSceneFormValues>>) => TSelected;
+    children: ((state: NoInfer<TSelected>) => ReactNode) | ReactNode;
+}
+export declare const OperationButtonGroup: (<TSearchValues extends AnyObject, TSceneFormValues extends AnyObject, TSelected = NoInfer<CrudState<AnyObject, TSearchValues, TSceneFormValues>>>(props: OperationButtonGroupProps<TSearchValues, TSceneFormValues, TSelected>) => ReactNode) & Pick<FC, "displayName">;

package/dist/types/components/crud/components/scene-form.d.ts

@@ -0,0 +1,7 @@
+import { AnyObject } from '@vef-framework/shared';
+import { ReactNode } from 'react';
+import { BaseCrudProps } from '../props';
+interface SceneFormProps<TSceneFormValues extends AnyObject> extends Pick<BaseCrudProps<AnyObject, AnyObject, TSceneFormValues, AnyObject>, "renderForm" | "formMutationFns" | "beforeFormSubmit" | "afterFormSubmit" | "mutationMeta"> {
+}
+export declare const SceneForm: <TSceneFormValues extends AnyObject>(props: SceneFormProps<TSceneFormValues>) => ReactNode;
+export {};

package/dist/types/components/crud/components/selection-indicator.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode, MemoExoticComponent } from 'react';
+interface SelectionIndicatorProps {
+    selectionSummary?: (selectedRows: any[]) => ReactNode;
+}
+export declare const SelectionIndicator: MemoExoticComponent<({ selectionSummary }: SelectionIndicatorProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export {};