taro-react-uilib 1.0.4 → 1.0.23

package/types/components/Animated/Slide/index.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren, FC } from "react";
+export declare type SlideDirection = "up" | "down" | "left" | "right";
+export interface SlideProps extends PropsWithChildren<{}> {
+    in: boolean;
+    timeout?: number;
+    direction?: SlideDirection;
+    onExited?: () => void;
+    unmountOnExit?: boolean;
+}
+declare const Slide: FC<SlideProps>;
+export default Slide;

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

@@ -0,0 +1,3 @@
+export { default as Slide } from "./Slide";
+export { default as Fade } from "./Fade";
+export { default as Scale } from "./Scale";

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

@@ -2,8 +2,8 @@ import { FC } from "react";
 import { ButtonProps } from "@tarojs/components/types/Button";
 import { ITouchEvent } from "@tarojs/components/types/common";
 import "./index.scss";
-export declare type ButtonType = "default" | "secondary" | "primary" | "warn";
-export declare type ButtonShape = "square" | "round";
+export declare type ButtonType = "default" | "secondary" | "primary" | "warn" | "ghost";
+export declare type ButtonShape = "square" | "round" | "rectangle";
 export declare type ButtonSize = "default" | "mini" | "full";
 export declare type WechatOpenType = "contact"
 /** 触发用户转发，使用前建议先阅读使用指引
@@ -35,6 +35,7 @@ export declare type XhButtonProps = {
     className?: string;
     styleName?: string;
     text?: string;
+    preventTime?: number;
     onClick?: (e: ITouchEvent | MouseEvent) => void;
 } & Omit<ButtonProps, "type" | "size">;
 declare const XhButton: FC<XhButtonProps>;

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

@@ -5,13 +5,15 @@ declare type refMe = {
     reset: () => void;
 };
 export interface CaptchaProps extends XhButtonProps {
-    timeout: number;
+    timeout?: number;
     className?: string;
     styleName?: string;
-    text: string;
+    text?: string;
     onClick: () => Promise<boolean>;
     ref: Ref<refMe>;
     timeingTemp?: string;
+    ingText?: string;
+    onEnd?: () => void;
 }
-declare const CountdownButton: React.ForwardRefExoticComponent<Pick<CaptchaProps, "type" | "size" | "plain" | "disabled" | "loading" | "formType" | "openType" | "hoverClass" | "hoverStyle" | "hoverStopPropagation" | "hoverStartTime" | "hoverStayTime" | "lang" | "sessionFrom" | "sendMessageTitle" | "sendMessagePath" | "sendMessageImg" | "appParameter" | "businessId" | "scope" | "showMessageCard" | "onGetUserInfo" | "onGetAuthorize" | "onContact" | "onGetPhoneNumber" | "onGetRealnameAuthInfo" | "onError" | "onOpenSetting" | "onLaunchapp" | "id" | "className" | "style" | "key" | "hidden" | "animation" | "dangerouslySetInnerHTML" | "onTouchStart" | "onTouchMove" | "onTouchCancel" | "onTouchEnd" | "onClick" | "onLongPress" | "onLongClick" | "onTransitionEnd" | "onAnimationStart" | "onAnimationIteration" | "onAnimationEnd" | "onTouchForceChange" | "shape" | "htmlType" | "text" | "timeout" | "styleName" | "timeingTemp"> & React.RefAttributes<refMe>>;
+declare const CountdownButton: React.ForwardRefExoticComponent<Pick<CaptchaProps, "type" | "size" | "plain" | "disabled" | "loading" | "formType" | "openType" | "hoverClass" | "hoverStyle" | "hoverStopPropagation" | "hoverStartTime" | "hoverStayTime" | "lang" | "sessionFrom" | "sendMessageTitle" | "sendMessagePath" | "sendMessageImg" | "appParameter" | "businessId" | "scope" | "showMessageCard" | "onGetUserInfo" | "onGetAuthorize" | "onContact" | "onGetPhoneNumber" | "onGetRealnameAuthInfo" | "onError" | "onOpenSetting" | "onLaunchapp" | "id" | "className" | "style" | "key" | "hidden" | "animation" | "dangerouslySetInnerHTML" | "onTouchStart" | "onTouchMove" | "onTouchCancel" | "onTouchEnd" | "onClick" | "onLongPress" | "onLongClick" | "onTransitionEnd" | "onAnimationStart" | "onAnimationIteration" | "onAnimationEnd" | "onTouchForceChange" | "shape" | "htmlType" | "text" | "preventTime" | "timeout" | "styleName" | "timeingTemp" | "ingText" | "onEnd"> & React.RefAttributes<refMe>>;
 export default CountdownButton;

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

@@ -1,5 +1,5 @@
 import { ForwardRefExoticComponent, RefObject } from "react";
-import { DialogRef, DialogProps } from "./DialogComponent";
+import { DialogRef, DialogProps } from "../DialogComponent";
 import { AlertProps } from "./Alert";
 import { ConfirmProps, ConfirmPropsResult } from "./Confirm";
 export interface DialogComponent<P = {}> extends ForwardRefExoticComponent<P> {

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

@@ -0,0 +1,19 @@
+import React, { ReactNode } from "react";
+import { XHComponentCommonProps } from "../../types";
+import "./index.scss";
+export declare type DialogProps = {
+    header?: string | ReactNode;
+    content: string | ReactNode;
+    footer?: string | ReactNode;
+    visible: boolean;
+} & XHComponentCommonProps;
+export declare type DialogRef = {
+    close: () => void;
+};
+declare const DialogCom: React.ForwardRefExoticComponent<{
+    header?: string | ReactNode;
+    content: string | ReactNode;
+    footer?: string | ReactNode;
+    visible: boolean;
+} & XHComponentCommonProps & React.RefAttributes<DialogRef>>;
+export default DialogCom;

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

@@ -4,11 +4,12 @@ import "./index.scss";
 export declare type DialogProps = {
     header?: string | ReactNode;
     content: string | ReactNode;
+    footer?: ReactNode;
     cancelText?: string;
     confirmText?: string;
     showCancel?: boolean;
     visible: boolean;
-    onComfirm?: () => void;
+    onConfirm?: () => void;
     onCancel?: () => void;
     onClose?: () => void;
 } & XHComponentCommonProps;
@@ -19,11 +20,12 @@ export declare type IDialogRef = {
 declare const DialogCom: React.ForwardRefExoticComponent<{
     header?: string | ReactNode;
     content: string | ReactNode;
+    footer?: ReactNode;
     cancelText?: string | undefined;
     confirmText?: string | undefined;
     showCancel?: boolean | undefined;
     visible: boolean;
-    onComfirm?: (() => void) | undefined;
+    onConfirm?: (() => void) | undefined;
     onCancel?: (() => void) | undefined;
     onClose?: (() => void) | undefined;
 } & XHComponentCommonProps & React.RefAttributes<IDialogRef>>;

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

@@ -18,6 +18,10 @@ export declare type FormInputProps = {
     name?: string;
     readonly?: boolean;
     withArrow?: boolean;
+    direction?: "row" | "column";
+    border?: boolean;
+    mainExtra?: ReactNode;
+    padding?: boolean;
 } & InputProps;
 export declare type InputRef = Ref<{
     focus: () => void;
@@ -38,7 +42,11 @@ declare const FormInput: React.ForwardRefExoticComponent<Pick<{
     name?: string | undefined;
     readonly?: boolean | undefined;
     withArrow?: boolean | undefined;
-} & InputProps, "type" | "disabled" | "id" | "className" | "style" | "key" | "hidden" | "animation" | "dangerouslySetInnerHTML" | "onTouchStart" | "onTouchMove" | "onTouchCancel" | "onTouchEnd" | "onClick" | "onLongPress" | "onLongClick" | "onTransitionEnd" | "onAnimationStart" | "onAnimationIteration" | "onAnimationEnd" | "onTouchForceChange" | "label" | "pattern" | "nativeProps" | "password" | "onChange" | "onBlur" | "value" | "maxlength" | "placeholder" | "RightComponent" | "labelHtml" | "LeftComponent" | "LeftIcon" | "name" | "readonly" | "withArrow" | "placeholderStyle" | "placeholderClass" | "cursorSpacing" | "autoFocus" | "focus" | "confirmType" | "confirmHold" | "cursor" | "selectionStart" | "selectionEnd" | "adjustPosition" | "holdKeyboard" | "alwaysEmbed" | "safePasswordCertPath" | "safePasswordLength" | "safePasswordTimeStamp" | "safePasswordNonce" | "safePasswordSalt" | "safePasswordCustomHash" | "randomNumber" | "controlled" | "onInput" | "onFocus" | "onConfirm" | "onKeyboardHeightChange"> & React.RefAttributes<{
+    direction?: "column" | "row" | undefined;
+    border?: boolean | undefined;
+    mainExtra?: ReactNode;
+    padding?: boolean | undefined;
+} & InputProps, "type" | "disabled" | "id" | "className" | "style" | "key" | "hidden" | "animation" | "dangerouslySetInnerHTML" | "onTouchStart" | "onTouchMove" | "onTouchCancel" | "onTouchEnd" | "onClick" | "onLongPress" | "onLongClick" | "onTransitionEnd" | "onAnimationStart" | "onAnimationIteration" | "onAnimationEnd" | "onTouchForceChange" | "label" | "pattern" | "nativeProps" | "border" | "padding" | "password" | "onChange" | "onBlur" | "value" | "maxlength" | "placeholder" | "RightComponent" | "labelHtml" | "LeftComponent" | "LeftIcon" | "name" | "readonly" | "withArrow" | "direction" | "mainExtra" | "placeholderStyle" | "placeholderClass" | "cursorSpacing" | "autoFocus" | "focus" | "confirmType" | "confirmHold" | "cursor" | "selectionStart" | "selectionEnd" | "adjustPosition" | "holdKeyboard" | "alwaysEmbed" | "safePasswordCertPath" | "safePasswordLength" | "safePasswordTimeStamp" | "safePasswordNonce" | "safePasswordSalt" | "safePasswordCustomHash" | "randomNumber" | "controlled" | "onInput" | "onFocus" | "onConfirm" | "onKeyboardHeightChange"> & React.RefAttributes<{
     focus: () => void;
 }>>;
 export default FormInput;

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

@@ -1,14 +1,22 @@
-import { FC, ReactNode } from 'react';
-import './index.scss';
+import { FC, ReactNode } from "react";
+import { ITouchEvent } from "@tarojs/components";
+import { XHComponentCommonProps } from "../../types";
+import "./index.scss";
 export declare type XHListProps = {
-    title: string;
-    description?: string;
+    title?: string;
+    description?: string | ReactNode;
     icon?: ReactNode;
     extra?: string | ReactNode;
     extraIcon?: ReactNode;
     border?: boolean;
     arrow?: boolean;
-    onClick?: () => void;
-};
+    outline?: boolean;
+    condensed?: boolean;
+    onClick?: (e: ITouchEvent) => void;
+    descriptionColor?: string;
+    extraColor?: string;
+    ellipsis?: boolean;
+    padding?: boolean;
+} & XHComponentCommonProps;
 declare const XHList: FC<XHListProps>;
 export default XHList;

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

@@ -1,9 +1,11 @@
-import { FC } from 'react';
-import { MaskProps } from '../Mask';
-import { XHComponentCommonProps } from '../../types';
-import './index.scss';
+import { FC, ReactNode } from "react";
+import { MaskProps } from "../Mask";
+import { XHComponentCommonProps } from "../../types";
+import "./index.scss";
 export declare type LoadingProps = {
     mask?: MaskProps["mask"];
+    color?: string;
+    tip?: string | ReactNode;
 } & XHComponentCommonProps;
 declare const Loading: FC<LoadingProps>;
 export default Loading;

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

@@ -1,10 +1,10 @@
-import { FC, MouseEvent } from 'react';
-import { XHComponentCommonProps } from '../../types';
-import './index.scss';
+import { FC, MouseEvent } from "react";
+import { XHComponentCommonProps } from "../../types";
+import "./index.scss";
 export declare type MaskProps = {
     closeOnClickMask?: boolean;
     onClick?: (e: MouseEvent) => void;
-    mask?: 'transparent' | 'normal';
+    mask?: "transparent" | "normal";
 } & XHComponentCommonProps;
 declare const Mask: FC<MaskProps>;
 export default Mask;

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

@@ -1,10 +1,12 @@
-import { FC, PropsWithChildren } from 'react';
-import { LoadingProps } from '../Loading';
-import { XHComponentCommonProps } from '../../types';
-import './index.scss';
+import { FC, PropsWithChildren, ReactNode } from "react";
+import { XHComponentCommonProps } from "../../types";
+import "./index.scss";
+import { LoadingProps } from "../Loading";
 export interface PageProps extends PropsWithChildren<XHComponentCommonProps> {
     loading?: boolean;
-    mask?: LoadingProps['mask'];
+    mask?: LoadingProps["mask"];
+    tip?: string | ReactNode;
+    loadingColor?: string;
 }
 declare const Page: FC<PageProps>;
 export default Page;

package/types/components/Picker/Picker.d.ts

@@ -0,0 +1,23 @@
+import { PropsWithChildren, ReactNode, ReactElement, MouseEventHandler } from "react";
+export interface PickerProps<T extends PickerValue> extends PropsWithChildren<{}> {
+    visible: boolean;
+    title?: string | ReactNode;
+    data: T[];
+    ItemComponent?: (props: {
+        data: T;
+    }) => ReactNode;
+    Footer?: ReactNode;
+    onConfirm?: (value: T, index: number) => void;
+    onCancel?: MouseEventHandler;
+    onClose?: MouseEventHandler;
+    cancelText?: string;
+    confirmText?: string;
+}
+interface PickerObjectValue {
+    text: string;
+    value: string | number;
+    [key: string]: any;
+}
+export declare type PickerValue = string | PickerObjectValue;
+declare const Picker: <T extends PickerValue>(props: PickerProps<T>) => ReactElement;
+export default Picker;

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

@@ -0,0 +1,15 @@
+import { PropsWithChildren, ReactElement, ReactNode } from "react";
+import { PickerValue } from "./Picker";
+import "./index.scss";
+export interface PickerFieldProps<T extends PickerValue> extends PropsWithChildren<{}> {
+    title?: ReactNode;
+    data: T[];
+    ItemComponent?: (props: {
+        data: T;
+    }) => ReactNode;
+    className?: string;
+    onConfirm?: (value: T, index: number) => void;
+    onCancel?: () => void;
+}
+declare const PickerField: <T extends PickerValue>(props: PickerFieldProps<T>) => ReactElement;
+export default PickerField;

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

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren } from "react";
+import "./index.scss";
+export declare type PopupPosition = "top" | "bottom" | "left" | "right";
+export interface PopupProps extends PropsWithChildren<{}> {
+    visible: boolean;
+    position?: PopupPosition;
+    onClose?: () => void;
+}
+declare const Popup: FC<PopupProps>;
+export default Popup;

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

@@ -0,0 +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;

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

@@ -0,0 +1,9 @@
+import { PropsWithChildren, ReactNode } from "react";
+import "./index.scss";
+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/components/Tabbar.d.ts

@@ -0,0 +1,30 @@
+import { FC, ReactElement } from "react";
+import Item from "./TabItem";
+import "./index.scss";
+/**
+ * Tab切换
+ *
+ * @param children  //子组件
+ * @param animated  //是否开启转场动画
+ * @param selectIndex  //默认选中第几个
+ * @param lineColor   //下划线颜色
+ * @param titleActiveColor   //标题选中态颜色
+ * @param titleInctiveColor   //标题默认态颜色
+ * @param onChange   //切换回调事件
+ *
+ */
+export interface TabProps {
+    children: ReactElement[];
+    animated?: boolean;
+    initIndex?: number;
+    lineColor?: string;
+    titleActiveColor?: string;
+    titleInctiveColor?: string;
+    onChange?: (index: number) => void;
+}
+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/Tabbar/index.d.ts

