taro-react-uilib 1.0.4 → 1.0.24

package/lib/components/DialogRef/index.js

@@ -6,21 +6,22 @@ import Button from "../Button";
 import Mask from "../Mask";
 import "./index.scss";
 const DialogCom = forwardRef((props, fromRef) => {
-    const { header, content, className = "", visible, showCancel = true, onComfirm, onCancel, onClose, } = props;
+    const { header, content, className = "", visible, showCancel = true, confirmText = "确定", cancelText = "取消", footer = false, onConfirm, onCancel, onClose, } = props;
     const [selfVisible, setSelfVisible] = useState(false);
     useImperativeHandle(fromRef, () => ({
         close,
         open,
     }));
     const close = () => {
+        onClose && onClose();
         setSelfVisible(false);
     };
     const open = () => {
         setSelfVisible(true);
     };
     const handleConfirm = () => {
-        onComfirm && onComfirm();
-        close();
+        onConfirm && onConfirm();
+        // close();
     };
     const handleCancel = () => {
         onCancel && onCancel();
@@ -35,20 +36,20 @@ const DialogCom = forwardRef((props, fromRef) => {
     const dialogcls = classNames("xh-dialog-ref", className, {
         show: selfVisible,
     });
-    const comfirmCls = classNames({ "one-button": !showCancel });
+    const comfirmCls = classNames("xh-dialog-ref-content-footer-button-button");
     const footercls = classNames("xh-dialog-ref-content-footer-button", {
         "xh-dialog-ref-content-footer-button-center": !showCancel,
     });
     const dialogFooter = (React.createElement(View, { className: footercls },
-        showCancel && React.createElement(Button, { onClick: handleCancel }, "\u53D6\u6D88"),
-        React.createElement(Button, { type: "primary", className: comfirmCls, onClick: handleConfirm }, "\u786E\u5B9A")));
+        showCancel && (React.createElement(Button, { type: "ghost", shape: "rectangle", preventTime: 0, onClick: handleCancel, className: "xh-dialog-ref-content-footer-button-button" }, cancelText)),
+        React.createElement(Button, { type: "ghost", shape: "rectangle", className: comfirmCls, onClick: handleConfirm, preventTime: 0 }, confirmText)));
     const DialogMain = (React.createElement(View, { className: dialogcls },
         React.createElement(Mask, null),
         React.createElement(CSSTransition, { in: selfVisible, timeout: 200, classNames: "scale" },
             React.createElement(View, { className: "xh-dialog-ref-content" },
                 React.createElement(View, { className: "xh-dialog-ref-content-header" }, header),
                 React.createElement(View, { className: "xh-dialog-ref-content-content" }, content),
-                React.createElement(View, { className: "xh-dialog-ref-content-footer" }, dialogFooter)))));
+                footer || (React.createElement(View, { className: "xh-dialog-ref-content-footer" }, dialogFooter))))));
     return DialogMain;
 });
 export default DialogCom;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DialogRef/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DialogRef/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/FormInput/index.js

@@ -1,12 +1,23 @@
-import React, { useRef, useImperativeHandle } from "react";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useRef, useImperativeHandle, forwardRef, } from "react";
 import { Input, View, Text } from "@tarojs/components";
 import { getEnv } from "@tarojs/taro";
 import classNames from "classnames";
 import { inputRange } from "../../utils/index";
 import "./index.scss";
