taro-react-uilib 1.4.21 → 1.4.22-1

package/types/components/Radio/index.d.ts

@@ -1,30 +1,29 @@
-import React, { ReactNode } from "react";
-import Group from "./Group";
-import type { XHComponentCommonProps } from "../../types";
-import "./index.scss";
-declare type CompoundedComponent = React.ForwardRefExoticComponent<XHRadioProps & React.RefAttributes<HTMLInputElement>> & {
-    Group: typeof Group;
-};
-export declare type XHRadioProps = {
-    onChange?: (check: boolean, value: string | number) => void;
-    checked?: boolean;
-    name?: string;
-    label: string | ReactNode;
-    size?: number;
-    circle?: boolean;
-    align?: "center" | "end";
-    direction?: "rtl";
-    justify?: "around" | "between";
-    value?: string | number;
-    id?: string;
-    disabled?: boolean;
-    style?: React.CSSProperties;
-    fancy?: boolean;
-    /**
-     * 抖音不支持属性选择器
-     * @description 主要为抖音支持颜色
-     */
-    color?: string;
-} & XHComponentCommonProps;
-declare const Radio: CompoundedComponent;
-export default Radio;
+import React, { ReactNode } from "react";
+import Group from "./Group";
+import type { XHComponentCommonProps } from "../../types";
+declare type CompoundedComponent = React.ForwardRefExoticComponent<XHRadioProps & React.RefAttributes<HTMLInputElement>> & {
+    Group: typeof Group;
+};
+export declare type XHRadioProps = {
+    onChange?: (check: boolean, value: string | number) => void;
+    checked?: boolean;
+    name?: string;
+    label: string | ReactNode;
+    size?: number;
+    circle?: boolean;
+    align?: "center" | "end";
+    direction?: "rtl";
+    justify?: "around" | "between";
+    value?: string | number;
+    id?: string;
+    disabled?: boolean;
+    style?: React.CSSProperties;
+    fancy?: boolean;
+    /**
+     * 抖音不支持属性选择器
+     * @description 主要为抖音支持颜色
+     */
+    color?: string;
+} & XHComponentCommonProps;
+declare const Radio: CompoundedComponent;
+export default Radio;

package/types/components/Rank/index.d.ts

@@ -1,14 +1,13 @@
-import React from "react";
-import "./index.scss";
-declare type RankProps = {
-    defalutScore?: number;
-    onChange: (rank: number) => void;
-    max?: number;
-    size?: number;
-    tip?: string;
-    style?: React.CSSProperties & {
-        "--color-primary": string;
-    };
-};
-declare const Rank: React.FC<RankProps>;
-export default Rank;
+import React from "react";
+declare type RankProps = {
+    defalutScore?: number;
+    onChange: (rank: number) => void;
+    max?: number;
+    size?: number;
+    tip?: string;
+    style?: React.CSSProperties & {
+        "--color-primary": string;
+    };
+};
+declare const Rank: React.FC<RankProps>;
+export default Rank;

package/types/components/Result/index.d.ts

@@ -1,24 +1,23 @@
-import React, { ReactNode } from "react";
-import { XHComponentCommonProps } from "../../types";
-import "./index.scss";
-declare const ImageMap: {
-    success: string;
-    empty: string;
-    fail: string;
-    networkErr: string;
-    wait: string;
-    submitted: string;
-    faceEmpty: string;
-};
-export declare type ResultStatus = keyof typeof ImageMap;
-export declare type ResultProps = {
-    status: ResultStatus;
-    title: ReactNode;
-    desc?: ReactNode;
-    slot?: ReactNode;
-    action?: string;
-    full?: boolean;
-    onAction?: () => void;
-} & XHComponentCommonProps;
-declare const Result: React.FC<ResultProps>;
-export default Result;
+import React, { ReactNode } from "react";
+import { XHComponentCommonProps } from "../../types";
+declare const ImageMap: {
+    success: string;
+    empty: string;
+    fail: string;
+    networkErr: string;
+    wait: string;
+    submitted: string;
+    faceEmpty: string;
+};
+export declare type ResultStatus = keyof typeof ImageMap;
+export declare type ResultProps = {
+    status: ResultStatus;
+    title: ReactNode;
+    desc?: ReactNode;
+    slot?: ReactNode;
+    action?: string;
+    full?: boolean;
+    onAction?: () => void;
+} & XHComponentCommonProps;
+declare const Result: React.FC<ResultProps>;
+export default Result;

