taro-react-uilib 1.0.2

package/lib/components/List/index.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.scss';
+import { View, Text } from '@tarojs/components';
+import classNames from 'classnames';
+const XHList = (props) => {
+    const { title = '', description = '', icon, extra = '', extraIcon = '', arrow, border = true, onClick } = props;
+    const listcls = classNames('xh-list', { border });
+    const handleClick = () => {
+        onClick && onClick();
+    };
+    return (React.createElement(View, { className: listcls, onClick: handleClick },
+        icon && React.createElement(View, { className: 'xh-list-icon' }, icon),
+        React.createElement(View, { className: 'xh-list-main' },
+            React.createElement(Text, { className: 'xh-list-main-title' }, title),
+            React.createElement(Text, { className: 'xh-list-main-description' }, description)),
+        React.createElement(View, { className: "xh-list-extra" },
+            React.createElement(View, { className: "xh-list-extra-info" }, extra),
+            React.createElement(View, { className: "xh-list-extra-icon" }, extraIcon ? extraIcon : (arrow && React.createElement(View, { className: "arrow" }))))));
+};
+export default XHList;
+//# sourceMappingURL=index.js.map

package/lib/components/List/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC/C,OAAO,UAAU,MAAM,YAAY,CAAA;AAanC,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IAExC,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAE/G,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,CAAA;IAEjD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,IAAI,OAAO,EAAE,CAAA;IACtB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW;QAC3C,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,cAAc,IAAE,IAAI,CAAQ;QACrD,oBAAC,IAAI,IAAC,SAAS,EAAC,cAAc;YAC5B,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,IAAE,KAAK,CAAQ;YACnD,oBAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,IAAE,WAAW,CAAQ,CAC1D;QACP,oBAAC,IAAI,IAAC,SAAS,EAAC,eAAe;YAC7B,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,IAAE,KAAK,CAAQ;YACnD,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,IAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,OAAO,GAAG,CAAC,CAAQ,CACtG,CACF,CACR,CAAA;AACH,CAAC,CAAA;AACD,eAAe,MAAM,CAAA"}

package/lib/components/Loading/index.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import classNames from 'classnames';
+import { View } from '@tarojs/components';
+import Mask from '../Mask';
+import './index.scss';
+const Loading = ({ mask, className }) => {
+    const cls = classNames({ className });
+    return (React.createElement(View, { className: "xh-loading" },
+        React.createElement(Mask, { className: cls, mask: mask }),
+        React.createElement(View, { className: "xh-loading-main" },
+            React.createElement(View, { className: "xh-loading-icon" }))));
+};
+export default Loading;
+//# sourceMappingURL=index.js.map

package/lib/components/Loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Loading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACzC,OAAO,IAAmB,MAAM,SAAS,CAAA;AAEzC,OAAO,cAAc,CAAA;AAMrB,MAAM,OAAO,GAAqB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;IACxD,MAAM,GAAG,GAAG,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC,CAAA;IAErC,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAC,YAAY;QAC1B,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,GAAG;QACnC,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB;YAC/B,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,GAAG,CAC/B,CACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/components/Mask/index.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import classNames from 'classnames';
+import { View } from '@tarojs/components';
+import './index.scss';
+const Mask = (props) => {
+    const { closeOnClickMask = true, onClick, mask } = props;
+    const cls = classNames('xh-mask', {
+        'xh-mask-normal': mask === 'normal',
+        'xh-mask-transparent': mask === 'transparent',
+    });
+    function handleClick(e) {
+        closeOnClickMask && onClick && onClick(e);
+    }
+    return React.createElement(View, { className: cls, onClick: handleClick });
+};
+export default Mask;
+//# sourceMappingURL=index.js.map

