taro-react-uilib 1.0.4 → 1.0.24

package/package.json

@@ -1,133 +1,136 @@
 {
-	"name": "taro-react-uilib",
-	"version": "1.0.4",
-	"description": "基于taro的跨端组件库",
-	"templateInfo": {
-		"name": "default",
-		"typescript": true,
-		"css": "sass"
-	},
-	"browser": "dist/index.umd.js",
-	"module": "dist/index.esm.js",
-	"main": "dist/index.js",
-	"source": "src/index.ts",
-	"types": "types/index.d.ts",
-	"files": [
-		"lib",
-		"dist",
-		"types"
-	],
-	"scripts": {
-		"build:weapp": "taro build --type weapp",
-		"build:h5": "taro build --type h5",
-		"build:tt": "taro build --type tt",
-		"dev:weapp": "npm run build:weapp -- --watch",
-		"dev:h5": "npm run build:h5 -- --watch",
-		"dev:tt": "npm run build:tt -- --watch",
-		"dev": "yarn run dev:lib",
-		"dev:lib": "tsc --project ./tsconfig.build.json --watch --incremental",
-		"build": "rimraf dist && yarn run build:rollup && yarn run build:lib",
-		"build:lib": "tsc --project ./tsconfig.build.json --declaration --declarationDir types",
-		"build:rollup": "rollup --config ./rollup.config.js",
-		"prepublishOnly": "yarn run clean && yarn run build",
-		"lint": "lint-staged",
-		"lint:style": "stylelint \"src/**/*.scss\" --syntax scss",
-		"lint:style-fix": "stylelint \"src/**/*.scss\" --syntax scss --fix",
-		"test": "cross-env NODE_ENV=test && jest --coverage",
-		"test:ci": "yarn run build:h5 && yarn run test",
-		"changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0 && git add CHANGELOG.md",
-		"clean": "rimraf .temp dist lib coverage",
-		"prepare": "husky install"
-	},
-	"husky": {
-		"hooks": {
-			"pre-commit": "lint-staged"
-		}
-	},
-	"lint-staged": {
-		"(src|example)/**/*.{ts,tsx}": [
-			"eslint --fix",
-			"prettier --write --ignore-unknown"
-		]
-	},
-	"keywords": [
-		"taro",
-		"跨端组件库"
-	],
-	"author": "xiongshiji",
-	"license": "MIT",
-	"browserslist": [
-		"last 3 versions",
-		"Android >= 4.1",
-		"ios >= 8"
-	],
-	"devDependencies": {
-		"@babel/core": "^7.8.0",
-		"@babel/runtime": "^7.7.7",
-		"@commitlint/cli": "16.3.0",
-		"@commitlint/config-conventional": "16.2.4",
-		"@rollup/plugin-alias": "^3.1.9",
-		"@rollup/plugin-commonjs": "^13.0.0",
-		"@rollup/plugin-image": "^2.1.1",
-		"@rollup/plugin-json": "^4.1.0",
-		"@rollup/plugin-node-resolve": "^8.0.1",
-		"@tarojs/components": "3.4.2",
-		"@tarojs/mini-runner": "3.4.2",
-		"@tarojs/plugin-framework-react": "^3.4.6",
-		"@tarojs/react": "3.4.2",
-		"@tarojs/runtime": "3.4.2",
-		"@tarojs/taro": "3.4.2",
-		"@tarojs/webpack-runner": "3.4.2",
-		"@types/react": "^17.0.2",
-		"@types/webpack-env": "^1.13.6",
-		"@typescript-eslint/eslint-plugin": "^5.24.0",
-		"@typescript-eslint/parser": "^5.24.0",
-		"babel-preset-taro": "3.4.2",
-		"commitizen": "^4.2.4",
-		"conventional-changelog-cli": "^2.2.2",
-		"cross-env": "^7.0.2",
-		"cz-conventional-changelog": "3.3.0",
-		"eslint": "^7.2.0",
-		"eslint-config-taro": "3.4.2",
-		"eslint-plugin-import": "^2.21.2",
-		"eslint-plugin-react": "^7.20.0",
-		"eslint-plugin-react-hooks": "^4.2.0",
-		"husky": "7",
-		"jest": "26",
-		"lint-staged": "^12.4.1",
-		"postcss": "^8.4.12",
-		"prettier": "^2.6.2",
-		"react": "^17.0.0",
-		"react-dom": "^17.0.0",
-		"rimraf": "3.0.2",
-		"rollup": "^2.70.2",
-		"rollup-plugin-copy": "^3.3.0",
-		"rollup-plugin-ignore-import": "^1.3.2",
-		"rollup-plugin-postcss": "^4.0.2",
-		"rollup-plugin-serve": "^1.1.0",
-		"rollup-plugin-typescript2": "^0.27.1",
-		"rollup-plugin-visualizer": "^4.0.4",
-		"sass": "^1.50.0",
-		"stylelint": "13.6.0",
-		"stylelint-config-standard": "20.0.0",
-		"stylelint-scss": "3.17.2",
-		"ts-jest": "26",
-		"typescript": "^4.1.0",
-		"@tarojs/plugin-html": "^3.4.13"
-	},
-	"peerDependencies": {
-		"@tarojs/components": "^3.0.8",
-		"@tarojs/react": "^3.0.8",
-		"@types/node": "^14.0.13",
-		"react": ">=16.13.0",
-		"react-dom": ">=16.13.0"
-	},
-	"config": {
-		"commitizen": {
-			"path": "./node_modules/cz-conventional-changelog"
-		}
-	},
-	"dependencies": {
-		"react-transition-group": "^4.4.2"
-	}
+  "name": "taro-react-uilib",
+  "version": "1.0.24",
+  "description": "基于taro的跨端组件库",
+  "templateInfo": {
+    "name": "default",
+    "typescript": true,
+    "css": "sass"
+  },
+  "browser": "dist/index.umd.js",
+  "module": "dist/index.esm.js",
+  "main": "dist/index.js",
+  "source": "src/index.ts",
+  "types": "types/index.d.ts",
+  "files": [
+    "lib",
+    "dist",
+    "types"
+  ],
+  "scripts": {
+    "build:weapp": "taro build --type weapp",
+    "build:h5": "taro build --type h5",
+    "build:tt": "taro build --type tt",
+    "dev:weapp": "npm run build:weapp -- --watch",
+    "dev:h5": "npm run build:h5 -- --watch",
+    "dev:tt": "npm run build:tt -- --watch",
+    "dev": "yarn run dev:lib",
+    "dev:lib": "tsc --project ./tsconfig.build.json --watch --incremental",
+    "build": "rimraf dist && yarn run build:rollup && yarn run build:lib",
+    "build:lib": "tsc --project ./tsconfig.build.json --declaration --declarationDir types",
+    "build:rollup": "rollup --config ./rollup.config.js",
+    "prepublishOnly": "yarn run clean && yarn run build",
+    "lint": "lint-staged",
+    "lint:style": "stylelint \"src/**/*.scss\" --syntax scss",
+    "lint:style-fix": "stylelint \"src/**/*.scss\" --syntax scss --fix",
+    "test": "cross-env NODE_ENV=test && jest --coverage",
+    "test:ci": "yarn run build:h5 && yarn run test",
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0 && git add CHANGELOG.md",
+    "clean": "rimraf .temp dist lib coverage",
+    "prepare": "husky install"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "(src|example)/**/*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --write --ignore-unknown"
+    ]
+  },
+  "keywords": [
+    "taro",
+    "跨端组件库"
+  ],
+  "author": "xiongshiji",
+  "license": "MIT",
+  "browserslist": [
+    "last 3 versions",
+    "Android >= 4.1",
+    "ios >= 8"
+  ],
+  "devDependencies": {
+    "@babel/core": "^7.8.0",
+    "@babel/runtime": "^7.7.7",
+    "@commitlint/cli": "16.3.0",
+    "@commitlint/config-conventional": "16.2.4",
+    "@rollup/plugin-alias": "^3.1.9",
+    "@rollup/plugin-commonjs": "^13.0.0",
+    "@rollup/plugin-image": "^2.1.1",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^8.0.1",
+    "@tarojs/cli": "3.5.6",
+    "@tarojs/components": "3.4.2",
+    "@tarojs/mini-runner": "3.4.2",
+    "@tarojs/plugin-framework-react": "^3.4.6",
+    "@tarojs/plugin-html": "^3.4.13",
+    "@tarojs/react": "3.4.2",
+    "@tarojs/runtime": "3.4.2",
+    "@tarojs/taro": "3.4.2",
+    "@tarojs/webpack-runner": "3.4.2",
+    "@types/react": "^17.0.2",
+    "@types/webpack-env": "^1.13.6",
+    "@typescript-eslint/eslint-plugin": "^5.24.0",
+    "@typescript-eslint/parser": "^5.24.0",
+    "babel-preset-taro": "3.4.2",
+    "commitizen": "^4.2.4",
+    "conventional-changelog-cli": "^2.2.2",
+    "cross-env": "^7.0.2",
+    "cz-conventional-changelog": "3.3.0",
+    "eslint": "^7.2.0",
+    "eslint-config-taro": "3.4.2",
+    "eslint-plugin-import": "^2.21.2",
+    "eslint-plugin-react": "^7.20.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "husky": "7",
+    "jest": "26",
+    "lint-staged": "^12.4.1",
+    "postcss": "^8.4.12",
+    "prettier": "^2.6.2",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
+    "rimraf": "3.0.2",
+    "rollup": "^2.70.2",
+    "rollup-plugin-copy": "^3.3.0",
+    "rollup-plugin-ignore-import": "^1.3.2",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-serve": "^1.1.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.27.1",
+    "rollup-plugin-visualizer": "^4.0.4",
+    "sass": "^1.50.0",
+    "stylelint": "13.6.0",
+    "stylelint-config-standard": "20.0.0",
+    "stylelint-scss": "3.17.2",
+    "ts-jest": "26",
+    "tslib": "^2.4.0",
+    "typescript": "^4.1.0"
+  },
+  "peerDependencies": {
+    "@tarojs/components": "^3.0.8",
+    "@tarojs/react": "^3.0.8",
+    "@types/node": "^14.0.13",
+    "react": ">=16.13.0",
+    "react-dom": ">=16.13.0"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "dependencies": {
+    "react-transition-group": "^4.4.2"
+  }
 }

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