package/types/components/ScrollView/index.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-import { XHComponentCommonProps } from "../../types";
-export declare type ScrolllViewProps = {
-    /**试验性组件、暂不支持小程序端，小程序可以用taro提供的 */
-    direction: "x" | "y";
-    upperThreshold?: number;
-    lowerThreshold?: number;
-    onScrollToLower: () => void;
-} & XHComponentCommonProps & React.HTMLAttributes<HTMLDivElement>;
-declare const ScrolllView: React.FC<ScrolllViewProps>;
-export default ScrolllView;
+import React from "react";
+import { XHComponentCommonProps } from "../../types";
+export declare type ScrolllViewProps = {
+    /**试验性组件、暂不支持小程序端，小程序可以用taro提供的 */
+    direction: "x" | "y";
+    upperThreshold?: number;
+    lowerThreshold?: number;
+    onScrollToLower: () => void;
+} & XHComponentCommonProps & React.HTMLAttributes<HTMLDivElement>;
+declare const ScrolllView: React.FC<ScrolllViewProps>;
+export default ScrolllView;

package/types/components/Space/Item.d.ts

@@ -1,11 +1,11 @@
-import * as React from "react";
-export interface ItemProps {
-    className: string;
-    children: React.ReactNode;
-    index: number;
-    direction?: "horizontal" | "vertical";
-    marginDirection: "marginLeft" | "marginRight";
-    split?: string | React.ReactNode;
-    wrap?: boolean;
-}
-export default function Item({ className, direction, index, marginDirection, children, split, wrap, }: ItemProps): JSX.Element | null;
+import * as React from "react";
+export interface ItemProps {
+    className: string;
+    children: React.ReactNode;
+    index: number;
+    direction?: "horizontal" | "vertical";
+    marginDirection: "marginLeft" | "marginRight";
+    split?: string | React.ReactNode;
+    wrap?: boolean;
+}
+export default function Item({ className, direction, index, marginDirection, children, split, wrap, }: ItemProps): JSX.Element | null;

package/types/components/Space/config-provider.d.ts

@@ -1,12 +1,12 @@
-import React from "react";
-export declare type DirectionType = "ltr" | "rtl" | undefined;
-export declare type SizeType = "small" | "normal" | "large" | undefined;
-export interface ConfigConsumerProps {
-    getPrefixCls: (suffixCls?: string) => string;
-    direction?: DirectionType;
-    space?: {
-        size?: SizeType | number;
-    };
-}
-export declare const defaultGetPrefixCls: (suffixCls?: string) => string;
-export declare const ConfigContext: React.Context<ConfigConsumerProps>;
+import React from "react";
+export declare type DirectionType = "ltr" | "rtl" | undefined;
+export declare type SizeType = "small" | "normal" | "large" | undefined;
+export interface ConfigConsumerProps {
+    getPrefixCls: (suffixCls?: string) => string;
+    direction?: DirectionType;
+    space?: {
+        size?: SizeType | number;
+    };
+}
+export declare const defaultGetPrefixCls: (suffixCls?: string) => string;
+export declare const ConfigContext: React.Context<ConfigConsumerProps>;

package/types/components/Space/index.d.ts

