taro-react-uilib 1.2.2 → 1.3.0-0

package/dist/styles/components/amountinput.scss

@@ -0,0 +1,107 @@
+@import "../../styles/themes/variable.scss";
+
+#{$xh-prefix}-amount-input {
+  display: flex;
+  padding: 0 40px;
+  flex-direction: column;
+  background-color: #FFF;
+  &-top {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    padding: 32px 0;
+    border-bottom: 2px solid #EEE;
+    align-items: baseline;
+    &-unit {
+      font-size: 36px;
+    }
+    &-amount {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      flex: 1;
+      height: 128px;
+      position: relative;
+      &-num {
+        font-size: 64px;
+        display: flex;
+        align-items: center;
+        font-family: Bebas Neue-Bold, Bebas Neue;
+        color: #333;
+        font-weight: bold;
+        &-key {
+          display: inline-block;
+        }
+        &-placeholder {
+          font-size: 28px;
+          font-family: PingFang SC-Regular, PingFang SC;
+          font-weight: 400;
+          color: #B9B9B9;
+          position: absolute;
+          left: 32px;
+        }
+        &-cursor {
+          &.focus {
+            width: 4px;
+            height: 50px;
+            background-color: var(--color-primary);
+            display: inline-block;
+            margin-left: 4px;
+            animation: CursorShine 1s linear infinite;
+          }
+        }
+      }
+      &-shortcut {
+        padding: 0 20px;
+        height: 58px;
+        display: flex;
+        align-items: center;
+        font-size: 26px;
+        font-family: PingFang SC-Regular, PingFang SC;
+        font-weight: 400;
+        color: var(--color-primary);
+        border-radius: 30px;
+        border: 2px solid var(--color-primary);
+      }
+    }
+  }
+  &-error {
+    font-size: 20px;
+    font-family: PingFang SC-Regular, PingFang SC;
+    font-weight: 400;
+    color: var(--color-warning);
+    margin-top: 8px;
+  }
+  &-bottom {
+    color: #999;
+    display: flex;
+    justify-content: space-between;
+    margin: 20px 0;
+    &-range {
+      font-size: 26px;
+      font-family: PingFang SC-Regular, PingFang SC;
+      font-weight: 400;
+      &-number {
+        color: #333;
+        display: inline-block;
+      }
+    }
+    &-tip {
+      font-size: 24px;
+      &-update {
+        display: inline-block;
+        color: var(--color-primary);
+      }
+    }
+  }
+}
+
+
+@keyframes CursorShine {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}

package/dist/styles/components/amountkeyboard.scss