-const FormInput = React.forwardRef((props, formRef) => {
+const FormInput = forwardRef((props, formRef) => {
     const taroEnv = getEnv();
-    const { onChange, maxlength, value, type, placeholder, label, labelHtml, RightComponent, onBlur, pattern, LeftComponent, LeftIcon, name, readonly = false, withArrow = false, password, } = props;
+    const { onChange, maxlength, value, type, placeholder, label, labelHtml, RightComponent, onBlur, pattern, LeftComponent, LeftIcon, name, readonly = false, withArrow = false, password, direction = "row", border = true, mainExtra, padding = false } = props, rest = __rest(props, ["onChange", "maxlength", "value", "type", "placeholder", "label", "labelHtml", "RightComponent", "onBlur", "pattern", "LeftComponent", "LeftIcon", "name", "readonly", "withArrow", "password", "direction", "border", "mainExtra", "padding"]);
     function handleChange(e) {
         let inputValue = inputRange(e.target.value);
         e.target.value = inputValue;
@@ -18,35 +29,44 @@ const FormInput = React.forwardRef((props, formRef) => {
     }
     const inputRef = useRef(null);
     useImperativeHandle(formRef, () => ({
-        focus: () => {
+        focus() {
             inputRef.current.focus();
         },
     }));
+    const wrapperCls = classNames("xh-form-input", {
+        column: direction === "column",
+        border,
+        padding,
+    });
     if (taroEnv !== "WEB") {
-        return (React.createElement(View, { className: "xh-form-input" },
-            React.createElement(View, { className: "xh-form-input-left" },
-                label && (React.createElement(View, { className: "xh-form-input-left-label" },
-                    label,
-                    React.createElement(View, { className: "xh-form-input-left-label-icon" }, LeftIcon))),
-                labelHtml && (React.createElement("label", { dangerouslySetInnerHTML: { __html: labelHtml }, className: "label" })),
-                React.createElement(View, null, LeftComponent)),
-            React.createElement(View, { className: "xh-form-input-center" }, readonly ? (React.createElement(Text, { className: classNames("xh-form-input-readonly", {
-                    "xh-form-input-placeholder": !value,
-                }) }, value || placeholder)) : (React.createElement(Input, { ref: inputRef, className: "xh-form-input-center-native", maxlength: maxlength, name: name, placeholder: placeholder, type: type, value: value, onBlur: handleBlur, onInput: handleChange, password: password }))),
+        return (React.createElement(View, { className: wrapperCls },
+            React.createElement(View, { className: "xh-form-input-main" },
+                React.createElement(View, { className: "xh-form-input-main-left" },
+                    label && (React.createElement(View, { className: "xh-form-input-main-left-label" },
+                        label,
+                        LeftIcon && (React.createElement(View, { className: "xh-form-input-main-left-label-icon" }, LeftIcon)))),
+                    labelHtml && (React.createElement("label", { dangerouslySetInnerHTML: { __html: labelHtml }, className: "label" })),
+                    React.createElement(View, null, LeftComponent)),
+                React.createElement(View, { className: "xh-form-input-main-center" }, readonly ? (React.createElement(Text, { className: classNames("xh-form-input-readonly", {
+                        "xh-form-input-placeholder": !value,
+                    }) }, value || placeholder)) : (React.createElement(Input, Object.assign({}, rest, { ref: inputRef, className: "xh-form-input-main-center-native", maxlength: maxlength, name: name, placeholder: placeholder, type: type, value: value, onBlur: handleBlur, onInput: handleChange, password: password })))),
+                mainExtra && (React.createElement(View, { className: "xh-form-input-main-extra" }, mainExtra))),
             React.createElement(View, { className: "xh-form-input-right" },
                 RightComponent,
                 withArrow && React.createElement(View, { className: "arrow" }))));
     }
-    return (React.createElement("div", { className: "xh-form-input" },
-        React.createElement("div", { className: "xh-form-input-left" },
-            label && (React.createElement("label", { className: "xh-form-input-left-label" },
-                label,
-                React.createElement(View, { className: "xh-form-input-left-label-icon" }, LeftIcon))),
-            labelHtml && (React.createElement("label", { dangerouslySetInnerHTML: { __html: labelHtml }, className: "label" })),
-            React.createElement("div", null, LeftComponent)),
-        React.createElement("div", { className: "xh-form-input-center" }, readonly ? (React.createElement("p", { className: classNames("xh-form-input-readonly", {
-                "xh-form-input-placeholder": !value,
-            }) }, value || placeholder)) : (React.createElement("input", { ref: inputRef, className: "xh-form-input-center-native", maxLength: maxlength, name: name, pattern: pattern, placeholder: placeholder, type: type, value: value, onBlur: handleBlur, onInput: handleChange }))),
+    return (React.createElement("div", { className: wrapperCls },
+        React.createElement("div", { className: "xh-form-input-main" },
+            React.createElement("div", { className: "xh-form-input-main-left" },
+                label && (React.createElement("label", { className: "xh-form-input-main-left-label" },
+                    label,
+                    LeftIcon && (React.createElement("div", { className: "xh-form-input-main-left-label-icon" }, LeftIcon)))),
+                labelHtml && (React.createElement("label", { dangerouslySetInnerHTML: { __html: labelHtml }, className: "label" })),
+                React.createElement("div", null, LeftComponent)),
+            React.createElement("div", { className: "xh-form-input-main-center" }, readonly ? (React.createElement("p", { className: classNames("xh-form-input-main-center-readonly", {
+                    "xh-form-input-main-placeholder": !value,
+                }) }, value || placeholder)) : (React.createElement("input", { ref: inputRef, className: "xh-form-input-main-center-native", maxLength: maxlength, name: name, pattern: pattern, placeholder: placeholder, type: type, value: value, onBlur: handleBlur, onInput: handleChange }))),
+            mainExtra && (React.createElement("div", { className: "xh-form-input-main-extra" }, mainExtra))),
         React.createElement("div", { className: "xh-form-input-right" },
             RightComponent,
             withArrow && React.createElement("i", { className: "arrow" }))));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormInput/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormInput/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/List/index.js

@@ -1,21 +1,24 @@
-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();
+import React from "react";
+import { View, Text } from "@tarojs/components";
+import classNames from "classnames";
+import "./index.scss";
+const XHList = props => {
+    const { title = "", description = "", icon, extra = "", extraIcon = "", arrow, border = true, onClick, className, outline = true, condensed = false, descriptionColor = "", extraColor = "", ellipsis = true, padding = false, } = props;
+    const listcls = classNames("xh-list", { border }, { outline }, { condensed }, { padding }, className);
+    const mainCls = classNames("xh-list-main", {
+        ellipsis,
+    });
+    const handleClick = (e) => {
+        onClick && onClick(e);
     };
     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)),
+        icon && React.createElement(View, { className: "xh-list-icon" }, icon),
+        React.createElement(View, { className: mainCls },
+            title && React.createElement(Text, { className: "xh-list-main-title" }, title),
+            React.createElement(Text, { className: "xh-list-main-description", style: { color: descriptionColor } }, 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" }))))));
+            React.createElement(View, { className: "xh-list-extra-info", style: { color: extraColor } }, 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

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAe,MAAM,oBAAoB,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,cAAc,CAAC;AAmBtB,MAAM,MAAM,GAAoB,KAAK,CAAC,EAAE;IACtC,MAAM,EACJ,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,EAAE,EAChB,IAAI,EACJ,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,EAAE,EACd,KAAK,EACL,MAAM,GAAG,IAAI,EACb,OAAO,EACP,SAAS,EACT,OAAO,GAAG,IAAI,EACd,SAAS,GAAG,KAAK,EACjB,gBAAgB,GAAG,EAAE,EACrB,UAAU,GAAG,EAAE,EACf,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,KAAK,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,EACT,EAAE,MAAM,EAAE,EACV,EAAE,OAAO,EAAE,EACX,EAAE,SAAS,EAAE,EACb,EAAE,OAAO,EAAE,EACX,SAAS,CACV,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,EAAE;QACzC,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAAC,CAAc,EAAE,EAAE;QACrC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,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,EAAE,OAAO;YACrB,KAAK,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,IAAE,KAAK,CAAQ;YAC7D,oBAAC,IAAI,IACH,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAEjC,WAAW,CACP,CACF;QACP,oBAAC,IAAI,IAAC,SAAS,EAAC,eAAe;YAC7B,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAC9D,KAAK,CACD;YACP,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,IACjC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,OAAO,GAAG,CACvD,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,MAAM,CAAC"}

package/lib/components/Loading/index.js

@@ -1,14 +1,16 @@
-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 }),
+import React from "react";
+import classNames from "classnames";
+import { View } from "@tarojs/components";
+import Mask from "../Mask";
+import "./index.scss";
+const Loading = ({ mask, className, tip = "", color = "", }) => {
+    const cls = classNames("xh-loading", className);
+    return (React.createElement(View, { className: cls },
+        React.createElement(Mask, { mask: mask }),
         React.createElement(View, { className: "xh-loading-main" },
-            React.createElement(View, { className: "xh-loading-icon" }))));
+            React.createElement(View, { className: "xh-loading-main-spinner" }, [...Array(12).keys()].map((index) => (React.createElement(View, { className: classNames("xh-loading-main-spinner-circle", `is-circle${index + 1}`), key: `spinner${index}` },
+                React.createElement(View, { className: "dot-rotate", style: { backgroundColor: color } }))))),
+            tip && React.createElement(View, { className: "xh-loading-main-tip" }, tip))));
 };
 export default Loading;
 //# sourceMappingURL=index.js.map

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

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Loading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,IAAmB,MAAM,SAAS,CAAC;AAE1C,OAAO,cAAc,CAAC;AAQtB,MAAM,OAAO,GAAqB,CAAC,EACjC,IAAI,EACJ,SAAS,EACT,GAAG,GAAG,EAAE,EACR,KAAK,GAAG,EAAE,GACX,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAEhD,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG;QAClB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI;QACpB,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB;YAC/B,oBAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,IACtC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACpC,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CACnB,gCAAgC,EAChC,YAAY,KAAK,GAAG,CAAC,EAAE,CACxB,EACD,GAAG,EAAE,UAAU,KAAK,EAAE;gBAEtB,oBAAC,IAAI,IACH,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,GAC3B,CACH,CACR,CAAC,CACG;YACN,GAAG,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,IAAE,GAAG,CAAQ,CACrD,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/Mask/index.js

@@ -1,12 +1,12 @@
-import React from 'react';
-import classNames from 'classnames';
-import { View } from '@tarojs/components';
-import './index.scss';
-const Mask = (props) => {
+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',
+    const cls = classNames("xh-mask", {
+        "xh-mask-normal": mask === "normal",
+        "xh-mask-transparent": mask === "transparent",
     });
     function handleClick(e) {
         closeOnClickMask && onClick && onClick(e);

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

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Mask/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,cAAc,CAAC;AAQtB,MAAM,IAAI,GAAkB,KAAK,CAAC,EAAE;IAClC,MAAM,EAAE,gBAAgB,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEzD,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE;QAChC,gBAAgB,EAAE,IAAI,KAAK,QAAQ;QACnC,qBAAqB,EAAE,IAAI,KAAK,aAAa;KAC9C,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,CAAM;QACzB,gBAAgB,IAAI,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IAC5C,CAAC;IAED,OAAO,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,GAAI,CAAC;AACxD,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/NumberKeyboard/index.js

@@ -3,8 +3,7 @@ import classNames from "classnames";
 import { CSSTransition } from "react-transition-group";
 import { View } from "@tarojs/components";
 import "./index.scss";
-import Key from "./Key";
-const NumberKeyboard = (props) => {
+const NumberKeyboard = props => {
     const { onBlur, show, maxLength = Number.MAX_SAFE_INTEGER, showClose = true, closeOnClickSpace = true, onClose, onChange, value, className, } = props;
     const [input, setInput] = useState(value);
     const keys = getKeys();
@@ -23,7 +22,10 @@ const NumberKeyboard = (props) => {
         onClose && onClose(e);
         onBlur && onBlur(e);
     }
-    function handleKeyPress({ type, value }) {
+    function handleKeyPress(e, { type, value }) {
+        if (process.env.TARO_ENV === "h5") {
+            e.stopImmediatePropagation();
+        }
         if (type === "none")
             return;
         let newInput = input;
@@ -41,16 +43,19 @@ const NumberKeyboard = (props) => {
         for (let i = 1; i <= 9; i++) {
             keys.push({ text: i, value: i, type: "number" });
         }
-        keys.push({ text: "", value: "", type: "none" }, { text: 0, value: 0, type: "number" }, { text: "delete", value: "", type: "delete" });
+        keys.push({ text: "", value: "", type: "none" }, { text: 0, value: 0, type: "number" }, { text: "", value: "", type: "delete" });
         return keys;
     }
     const keyboardcls = classNames("xh-number-keyboard", className);
     return (React.createElement(CSSTransition, { classNames: "slide-up", in: show, unmountOnExit: true, timeout: 200 },
         React.createElement(View, { className: keyboardcls },
             React.createElement(View, { className: "xh-number-keyboard-header" }, showClose && (React.createElement(View, { className: "xh-number-keyboard-close", onClick: handleClose }, "\u5B8C\u6210"))),
-            React.createElement(View, { className: "xh-number-keyboard-body" }, keys.map((key, index) => (React.createElement(Key, { key: index, className: classNames({
-                    "xh-number-keyboard-key-gray": key.type !== "number",
-                }), onClick: () => handleKeyPress(key) }, key.type === "delete" ? (React.createElement(View, { className: "xh-number-keyboard-delete" })) : (React.createElement(View, null, key.text)))))))));
+            React.createElement(View, { className: "xh-number-keyboard-body" }, keys.map((key, index) => (React.createElement(View, { key: index, className: classNames("xh-number-keyboard-body-key", {
+                    none: key.type === "none",
+                    delete: key.type === "delete",
+                }), onClick: e => {
+                    handleKeyPress(e, key);
+                } }, key.text)))))));
 };
 export default NumberKeyboard;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NumberKeyboard/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NumberKeyboard/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/Page/index.js

@@ -1,14 +1,14 @@
-import React from 'react';
-import Loading from '../Loading';
-import { View } from '@tarojs/components';
+import React from "react";
+import { View } from "@tarojs/components";
 import classname from "classnames";
-import './index.scss';
-const Page = props => {
-    const { children, loading = false, className = "", mask = "normal", } = props;
+import "./index.scss";
+import Loading from "../Loading";
+const Page = (props) => {
+    const { children, loading = false, className = "", mask = "normal", tip, loadingColor, } = 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 }))),
+            React.createElement(Loading, { mask: mask, tip: tip, color: loadingColor }))),
         children));
 };
 export default Page;

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

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,cAAc,CAAC;AACtB,OAAO,OAAyB,MAAM,YAAY,CAAC;AASnD,MAAM,IAAI,GAAkB,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,EACJ,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,QAAQ,EACf,GAAG,EACH,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAEjD,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,QAAQ;QACtB,OAAO,IAAI,CACV,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB;YAC/B,oBAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,GAAI,CACjD,CACR;QACA,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/Picker/Picker.js

@@ -0,0 +1,109 @@
+import React, { useRef, useState, } from "react";
+import { View } from "@tarojs/components";
+import classNames from "classnames";
+import Popup from "../Popup";
+import Button from "../Button";
+import { useAsyncEffect, useTouch } from "../../hooks";
+const Picker = (props) => {
+    const { visible, title, ItemComponent, Footer, data, onCancel, onConfirm, onClose, cancelText = "取消", confirmText = "确定", } = props;
+    const [selectIndex, setSelectIndex] = useState(0);
+    const rootRef = useRef(null);
+    const threshold = 30; // 可拉超出的最高距离
+    const [transformDistance, setTransformDistance] = useState(0); // 滚动区域translateY
+    const lastTranslateY = useRef(0);
+    const [perItemHeight, setPerItemHeight] = useState(0); // 每个item的高度
+    const touch = useTouch();
+    const renderItem = () => {
+        return data.map((item, index) => {
+            let text = typeof item === "string" ? item : item.text;
+            const itemClass = classNames("xh-picker-body-view-item", {
+                active: selectIndex === index,
+            });
+            return (React.createElement(View, { className: itemClass, onClick: e => handleSelect(index, e), key: index }, ItemComponent ? ItemComponent({ data: item }) : text));
+        });
+    };
+    const renderHeader = () => {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Button, { className: "xh-picker-header-button picker-cancel", shape: "square", size: "mini", type: "ghost", onClick: handleCancel }, cancelText),
+            title && React.createElement("div", { className: "xh-picker-header-title" }, title),
+            React.createElement(Button, { className: "xh-picker-header-button picker-confirm", shape: "square", size: "mini", type: "ghost", onClick: handleConfirm }, confirmText)));
+    };
+    useAsyncEffect(async () => {
+        if (visible) {
+            const { height } = await rootRef.current.getBoundingClientRect();
+            const perheight = height / data.length;
+            setPerItemHeight(perheight);
+        }
+    }, [visible, data.length]);
+    function handleSelect(index, e) {
+        setSelectIndex(index);
+        handleConfirm(e, index);
+    }
+    function getValue(index) {
+        return data[index];
+    }
+    function handleCancel(e) {
+        setSelectIndex(selectIndex);
+        onCancel && onCancel(e);
+        onClose && onClose(e);
+    }
+    function handleConfirm(e, index = selectIndex) {
+        const value = getValue(index);
+        onConfirm && onConfirm(value, index);
+        onClose && onClose(e);
+    }
+    const handleToucMove = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        // 试验
+        touch.touchmove(e);
+        const distanceY = touch.touchMoveDistance.y;
+        if (distanceY === 0)
+            return; // 点击事件
+        console.log(distanceY);
+        console.log("distanceY");
+        let finaltrans = distanceY + lastTranslateY.current;
+        if (Math.abs(finaltrans) < perItemHeight / 3)
+            return;
+        if (finaltrans >= perItemHeight)
+            return;
+        if (finaltrans <= -perItemHeight * data.length - threshold)
+            return;
+        setTransformDistance(finaltrans);
+    };
+    const handleTouchStart = (e) => {
+        e.preventDefault();
+        lastTranslateY.current = transformDistance; // end的时候记录最后一次transiton
+        // shiyan
+        touch.touchstart(e);
+    };
+    const handleTouchEnd = (e) => {
+        touch.touchend(e);
+        e.preventDefault();
+        const total = perItemHeight * data.length;
+        let index = data.length -
+            Math.round((total - Math.abs(transformDistance)) / perItemHeight);
+        if (index < 0 ||
+            (transformDistance > 0 && transformDistance <= perItemHeight) // 如果往上滚动到顶
+        )
+            index = 0;
+        if (index > data.length - 1)
+            index = data.length - 1;
+        setTransformDistance(-(index * perItemHeight));
+        setSelectIndex(index);
+    };
+    return (React.createElement(Popup, { visible: visible },
+        React.createElement(View, { className: "xh-picker" },
+            React.createElement(View, { className: "xh-picker-header" }, renderHeader()),
+            React.createElement(View, { className: "xh-picker-body" },
+                React.createElement(View, { className: "xh-picker-body-view", ref: rootRef, onTouchStart: handleTouchStart, onTouchMove: handleToucMove, onTouchEnd: handleTouchEnd, style: {
+                        transform: `translateY(${transformDistance}px)`,
+                    }, "catch-move": true }, renderItem()),
+                React.createElement(View, { className: "xh-picker-body-mask" },
+                    React.createElement(View, { className: "xh-picker-body-mask-top" }),
+                    React.createElement(View, { className: "xh-picker-body-mask-middle" }),
+                    React.createElement(View, { className: "xh-picker-body-mask-bottom" }))),
+            React.createElement(View, { className: "xh-picker-footer" }, Footer))));
+};
+export default Picker;
+//# sourceMappingURL=Picker.js.map