@@ -0,0 +1,8 @@
+/// <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

@@ -0,0 +1,9 @@
+import { PropsWithChildren, ReactNode } from "react";
+import "./index.scss";
+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

@@ -0,0 +1,30 @@
+import { FC, ReactElement } from "react";
+import Item from "./TabItem";
+import "./index.scss";
+/**
+ * Tab切换
+ *
+ * @param children  //子组件
+ * @param animated  //是否开启转场动画
+ * @param selectIndex  //默认选中第几个
+ * @param lineColor   //下划线颜色
+ * @param titleActiveColor   //标题选中态颜色
+ * @param titleInctiveColor   //标题默认态颜色
+ * @param onChange   //切换回调事件
+ *
+ */
+export interface TabProps {
+    children: ReactElement[];
+    animated?: boolean;
+    initIndex?: number;
+    lineColor?: string;
+    titleActiveColor?: string;
+    titleInctiveColor?: string;
+    onChange?: (index: number) => void;
+}
+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/hooks/index.d.ts

@@ -1 +1,24 @@
+import { ITouchEvent } from "@tarojs/components";
 export declare const useTaroEnv: () => string;
+export declare type hooksProps = {
+    direction: "X" | "Y";
+    threshold: number;
+};
+export declare const useTouch: () => {
+    touchstart: (e: ITouchEvent) => void;
+    touchend: (e: ITouchEvent) => void;
+    touchmove: (e: ITouchEvent) => void;
+    startPoint: {
+        x: number;
+        y: number;
+    };
+    touchMoveDistance: {
+        x: number;
+        y: number;
+    };
+    touchEndPoint: {
+        x: number;
+        y: number;
+    };
+};
+export declare const useAsyncEffect: (fn: any, deps: any) => Promise<void>;

package/types/index.d.ts

@@ -13,3 +13,6 @@ export { default as XHPasswordInput } from "./components/PasswordInput";
 export { default as XHProgress } from "./components/Progress";
 export { default as XHToast } from "./components/Toast";
 export { default as XHDialogRef } from "./components/DialogRef";
+export { default as XHTabbar } from "./components/Tabbar";
+export { default as XHPopup } from "./components/Popup";
+export { default as XHPicker } from "./components/Picker";

package/types/utils/index.d.ts

@@ -4,3 +4,4 @@
  * @returns {boolean} - 校验结果 返回 true || false
  */
 export declare const inputRange: (val: string) => string;
+export declare const throtte: (fn: Function, delay?: number) => (arg: any) => void;