@v-miniapp/ui-react 1.0.45 → 1.0.59

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

@@ -0,0 +1,17 @@
+import { ComponentPropsWithRef, FC, ReactNode } from 'react';
+import { ILocalesConfig, IResourceKey, ITemplateParams } from '@v-miniapp/locale';
+import { IAppConfig } from './type';
+export type IAppConfigContext = {
+    t: (key: IResourceKey, params?: ITemplateParams) => ReactNode;
+};
+export type IAppConfigFunction = (context: IAppConfigContext) => IAppConfig;
+export type IAppProps = ComponentPropsWithRef<'div'> & {
+    config?: IAppConfig | IAppConfigFunction;
+    localesConfig?: ILocalesConfig;
+};
+type IAppComponent = FC<IAppProps> & {
+    isUsingApp: boolean;
+    isUsingRouter: boolean;
+};
+export declare const App: IAppComponent;
+export {};

package/dist/components/app/bottom-tab-bar-layout/hook.d.ts

@@ -0,0 +1,21 @@
+import { IAppBottomTabBarState, IPageBottomTabBarState } from './type';
+export declare const useBottomTabBar: () => {
+    state: Partial<Omit<import('../..').IBottomTabBarProps, "items" | "activeId">> & {
+        items: Array<import('../..').IBottomTabBarItem & {
+            path: string;
+            params?: Record<string, string>;
+        }>;
+        hidden?: boolean;
+    } & {
+        bottomTabBarId?: string;
+    };
+    pageState: import('./type').IPageBottomTabBarConfig;
+    appState: import('./type').IAppBottomTabBarConfig;
+    hidden: boolean;
+    setPageBottomTabBar: (bottomTabBar: Partial<IPageBottomTabBarState>) => void;
+    setAppBottomTabBar: (bottomTabBar: Partial<IAppBottomTabBarState>) => void;
+    removePageBottomTabBar: () => void;
+    removeAppBottomTabBar: () => void;
+    resetPageBottomTabBar: () => void;
+    resetAppBottomTabBar: () => void;
+};

package/dist/components/app/bottom-tab-bar-layout/store.d.ts

@@ -0,0 +1,13 @@
+import { IAppBottomTabBarConfig, IAppBottomTabBarState, IPageBottomTabBarConfig, IPageBottomTabBarState } from './type';
+type IBottomTabBarState = {
+    pageConfigs: Record<string, IPageBottomTabBarConfig>;
+    appConfig: IAppBottomTabBarConfig;
+    pages: Record<string, IPageBottomTabBarState>;
+    app: IAppBottomTabBarState;
+    setPage: (key: string, bottomTabBar: Partial<IPageBottomTabBarState>) => void;
+    setApp: (bottomTabBar: Partial<IAppBottomTabBarState>) => void;
+    resetPage: (key: string, pagePath: string) => void;
+    resetApp: () => void;
+};
+export declare const useBottomTabBarLayoutStore: import('zustand').UseBoundStore<import('zustand').StoreApi<IBottomTabBarState>>;
+export {};

package/dist/components/app/bottom-tab-bar-layout/type.d.ts

@@ -0,0 +1,13 @@
+import { IBottomTabBarItem, IBottomTabBarProps } from '../../bottom-tab-bar';
+export type IAppBottomTabBarConfig = Partial<Omit<IBottomTabBarProps, 'activeId' | 'items'>> & {
+    items: Array<IBottomTabBarItem & {
+        path: string;
+        params?: Record<string, string>;
+    }>;
+    hidden?: boolean;
+};
+export type IPageBottomTabBarConfig = IAppBottomTabBarConfig & {
+    bottomTabBarId?: string;
+};
+export type IPageBottomTabBarState = IPageBottomTabBarConfig;
+export type IAppBottomTabBarState = IAppBottomTabBarConfig;

package/dist/components/app/data-theme.d.ts

@@ -0,0 +1,8 @@
+type IDataTheme = 'dark' | 'light';
+type IThemeMode = IDataTheme | 'system';
+export declare const initThemeMode: (mode?: IThemeMode) => void;
+export declare const getDataTheme: () => IDataTheme;
+export declare const setDataTheme: (theme: IDataTheme) => void;
+export declare const setDataThemeBySystem: () => void;
+export declare const toggleDataTheme: () => void;
+export {};

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

@@ -1,18 +1,9 @@
-export * from './components/app';
-export * from './components/link';
-export * from './hooks/use-did-hide';
-export * from './hooks/use-did-show';
-export * from './hooks/use-history';
-export * from './hooks/use-location';
-export * from './hooks/use-navigate';
-export * from './hooks/use-navigation-bar';
-export * from './hooks/use-navigation-type';
-export * from './hooks/use-page-layout';
-export * from './hooks/use-page-scroll';
-export * from './hooks/use-app-pause';
-export * from './hooks/use-app-resume';
-export * from './hooks/use-settings-changed';
-export * from './hooks/use-custom-icon-event';
-export * from './utils/data-theme';
-export type * from './types/app';
-export type * from './types/navigation';
+export * from './app';
+export * from './bottom-tab-bar-layout/hook';
+export * from './navigation-bar-layout/hook';
+export * from './page-layout/hook';
+export type * from './type';
+export type * from './bottom-tab-bar-layout/type';
+export type * from './navigation-bar-layout/type';
+export type * from './page-layout/type';
+export { getDataTheme, setDataTheme, toggleDataTheme } from './data-theme';