package/lib/components/Picker/Picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.js","sourceRoot":"","sources":["../../../src/components/Picker/Picker.tsx"],"names":[],"mappings":"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"}

package/lib/components/Picker/index.js

@@ -0,0 +1,35 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useState, } from "react";
+import classNames from "classnames";
+import Picker from "./Picker";
+import "./index.scss";
+const PickerField = (props) => {
+    const { className, children } = props, rest = __rest(props, ["className", "children"]);
+    const [visible, setVisible] = useState(false);
+    function handleClick() {
+        if (rest.data.length <= 0)
+            return;
+        setVisible(true);
+    }
+    function handleClose(e) {
+        e.stopPropagation();
+        setVisible(false);
+    }
+    return (React.createElement("div", { className: classNames("xh-picker-field", className), onClick: handleClick },
+        children,
+        React.createElement(Picker, Object.assign({ visible: visible }, rest, { 
+            // onCancel={handleClose}
+            onClose: handleClose }))));
+};
+export default PickerField;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Picker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,QAAQ,GAKT,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAuB,MAAM,UAAU,CAAC;AAE/C,OAAO,cAAc,CAAC;AAYtB,MAAM,WAAW,GAAG,CAClB,KAA0B,EACZ,EAAE;IAChB,MAAM,EAAE,SAAS,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxC,yBAAgC,CAAQ,CAAC;IAC/C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,WAAW;QAClB,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO;QAElC,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;IAED,SAAS,WAAW,CAAC,CAAa;QAChC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,WAAW;QAEnB,QAAQ;QACT,oBAAC,MAAM,kBACL,OAAO,EAAE,OAAO,IACZ,IAAI;YACR,yBAAyB;YACzB,OAAO,EAAE,WAAW,IACpB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}