@@ -0,0 +1,127 @@
+@import './badge.scss';
+@import './space.scss';
+@import "../../styles/themes/variable.scss";
+
+#{$xh-prefix}-amount-keyboard {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 999;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  background-color: #FFF;
+
+  &-header {
+    border-top: 1PX solid $border-color;
+    display: flex;
+    justify-content: flex-start;
+    &-wrapper {
+      width: 100%;
+      &-text {
+        font-size: 32px;
+        font-family: PingFang SC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #333333;
+        white-space: nowrap;
+        overflow-x: auto;
+        padding: 0 40px;
+        height: 122px;
+        display: flex;
+        align-items: center;
+        width: 100%;
+      }
+    }
+  }
+
+  &-close {
+    align-self: flex-end;
+    border: 0;
+    text-align: center;
+    font-size: 30px;
+    font-family: PingFang SC-Regular, PingFang SC;
+    font-weight: 400;
+    color: $color-primary-dark;
+  }
+
+  &-body {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    box-sizing: border-box;
+    position: relative;
+    &-key {
+      width: 187px;
+      height: 112px;
+      box-sizing: border-box;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: #ffffff;
+      font-size: 42px;
+      font-family: DIN Alternate-Bold, DIN Alternate;
+      font-weight: bold;
+      color: #000000;
+      border-right: 1PX solid var(--border-color);
+      border-top: 1PX solid var(--border-color);
+      &:active {
+        background-color: #eee;
+      }
+      &.delete {
+        background-image: url("./images/backspace.png");
+        background-size: 25%;
+        background-repeat: no-repeat;
+        background-position: center;
+        box-shadow: none;
+      }
+      &.close {
+        background-image: url("./images/closeKeyboard.png");
+        background-size: 25%;
+        background-repeat: no-repeat;
+        background-position: center;
+        box-shadow: none;
+      }
+      &.none {
+        visibility: hidden;
+        pointer-events: none;
+      }
+      &.confirm-fake {
+        background: $btn-color;
+        position: absolute;
+        bottom: 0;
+        right: 0;
+        width: 192px;
+        height: 336px;
+        color: #FFF;
+      }
+    }
+    .xh-button-webutton {
+      background-color: #fff;
+    }
+  }
+}
+.slide-up {
+  &-enter,
+  &-appear {
+    opacity: 0;
+    transform: translateY(100%);
+  }
+
+  &-enter-active,
+  &-appear-active {
+    opacity: 1;
+    transform: translateY(0);
+    transition: transform 0.3s, opacity 0.3s;
+  }
+
+  &-exit {
+    opacity: 1;
+    transform: translateY(0);
+  }
+
+  &-exit-active {
+    opacity: 0;
+    transform: translateY(100%);
+    transition: transform 0.3s, opacity 0.3s;
+  }
+}

package/dist/styles/components/badge.scss

@@ -0,0 +1,11 @@
+
+@import "../../styles/themes/variable.scss";
+
+#{$xh-prefix}-badge {
+  padding: 6px 24px;
+  border: 1px solid var(--color-primary);
+  display: inline-block;
+  font-size: 26px;
+  border-radius: 30px;
+  color: var(--color-primary);
+}

package/dist/styles/components/button.scss

@@ -107,3 +107,8 @@ button.xh-button-primary[type=primary] {
     }
   }
 }
+
+#{$xh-prefix}-dot-loading {
+  color: currentColor;
+  display: inline-block;
+}

package/dist/styles/components/collapse.scss

@@ -0,0 +1,17 @@
+@import './list.scss';
+@import "../../styles/themes/variable.scss";
+
+#{$xh-prefix}-collapse {
+  &-summary {
+    &.open {
+      .xh-list-extra-icon {
+        transition: transform 500ms;
+        transform: rotate(90deg);
+      }
+    }
+  }
+  &-detail {
+    overflow: hidden;
+    transition: height 500ms;
+  }
+}

package/dist/styles/components/index.scss

@@ -1,8 +1,12 @@
+@import './amountinput.scss';
+@import './amountkeyboard.scss';
 @import './animated.scss';
+@import './badge.scss';
 @import './bankicon.scss';
 @import './button.scss';
 @import './captcha.scss';
 @import './checkbox.scss';
+@import './collapse.scss';
 @import './dialog.scss';
 @import './dialogref.scss';
 @import './fade.scss';
@@ -15,7 +19,6 @@
 @import './page.scss';
 @import './passwordinput.scss';
 @import './picker.scss';
-@import './pickerslot.scss';
 @import './popup.scss';
 @import './progress.scss';
 @import './radio.scss';

package/dist/styles/components/picker.scss

@@ -39,4 +39,103 @@
   }
 }
 