@@ -1,21 +1,20 @@
-import React from "react";
-import { SizeType } from "./config-provider";
-import type { XHComponentCommonProps } from "../../types";
-import "./index.scss";
-export declare const SpaceConfigContext: React.Context<import("./config-provider").ConfigConsumerProps>;
-export declare type SpaceProps = {
-    direction?: "horizontal" | "vertical";
-    align?: "start" | "end" | "center" | "baseline";
-    size?: SizeType | [SizeType, SizeType];
-    style?: React.CSSProperties;
-    split?: React.ReactNode;
-    wrap?: boolean;
-} & XHComponentCommonProps;
-export declare const SpaceContext: React.Context<{
-    latestIndex: number;
-    horizontalSize: number;
-    verticalSize: number;
-    supportFlexGap: boolean;
-}>;
-declare const XHSpace: React.FC<SpaceProps>;
-export default XHSpace;
+import React from "react";
+import { SizeType } from "./config-provider";
+import type { XHComponentCommonProps } from "../../types";
+export declare const SpaceConfigContext: React.Context<import("./config-provider").ConfigConsumerProps>;
+export declare type SpaceProps = {
+    direction?: "horizontal" | "vertical";
+    align?: "start" | "end" | "center" | "baseline";
+    size?: SizeType | [SizeType, SizeType];
+    style?: React.CSSProperties;
+    split?: React.ReactNode;
+    wrap?: boolean;
+} & XHComponentCommonProps;
+export declare const SpaceContext: React.Context<{
+    latestIndex: number;
+    horizontalSize: number;
+    verticalSize: number;
+    supportFlexGap: boolean;
+}>;
+declare const XHSpace: React.FC<SpaceProps>;
+export default XHSpace;

package/types/components/Step/Steps/index.d.ts

@@ -1,14 +1,14 @@
-import React, { FC } from "react";
-import type { XHComponentCommonProps } from "../../../types";
-export declare type StepsProps = {
-    current?: number;
-    direction?: "horizontal" | "vertical";
-    children?: React.ReactNode;
-    style?: React.CSSProperties & {
-        "--line-to-next-color"?: string;
-        "--color-primary"?: string;
-    };
-    dashed?: boolean;
-} & XHComponentCommonProps;
-declare const Steps: FC<StepsProps>;
-export default Steps;
+import React, { FC } from "react";
+import type { XHComponentCommonProps } from "../../../types";
+export declare type StepsProps = {
+    current?: number;
+    direction?: "horizontal" | "vertical";
+    children?: React.ReactNode;
+    style?: React.CSSProperties & {
+        "--line-to-next-color"?: string;
+        "--color-primary"?: string;
+    };
+    dashed?: boolean;
+} & XHComponentCommonProps;
+declare const Steps: FC<StepsProps>;
+export default Steps;

package/types/components/Step/index.d.ts

@@ -1,20 +1,19 @@
-import React, { ReactNode, ForwardRefExoticComponent } from "react";
-import type { XHComponentCommonProps } from "../../types";
-import Steps from "./Steps";
-import "./index.scss";
-export declare type StepProps = {
-    icon?: string | ReactNode;
-    title: string | ReactNode;
-    description?: string | ReactNode;
-    direction?: "horizontal" | "vertical";
-    status?: "wait" | "process" | "finish" | "error";
-    fancy?: boolean;
-    dashed?: boolean;
-    style?: React.CSSProperties;
-    prefix?: ReactNode;
-} & XHComponentCommonProps;
-export declare type HybridComponent = ForwardRefExoticComponent<StepProps> & {
-    Steps: typeof Steps;
-};
-declare const XHStep: HybridComponent;
-export default XHStep;
+import React, { ReactNode, ForwardRefExoticComponent } from "react";
+import type { XHComponentCommonProps } from "../../types";
+import Steps from "./Steps";
+export declare type StepProps = {
+    icon?: string | ReactNode;
+    title: string | ReactNode;
+    description?: string | ReactNode;
+    direction?: "horizontal" | "vertical";
+    status?: "wait" | "process" | "finish" | "error";
+    fancy?: boolean;
+    dashed?: boolean;
+    style?: React.CSSProperties;
+    prefix?: ReactNode;
+} & XHComponentCommonProps;
+export declare type HybridComponent = ForwardRefExoticComponent<StepProps> & {
+    Steps: typeof Steps;
+};
+declare const XHStep: HybridComponent;
+export default XHStep;

package/types/components/Switch/index.d.ts