package/lib/components/Mask/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Mask/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAEzC,OAAO,cAAc,CAAA;AAQrB,MAAM,IAAI,GAAkB,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,EAAE,gBAAgB,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAExD,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE;QAChC,gBAAgB,EAAE,IAAI,KAAK,QAAQ;QACnC,qBAAqB,EAAE,IAAI,KAAK,aAAa;KAC9C,CAAC,CAAA;IAEF,SAAS,WAAW,CAAC,CAAM;QACzB,gBAAgB,IAAI,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAA;IAC3C,CAAC;IAED,OAAO,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,GAAI,CAAA;AACvD,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/components/Page/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import Loading from '../Loading';
+import { View } from '@tarojs/components';
+import classname from "classnames";
+import './index.scss';
+const Page = props => {
+    const { children, loading = false, className = "", mask = "normal", } = props;
+    const classObj = classname("xh-page", className);
+    return (React.createElement(View, { className: classObj },
+        loading && (React.createElement(View, { className: "loading-wrapper" },
+            React.createElement(Loading, { mask: mask }))),
+        children));
+};
+export default Page;
+//# sourceMappingURL=index.js.map

package/lib/components/Page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAA;AACpD,OAAO,OAAyB,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACzC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,cAAc,CAAA;AAOrB,MAAM,IAAI,GAAkB,KAAK,CAAC,EAAE;IAClC,MAAM,EACJ,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,QAAQ,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAEjD,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,QAAQ;QAElB,OAAO,IAAI,CACV,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB;YAC/B,oBAAC,OAAO,IAAC,IAAI,EAAE,IAAI,GAAG,CACjB,CACR;QACA,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/hooks/index.js

@@ -0,0 +1,10 @@
+import { useEffect, useState } from "react";
+import { getEnv } from '@tarojs/taro';
+export const useTaroEnv = () => {
+    const [taroEnv, setTaroEnv] = useState("");
+    useEffect(() => {
+        setTaroEnv(getEnv());
+    }, []);
+    return taroEnv;
+};
+//# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC1C,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,MAAM,EAAE,CAAC,CAAA;IACtB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

package/lib/index.js

@@ -0,0 +1,10 @@
+export { default as XHButton } from './components/Button';
+export { default as XHPage } from './components/Page';
+export { default as XHLoading } from './components/Loading';
+export { default as XHBankIcon } from './components/BankIcon';
+export { default as XHCaptcha } from './components/Captcha';
+export { default as XHFormInput } from './components/FormInput';
+export { default as XHList } from './components/List';
+export { default as XHMask } from './components/Mask';
+export { default as XHImage } from './components/Image';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAA"}

package/lib/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/lib/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":""}

package/lib/utils/index.js

@@ -0,0 +1,51 @@
+/**
+ * 禁止输入emoji表情
+ * @param {string} val - 输入内容
+ * @returns {boolean} - 校验结果 返回 true || false
+ */
+export const inputRange = (val) => {
+    let iconRule1 = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/gi;
+    return val.replace(iconRule1, '');
+};
+// function Handler(fn) {
+//   this.handler = fn;
+//   this.next = null;
+// }
+// Handler.prototype.setNext = function setNext(h) {
+//   this.next = h;
+//   return h;
+// };
+// Handler.prototype.passRequest = function () {
+//   const ret = this.handler.apply(this, arguments);
+//   // 提前结束
+//   if (!ret) {
+//     return ret;
+//   }
+//  // 向后传递
+//   if (this.next) {
+//     return this.next.passRequest.apply(this.next, arguments);
+//   }
+//   return ret;
+// };
+// export class ChainHander {
+//   public hander: (s: string) => boolean
+//   public next
+//   constructor(fn: (str: string) => boolean) {
+//     this.hander = fn
+//   }
+//   public setNext(callback): () => boolean {
+//     this.next = callback
+//     return callback
+//   }
+//   public checkPass(...arg) {
+//     const result = this.hander.apply(this, arg)    
+//     if (!result) {
+//       return result
+//     }
+//     if (this.next != null) {
+//       return this.next.checkPass.apply(this.next, arg)
+//     }
+//     return result
+//   }
+// }
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAU,EAAE;IAChD,IAAI,SAAS,GACT,4OAA4O,CAAA;IAChP,OAAO,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAA;AACnC,CAAC,CAAA;AAED,yBAAyB;AACzB,uBAAuB;AACvB,sBAAsB;AACtB,IAAI;AAEJ,oDAAoD;AACpD,mBAAmB;AACnB,cAAc;AACd,KAAK;AAEL,gDAAgD;AAChD,qDAAqD;AACrD,YAAY;AACZ,gBAAgB;AAChB,kBAAkB;AAClB,MAAM;AAEN,WAAW;AACX,qBAAqB;AACrB,gEAAgE;AAChE,MAAM;AACN,gBAAgB;AAChB,KAAK;AAEL,6BAA6B;AAC7B,0CAA0C;AAC1C,gBAAgB;AAChB,gDAAgD;AAChD,uBAAuB;AACvB,MAAM;AACN,8CAA8C;AAC9C,2BAA2B;AAC3B,sBAAsB;AACtB,MAAM;AACN,+BAA+B;AAC/B,sDAAsD;AACtD,qBAAqB;AACrB,sBAAsB;AACtB,QAAQ;AAER,+BAA+B;AAC/B,yDAAyD;AACzD,QAAQ;AAER,oBAAoB;AACpB,MAAM;AACN,IAAI"}