@@ -0,0 +1,12 @@
+import { FC, PropsWithChildren } from "react";
+import "./index.scss";
+export interface AnimatedProps extends PropsWithChildren<{}> {
+    in: boolean;
+    appear?: boolean;
+    timeout?: number;
+    name?: string;
+    onExited?: () => void;
+    unmountOnExit?: boolean;
+}
+declare const Animated: FC<AnimatedProps>;
+export default Animated;

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

@@ -0,0 +1,9 @@
+import { PropsWithChildren, FC } from "react";
+export interface FadeProps extends PropsWithChildren<{}> {
+    in: boolean;
+    timeout?: number;
+    onExited?: () => void;
+    unmountOnExit?: boolean;
+}
+declare const Fade: FC<FadeProps>;
+export default Fade;

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

@@ -0,0 +1,9 @@
+import { PropsWithChildren, FC } from "react";
+export interface ScaleProps extends PropsWithChildren<{}> {
+    in: boolean;
+    timeout?: number;
+    onExited?: () => void;
+    unmountOnExit?: boolean;
+}
+declare const Scale: FC<ScaleProps>;
+export default Scale;

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

@@ -1,4 +1,4 @@
-import React, { ReactNode, Ref } from "react";
+import React, { ReactNode } from "react";
 import { InputProps } from "@tarojs/components";
 import "./index.scss";
 export declare type HTMLFormType = "tel" | "text" | "number" | "password";