@@ -1,12 +1,11 @@
-import React, { ReactNode } from "react";
-import "./index.scss";
-import { XHComponentCommonProps } from "../../types";
-export declare type SwitchProps = {
-    checked?: boolean;
-    checkedText?: ReactNode;
-    uncheckedText?: ReactNode;
-    onChange?: (checked: boolean) => void;
-    disabled?: boolean;
-} & XHComponentCommonProps;
-declare const Switch: React.FC<SwitchProps>;
-export default Switch;
+import React, { ReactNode } from "react";
+import { XHComponentCommonProps } from "../../types";
+export declare type SwitchProps = {
+    checked?: boolean;
+    checkedText?: ReactNode;
+    uncheckedText?: ReactNode;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+} & XHComponentCommonProps;
+declare const Switch: React.FC<SwitchProps>;
+export default Switch;

package/types/components/TabNav/TabNavItem/index.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren, ReactNode } from "react";
+import type { XHComponentCommonProps } from "../../../types";
+export interface TabNavItemProps extends PropsWithChildren<{}>, XHComponentCommonProps {
+    children?: ReactNode;
+    title: string;
+}
+declare const TabNavItem: (props: TabNavItemProps) => JSX.Element;
+export default TabNavItem;

package/types/components/TabNav/index.d.ts

@@ -0,0 +1,27 @@
+import { FC, ReactNode } from "react";
+import TabNavItem from "./TabNavItem";
+import type { XHComponentCommonProps } from "../../types";
+export interface TabNavProps extends XHComponentCommonProps {
+    activeIndex: number;
+    onChange?: (index: number) => void;
+    children?: ReactNode;
+    scrollHeight?: string | number;
+    threshold?: number;
+    activeClass?: string;
+}
+export declare type TabNavComponent = FC<TabNavProps> & {
+    Item: typeof TabNavItem;
+};
+/**
+ * TabNav 组件
+ * @support h5 目前只支持 h5
+ * @example
+ * ```tsx
+ * <TabNav activeIndex={0}>
+ *   <TabNav.Item title="标签1">内容1</TabNav.Item>
+ *   <TabNav.Item title="标签2">内容2</TabNav.Item>
+ * </TabNav>
+ * ```
+ */
+declare const TabNav: TabNavComponent;
+export default TabNav;

package/types/components/Tabbar/index.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import { TabProps } from "./tabbar/Tabbar";
-import TabBarItem from "./tabbar/TabItem";
-import "./index.scss";
-export interface TabBarComponent<P = {}> extends React.FC<P> {
-    Item: typeof TabBarItem;
-}
-declare const TabBar: TabBarComponent<TabProps>;
-export default TabBar;
+/// <reference types="react" />
+import { TabProps } from "./tabbar/Tabbar";
+import TabBarItem from "./tabbar/TabItem";
+export interface TabBarComponent<P = {}> extends React.FC<P> {
+    Item: typeof TabBarItem;
+}
+declare const TabBar: TabBarComponent<TabProps>;
+export default TabBar;

package/types/components/Tabbar/tabbar/TabItem.d.ts

@@ -1,8 +1,8 @@
-import { PropsWithChildren, ReactNode } from "react";
-export interface TabItemProps extends PropsWithChildren<{}> {
-    title?: string;
-    TabItemComponent?: ReactNode;
-    children?: ReactNode;
-}
-declare const TabItem: (props: TabItemProps) => JSX.Element;
-export default TabItem;
+import { PropsWithChildren, ReactNode } from "react";
+export interface TabItemProps extends PropsWithChildren<{}> {
+    title?: string;
+    TabItemComponent?: ReactNode;
+    children?: ReactNode;
+}
+declare const TabItem: (props: TabItemProps) => JSX.Element;
+export default TabItem;

package/types/components/Tabbar/tabbar/Tabbar.d.ts

