@v-miniapp/ui-react 1.0.37 → 1.0.38

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,19 @@
+import { IOverride } from '../../types/util';
+import { ComponentProps, ReactNode } from 'react';
+import { ITypographyProps } from '../typography';
+export type IRadioTheme = 'brand' | 'neutral';
+export type IRadioType = 'checkbox' | 'radio';
+export type IRadioProps = IOverride<ComponentProps<'input'>, {
+    theme?: IRadioTheme;
+    type?: IRadioType;
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    typography?: Omit<ITypographyProps<'span'>, 'component' | 'children'>;
+    children?: ReactNode;
+    checkedIcon?: () => ReactNode;
+}>;
+export type IRadioInstance = {
+    focus: () => void;
+    blur: () => void;
+};
+export declare const Radio: import('react').ForwardRefExoticComponent<Omit<IRadioProps, "ref"> & import('react').RefAttributes<IRadioInstance>>;

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

@@ -0,0 +1 @@
+export * from './rating';

package/dist/components/rating/rating.d.ts

@@ -0,0 +1,12 @@
+import { FC, ComponentPropsWithRef } from 'react';
+import { IOverride } from '../../types/util';
+export type IRatingSize = 'medium' | 'large' | 'x-large';
+export type IRatingProps = IOverride<ComponentPropsWithRef<'div'>, {
+    size?: IRatingSize;
+    max?: number;
+    value?: number;
+    defaultValue?: number;
+    readonly?: boolean;
+    onChange?: (value: number) => void;
+}>;
+export declare const Rating: FC<IRatingProps>;

package/dist/components/rating/star.d.ts

@@ -0,0 +1,6 @@
+import { IOverride } from '../../types/util';
+import { FC, ComponentPropsWithRef } from 'react';
+export type IStarProps = IOverride<ComponentPropsWithRef<'span'>, {
+    value?: number;
+}>;
+export declare const Star: FC<IStarProps>;

package/dist/components/search-field/index.d.ts

@@ -0,0 +1 @@
+export * from './search-field';

package/dist/components/search-field/search-field.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ITextFieldProps } from '../text-field';
+export type ISearchFieldProps = Omit<ITextFieldProps, 'trailingIcon' | 'onTrailingIconClick'>;
+export declare const SearchField: FC<ISearchFieldProps>;

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

@@ -0,0 +1,3 @@
+export * from './section';
+export * from './section-title';
+export * from './section-content';

package/dist/components/section/section-content.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithRef, FC } from 'react';
+export type ISectionContentProps = ComponentPropsWithRef<'div'>;
+export declare const SectionContent: FC<ISectionContentProps>;

package/dist/components/section/section-title.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithRef, FC, ReactNode } from 'react';
+import { IIconProps } from '../icon';
+import { IOverride } from '../../types/util';
+export type ISectionTitleProps = IOverride<Omit<ComponentPropsWithRef<'div'>, 'children'>, {
+    leftIcon?: IIconProps | ReactNode;
+    onLeftIconClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    rightIcon?: IIconProps | ReactNode;
+    onRightIconClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    right?: ReactNode;
+    title?: ReactNode;
+}>;
+export declare const SectionTitle: FC<ISectionTitleProps>;

package/dist/components/section/section.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef, FC } from 'react';
+export type ISectionProps = ComponentPropsWithRef<'div'> & {
+    space?: boolean;
+    shape?: 'rounded' | 'square';
+};
+export declare const Section: FC<ISectionProps>;

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

@@ -0,0 +1,2 @@
+export * from './seo';
+export * from './seo.type';

package/dist/components/seo/seo.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ISeoMetadata } from './seo.type';
+export type ISeoProps = {
+    metadata: ISeoMetadata;
+};
+export declare const SeoMetadataId = "vsf-metadata";
+export declare const Seo: FC<ISeoProps>;

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

