taro-react-uilib 1.3.4-1 → 1.3.4-11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +291 -4
- package/dist/components/ActionSheet/index.js +2 -0
- package/dist/components/ActionSheet/index.js.map +1 -0
- package/dist/components/ActivityIndicator/index.js +2 -0
- package/dist/components/ActivityIndicator/index.js.map +1 -0
- package/dist/components/AmountKeyboard/index.js +1 -1
- package/dist/components/AmountKeyboard/index.js.map +1 -1
- package/dist/components/Button/index.js +1 -1
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Captcha/index.js +1 -1
- package/dist/components/Captcha/index.js.map +1 -1
- package/dist/components/Cell/index.js +2 -0
- package/dist/components/Cell/index.js.map +1 -0
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Dialog/Alert/index.js +1 -1
- package/dist/components/Dialog/Alert/index.js.map +1 -1
- package/dist/components/Dialog/Confirm/index.js +1 -1
- package/dist/components/Dialog/Confirm/index.js.map +1 -1
- package/dist/components/DialogComponent/index.js.map +1 -1
- package/dist/components/DialogRef/index.js +1 -1
- package/dist/components/DialogRef/index.js.map +1 -1
- package/dist/components/FormInput/index.js +1 -1
- package/dist/components/FormInput/index.js.map +1 -1
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/LinkMan/index.js +2 -0
- package/dist/components/LinkMan/index.js.map +1 -0
- package/dist/components/List/index.js +1 -1
- package/dist/components/List/index.js.map +1 -1
- package/dist/components/Loading/index.js +1 -1
- package/dist/components/Loading/index.js.map +1 -1
- package/dist/components/NavBar/index.js +1 -1
- package/dist/components/NavBar/index.js.map +1 -1
- package/dist/components/NumberKeyboard/index.js +1 -1
- package/dist/components/NumberKeyboard/index.js.map +1 -1
- package/dist/components/Page/index.js +1 -1
- package/dist/components/Page/index.js.map +1 -1
- package/dist/components/Popup/index.js +1 -1
- package/dist/components/Popup/index.js.map +1 -1
- package/dist/components/Progress/index.js +1 -1
- package/dist/components/Progress/index.js.map +1 -1
- package/dist/components/ProgressCircle/index.js +2 -0
- package/dist/components/ProgressCircle/index.js.map +1 -0
- package/dist/components/Radio/index.js +1 -1
- package/dist/components/Radio/index.js.map +1 -1
- package/dist/components/Rank/index.js +2 -0
- package/dist/components/Rank/index.js.map +1 -0
- package/dist/components/Result/images/result-empty.png.js +2 -0
- package/dist/components/Result/images/result-empty.png.js.map +1 -0
- package/dist/components/Result/images/result-fail.png.js +2 -0
- package/dist/components/Result/images/result-fail.png.js.map +1 -0
- package/dist/components/Result/images/result-networkErr.png.js +2 -0
- package/dist/components/Result/images/result-networkErr.png.js.map +1 -0
- package/dist/components/Result/images/result-submitted.png.js +2 -0
- package/dist/components/Result/images/result-submitted.png.js.map +1 -0
- package/dist/components/Result/images/result-success.png.js +2 -0
- package/dist/components/Result/images/result-success.png.js.map +1 -0
- package/dist/components/Result/images/result-wait.png.js +2 -0
- package/dist/components/Result/images/result-wait.png.js.map +1 -0
- package/dist/components/Result/index.js +2 -0
- package/dist/components/Result/index.js.map +1 -0
- package/dist/components/Result/statusMap.js +2 -0
- package/dist/components/Result/statusMap.js.map +1 -0
- package/dist/components/Step/Steps/index.js +1 -1
- package/dist/components/Step/Steps/index.js.map +1 -1
- package/dist/components/Step/index.js +1 -1
- package/dist/components/Step/index.js.map +1 -1
- package/dist/components/Switch/index.js +2 -0
- package/dist/components/Switch/index.js.map +1 -0
- package/dist/components/Tabbar/index.js.map +1 -1
- package/dist/components/Tabbar/tabbar/TabItem.js.map +1 -1
- package/dist/components/Tabbar/tabbar/Tabbar.js +1 -1
- package/dist/components/Tabbar/tabbar/Tabbar.js.map +1 -1
- package/dist/components/src/index.js +1 -1
- package/dist/index.js +6 -6
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +6 -6
- package/dist/index.umd.js.map +1 -1
- package/dist/styles/components/actionsheet.scss +122 -0
- package/dist/styles/components/activityindicator.scss +46 -0
- package/dist/styles/components/amountinput.scss +5 -6
- package/dist/styles/components/amountkeyboard.scss +30 -12
- package/dist/styles/components/badge.scss +0 -1
- package/dist/styles/components/bankicon.scss +1 -1
- package/dist/styles/components/button.scss +35 -22
- package/dist/styles/components/captcha.scss +10 -5
- package/dist/styles/components/cell.scss +131 -0
- package/dist/styles/components/checkbox.scss +5 -6
- package/dist/styles/components/dialog.scss +16 -16
- package/dist/styles/components/dialogref.scss +14 -30
- package/dist/styles/components/font/iconfont.ttf +0 -0
- package/dist/styles/components/font/iconfont.woff +0 -0
- package/dist/styles/components/font/iconfont.woff2 +0 -0
- package/dist/styles/components/forminput.scss +40 -28
- package/dist/styles/components/icon.scss +6 -2
- package/dist/styles/components/index.scss +8 -0
- package/dist/styles/components/linkman.scss +81 -0
- package/dist/styles/components/list.scss +18 -6
- package/dist/styles/components/loading.scss +39 -40
- package/dist/styles/components/mask.scss +1 -1
- package/dist/styles/components/navbar.scss +10 -1
- package/dist/styles/components/numberkeyboard.scss +48 -36
- package/dist/styles/components/page.scss +2 -2
- package/dist/styles/components/passwordinput.scss +1 -1
- package/dist/styles/components/picker.scss +0 -1
- package/dist/styles/components/popup.scss +4 -5
- package/dist/styles/components/progress.scss +57 -3
- package/dist/styles/components/progresscircle.scss +71 -0
- package/dist/styles/components/radio.scss +5 -6
- package/dist/styles/components/rank.scss +50 -0
- package/dist/styles/components/result.scss +39 -0
- package/dist/styles/components/step.scss +10 -2
- package/dist/styles/components/switch.scss +40 -0
- package/dist/styles/components/tabbar.scss +9 -2
- package/dist/styles/components/toast.scss +0 -1
- package/dist/styles/themes/default.scss +21 -8
- package/dist/styles/themes/variable.scss +16 -0
- package/lib/components/ActionSheet/index.js +57 -0
- package/lib/components/ActionSheet/index.js.map +1 -0
- package/lib/components/ActivityIndicator/index.js +30 -0
- package/lib/components/ActivityIndicator/index.js.map +1 -0
- package/lib/components/AmountKeyboard/index.js +1 -1
- package/lib/components/AmountKeyboard/index.js.map +1 -1
- package/lib/components/Button/index.js +15 -14
- package/lib/components/Button/index.js.map +1 -1
- package/lib/components/Captcha/index.js +2 -2
- package/lib/components/Captcha/index.js.map +1 -1
- package/lib/components/Cell/index.js +29 -0
- package/lib/components/Cell/index.js.map +1 -0
- package/lib/components/Checkbox/index.js +14 -3
- package/lib/components/Checkbox/index.js.map +1 -1
- package/lib/components/Dialog/Alert/index.js +3 -3
- package/lib/components/Dialog/Alert/index.js.map +1 -1
- package/lib/components/Dialog/Confirm/index.js +3 -3
- package/lib/components/Dialog/Confirm/index.js.map +1 -1
- package/lib/components/DialogComponent/index.js +0 -2
- package/lib/components/DialogComponent/index.js.map +1 -1
- package/lib/components/DialogRef/index.js +6 -14
- package/lib/components/DialogRef/index.js.map +1 -1
- package/lib/components/FormInput/index.js +3 -2
- package/lib/components/FormInput/index.js.map +1 -1
- package/lib/components/Icon/index.js.map +1 -1
- package/lib/components/LinkMan/index.js +341 -0
- package/lib/components/LinkMan/index.js.map +1 -0
- package/lib/components/List/index.js +3 -1
- package/lib/components/List/index.js.map +1 -1
- package/lib/components/Loading/index.js +7 -4
- package/lib/components/Loading/index.js.map +1 -1
- package/lib/components/NavBar/index.js +10 -3
- package/lib/components/NavBar/index.js.map +1 -1
- package/lib/components/NumberKeyboard/index.js +4 -2
- package/lib/components/NumberKeyboard/index.js.map +1 -1
- package/lib/components/Page/index.js +1 -1
- package/lib/components/Page/index.js.map +1 -1
- package/lib/components/Popup/index.js +3 -3
- package/lib/components/Popup/index.js.map +1 -1
- package/lib/components/Progress/index.js +17 -10
- package/lib/components/Progress/index.js.map +1 -1
- package/lib/components/ProgressCircle/index.js +22 -0
- package/lib/components/ProgressCircle/index.js.map +1 -0
- package/lib/components/Radio/index.js +14 -3
- package/lib/components/Radio/index.js.map +1 -1
- package/lib/components/Rank/index.js +22 -0
- package/lib/components/Rank/index.js.map +1 -0
- package/lib/components/Result/index.js +30 -0
- package/lib/components/Result/index.js.map +1 -0
- package/lib/components/Result/statusMap.js +15 -0
- package/lib/components/Result/statusMap.js.map +1 -0
- package/lib/components/Step/Steps/index.js +1 -0
- package/lib/components/Step/Steps/index.js.map +1 -1
- package/lib/components/Step/index.js +2 -1
- package/lib/components/Step/index.js.map +1 -1
- package/lib/components/Switch/index.js +26 -0
- package/lib/components/Switch/index.js.map +1 -0
- package/lib/components/Tabbar/index.js +1 -0
- package/lib/components/Tabbar/index.js.map +1 -1
- package/lib/components/Tabbar/tabbar/TabItem.js +0 -1
- package/lib/components/Tabbar/tabbar/TabItem.js.map +1 -1
- package/lib/components/Tabbar/tabbar/Tabbar.js +26 -13
- package/lib/components/Tabbar/tabbar/Tabbar.js.map +1 -1
- package/lib/index.js +8 -0
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/types/components/ActivityIndicator/index.d.ts +7 -5
- package/types/components/AmountKeyboard/index.d.ts +7 -1
- package/types/components/Button/index.d.ts +6 -1
- package/types/components/Captcha/index.d.ts +1 -1
- package/types/components/Cell/index.d.ts +1 -0
- package/types/components/DialogRef/index.d.ts +2 -0
- package/types/components/Icon/index.d.ts +1 -1
- package/types/components/LinkMan/index.d.ts +33 -0
- package/types/components/Loading/index.d.ts +1 -0
- package/types/components/NavBar/index.d.ts +1 -0
- package/types/components/NumberKeyboard/index.d.ts +2 -0
- package/types/components/Page/index.d.ts +1 -0
- package/types/components/Popup/index.d.ts +1 -0
- package/types/components/Progress/index.d.ts +4 -0
- package/types/components/ProgressCircle/index.d.ts +13 -0
- package/types/components/Result/index.d.ts +16 -0
- package/types/components/Result/statusMap.d.ts +9 -0
- package/types/components/Step/index.d.ts +1 -0
- package/types/components/Tabbar/index.d.ts +1 -0
- package/types/components/Tabbar/tabbar/TabItem.d.ts +0 -1
- package/types/components/Tabbar/tabbar/Tabbar.d.ts +4 -3
- package/types/index.d.ts +8 -0
- package/dist/styles/components/images/backspace.png +0 -0
- package/dist/styles/components/images/closeKeyboard.png +0 -0
- package/dist/styles/components/images/icon-arrow-right.png +0 -0
- package/dist/styles/components/images/loading.png +0 -0
- /package/{README.md → readme.md} +0 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import { View } from "@tarojs/components";
|
|
4
|
+
import { pxTransform } from "@/utils";
|
|
5
|
+
import "./index.scss";
|
|
6
|
+
const Progress = props => {
|
|
7
|
+
const { percent = 88, className,
|
|
8
|
+
// showPercent = false,
|
|
9
|
+
doneColor = "#DDD", backgroundColor = "rgba(0,0,0, 0.25)", maskColor = "#FFF", size, style, } = props;
|
|
10
|
+
const progresslcs = classNames("xh-progress-circle", className);
|
|
11
|
+
const finalSize = size
|
|
12
|
+
? {
|
|
13
|
+
width: pxTransform(size),
|
|
14
|
+
height: pxTransform(size),
|
|
15
|
+
}
|
|
16
|
+
: {};
|
|
17
|
+
const done = percent === 100;
|
|
18
|
+
const finalStyle = Object.assign(Object.assign(Object.assign({}, finalSize), { "--percent": `${percent / 100}turn`, "--doneColor": doneColor, "--backgroundColor": backgroundColor, "--maskContent": "percent", "--maskColor": maskColor }), style);
|
|
19
|
+
return (React.createElement(View, { className: progresslcs, style: finalStyle }, done && React.createElement(View, { className: "xh-progress-circle-done" })));
|
|
20
|
+
};
|
|
21
|
+
export default Progress;
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,cAAc,CAAC;AAYtB,MAAM,QAAQ,GAA4B,KAAK,CAAC,EAAE;IAChD,MAAM,EACJ,OAAO,GAAG,EAAE,EACZ,SAAS;IACT,uBAAuB;IACvB,SAAS,GAAG,MAAM,EAClB,eAAe,GAAG,mBAAmB,EACrC,SAAS,GAAG,MAAM,EAClB,IAAI,EACJ,KAAK,GACN,GAAG,KAAK,CAAC;IACV,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;IAEhE,MAAM,SAAS,GAAwB,IAAI;QACzC,CAAC,CAAC;YACE,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC;YACxB,MAAM,EAAE,WAAW,CAAC,IAAI,CAAC;SAC1B;QACH,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,IAAI,GAAG,OAAO,KAAK,GAAG,CAAC;IAE7B,MAAM,UAAU,iDACX,SAAS,KACZ,WAAW,EAAE,GAAG,OAAO,GAAG,GAAG,MAAM,EACnC,aAAa,EAAE,SAAS,EACxB,mBAAmB,EAAE,eAAe,EACpC,eAAe,EAAE,SAAS,EAC1B,aAAa,EAAE,SAAS,KACrB,KAAK,CACT,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,IAC5C,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,GAAQ,CACrD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -2,10 +2,11 @@ import React from "react";
|
|
|
2
2
|
import classNames from "classnames";
|
|
3
3
|
import { RadioGroup } from "@tarojs/components";
|
|
4
4
|
import useGenerateId from "@/hooks/useGenerateId";
|
|
5
|
+
import { pxTransform } from "@/utils";
|
|
5
6
|
import Group from "./Group";
|
|
6
7
|
import "./index.scss";
|
|
7
8
|
const XHRadio = props => {
|
|
8
|
-
const { className, name, label, id, circle, onChange, align, direction, justify, checked, disabled, value, style, color = "#f6ab00", } = props;
|
|
9
|
+
const { className, name, label, id, circle = true, onChange, align, direction, justify, checked, disabled, value, style, size = 0, color = "#f6ab00", } = props;
|
|
9
10
|
const finalId = useGenerateId(id, "xh-radio-id");
|
|
10
11
|
const handleOnchange = e => {
|
|
11
12
|
let finalchecked = checked || false;
|
|
@@ -27,14 +28,24 @@ const XHRadio = props => {
|
|
|
27
28
|
React.createElement("input", { type: "radio", id: finalId, name: name, className: classNames("xh-radio-input", {
|
|
28
29
|
tt: process.env.TARO_ENV === "tt",
|
|
29
30
|
}), onChange: handleOnchange, disabled: disabled, value: value, checked: checked, color: color }),
|
|
30
|
-
React.createElement("span", {
|
|
31
|
+
React.createElement("span", { style: size > 0
|
|
32
|
+
? {
|
|
33
|
+
width: pxTransform(size),
|
|
34
|
+
height: pxTransform(size),
|
|
35
|
+
}
|
|
36
|
+
: {}, className: classNames("xh-radio-input-fake", circle && "circle", {
|
|
31
37
|
tt: process.env.TARO_ENV === "tt",
|
|
32
38
|
}) }),
|
|
33
39
|
React.createElement("span", { className: "xh-radio-label" }, label))));
|
|
34
40
|
}
|
|
35
41
|
return (React.createElement("label", { htmlFor: finalId, className: cls, style: style },
|
|
36
42
|
React.createElement("input", { type: "radio", id: finalId, name: name, className: "xh-radio-input", onChange: handleOnchange, value: value, disabled: disabled, defaultChecked: checked }),
|
|
37
|
-
React.createElement("span", {
|
|
43
|
+
React.createElement("span", { style: size > 0
|
|
44
|
+
? {
|
|
45
|
+
width: pxTransform(size),
|
|
46
|
+
height: pxTransform(size),
|
|
47
|
+
}
|
|
48
|
+
: {}, className: classNames("xh-radio-input-fake", circle && "circle") }),
|
|
38
49
|
React.createElement("span", { className: "xh-radio-label" }, label)));
|
|
39
50
|
};
|
|
40
51
|
const Radio = XHRadio;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,aAAa,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
import { View } from "@tarojs/components";
|
|
3
|
+
import classNames from "classnames";
|
|
4
|
+
import { pxTransform } from "@/utils";
|
|
5
|
+
import "./index.scss";
|
|
6
|
+
const Rank = props => {
|
|
7
|
+
const { defalutScore = -1, onChange, max = 5, size = 0, tip = "轻点星形以评分", style = {}, } = props;
|
|
8
|
+
const [score, setScore] = useState(defalutScore);
|
|
9
|
+
const selectRank = (index) => {
|
|
10
|
+
setScore(index);
|
|
11
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(index + 1);
|
|
12
|
+
};
|
|
13
|
+
return (React.createElement(View, { className: classNames("xh-rank"), style: size ? Object.assign({ fontSize: pxTransform(size) }, style) : Object.assign({}, style) },
|
|
14
|
+
React.createElement(View, { className: "xh-rank-tip" }, tip),
|
|
15
|
+
React.createElement(View, { className: "xh-rank-star" }, Array(max)
|
|
16
|
+
.fill(1)
|
|
17
|
+
.map((_item, index) => (React.createElement(View, { key: index, className: classNames("xh-rank-star-active", {
|
|
18
|
+
active: index <= score,
|
|
19
|
+
}), onClick: () => selectRank(index) }))))));
|
|
20
|
+
};
|
|
21
|
+
export default Rank;
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Rank/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,cAAc,CAAC;AAatB,MAAM,IAAI,GAAwB,KAAK,CAAC,EAAE;IACxC,MAAM,EACJ,YAAY,GAAG,CAAC,CAAC,EACjB,QAAQ,EACR,GAAG,GAAG,CAAC,EACP,IAAI,GAAG,CAAC,EACR,GAAG,GAAG,SAAS,EACf,KAAK,GAAG,EAAE,GACX,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEjD,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;QACnC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,GAAG,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,EAChC,KAAK,EAAE,IAAI,CAAC,CAAC,iBAAG,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,IAAK,KAAK,EAAG,CAAC,mBAAM,KAAK,CAAE;QAEtE,oBAAC,IAAI,IAAC,SAAS,EAAC,aAAa,IAAE,GAAG,CAAQ;QAC1C,oBAAC,IAAI,IAAC,SAAS,EAAC,cAAc,IAC3B,KAAK,CAAC,GAAG,CAAC;aACR,IAAI,CAAC,CAAC,CAAC;aACP,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACrB,oBAAC,IAAI,IACH,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE;gBAC3C,MAAM,EAAE,KAAK,IAAI,KAAK;aACvB,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAC1B,CACT,CAAC,CACC,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Image, View } from "@tarojs/components";
|
|
3
|
+
import classNames from "classnames";
|
|
4
|
+
import Button from "../Button";
|
|
5
|
+
import ImageMap from "./statusMap";
|
|
6
|
+
import "./index.scss";
|
|
7
|
+
const Result = props => {
|
|
8
|
+
const { className, status, title, desc, slot, action, onAction, full = true, } = props;
|
|
9
|
+
const resultCls = classNames("xh-result", className, { full });
|
|
10
|
+
const renderImage = () => {
|
|
11
|
+
if (process.env.TARO_ENV === "h5") {
|
|
12
|
+
return React.createElement("img", { src: ImageMap[status], alt: "", className: "xh-result-status" });
|
|
13
|
+
}
|
|
14
|
+
else {
|
|
15
|
+
return React.createElement(Image, { src: ImageMap[status], className: "xh-result-status" });
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
const handleAction = () => {
|
|
19
|
+
onAction === null || onAction === void 0 ? void 0 : onAction();
|
|
20
|
+
};
|
|
21
|
+
return (React.createElement(View, { className: resultCls },
|
|
22
|
+
renderImage(),
|
|
23
|
+
React.createElement(View, { className: "xh-result-title" }, title),
|
|
24
|
+
React.createElement(View, { className: "xh-result-desc" }, desc),
|
|
25
|
+
React.createElement(View, { className: "xh-result-slot" }, slot),
|
|
26
|
+
action && (React.createElement(View, { className: classNames("xh-result-action", { hasSlot: slot }) },
|
|
27
|
+
React.createElement(Button, { onClick: handleAction, hollow: true, size: "full" }, action)))));
|
|
28
|
+
};
|
|
29
|
+
export default Result;
|
|
30
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Result/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,WAAW,CAAC;AAE/B,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,OAAO,cAAc,CAAC;AActB,MAAM,MAAM,GAA0B,KAAK,CAAC,EAAE;IAC5C,MAAM,EACJ,SAAS,EACT,MAAM,EACN,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,IAAI,GAAG,IAAI,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAE/D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE;YACjC,OAAO,6BAAK,GAAG,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,GAAG,EAAC,EAAE,EAAC,SAAS,EAAC,kBAAkB,GAAG,CAAC;SAC3E;aAAM;YACL,OAAO,oBAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,EAAC,kBAAkB,GAAG,CAAC;SACtE;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS;QACvB,WAAW,EAAE;QACd,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAQ;QAChD,oBAAC,IAAI,IAAC,SAAS,EAAC,gBAAgB,IAAE,IAAI,CAAQ;QAC9C,oBAAC,IAAI,IAAC,SAAS,EAAC,gBAAgB,IAAE,IAAI,CAAQ;QAC7C,MAAM,IAAI,CACT,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;YAChE,oBAAC,MAAM,IAAC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAC,IAAI,EAAC,MAAM,IAC9C,MAAM,CACA,CACJ,CACR,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import success from "./images/result-success.png";
|
|
2
|
+
import empty from "./images/result-empty.png";
|
|
3
|
+
import fail from "./images/result-fail.png";
|
|
4
|
+
import networkErr from "./images/result-networkErr.png";
|
|
5
|
+
import submitted from "./images/result-submitted.png";
|
|
6
|
+
import wait from "./images/result-wait.png";
|
|
7
|
+
export default {
|
|
8
|
+
success,
|
|
9
|
+
empty,
|
|
10
|
+
fail,
|
|
11
|
+
networkErr,
|
|
12
|
+
submitted,
|
|
13
|
+
wait,
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=statusMap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"statusMap.js","sourceRoot":"","sources":["../../../src/components/Result/statusMap.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAC9C,OAAO,IAAI,MAAM,0BAA0B,CAAC;AAC5C,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,IAAI,MAAM,0BAA0B,CAAC;AAE5C,eAAe;IACb,OAAO;IACP,KAAK;IACL,IAAI;IACJ,UAAU;IACV,SAAS;IACT,IAAI;CACL,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Step/Steps/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAK1C,MAAM,WAAW,GAAG,UAAU,CAAC;AAC/B,MAAM,eAAe,GAAG,SAAS,CAAC;AAElC,MAAM,WAAW,GAAG,8BAAM,SAAS,EAAE,GAAG,eAAe,WAAW,GAAI,CAAC;AAYvE,MAAM,KAAK,GAAmB,KAAK,CAAC,EAAE;IACpC,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,WAAW,GAAG,UAAU,CAC5B,WAAW,EACX,GAAG,WAAW,IAAI,SAAS,EAAE,EAC7B,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,IACvC,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjB,KAAK,CAAC,QAAQ,EACd,CAAC,KAA8B,EAAE,KAAK,EAAE,EAAE;;QACxC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;YAChC,OAAO,KAAK,CAAC;SACd;QACD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Step/Steps/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAK1C,MAAM,WAAW,GAAG,UAAU,CAAC;AAC/B,MAAM,eAAe,GAAG,SAAS,CAAC;AAElC,MAAM,WAAW,GAAG,8BAAM,SAAS,EAAE,GAAG,eAAe,WAAW,GAAI,CAAC;AAYvE,MAAM,KAAK,GAAmB,KAAK,CAAC,EAAE;IACpC,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,WAAW,GAAG,UAAU,CAC5B,WAAW,EACX,GAAG,WAAW,IAAI,SAAS,EAAE,EAC7B,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,IACvC,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjB,KAAK,CAAC,QAAQ,EACd,CAAC,KAA8B,EAAE,KAAK,EAAE,EAAE;;QACxC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;YAChC,OAAO,KAAK,CAAC;SACd;QACD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QAE1B,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC;QACpC,IAAI,KAAK,GAAG,OAAO,EAAE;YACnB,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,QAAQ,CAAC;SACnC;aAAM,IAAI,KAAK,KAAK,OAAO,EAAE;YAC5B,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC;SACpC;QAED,MAAM,IAAI,GAAG,MAAA,KAAK,CAAC,IAAI,mCAAI,WAAW,CAAC;QAEvC,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAC/B,MAAM;YACN,IAAI;YACJ,SAAS;SACV,CAAC,CAAC;IACL,CAAC,CACF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -5,8 +5,9 @@ import Steps from "./Steps";
|
|
|
5
5
|
import "./index.scss";
|
|
6
6
|
const classPrefix = "xh-step";
|
|
7
7
|
const Step = props => {
|
|
8
|
-
const { title, description, icon, status = "wait", fancy, style, className, } = props;
|
|
8
|
+
const { title, description, icon, status = "wait", fancy, style, className, direction, prefix, } = props;
|
|
9
9
|
return (React.createElement(View, { className: classNames(`${classPrefix}`, `${classPrefix}-status-${status}`, className), style: style },
|
|
10
|
+
direction === "vertical" && prefix && (React.createElement(View, { className: `${classPrefix}-prefix` }, prefix)),
|
|
10
11
|
React.createElement(View, { className: `${classPrefix}-indicator` },
|
|
11
12
|
React.createElement(View, { className: classNames(`${classPrefix}-icon-container`, { fancy }) }, icon)),
|
|
12
13
|
React.createElement(View, { className: `${classPrefix}-content` },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Step/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Step/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,cAAc,CAAC;AAatB,MAAM,WAAW,GAAG,SAAS,CAAC;AAE9B,MAAM,IAAI,GAAwB,KAAK,CAAC,EAAE;IACxC,MAAM,EACJ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CACnB,GAAG,WAAW,EAAE,EAChB,GAAG,WAAW,WAAW,MAAM,EAAE,EACjC,SAAS,CACV,EACD,KAAK,EAAE,KAAK;QAEX,SAAS,KAAK,UAAU,IAAI,MAAM,IAAI,CACrC,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,WAAW,SAAS,IAAG,MAAM,CAAQ,CAC1D;QACD,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,WAAW,YAAY;YACzC,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,GAAG,WAAW,iBAAiB,EAAE,EAAE,KAAK,EAAE,CAAC,IAEhE,IAAI,CACA,CACF;QACP,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,WAAW,UAAU;YACvC,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,WAAW,QAAQ,IAAG,KAAK,CAAQ;YACtD,CAAC,CAAC,WAAW,IAAI,CAChB,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,WAAW,cAAc,IAAG,WAAW,CAAQ,CACpE,CACI,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,MAAM,GAAG,IAAuB,CAAC;AACvC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AAErB,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { View } from "@tarojs/components";
|
|
2
|
+
import React, { useMemo, useState } from "react";
|
|
3
|
+
import classNames from "classnames";
|
|
4
|
+
import "./index.scss";
|
|
5
|
+
const Switch = props => {
|
|
6
|
+
const { checked = false, checkedText = "", uncheckedText = "", onChange, className, disabled, } = props;
|
|
7
|
+
const [innerChecked, setInnerChecked] = useState(checked);
|
|
8
|
+
const handleCheckedChange = () => {
|
|
9
|
+
if (disabled)
|
|
10
|
+
return;
|
|
11
|
+
setInnerChecked(old => {
|
|
12
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(!old);
|
|
13
|
+
return !old;
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
const checkedInner = useMemo(() => {
|
|
17
|
+
if (innerChecked)
|
|
18
|
+
return checkedText;
|
|
19
|
+
return uncheckedText;
|
|
20
|
+
}, [innerChecked, checkedText, uncheckedText]);
|
|
21
|
+
return (React.createElement(View, { className: classNames("xh-switch", { checked: innerChecked }, { disabled }, className), onClick: handleCheckedChange },
|
|
22
|
+
React.createElement(View, { className: "xh-switch-control" }),
|
|
23
|
+
React.createElement(View, { className: "xh-switch-inner" }, checkedInner)));
|
|
24
|
+
};
|
|
25
|
+
export default Switch;
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,KAAK,EAAE,EAAa,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,cAAc,CAAC;AAWtB,MAAM,MAAM,GAA0B,KAAK,CAAC,EAAE;IAC5C,MAAM,EACJ,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,EAAE,EAChB,aAAa,GAAG,EAAE,EAClB,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE1D,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IAAI,QAAQ;YAAE,OAAO;QACrB,eAAe,CAAC,GAAG,CAAC,EAAE;YACpB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,GAAG,CAAC,CAAC;YACjB,OAAO,CAAC,GAAG,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,YAAY;YAAE,OAAO,WAAW,CAAC;QACrC,OAAO,aAAa,CAAC;IACvB,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;IAE/C,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CACnB,WAAW,EACX,EAAE,OAAO,EAAE,YAAY,EAAE,EACzB,EAAE,QAAQ,EAAE,EACZ,SAAS,CACV,EACD,OAAO,EAAE,mBAAmB;QAE5B,oBAAC,IAAI,IAAC,SAAS,EAAC,mBAAmB,GAAQ;QAC3C,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,IAAE,YAAY,CAAQ,CAClD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,eAA6B,MAAM,iBAAiB,CAAC;AAC5D,OAAO,UAAU,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,eAA6B,MAAM,iBAAiB,CAAC;AAC5D,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,OAAO,cAAc,CAAC;AAMtB,MAAM,MAAM,GAAG,eAA4C,CAAC;AAE5D,MAAM,CAAC,IAAI,GAAG,UAAU,CAAC;AAEzB,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../../src/components/Tabbar/tabbar/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../../src/components/Tabbar/tabbar/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAQ5D,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAEpD,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB;QAC5B,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK;QAC3C,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -3,17 +3,20 @@ import { createSelectorQuery } from "@tarojs/taro";
|
|
|
3
3
|
import { View } from "@tarojs/components";
|
|
4
4
|
import classNames from "classnames";
|
|
5
5
|
import Item from "./TabItem";
|
|
6
|
-
import "./index.scss";
|
|
7
6
|
const XHTabs = props => {
|
|
8
|
-
const { children = [], animated = false,
|
|
9
|
-
|
|
7
|
+
const { children = [], animated = false,
|
|
8
|
+
// initIndex = 0,
|
|
9
|
+
lineColor = "#F6AB00", titleActiveColor = "#333", titleInctiveColor = "#999", onChange, content, selectIndex = 0, } = props;
|
|
10
|
+
// const [selectIndex, setSelectIndex] = useState(initIndex);
|
|
10
11
|
const [tabWdith, setTabWdith] = useState(0);
|
|
11
12
|
const [tabContentHeight, setTabContentHeight] = useState(0);
|
|
13
|
+
const [tabSlotHeight, setTabSlotHeight] = useState(0);
|
|
12
14
|
useEffect(() => {
|
|
13
15
|
const timer = setTimeout(() => {
|
|
14
16
|
const query = createSelectorQuery();
|
|
15
17
|
query.selectAll(".xh-tabbar-nav-item").boundingClientRect();
|
|
16
18
|
query.selectAll(".xh-tabbar-content-item").boundingClientRect();
|
|
19
|
+
query.selectAll(".xh-tabbar-content-slot").boundingClientRect();
|
|
17
20
|
query.exec(res => {
|
|
18
21
|
if (!res[0][selectIndex])
|
|
19
22
|
return;
|
|
@@ -21,22 +24,28 @@ const XHTabs = props => {
|
|
|
21
24
|
setTabWdith(width);
|
|
22
25
|
if (!res[1][selectIndex])
|
|
23
26
|
return;
|
|
24
|
-
|
|
25
|
-
|
|
27
|
+
setTabContentHeight(res[1][selectIndex].height);
|
|
28
|
+
if (!res[2][selectIndex])
|
|
29
|
+
return;
|
|
30
|
+
setTabSlotHeight(res[2][selectIndex].height);
|
|
26
31
|
clearTimeout(timer);
|
|
27
32
|
});
|
|
28
33
|
}, 300);
|
|
29
34
|
console.log(children.length);
|
|
30
35
|
}, [selectIndex, children]);
|
|
31
36
|
const handleClick = (index) => {
|
|
32
|
-
setSelectIndex(index);
|
|
37
|
+
// setSelectIndex(index);
|
|
33
38
|
const query = createSelectorQuery();
|
|
34
39
|
query.selectAll(".xh-tabbar-content-item").boundingClientRect();
|
|
40
|
+
query.selectAll(".xh-tabbar-content-slot").boundingClientRect();
|
|
35
41
|
query.exec(res => {
|
|
36
42
|
if (!res[0][index])
|
|
37
43
|
return;
|
|
38
44
|
const height = res[0][index].height;
|
|
39
45
|
setTabContentHeight(height);
|
|
46
|
+
if (!res[1][index])
|
|
47
|
+
return;
|
|
48
|
+
setTabSlotHeight(res[1][index].height);
|
|
40
49
|
});
|
|
41
50
|
onChange && onChange(index);
|
|
42
51
|
};
|
|
@@ -60,13 +69,17 @@ const XHTabs = props => {
|
|
|
60
69
|
renderLine()),
|
|
61
70
|
React.createElement(View, { className: "xh-tabbar-content", style: {
|
|
62
71
|
width: `${children.length * 100}%`,
|
|
63
|
-
height: tabContentHeight
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
72
|
+
height: tabContentHeight + tabSlotHeight
|
|
73
|
+
? `${tabContentHeight + tabSlotHeight}px`
|
|
74
|
+
: "auto",
|
|
75
|
+
} },
|
|
76
|
+
content && React.createElement(View, { className: "xh-tabbar-content-slot" }, content),
|
|
77
|
+
children.map((child, index) => (React.createElement(View, { key: index, className: classNames("xh-tabbar-content-item", {
|
|
78
|
+
"xh-tabbar-content-item-dispaly": selectIndex !== index && !animated,
|
|
79
|
+
"xh-tabbar-content-item-active": selectIndex === index,
|
|
80
|
+
}), style: {
|
|
81
|
+
transform: animated ? `translateX(-${selectIndex * 100}%)` : "",
|
|
82
|
+
} }, child.props.children))))));
|
|
70
83
|
};
|
|
71
84
|
XHTabs.Item = Item;
|
|
72
85
|
export default XHTabs;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabbar.js","sourceRoot":"","sources":["../../../../src/components/Tabbar/tabbar/Tabbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoB,SAAS,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"Tabbar.js","sourceRoot":"","sources":["../../../../src/components/Tabbar/tabbar/Tabbar.tsx"],"names":[],"mappings":"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"}
|
package/lib/index.js
CHANGED
|
@@ -27,4 +27,12 @@ export { default as XHAmountKeyboard } from "./components/AmountKeyboard";
|
|
|
27
27
|
export { default as XHCollapse } from "./components/Collapse";
|
|
28
28
|
export { default as XHNavBar } from "./components/NavBar";
|
|
29
29
|
export { default as XHIcon } from "./components/Icon";
|
|
30
|
+
export { default as XHActionSheet } from "./components/ActionSheet";
|
|
31
|
+
export { default as XHRank } from "./components/Rank";
|
|
32
|
+
export { default as XHCell } from "./components/Cell";
|
|
33
|
+
export { default as XHActivityIndicator } from "./components/ActivityIndicator";
|
|
34
|
+
export { default as XHSwitch } from "./components/Switch";
|
|
35
|
+
export { default as XHLinkMan } from "./components/LinkMan";
|
|
36
|
+
export { default as XHResult } from "./components/Result";
|
|
37
|
+
export { default as XHProgressCircle } from "./components/ProgressCircle";
|
|
30
38
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import { CSSProperties, FC
|
|
1
|
+
import { CSSProperties, FC } from "react";
|
|
2
|
+
import type { StandardLonghandProperties } from "csstype";
|
|
2
3
|
import { XHComponentCommonProps } from "../../types";
|
|
3
4
|
import "./index.scss";
|
|
4
5
|
export declare type LoadingProps = {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
style?: CSSProperties & {
|
|
7
|
+
"--loading-border-color"?: StandardLonghandProperties["color"];
|
|
8
|
+
"--loading-border-width"?: string;
|
|
9
|
+
};
|
|
10
|
+
size?: number;
|
|
9
11
|
} & XHComponentCommonProps;
|
|
10
12
|
declare const Activityindicator: FC<LoadingProps>;
|
|
11
13
|
export default Activityindicator;
|
|
@@ -11,7 +11,13 @@ export declare type NumberKeyboardProps = {
|
|
|
11
11
|
onChange?: (value: string) => void;
|
|
12
12
|
value: string;
|
|
13
13
|
header?: ReactNode;
|
|
14
|
-
|
|
14
|
+
/**
|
|
15
|
+
*
|
|
16
|
+
* @param value 输入值
|
|
17
|
+
* @param recommend 是否是点击推荐金额触发
|
|
18
|
+
* @returns void
|
|
19
|
+
*/
|
|
20
|
+
onConfirm?: (value: string, recommend?: boolean) => void;
|
|
15
21
|
recommend?: Array<number | string>;
|
|
16
22
|
tip?: ReactNode;
|
|
17
23
|
disabled?: boolean;
|
|
@@ -2,7 +2,7 @@ import React, { FC } from "react";
|
|
|
2
2
|
import { ButtonProps } from "@tarojs/components/types/Button";
|
|
3
3
|
import { ITouchEvent } from "@tarojs/components/types/common";
|
|
4
4
|
import "./index.scss";
|
|
5
|
-
export declare type ButtonType = "default" | "secondary" | "primary" | "warn"
|
|
5
|
+
export declare type ButtonType = "default" | "secondary" | "primary" | "warn";
|
|
6
6
|
export declare type ButtonShape = "square" | "round" | "rectangle";
|
|
7
7
|
export declare type ButtonSize = "default" | "mini" | "full";
|
|
8
8
|
export declare type WechatOpenType = "contact"
|
|
@@ -41,6 +41,11 @@ export declare type XhButtonProps = {
|
|
|
41
41
|
loading?: boolean;
|
|
42
42
|
loadingStyle?: React.CSSProperties;
|
|
43
43
|
loadingSpace?: number;
|
|
44
|
+
ghost?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* 镂空
|
|
47
|
+
*/
|
|
48
|
+
hollow?: boolean;
|
|
44
49
|
} & Omit<ButtonProps, "type" | "size">;
|
|
45
50
|
declare const XhButton: FC<XhButtonProps>;
|
|
46
51
|
export default XhButton;
|
|
@@ -17,5 +17,5 @@ export interface CaptchaProps extends XhButtonProps {
|
|
|
17
17
|
ingText?: string;
|
|
18
18
|
onEnd?: () => void;
|
|
19
19
|
}
|
|
20
|
-
declare const CountdownButton: React.ForwardRefExoticComponent<Pick<CaptchaProps, "style" | "text" | "className" | "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" | "key" | "hidden" | "animation" | "dangerouslySetInnerHTML" | "onTouchStart" | "onTouchMove" | "onTouchCancel" | "onTouchEnd" | "onClick" | "onLongPress" | "onLongClick" | "onTransitionEnd" | "onAnimationStart" | "onAnimationIteration" | "onAnimationEnd" | "onTouchForceChange" | "shape" | "htmlType" | "preventTime" | "loadingStyle" | "loadingSpace" | "timeout" | "styleName" | "timeingTemp" | "ingText" | "onEnd"> & React.RefAttributes<refMe>>;
|
|
20
|
+
declare const CountdownButton: React.ForwardRefExoticComponent<Pick<CaptchaProps, "style" | "text" | "className" | "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" | "key" | "hidden" | "animation" | "dangerouslySetInnerHTML" | "onTouchStart" | "onTouchMove" | "onTouchCancel" | "onTouchEnd" | "onClick" | "onLongPress" | "onLongClick" | "onTransitionEnd" | "onAnimationStart" | "onAnimationIteration" | "onAnimationEnd" | "onTouchForceChange" | "shape" | "htmlType" | "preventTime" | "loadingStyle" | "loadingSpace" | "ghost" | "hollow" | "timeout" | "styleName" | "timeingTemp" | "ingText" | "onEnd"> & React.RefAttributes<refMe>>;
|
|
21
21
|
export default CountdownButton;
|
|
@@ -12,6 +12,7 @@ export declare type DialogProps = {
|
|
|
12
12
|
onConfirm?: () => void;
|
|
13
13
|
onCancel?: () => void;
|
|
14
14
|
onClose?: () => void;
|
|
15
|
+
tranparent?: boolean;
|
|
15
16
|
} & XHComponentCommonProps;
|
|
16
17
|
export declare type IDialogRef = {
|
|
17
18
|
close: () => void;
|
|
@@ -28,5 +29,6 @@ declare const DialogCom: React.ForwardRefExoticComponent<{
|
|
|
28
29
|
onConfirm?: (() => void) | undefined;
|
|
29
30
|
onCancel?: (() => void) | undefined;
|
|
30
31
|
onClose?: (() => void) | undefined;
|
|
32
|
+
tranparent?: boolean | undefined;
|
|
31
33
|
} & XHComponentCommonProps & React.RefAttributes<IDialogRef>>;
|
|
32
34
|
export default DialogCom;
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import type { StandardLonghandProperties } from "csstype";
|
|
3
3
|
import { XHComponentCommonProps } from "../../types";
|
|
4
4
|
import "./index.scss";
|
|
5
|
-
export declare type XHIcon = "prompt" | "score" | "info" | "failure" | "success" | "loading" | "back" | "notice" | "scan" | "light" | "faceScan" | "delete" | "radioFull" | "checkboxFull" | "checkedSquare" | "checked2" | "arrowTop" | "notice2" | "position" | "contacts" | "billFull" | "bill2" | "bill3" | "bill4" | "edit" | "editFull" | "camera" | "close" | "gift" | "message" | "user" | "wenhao" | "kefu" | "user" | "play" | "arrowLeft" | "arrowRight" | "keyboardClose" | "add" | "tongxunlu" | "zhuyi";
|
|
5
|
+
export declare type XHIcon = "prompt" | "score" | "info" | "failure" | "success" | "loading" | "back" | "notice" | "scan" | "light" | "faceScan" | "delete" | "radioFull" | "checkboxFull" | "checkedSquare" | "checked2" | "arrowTop" | "notice2" | "position" | "contacts" | "billFull" | "bill2" | "bill3" | "bill4" | "edit" | "editFull" | "camera" | "close" | "gift" | "message" | "user" | "wenhao" | "kefu" | "user" | "play" | "arrowLeft" | "arrowRight" | "keyboardClose" | "add" | "tongxunlu" | "zhuyi" | "duigou";
|
|
6
6
|
export declare type XHIconProps = {
|
|
7
7
|
icon: XHIcon;
|
|
8
8
|
size?: number;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./index.scss";
|
|
3
|
+
export declare type AddLinkManProps = {
|
|
4
|
+
linkManNum: number;
|
|
5
|
+
onChange?: (data: LinkManItem[], pass: boolean) => void;
|
|
6
|
+
onGetContacts?: (index: number) => void;
|
|
7
|
+
showImportIcon?: boolean;
|
|
8
|
+
onBlur?: (type: keyof LinkManItem, index: number) => void;
|
|
9
|
+
onCheckRelation?: (value: {
|
|
10
|
+
text: string;
|
|
11
|
+
value: string;
|
|
12
|
+
}, index: number) => void;
|
|
13
|
+
onInputChange?: (type: "linkmanName" | "linkmanPhone", index: number) => void;
|
|
14
|
+
/**
|
|
15
|
+
* 可以选择的关系
|
|
16
|
+
*/
|
|
17
|
+
relations?: {
|
|
18
|
+
text: string;
|
|
19
|
+
value: string;
|
|
20
|
+
}[];
|
|
21
|
+
};
|
|
22
|
+
export declare type LinkManItem = {
|
|
23
|
+
linkmanName: string;
|
|
24
|
+
linkmanPhone: string;
|
|
25
|
+
relationType: string;
|
|
26
|
+
relationValue: string;
|
|
27
|
+
};
|
|
28
|
+
export declare type LinkManRef = {
|
|
29
|
+
canSubmit: boolean;
|
|
30
|
+
setContacts: (item: Pick<LinkManItem, "linkmanName" | "linkmanPhone">, index: number) => void;
|
|
31
|
+
};
|
|
32
|
+
declare const XHAddLinMan: React.ForwardRefExoticComponent<AddLinkManProps & React.RefAttributes<LinkManRef>>;
|
|
33
|
+
export default XHAddLinMan;
|
|
@@ -12,6 +12,8 @@ export declare type NumberKeyboardProps = {
|
|
|
12
12
|
onClose?: (e: MouseEvent | Event) => void;
|
|
13
13
|
onChange?: (value: string) => void;
|
|
14
14
|
value: string;
|
|
15
|
+
title?: string;
|
|
16
|
+
closeText?: string;
|
|
15
17
|
} & XHComponentCommonProps;
|
|
16
18
|
export declare type KeyType = "number" | "delete" | "string" | "none";
|
|
17
19
|
export interface IKey {
|
|
@@ -4,6 +4,7 @@ export declare type PopupPosition = "top" | "bottom" | "left" | "right";
|
|
|
4
4
|
export interface PopupProps extends PropsWithChildren<{}> {
|
|
5
5
|
visible: boolean;
|
|
6
6
|
position?: PopupPosition;
|
|
7
|
+
className?: string;
|
|
7
8
|
onClose?: () => void;
|
|
8
9
|
}
|
|
9
10
|
declare const Popup: FC<PopupProps>;
|
|
@@ -7,6 +7,10 @@ export declare type ProgressProps = {
|
|
|
7
7
|
doneColor?: string;
|
|
8
8
|
percentColor?: string;
|
|
9
9
|
height?: number;
|
|
10
|
+
/**
|
|
11
|
+
* @description 百分比,不要百分号
|
|
12
|
+
*/
|
|
13
|
+
dots?: number[];
|
|
10
14
|
} & XHComponentCommonProps;
|
|
11
15
|
declare const Progress: React.FC<ProgressProps>;
|
|
12
16
|
export default Progress;
|