@@ -18,27 +18,13 @@ export declare type FormInputProps = {
     name?: string;
     readonly?: boolean;
     withArrow?: boolean;
-} & InputProps;
-export declare type InputRef = Ref<{
+    direction?: "row" | "column";
+    border?: boolean;
+    mainExtra?: ReactNode;
+    padding?: boolean;
+} & Omit<InputProps, "type">;
+export declare type FocusHandler = {
     focus: () => void;
-}>;
-declare const FormInput: React.ForwardRefExoticComponent<Pick<{
-    onChange?: ((value: string) => void) | undefined;
-    onBlur?: ((value: string) => void) | undefined;
-    value: string;
-    maxlength?: number | undefined;
-    placeholder?: string | undefined;
-    type?: HTMLFormType | InputProps["type"];
-    pattern?: string | undefined;
-    RightComponent?: ReactNode;
-    label?: string | undefined;
-    labelHtml?: string | undefined;
-    LeftComponent?: ReactNode;
-    LeftIcon?: ReactNode;
-    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<{
-    focus: () => void;
-}>>;
+};
+declare const FormInput: React.ForwardRefExoticComponent<Pick<FormInputProps, "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" | "value" | "placeholder" | "placeholderStyle" | "placeholderClass" | "maxlength" | "cursorSpacing" | "autoFocus" | "focus" | "confirmType" | "confirmHold" | "cursor" | "selectionStart" | "selectionEnd" | "adjustPosition" | "holdKeyboard" | "alwaysEmbed" | "safePasswordCertPath" | "safePasswordLength" | "safePasswordTimeStamp" | "safePasswordNonce" | "safePasswordSalt" | "safePasswordCustomHash" | "randomNumber" | "controlled" | "onInput" | "onFocus" | "onBlur" | "onConfirm" | "onKeyboardHeightChange" | "name" | "onChange" | "RightComponent" | "labelHtml" | "LeftComponent" | "LeftIcon" | "readonly" | "withArrow" | "direction" | "mainExtra"> & React.RefAttributes<FocusHandler>>;
 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;