+#{$xh-prefix}-picker-list {
+  flex: 1;
+  position: relative;
+  height: 252PX;
+  overflow: hidden;
+  text-align: center;
+  touch-action: none;
+
+  .xh-picker-list-panel {
+    transform-style: preserve-3d;
+  }
+
+  .xh-picker-mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)), linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));
+    background-position: top, bottom;
+    background-size: 100% 108PX;
+    background-repeat: no-repeat;
+    z-index: 3;
+  }
+
+  .xh-picker-indicator {
+    position: absolute;
+    top: 108PX;
+    height: 36PX;
+    width: 100%;
+    border: #d8d8d8;
+    border-left: 0;
+    border-right: 0;
+    color: #1a1a1a;
+    font-size: 4px;
+    z-index: 3;
+    border-top: 1px solid $border-color;
+    border-bottom: 1px solid $border-color;
+  }
+
+  .xh-picker-content,
+  .xh-picker-roller {
+    position: absolute;
+    top: 108PX;
+    width: 100%;
+    height: 36PX;
+  }
+
+  .xh-picker-content {
+    background: #fff;
+    z-index: 2;
+    overflow: hidden;
+  }
+
+  .xh-picker-item,
+  .xh-picker-roller-item {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    height: 36PX;
+    line-height: 36PX;
+    color: #d8d8d8;
+    font-size: 14PX;
+    text-align: center;
+  }
+
+  .xh-picker-item {
+    font-size: 16PX;
+    background: #fff;
+  }
+
+  .xh-picker-roller {
+    z-index: 1;
+    transform-style: preserve-3d;
+
+    .xh-picker-roller-item {
+      backface-visibility: hidden;
+      position: absolute;
+      top: 0;
+      width: 100%;
+      color: #333;
+    }
+
+    .xh-picker-roller-item-title {
+      display: block;
+      width: 100%;
+      height: 36PX;
+      line-height: 36PX;
+      color: #1a1a1a;
+      font-size: 16PX;
+    }
+
+    .xh-picker-roller-item-hidden {
+      visibility: hidden;
+      opacity: 0;
+    }
+  }
+}
+
 

package/dist/styles/components/space.scss

@@ -1,10 +1,6 @@
 @import "../../styles/themes/variable.scss";
-@import "../../styles/themes/default.scss";
-@import "../../styles/themes/animation.scss";
 
-$space-prefix-cls: #{$xh-prefix}-space;
-$space-item-prefix-cls: #{$xh-prefix}-space-item;
-#{$space-prefix-cls} {
+#{$xh-prefix}-space {
   display: inline-flex;
 
   &-vertical {
@@ -30,7 +26,7 @@ $space-item-prefix-cls: #{$xh-prefix}-space-item;
   }
 }
 
-#{$space-prefix-cls} {
+#{$xh-prefix}-space-item {
   &-rtl {
     direction: rtl;
   }

package/lib/components/AmountInput/index.js

@@ -0,0 +1,51 @@
+import React from "react";
+import { View } from "@tarojs/components";
+import classNames from "classnames";
+import "./index.scss";
+const AmountInput = props => {
+    const { value, maxlength = value.length, onFocus, className, focus = false, shortcut = "借全部", step = 100, errTip = "", onUpgrade, minAmount, maxAmount, loanOnekey = () => { }, placeholder = `单笔${minAmount}-${maxAmount}元，${step}的整数倍`, } = props;
+    function renderInputs() {
+        const Inputs = [""];
+        if (value === "")
+            return (React.createElement(View, { className: "xh-amount-input-top-amount-num-placeholder" }, placeholder));
+        for (let i = 0; i < maxlength; i++) {
+            const char = value[i];
+            Inputs.push(React.createElement(View, { key: i, className: "xh-amount-input-top-amount-num-key" }, char));
+        }
+        return Inputs;
+    }
+    function handlerClick(e) {
+        e.stopPropagation();
+        onFocus && onFocus(e);
+    }
+    const cls = classNames("xh-amount-input", className);
+    const handleUpgrade = (e) => {
+        e.stopPropagation();
+        onUpgrade === null || onUpgrade === void 0 ? void 0 : onUpgrade();
+    };
+    return (React.createElement(View, { className: cls },
+        React.createElement(View, { className: "xh-amount-input-top" },
+            React.createElement(View, { className: "xh-amount-input-top-unit" }, "\u00A5"),
+            React.createElement(View, { className: "xh-amount-input-top-amount", onClick: handlerClick },
+                React.createElement(View, { className: "xh-amount-input-top-amount-num" },
+                    React.createElement(View, { className: "xh-amount-input-top-amount-num-key" }, "\u00A0"),
+                    renderInputs(),
+                    React.createElement(View, { className: classNames("xh-amount-input-top-amount-num-cursor", {
+                            focus,
+                        }) })),
+                React.createElement(View, { className: "xh-amount-input-top-amount-shortcut", onClick: loanOnekey }, shortcut))),
+        React.createElement(View, { className: "xh-amount-input-error" }, errTip && errTip),
+        React.createElement(View, { className: "xh-amount-input-bottom" },
+            React.createElement(View, { className: "xh-amount-input-bottom-range" },
+                "\u5355\u7B14\u53EF\u501F\uFF1A",
+                React.createElement(View, { className: "xh-amount-input-bottom-range-number" },
+                    minAmount,
+                    "-",
+                    maxAmount,
+                    "\u5143")),
+            React.createElement(View, { className: "xh-amount-input-bottom-tip" },
+                "\u989D\u5EA6\u4E0D\u6EE1\u610F\uFF1F",
+                React.createElement(View, { className: "xh-amount-input-bottom-tip-update", onClick: handleUpgrade }, "\u7ACB\u5373\u63D0\u989D")))));
+};
+export default AmountInput;
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/AmountKeyboard/index.js