@@ -1,31 +1,31 @@
-import { FC, ReactElement, ReactNode } from "react";
-import Item from "./TabItem";
-/**
- * Tab切换
- *
- * @param children  //子组件
- * @param animated  //是否开启转场动画
- * @param selectIndex  //默认选中第几个
- * @param lineColor   //下划线颜色
- * @param titleActiveColor   //标题选中态颜色
- * @param titleInctiveColor   //标题默认态颜色
- * @param onChange   //切换回调事件
- * @param content   //item公共节点
- *
- */
-export interface TabProps {
-    children: ReactElement[];
-    animated?: boolean;
-    lineColor?: string;
-    titleActiveColor?: string;
-    titleInctiveColor?: string;
-    onChange?: (index: number) => void;
-    content?: string | ReactNode;
-    selectIndex: number;
-}
-export interface TabsComponent<P = {}> extends FC<P> {
-    Item: typeof Item;
-}
-declare const XHTabs: TabsComponent<TabProps>;
-export default XHTabs;
-export declare const TabItem: (props: import("./TabItem").TabItemProps) => JSX.Element;
+import { FC, ReactElement, ReactNode } from "react";
+import Item from "./TabItem";
+/**
+ * Tab切换
+ *
+ * @param children  //子组件
+ * @param animated  //是否开启转场动画
+ * @param selectIndex  //默认选中第几个
+ * @param lineColor   //下划线颜色
+ * @param titleActiveColor   //标题选中态颜色
+ * @param titleInctiveColor   //标题默认态颜色
+ * @param onChange   //切换回调事件
+ * @param content   //item公共节点
+ *
+ */
+export interface TabProps {
+    children: ReactElement[];
+    animated?: boolean;
+    lineColor?: string;
+    titleActiveColor?: string;
+    titleInctiveColor?: string;
+    onChange?: (index: number) => void;
+    content?: string | ReactNode;
+    selectIndex: number;
+}
+export interface TabsComponent<P = {}> extends FC<P> {
+    Item: typeof Item;
+}
+declare const XHTabs: TabsComponent<TabProps>;
+export default XHTabs;
+export declare const TabItem: (props: import("./TabItem").TabItemProps) => JSX.Element;

package/types/components/ThemeProvider/index.d.ts

@@ -1,30 +1,30 @@
-import React, { PropsWithChildren } from "react";
-export declare type ThemeValue = {
-    "--color-primary"?: string;
-    "--color-primary-dark"?: string;
-    "--color-primary-reverse"?: string;
-    "--color-disabled"?: string;
-    "--color-warning"?: string;
-    "--color-warning-light"?: string;
-    "--background-color"?: string;
-    "--body-background-color"?: string;
-    "--font-color"?: string;
-    "--font-color-secondary"?: string;
-    "--font-color-tertiary"?: string;
-    "--border-color"?: string;
-    "--btn-color"?: string;
-    "--btn-shadow-primary"?: string;
-    "--mask-color"?: string;
-    "--btn-color-disabled"?: string;
-};
-export declare type ThemeProviderProps = {
-    value: ThemeValue & {
-        [key: string]: string;
-    };
-    scoped?: boolean;
-};
-export declare const ThemeContext: React.Context<{
-    [x: string]: string;
-}>;
-declare const ThemeProvider: React.FC<PropsWithChildren<ThemeProviderProps>>;
-export default ThemeProvider;
+import React, { PropsWithChildren } from "react";
+export declare type ThemeValue = {
+    "--color-primary"?: string;
+    "--color-primary-dark"?: string;
+    "--color-primary-reverse"?: string;
+    "--color-disabled"?: string;
+    "--color-warning"?: string;
+    "--color-warning-light"?: string;
+    "--background-color"?: string;
+    "--body-background-color"?: string;
+    "--font-color"?: string;
+    "--font-color-secondary"?: string;
+    "--font-color-tertiary"?: string;
+    "--border-color"?: string;
+    "--btn-color"?: string;
+    "--btn-shadow-primary"?: string;
+    "--mask-color"?: string;
+    "--btn-color-disabled"?: string;
+};
+export declare type ThemeProviderProps = {
+    value: ThemeValue & {
+        [key: string]: string;
+    };
+    scoped?: boolean;
+};
+export declare const ThemeContext: React.Context<{
+    [x: string]: string;
+}>;
+declare const ThemeProvider: React.FC<PropsWithChildren<ThemeProviderProps>>;
+export default ThemeProvider;