@@ -0,0 +1,85 @@
+export type ISeoWebApplicationMetadata = {
+    '@type': 'WebApplication';
+    name?: string;
+    description: string;
+    applicationCategory?: string;
+    author?: string;
+    url: string;
+    image?: string;
+    screenshot?: string;
+    aggregateRating?: {
+        '@type': 'AggregateRating';
+        ratingValue: string;
+        ratingCount: string;
+    };
+};
+export type ISeoProductMetadata = {
+    '@type': 'Product';
+    '@id': string;
+    name: string;
+    description: string;
+    image: ISeoImageObject;
+    sku: string;
+    price: string;
+    offers?: ISeoOffer[];
+    additionalProperty?: ISeoAdditionalProperty[];
+    aggregateRating?: ISeoAggregateRating;
+    review?: ISeoReview;
+};
+export type ISeoMetadata = ISeoWebApplicationMetadata | ISeoProductMetadata;
+export type ISeoImageObject = {
+    '@type': 'ImageObject';
+    '@id': string;
+    inLanguage?: string;
+    url: string;
+    contentUrl?: string;
+    width?: number;
+    height?: number;
+    caption: string;
+};
+export type ISeoOffer = {
+    '@type': 'Offer';
+    price: string;
+    priceValidUntil: string;
+    priceSpecification: {
+        valueAddedTaxIncluded: boolean;
+        '@type': 'PriceSpecification';
+    };
+    priceCurrency: string;
+    availability?: string;
+    url: string;
+    seller?: ISeoSeller;
+};
+export type ISeoSeller = {
+    '@type': 'Organization';
+    '@id': string;
+    name: string;
+    url?: string;
+};
+export type ISeoAdditionalProperty = {
+    '@type': 'PropertyValue';
+    name: string;
+    value: string;
+};
+export type ISeoAggregateRating = {
+    '@type': 'AggregateRating';
+    ratingValue: string;
+    ratingCount: string;
+    bestRating?: number;
+};
+export type ISeoReview = {
+    '@type': 'Review';
+    reviewBody?: string;
+    reviewRating?: {
+        '@type': 'Rating';
+        bestRating?: string;
+        ratingValue?: string;
+        worstRating?: string;
+    };
+    author?: {
+        '@type': 'Person';
+        name: string;
+    };
+    datePublished?: string;
+    name?: string;
+};

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

@@ -0,0 +1,4 @@
+export * from './sheet';
+export * from './sheet-header';
+export * from './sheet-body';
+export * from './sheet-footer';

package/dist/components/sheet/sheet-body.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef, FC, ReactNode } from 'react';
+export type ISheetBodyProps = ComponentPropsWithRef<'div'> & {
+    children?: ReactNode;
+    horizontalSpace?: boolean;
+};
+export declare const SheetBody: FC<ISheetBodyProps>;

package/dist/components/sheet/sheet-footer.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithRef, FC, ReactNode } from 'react';
+export type ISheetFooterProps = ComponentPropsWithRef<'div'> & {
+    children?: ReactNode;
+};
+export declare const SheetFooter: FC<ISheetFooterProps>;

package/dist/components/sheet/sheet-header.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithRef, FC, ReactNode } from 'react';
+import { IIconProps } from '../icon';
+import { IOverride } from '../../types/util';
+export type ISheetHeaderProps = IOverride<ComponentPropsWithRef<'div'>, {
+    title?: ReactNode;
+    backIcon?: boolean | IIconProps | ReactNode;
+    onBackClick?: () => void;
+    closeIcon?: boolean | IIconProps | ReactNode;
+    onCloseClick?: () => void;
+}>;
+export declare const SheetHeader: FC<ISheetHeaderProps>;

package/dist/components/sheet/sheet.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithRef, FC } from 'react';
+type IRawSheetProps = ComponentPropsWithRef<'div'> & {
+    open?: boolean;
+    overlay?: 'default' | 'blur';
+    onBackdropClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+};
+export type ISheetProps = IRawSheetProps & {
+    portal?: boolean;
+};
+export declare const Sheet: FC<ISheetProps>;
+export {};

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

@@ -0,0 +1 @@
+export * from './skeleton';

package/dist/components/skeleton/skeleton.d.ts

@@ -0,0 +1,13 @@
+import { IOverride } from '../../types/util';
+import { ComponentPropsWithRef, FC } from 'react';
+export type ISkeletonProps = IOverride<ComponentPropsWithRef<'div'>, {
+    animated?: boolean;
+    width?: number | string;
+    height?: number | string;
+    shape?: 'rounded' | 'rounded-8' | 'rounded-4' | 'pill' | 'none';
+}>;
+export declare const Skeleton: FC<ISkeletonProps>;
+export declare const SkeletonTitle: FC<ISkeletonProps>;
+export declare const SkeletonParagraph: FC<ISkeletonProps & {
+    lineCount?: number;
+}>;

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

@@ -0,0 +1 @@
+export * from './switch';

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,16 @@
+import { ComponentProps } from 'react';
+import { IOverride } from '../../types/util';
+export type ISwitchTheme = 'brand' | 'inverse';
+export type ISwitchProps = IOverride<ComponentProps<'input'>, {
+    className?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    defaultChecked?: boolean;
+    theme?: ISwitchTheme;
+    onChange?: (checked: boolean) => void;
+}>;
+export type ISwitchInstance = {
+    focus: () => void;
+    blur: () => void;
+};
+export declare const Switch: import('react').ForwardRefExoticComponent<Omit<ISwitchProps, "ref"> & import('react').RefAttributes<ISwitchInstance>>;