@@ -0,0 +1,97 @@
+import React, { useState, useEffect, useCallback, } from "react";
+import classNames from "classnames";
+import { CSSTransition } from "react-transition-group";
+import { View } from "@tarojs/components";
+import { pxTransform } from "@/utils";
+import Badge from "../Badge";
+import "./index.scss";
+import Space from "../Space";
+const XHAmountKeys = [
+    { text: 1, value: 1, type: "number" },
+    { text: 2, value: 2, type: "number" },
+    { text: 3, value: 3, type: "number" },
+    { text: "", value: "", type: "delete" },
+    { text: 4, value: 4, type: "number" },
+    { text: 5, value: 5, type: "number" },
+    { text: 6, value: 6, type: "number" },
+    { text: "", value: "", type: "none" },
+    { text: 7, value: 7, type: "number" },
+    { text: 8, value: 8, type: "number" },
+    { text: 9, value: 9, type: "number" },
+    { text: "", value: "", type: "none" },
+    { text: "00", value: "00", type: "number" },
+    { text: 0, value: 0, type: "number" },
+    { text: "", value: "", type: "close" },
+    { text: "", value: "", type: "none" },
+];
+const AmountKeyboard = props => {
+    const { onBlur, show, maxLength = Number.MAX_SAFE_INTEGER, closeOnClickSpace = true, onClose, onChange, value, className, onConfirm, recommend = [], header, } = props;
+    const [input, setInput] = useState(value);
+    useEffect(() => {
+        if (closeOnClickSpace) {
+            document.addEventListener("click", handleClose);
+        }
+        return () => {
+            document.removeEventListener("click", handleClose);
+        };
+    }, []);
+    useEffect(() => {
+        setInput(value);
+    }, [value]);
+    function handleClose(e) {
+        onClose && onClose(e);
+        onBlur && onBlur(e);
+    }
+    const handleOnRecommand = (e, amount) => {
+        e.stopPropagation();
+        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(`${amount}`);
+    };
+    const handleKeyPress = useCallback((e, { type, value }) => {
+        if (process.env.TARO_ENV === "h5") {
+            e.stopImmediatePropagation();
+        }
+        if (type === "none")
+            return;
+        if (type === "close") {
+            handleClose(e);
+            return;
+        }
+        let newInput = input;
+        if (type === "delete") {
+            newInput = input.slice(0, input.length - 1);
+        }
+        else if (newInput.replace(/^0+/g, "").length < maxLength) {
+            newInput = input + value;
+        }
+        // 前后两个值相等就不触发onchange
+        if (newInput === input)
+            return;
+        setInput(newInput);
+        onChange === null || onChange === void 0 ? void 0 : onChange(newInput);
+    }, [input]);
+    const handleConfirm = (e) => {
+        e.stopPropagation();
+        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(input);
+    };
+    const keyboardcls = classNames("xh-amount-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-amount-keyboard-header" },
+                React.createElement(View, { className: "xh-amount-keyboard-header-wrapper" }, header ||
+                    (recommend.length > 0 && (React.createElement(View, { className: "xh-amount-keyboard-header-wrapper-text" },
+                        "\u731C\u60A8\u60F3\u501F",
+                        " ",
+                        React.createElement(Space, { style: { marginLeft: pxTransform(24) } }, recommend === null || recommend === void 0 ? void 0 : recommend.map((amount, index) => (React.createElement(View, { key: index, onClick: e => handleOnRecommand(e, amount) },
+                            React.createElement(Badge, { content: `¥${amount}`, key: index })))))))))),
+            React.createElement(View, { className: "xh-amount-keyboard-body" },
+                XHAmountKeys.map((key, index) => (React.createElement(View, { key: index, className: classNames("xh-amount-keyboard-body-key", {
+                        none: key.type === "none",
+                        delete: key.type === "delete",
+                        close: key.type === "close",
+                    }), onClick: e => {
+                        handleKeyPress(e, key);
+                    } }, key.text))),
+                React.createElement(View, { className: "xh-amount-keyboard-body-key confirm-fake", onClick: handleConfirm }, "\u786E\u5B9A")))));
+};
+export default AmountKeyboard;
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/Badge/index.js