package/package.json

@@ -0,0 +1,132 @@
+{
+	"name": "taro-react-uilib",
+	"version": "1.0.2",
+	"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"
+	},
+	"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/readme.md

@@ -0,0 +1,25 @@
+# 基于taro的多端UI组件库
+
+## 特性
+- 目前只支持h5以及微信小程序，暂不支持其他端
+
+## 使用
+```bash
+yarn add taro-uilib --registry http://10.3.209.42:4873
+```
+
+```bash
+npm install taro-uilib --registry http://10.3.209.42:4873
+```
+
+## 配置
+`config/index.js`
+```js
+const config = {
+  // 其他配置
+  ...
+  h5.esnextModules: ['taro-uilib']
+  // 其他配置
+  ...
+}
+```

package/types/components/BankIcon/bank.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    '102': any;
+    '103': any;
+    '104': any;
+    '105': any;
+    '301': any;
+    '302': any;
+    '303': any;
+    '304': any;
+    '305': any;
+    '306': any;
+    '307': any;
+    '308': any;
+    '309': any;
+    '310': any;
+    '403': any;
+};
+export default _default;

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import bankImage from './bank';
+import { XHComponentCommonProps } from '../../types';
+import './index.scss';
+export declare type BankIconCode = keyof typeof bankImage;
+export declare type XHListProps = {
+    code: BankIconCode;
+    size?: 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70;
+} & XHComponentCommonProps;
+declare const XHBankIcon: FC<XHListProps>;
+export default XHBankIcon;

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

@@ -0,0 +1,41 @@
+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 ButtonSize = 'default' | 'mini' | 'full';
+export declare type WechatOpenType = 'contact'
+/** 触发用户转发，使用前建议先阅读使用指引
+ * @see https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html#%E4%BD%BF%E7%94%A8%E6%8C%87%E5%BC%95
+ */
+ | 'share'
+/** 获取用户手机号，可以从 bindgetphonenumber 回调中获取到用户信息
+ * @see https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html
+ */
+ | 'getPhoneNumber'
+/** 获取用户信息，可以从 bindgetuserinfo 回调中获取到用户信息 */
+ | 'getUserInfo'
+/** 用户实名信息授权，已经弃用 */
+ | 'getRealnameAuthInfo'
+/** 打开APP，可以通过app-parameter属性设定向APP传的参数
+ * @see https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html
+ */
+ | 'launchApp'
+/** 打开授权设置页 */
+ | 'openSetting'
+/** 打开“意见反馈”页面，用户可提交反馈内容并上传日志，开发者可以登录小程序管理后台后进入左侧菜单“客服反馈”页面获取到反馈内容 */
+ | 'feedback';
+export declare type XhButtonProps = {
+    htmlType?: 'button' | 'submit' | 'reset';
+    type?: ButtonType;
+    size?: ButtonSize;
+    shape?: ButtonShape;
+    disabled?: boolean;
+    className?: string;
+    styleName?: string;
+    text?: string;
+    onClick?: (e: ITouchEvent | MouseEvent) => void;
+} & Omit<ButtonProps, 'type' | 'size'>;
+declare const XhButton: FC<XhButtonProps>;
+export default XhButton;

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