package/dist/components/tab-bar/index.d.ts

@@ -0,0 +1 @@
+export * from './tab-bar';

package/dist/components/tab-bar/tab-bar.d.ts

@@ -0,0 +1,26 @@
+import { FC, ComponentPropsWithRef, CSSProperties, ReactNode } from 'react';
+import { IOverride } from '../../types/util';
+import { IBadgeProps } from '../badge';
+import { IIconProps } from '../icon';
+export type ITabBarItem = {
+    id: string;
+    icon?: IIconProps | ReactNode;
+    name?: ReactNode;
+    badge?: IBadgeProps | boolean;
+};
+export type ITabBarItemProps = ITabBarItem & {
+    active?: boolean;
+    className?: string;
+    onItemClick?: () => void;
+    style?: CSSProperties;
+};
+export type ITabBarTheme = 'default' | 'brand' | 'neutral';
+export type ITabBarProps = IOverride<ComponentPropsWithRef<'div'>, {
+    theme?: ITabBarTheme;
+    items: ITabBarItem[];
+    defaultActiveId?: string;
+    activeId?: string;
+    onItemClick?: (item: ITabBarItem, index: number) => void;
+    tabWidth?: string | number;
+}>;
+export declare const TabBar: FC<ITabBarProps>;

package/dist/components/tab-bar/tab.d.ts