package/types/components/Toast/Toast.d.ts

@@ -1,20 +1,19 @@
-import { FC } from "react";
-import { XHComponentCommonProps } from "../../types";
-import "./index.scss";
-export declare type ToastProps = {
-    title: string;
-    duration?: number;
-    /** 图标
-     * 可选值：
-     * - 'success': 显示成功图标，此时 title 文本最多显示 7 个汉字长度;
-     * - 'error': 显示失败图标，此时 title 文本最多显示 7 个汉字长度;
-     * - 'loading': 显示加载图标，此时 title 文本最多显示 7 个汉字长度;
-     * - 'none': 不显示图标，此时 title 文本最多可显示两行 */
-    icon?: "success" | "error" | "loading" | "none";
-    /** 自定义图标的本地路径，image 的优先级高于 icon */
-    image?: string;
-    /** 是否显示透明蒙层，防止触摸穿透 */
-    mask?: boolean;
-} & XHComponentCommonProps;
-declare const ToastCom: FC<ToastProps>;
-export default ToastCom;
+import { FC } from "react";
+import { XHComponentCommonProps } from "../../types";
+export declare type ToastProps = {
+    title: string;
+    duration?: number;
+    /** 图标
+     * 可选值：
+     * - 'success': 显示成功图标，此时 title 文本最多显示 7 个汉字长度;
+     * - 'error': 显示失败图标，此时 title 文本最多显示 7 个汉字长度;
+     * - 'loading': 显示加载图标，此时 title 文本最多显示 7 个汉字长度;
+     * - 'none': 不显示图标，此时 title 文本最多可显示两行 */
+    icon?: "success" | "error" | "loading" | "none";
+    /** 自定义图标的本地路径，image 的优先级高于 icon */
+    image?: string;
+    /** 是否显示透明蒙层，防止触摸穿透 */
+    mask?: boolean;
+} & XHComponentCommonProps;
+declare const ToastCom: FC<ToastProps>;
+export default ToastCom;

package/types/components/Toast/index.d.ts

@@ -1,5 +1,4 @@
-import { ToastProps } from "./Toast";
-import "./index.scss";
-declare function Toast(message: string | number, duration?: number): Promise<void>;
-declare function Toast(props: ToastProps): Promise<void>;
-export default Toast;
+import { ToastProps } from "./Toast";
+declare function Toast(message: string | number, duration?: number): Promise<void>;
+declare function Toast(props: ToastProps): Promise<void>;
+export default Toast;

package/types/hooks/index.d.ts

@@ -1,2 +1,2 @@
-export declare const useTaroEnv: () => string;
-export declare const useAsyncEffect: (fn: any, deps: any) => Promise<void>;
+export declare const useTaroEnv: () => string;
+export declare const useAsyncEffect: (fn: any, deps: any) => Promise<void>;

package/types/hooks/useCustomNavbar.d.ts

@@ -1,6 +1,6 @@
-declare const useCustomNavBar: () => {
-    navBarHeight: number;
-    statusBar: number;
-    buttonRight: number;
-};
-export default useCustomNavBar;
+declare const useCustomNavBar: () => {
+    navBarHeight: number;
+    statusBar: number;
+    buttonRight: number;
+};
+export default useCustomNavBar;

package/types/hooks/useFirstMountState.d.ts

@@ -1 +1 @@
-export default function useFirstMountState(): boolean;
+export default function useFirstMountState(): boolean;

package/types/hooks/useFlexGapSupport.d.ts

@@ -1,2 +1,2 @@
-declare const _default: () => boolean;
-export default _default;
+declare const _default: () => boolean;
+export default _default;

package/types/hooks/useGenerateId.d.ts

@@ -1 +1 @@
-export default function (id: any, prefix?: string): any;
+export default function (id: any, prefix?: string): any;