@@ -0,0 +1,17 @@
+import React, { Ref } from "react";
+import { XhButtonProps } from "../Button";
+import "./index.scss";
+declare type refMe = {
+    reset: () => void;
+};
+export interface CaptchaProps extends XhButtonProps {
+    timeout: number;
+    className?: string;
+    styleName?: string;
+    text: string;
+    onClick: () => Promise<boolean>;
+    ref: Ref<refMe>;
+    timeingTemp?: string;
+}
+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>>;
+export default CountdownButton;

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

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+import "./index.scss";
+export declare type AlertProps = {
+    title?: string | ReactNode;
+    header?: string | ReactNode;
+    content?: string | ReactNode;
+    buttonText?: string | ReactNode;
+};
+declare const Alert: (props: AlertProps) => Promise<void>;
+export default Alert;

package/types/components/Dialog/Dialog/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 Dialog: React.ForwardRefExoticComponent<{
+    header?: string | ReactNode;
+    content: string | ReactNode;
+    footer?: string | ReactNode;
+    visible: boolean;
+} & XHComponentCommonProps & React.RefAttributes<DialogRef>>;
+export default Dialog;

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

@@ -0,0 +1,9 @@
+import { ForwardRefExoticComponent, RefObject } from "react";
+import { DialogRef, DialogProps } from "./Dialog";
+import { AlertProps } from "./Alert";
+export interface DialogComponent<P = {}> extends ForwardRefExoticComponent<P> {
+    ref: RefObject<DialogRef>;
+    alert: (options: AlertProps) => Promise<void>;
+}
+declare const Dialog: DialogComponent<DialogProps>;
+export default Dialog;

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

@@ -0,0 +1,44 @@
+import React, { ReactNode, Ref } from "react";
+import { InputProps } from "@tarojs/components";
+import "./index.scss";
+export declare type HTMLFormType = "tel" | "text" | "number" | "password";
+export declare type FormInputProps = {
+    onChange?: (value: string) => void;
+    onBlur?: (value: string) => void;
+    value: string;
+    maxlength?: number;
+    placeholder?: string;
+    type?: HTMLFormType | InputProps["type"];
+    pattern?: string;
+    RightComponent?: ReactNode;
+    label?: string;
+    labelHtml?: string;
+    LeftComponent?: ReactNode;
+    LeftIcon?: ReactNode;
+    name?: string;
+    readonly?: boolean;
+    withArrow?: boolean;
+} & InputProps;
+export declare type InputRef = Ref<{
+    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;
+}>>;
+export default FormInput;

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

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import "./index.scss";
+import { XHComponentCommonProps } from "../../types";
+export declare type ImageProps = {
+    width?: number;
+    height?: number;
+    src: string;
+} & XHComponentCommonProps;
+declare const XHImage: FC<ImageProps>;
+export default XHImage;

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

@@ -0,0 +1,14 @@
+import { FC, ReactNode } from 'react';
+import './index.scss';
+export declare type XHListProps = {
+    title: string;
+    description?: string;
+    icon?: ReactNode;
+    extra?: string | ReactNode;
+    extraIcon?: ReactNode;
+    border?: boolean;
+    arrow?: boolean;
+    onClick?: () => void;
+};
+declare const XHList: FC<XHListProps>;
+export default XHList;

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

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

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

@@ -0,0 +1,10 @@
+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';
+} & XHComponentCommonProps;
+declare const Mask: FC<MaskProps>;
+export default Mask;

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

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

package/types/hooks/index.d.ts

@@ -0,0 +1 @@
+export declare const useTaroEnv: () => string;

package/types/index.d.ts

@@ -0,0 +1,9 @@
+export { default as XHButton } from './components/Button';
+export { default as XHPage } from './components/Page';
+export { default as XHLoading } from './components/Loading';
+export { default as XHBankIcon } from './components/BankIcon';
+export { default as XHCaptcha } from './components/Captcha';
+export { default as XHFormInput } from './components/FormInput';
+export { default as XHList } from './components/List';
+export { default as XHMask } from './components/Mask';
+export { default as XHImage } from './components/Image';

package/types/types/index.d.ts

@@ -0,0 +1,3 @@
+export declare type XHComponentCommonProps = {
+    className?: string;
+};

package/types/utils/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 禁止输入emoji表情
+ * @param {string} val - 输入内容
+ * @returns {boolean} - 校验结果 返回 true || false
+ */
+export declare const inputRange: (val: string) => string;