package/dist/components/app/navigation-bar-layout/hook.d.ts

@@ -0,0 +1,17 @@
+import { IAppNavigationBarState, IPageNavigationBarState } from './type';
+export declare const useNavigationBar: () => {
+    state: {
+        divider: boolean;
+        transparent: string;
+    } & import('../..').INavigationBarProps & {
+        hidden?: boolean;
+    };
+    pageState: import('./type').IAppNavigationBarConfig;
+    appState: import('./type').IAppNavigationBarConfig;
+    setPageNavigationBar: (navigationBar: Partial<IPageNavigationBarState>) => void;
+    setAppNavigationBar: (navigationBar: Partial<IAppNavigationBarState>) => void;
+    removePageNavigationBar: () => void;
+    removeAppNavigationBar: () => void;
+    resetPageNavigationBar: () => void;
+    resetAppNavigationBar: () => void;
+};

package/dist/components/app/navigation-bar-layout/store.d.ts

@@ -0,0 +1,13 @@
+import { IAppNavigationBarConfig, IAppNavigationBarState, IPageNavigationBarConfig, IPageNavigationBarState } from './type';
+type INavigationBarState = {
+    pageConfigs: Record<string, IPageNavigationBarConfig>;
+    appConfig: IAppNavigationBarConfig;
+    pages: Record<string, IPageNavigationBarState>;
+    app: IAppNavigationBarState;
+    setPage: (key: string, navigationBar: Partial<IPageNavigationBarState>) => void;
+    setApp: (navigationBar: Partial<IAppNavigationBarState>) => void;
+    resetPage: (key: string, pagePath: string) => void;
+    resetApp: () => void;
+};
+export declare const useNavigationBarLayoutStore: import('zustand').UseBoundStore<import('zustand').StoreApi<INavigationBarState>>;
+export {};

package/dist/components/app/navigation-bar-layout/type.d.ts

@@ -0,0 +1,7 @@
+import { INavigationBarProps } from '../../navigation-bar';
+export type IAppNavigationBarConfig = INavigationBarProps & {
+    hidden?: boolean;
+};
+export type IPageNavigationBarConfig = IAppNavigationBarConfig;
+export type IPageNavigationBarState = IAppNavigationBarConfig;
+export type IAppNavigationBarState = IAppNavigationBarConfig;

package/dist/components/app/page-layout/hook.d.ts

@@ -0,0 +1,21 @@
+import { IAppPageState, IPagePageState } from './type';
+import { IPageBaseProps } from '../../layout';
+export declare const usePageLayout: () => {
+    state: {
+        scrollRestoration: boolean;
+    } & IPageBaseProps & {
+        hidden?: boolean;
+        scrollRestoration?: boolean;
+    };
+    pageState: import('./type').IAppPageConfig;
+    appState: import('./type').IAppPageConfig;
+    setPagePageLayout: (bottomTabBar: Partial<IPagePageState>) => void;
+    setAppPageLayout: (bottomTabBar: Partial<IAppPageState>) => void;
+    removePagePageLayout: () => void;
+    removeAppPageLayout: () => void;
+    resetPagePageLayout: () => void;
+    resetAppPageLayout: () => void;
+};
+export declare const usePullToRefresh: (onRefresh: () => Promise<unknown> | unknown) => void;
+export declare const usePageScroll: (callback: IPageBaseProps["onPageScroll"], options?: IPageBaseProps["pageScrollOptions"]) => void;
+export declare const useLoadMore: (onEndReached: () => void) => void;

package/dist/components/app/page-layout/store.d.ts

@@ -0,0 +1,13 @@
+import { IAppPageConfig, IAppPageState, IPagePageConfig, IPagePageState } from './type';
+type IPageState = {
+    pageConfigs: Record<string, IPagePageConfig>;
+    appConfig: IAppPageConfig;
+    pages: Record<string, IPagePageState>;
+    app: IAppPageState;
+    setPage: (key: string, bottomTabBar: Partial<IPagePageState>) => void;
+    setApp: (bottomTabBar: Partial<IAppPageState>) => void;
+    resetPage: (key: string, pagePath: string) => void;
+    resetApp: () => void;
+};
+export declare const usePageLayoutStore: import('zustand').UseBoundStore<import('zustand').StoreApi<IPageState>>;
+export {};

package/dist/components/app/page-layout/type.d.ts