@@ -0,0 +1,6 @@
+export declare const TabBarItem: import('react').ForwardRefExoticComponent<import('./tab-bar').ITabBarItem & {
+    active?: boolean;
+    className?: string;
+    onItemClick?: () => void;
+    style?: import('react').CSSProperties;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/text-area/index.d.ts

@@ -0,0 +1 @@
+export * from './text-area';

package/dist/components/text-area/text-area.d.ts

@@ -0,0 +1,15 @@
+import { IOverride } from '../../types/util';
+import { ComponentProps } from 'react';
+import { IBasicInputProps } from '../input-wrapper';
+export type ITextAreaProps = IOverride<ComponentProps<'textarea'>, IBasicInputProps & {
+    inputClassName?: string;
+    maxLength?: number;
+    onChange?: (value: string) => void;
+    loading?: boolean;
+    autoHeight?: boolean;
+}>;
+export type ITextAreaInstance = {
+    focus: () => void;
+    blur: () => void;
+};
+export declare const TextArea: import('react').ForwardRefExoticComponent<Omit<ITextAreaProps, "ref"> & import('react').RefAttributes<ITextAreaInstance>>;

package/dist/components/text-field/index.d.ts

@@ -0,0 +1 @@
+export * from './text-field';

package/dist/components/text-field/text-field.d.ts

@@ -0,0 +1,18 @@
+import { IBasicInputProps } from '../input-wrapper';
+import { ComponentProps, FC } from 'react';
+import { IOverride } from '../../types/util';
+export type ITextFieldProps = IOverride<ComponentProps<'input'>, IBasicInputProps & {
+    loading?: boolean;
+    inputClassName?: string;
+    onChange?: (value: string) => void;
+    loadingType?: 'search' | 'input';
+}>;
+export type ITextFieldInstance = {
+    focus: () => void;
+    blur: () => void;
+};
+export declare const TextField: import('react').ForwardRefExoticComponent<Omit<ITextFieldProps, "ref"> & import('react').RefAttributes<ITextFieldInstance>>;
+export type IPhoneNumberFieldProps = Omit<ITextFieldProps, 'prefix' | 'type'> & {
+    countryCode?: string;
+};
+export declare const PhoneNumberField: FC<IPhoneNumberFieldProps>;

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

@@ -0,0 +1 @@
+export * from './toast';

package/dist/components/toast/toast-provider.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const ToastProvider: FC;

package/dist/components/toast/toast.d.ts

@@ -0,0 +1,20 @@
+import { ComponentProps, FC, ReactNode } from 'react';
+import { IIconProps } from '../icon';
+import { IOverride } from '../../types/util';
+import { IToastConfig } from './toast.store';
+export type IToastType = 'neutral' | 'informative' | 'positive' | 'negative';
+export type IToastProps = IOverride<ComponentProps<'div'>, {
+    type?: IToastType;
+    message: ReactNode;
+    closeAction?: boolean;
+    onCloseActionClick?: () => void;
+    action?: string;
+    onActionClick?: () => void;
+    icon?: IIconProps | ReactNode;
+}>;
+type IToast = FC<IToastProps> & {
+    show: (config: IToastConfig) => number;
+    hide: (id?: number) => void;
+};
+export declare const Toast: IToast;
+export {};

package/dist/components/toast/toast.store.d.ts

@@ -0,0 +1,25 @@
+import { IToastType } from './toast';
+import { ReactNode } from 'react';
+import { IIconProps } from '../icon';
+export type IToastConfig = {
+    type?: IToastType;
+    message: ReactNode;
+    closeAction?: boolean;
+    action?: string;
+    icon?: IIconProps | ReactNode;
+    onCloseActionClick?: () => void;
+    onActionClick?: () => void;
+    onHide?: () => void;
+    duration?: number;
+    position?: 'top' | 'bottom';
+};
+export type IToastState = {
+    items: Array<{
+        config: IToastConfig;
+        id: number;
+    }>;
+    add: (config: IToastConfig) => number;
+    remove: (id: number) => void;
+    clear: () => void;
+};
+export declare const useToastStore: import('zustand').UseBoundStore<import('zustand').StoreApi<IToastState>>;

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

@@ -0,0 +1 @@
+export * from './tooltip';

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,10 @@
+import { FC, ComponentPropsWithRef } from 'react';
+import { IOverride } from '../../types/util';
+export type ITooltipType = 'default' | 'reverse';
+export type ITooltipPosition = 'top' | 'bottom' | 'right' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-top' | 'left-bottom' | 'right-top' | 'right-bottom';
+export type ITooltipProps = IOverride<ComponentPropsWithRef<'div'>, {
+    type?: ITooltipType;
+    position?: ITooltipPosition;
+    closeable?: boolean;
+}>;
+export declare const Tooltip: FC<ITooltipProps>;

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

@@ -0,0 +1 @@
+export * from './typography';

package/dist/components/typography/typography.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithRef, ElementType } from 'react';
+import { IColor } from '../../types/colors';
+import { IOverride } from '../../types/util';
+export type ITypographySize = 'inherit' | '5x-large' | '4x-large' | '3x-large' | '2x-large' | 'x-large' | 'large' | 'base' | 'small' | 'x-small' | '2x-small' | '3x-small';
+export type ITypographyWeight = 'inherit' | 'bold' | 'semibold' | 'medium' | 'regular' | 'light' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+export type ITypographyProps<E extends ElementType> = IOverride<ComponentPropsWithRef<E>, {
+    component?: E;
+    className?: string;
+    size?: ITypographySize;
+    weight?: ITypographyWeight;
+    color?: IColor;
+}>;
+export declare const Typography: <C extends ElementType = "p">({ component, size, weight, color, className, ...props }: ITypographyProps<C>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/uploader/helper.d.ts

@@ -0,0 +1,5 @@
+import { IFileUpload } from './type';
+export declare function uploadImage(options?: {
+    count?: number;
+    includeBase64?: boolean;
+}): Promise<IFileUpload[]>;

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

@@ -0,0 +1 @@
+export * from './uploader';

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

@@ -0,0 +1,9 @@
+export interface IFileUpload {
+    tempFile: {
+        path: string;
+        size: number;
+        width: number;
+        height: number;
+        data?: string;
+    };
+}

package/dist/components/uploader/uploader.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithRef, FC } from 'react';
+import { IOverride } from '../../types/util';
+import { IFileUpload } from './type';
+export type IUploaderProps = IOverride<ComponentPropsWithRef<'div'>, {
+    limit?: number;
+    disabled?: boolean;
+    showPreview?: boolean;
+    includeBase64?: boolean;
+    value?: IFileUpload[];
+    onChange?: (files: IFileUpload[]) => void;
+}>;
+export declare const Uploader: FC<IUploaderProps>;
+type IFilePreviewProps = {
+    previewSrc?: string;
+    onDelete?: () => void;
+};
+export declare const FilePreview: FC<IFilePreviewProps>;
+export {};

package/dist/components/visibility-sensor/index.d.ts

@@ -0,0 +1 @@
+export * from './visibility-sensor';

package/dist/components/visibility-sensor/visibility-sensor.d.ts

@@ -0,0 +1,9 @@
+import { Options } from 'ahooks/lib/useInViewport';
+import { FC } from 'react';
+export type IVisibilitySensorProps = {
+    onActive: () => void;
+    options?: Options;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare const VisibilitySensor: FC<IVisibilitySensorProps>;