@@ -0,0 +1,11 @@
+import React from "react";
+import classNames from "classnames";
+import { View } from "@tarojs/components";
+import "./index.scss";
+const Badge = props => {
+    const { content, children } = props;
+    const cls = classNames("xh-badge", classNames);
+    return React.createElement(View, { className: cls }, !!children ? children : content);
+};
+export default Badge;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,cAAc,CAAC;AAMtB,MAAM,KAAK,GAAyB,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,GAAG,GAAG,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAE/C,OAAO,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,IAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAQ,CAAC;AACxE,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/Button/DotJump.js

@@ -0,0 +1,13 @@
+import React from "react";
+const DotJump = props => {
+    const { style, space = 20 } = props;
+    return (React.createElement("div", { className: "xh-dot-loading", style: style },
+        React.createElement("svg", { height: "1em", viewBox: "0 0 100 40", style: { verticalAlign: "-0.125em" } },
+            React.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+                React.createElement("g", { transform: "translate(-100.000000, -71.000000)" },
+                    React.createElement("g", { transform: "translate(95.000000, 71.000000)" },
+                        React.createElement("g", { transform: "translate(5.000000, 0.000000)" }, [0, 1, 2].map(i => (React.createElement("rect", { key: i, fill: "currentColor", x: 20 + i * space, y: "16", width: "8", height: "8", rx: "2" },
+                            React.createElement("animate", { attributeName: "y", from: "16", to: "16", dur: "2s", begin: `${i * 0.2}s`, repeatCount: "indefinite", values: "16; 6; 26; 16; 16", keyTimes: "0; 0.1; 0.3; 0.4; 1" })))))))))));
+};
+export default DotJump;
+//# sourceMappingURL=DotJump.js.map

