taro-react-uilib 1.0.5 → 1.0.26

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;