@@ -0,0 +1,8 @@
+import { IPageBaseProps } from '../../layout';
+export type IAppPageConfig = IPageBaseProps & {
+    hidden?: boolean;
+    scrollRestoration?: boolean;
+};
+export type IPagePageConfig = IAppPageConfig;
+export type IPagePageState = IAppPageConfig;
+export type IAppPageState = IAppPageConfig;

package/dist/components/app/type.d.ts

@@ -0,0 +1,27 @@
+import { IRouterPageConfig, IRouterConfig } from '@v-miniapp/router';
+import { IAppNavigationBarConfig, IPageNavigationBarConfig } from './navigation-bar-layout/type';
+import { IAppBottomTabBarConfig, IPageBottomTabBarConfig } from './bottom-tab-bar-layout/type';
+import { IAppPageConfig, IPagePageConfig } from './page-layout/type';
+export type IPageConfig = IRouterPageConfig & {
+    bottomTabBarId?: string;
+    navigationBar?: IPageNavigationBarConfig;
+    bottomTabBar?: IPageBottomTabBarConfig;
+    pageLayout?: IPagePageConfig;
+};
+export type IAppConfig = Omit<IRouterConfig, 'pages'> & {
+    pages: IPageConfig[];
+    navigationBar?: IAppNavigationBarConfig;
+    bottomTabBar?: IAppBottomTabBarConfig;
+    pageLayout?: IAppPageConfig;
+    theme?: IThemeConfig;
+    /**
+     * @deprecated This will be removed soon. Use `theme.defaultMode` instead.
+     */
+    darkMode?: IDarkModeConfig;
+};
+export type IDarkModeConfig = {
+    defaultEnabled?: boolean;
+};
+export type IThemeConfig = {
+    mode?: 'dark' | 'light' | 'system';
+};

package/dist/components/calendar/default-render.d.ts

@@ -1,3 +1,3 @@
-import { IAppLanguage } from '../../locales';
+import { IAppLanguage } from '@v-miniapp/locale';
 import { IRenderText } from './utils';
 export declare const getRenderText: (argLang?: IAppLanguage, renderText?: IRenderText) => IRenderText;

package/dist/components/calendar/utils.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { IAppLanguage } from '../../locales';
+import { IAppLanguage } from '@v-miniapp/locale';
 export declare const Weekday: {
     readonly SUNDAY: 0;
     readonly MONDAY: 1;

package/dist/components/carousel/index.d.ts

@@ -1 +1,2 @@
 export * from './carousel';
+export * from './use-carousel';

package/dist/components/input-wrapper/input-wrapper.d.ts

@@ -27,7 +27,7 @@ export type IInputWrapperProps = IOverride<ComponentProps<'div'>, IBasicInputPro
     loadingNode?: ReactNode;
 }>;
 export declare function getInputProps<T extends IBasicInputProps>(allProps: T): {
-    wrapper: Pick<T, "label" | "className" | "disabled" | "prefix" | "error" | "shape" | "leadingIcon" | "trailingIcon" | "suffix" | "success" | "successMessage" | "errorMessage" | "onLeadingIconClick" | "onTrailingIconClick">;
-    props: import('lodash').Omit<T, "label" | "className" | "disabled" | "prefix" | "error" | "shape" | "leadingIcon" | "trailingIcon" | "suffix" | "success" | "successMessage" | "errorMessage" | "onLeadingIconClick" | "onTrailingIconClick">;
+    wrapper: Pick<T, "label" | "className" | "disabled" | "error" | "prefix" | "shape" | "leadingIcon" | "trailingIcon" | "suffix" | "success" | "successMessage" | "errorMessage" | "onLeadingIconClick" | "onTrailingIconClick">;
+    props: import('lodash').Omit<T, "label" | "className" | "disabled" | "error" | "prefix" | "shape" | "leadingIcon" | "trailingIcon" | "suffix" | "success" | "successMessage" | "errorMessage" | "onLeadingIconClick" | "onTrailingIconClick">;
 };
 export declare const InputWrapper: FC<IInputWrapperProps>;

package/dist/components/layout/page.d.ts

@@ -1,6 +1,11 @@
-import { ComponentPropsWithRef, FC } from 'react';
+import { ComponentPropsWithRef, FC, UIEvent } from 'react';
 import { IPullToRefreshBasProps } from '../pull-to-refresh';
 import { IOverride } from '../../types/util';
+export type IPageScrollOptions = {
+    wait?: number;
+    leading?: boolean;
+    trailing?: boolean;
+};
 export type IPageBaseProps = {
     hasSpacing?: boolean;
     headerOffset?: boolean;
@@ -10,6 +15,8 @@ export type IPageBaseProps = {
     pullToRefresh?: IPullToRefreshBasProps;
     onEndReached?: () => void;
     onEndReachedThreshold?: number;
+    onPageScroll?: (target: HTMLDivElement, event: UIEvent<HTMLDivElement, globalThis.UIEvent>) => void;
+    pageScrollOptions?: IPageScrollOptions;
     id?: string;
     className?: string;
     style?: React.CSSProperties;