package/lib/components/Button/DotJump.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotJump.js","sourceRoot":"","sources":["../../../src/components/Button/DotJump.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,OAAO,GAA2B,KAAK,CAAC,EAAE;IAC9C,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,KAAK;QAC1C,6BACE,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,YAAY,EACpB,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE;YAEpC,2BAAG,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;gBAC7D,2BAAG,SAAS,EAAC,oCAAoC;oBAC/C,2BAAG,SAAS,EAAC,iCAAiC;wBAC5C,2BAAG,SAAS,EAAC,+BAA+B,IACzC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAClB,8BACE,GAAG,EAAE,CAAC,EACN,IAAI,EAAC,cAAc,EACnB,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,KAAK,EACjB,CAAC,EAAC,IAAI,EACN,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,EAAE,EAAC,GAAG;4BAEN,iCACE,aAAa,EAAC,GAAG,EACjB,IAAI,EAAC,IAAI,EACT,EAAE,EAAC,IAAI,EACP,GAAG,EAAC,IAAI,EACR,KAAK,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,EACpB,WAAW,EAAC,YAAY,EACxB,MAAM,EAAC,mBAAmB,EAC1B,QAAQ,EAAC,qBAAqB,GAC9B,CACG,CACR,CAAC,CACA,CACF,CACF,CACF,CACA,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/Button/index.js

@@ -3,8 +3,9 @@ import classNames from "classnames";
 import { Button } from "@tarojs/components";
 import { useTaroEnv } from "../../hooks";
 import "./index.scss";
+import DotJump from "./DotJump";
 const XhButton = props => {
-    const { disabled = false, type = "default", size = "normal", shape = "round", children, className, htmlType, formType, text, openType, lang, sessionFrom, sendMessageTitle, sendMessagePath, sendMessageImg, showMessageCard, appParameter, onGetUserInfo, onGetPhoneNumber, onOpenSetting, onError, onContact, onClick, preventTime = 2500, style, } = props;
+    const { disabled = false, type = "default", size = "normal", shape = "round", children, className, htmlType, formType, text, openType, lang, sessionFrom, sendMessageTitle, sendMessagePath, sendMessageImg, showMessageCard, appParameter, onGetUserInfo, onGetPhoneNumber, onOpenSetting, onError, onContact, onClick, preventTime = 2500, style, loading, loadingStyle, loadingSpace, } = props;
     const state = useTaroEnv();
     const [preventClick, setPreventClick] = useState(false);
     const timer = useRef();
@@ -46,13 +47,15 @@ const XhButton = props => {
             clearTimeout(timer.current);
         };
     }, []);
-    const weButton = (React.createElement(Button, { className: classObj, formType: formType, openType: openType, lang: lang, type: type, sessionFrom: sessionFrom, sendMessageTitle: sendMessageTitle, sendMessagePath: sendMessagePath, sendMessageImg: sendMessageImg, showMessageCard: showMessageCard, appParameter: appParameter, onGetUserInfo: onGetUserInfo, onGetPhoneNumber: onGetPhoneNumber, onOpenSetting: onOpenSetting, onError: onError, onContact: onContact, onClick: handleClick, disabled: disabled, style: style }, children));
+    const weButton = (React.createElement(Button, { className: classObj, formType: formType, openType: openType, lang: lang, type: type, sessionFrom: sessionFrom, sendMessageTitle: sendMessageTitle, sendMessagePath: sendMessagePath, sendMessageImg: sendMessageImg, showMessageCard: showMessageCard, appParameter: appParameter, onGetUserInfo: onGetUserInfo, onGetPhoneNumber: onGetPhoneNumber, onOpenSetting: onOpenSetting, onError: onError, onContact: onContact, onClick: handleClick, disabled: disabled, style: style, loading: loading }, children));
     if (state === "WEAPP") {
         return weButton;
     }
     return (
     // eslint-disable-next-line react/button-has-type
-    React.createElement("button", { className: classObj, disabled: disabled, type: htmlType, onClick: disabled ? undefined : handleClick, style: style }, children || text));
+    React.createElement("button", { className: classObj, disabled: disabled, type: htmlType, onClick: disabled ? undefined : handleClick, style: style },
+        children || text,
+        loading && React.createElement(DotJump, { style: loadingStyle, space: loadingSpace })));
 };
 export default XhButton;
 //# sourceMappingURL=index.js.map