taro-react-uilib 1.3.4-10 → 1.3.4-12
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 +18 -0
- package/dist/components/AmountKeyboard/index.js +1 -1
- package/dist/components/AmountKeyboard/index.js.map +1 -1
- package/dist/components/Progress/index.js +1 -1
- package/dist/components/Progress/index.js.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +4 -4
- package/dist/index.umd.js.map +1 -1
- package/dist/styles/components/progress.scss +13 -1
- package/dist/styles/components/step.scss +1 -1
- package/lib/components/AmountKeyboard/index.js +1 -1
- package/lib/components/AmountKeyboard/index.js.map +1 -1
- package/lib/components/Progress/index.js +4 -2
- package/lib/components/Progress/index.js.map +1 -1
- package/package.json +1 -1
- package/types/components/AmountKeyboard/index.d.ts +7 -1
|
@@ -22,6 +22,17 @@
|
|
|
22
22
|
border-radius: 8px;
|
|
23
23
|
z-index: 2;
|
|
24
24
|
transition: width .6s;
|
|
25
|
+
&-text {
|
|
26
|
+
font-size: 20px;
|
|
27
|
+
font-family: PingFangSC-Regular, PingFang SC;
|
|
28
|
+
color: #999999;
|
|
29
|
+
display: block;
|
|
30
|
+
width: 60px;
|
|
31
|
+
text-align: center;
|
|
32
|
+
position: absolute;
|
|
33
|
+
right: -30px;
|
|
34
|
+
top: calc(100% + 8px);
|
|
35
|
+
}
|
|
25
36
|
&.dots {
|
|
26
37
|
background-color: transparent;
|
|
27
38
|
&:before {
|
|
@@ -37,7 +48,8 @@
|
|
|
37
48
|
top: 50%;
|
|
38
49
|
transform: translateY(-50%);
|
|
39
50
|
}
|
|
40
|
-
|
|
51
|
+
|
|
52
|
+
&.h5:after {
|
|
41
53
|
content: attr(data-progress) '%';
|
|
42
54
|
font-size: 20px;
|
|
43
55
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
@@ -44,7 +44,7 @@ const AmountKeyboard = props => {
|
|
|
44
44
|
}
|
|
45
45
|
const handleOnRecommand = (e, amount) => {
|
|
46
46
|
e.stopPropagation();
|
|
47
|
-
onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(`${amount}
|
|
47
|
+
onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(`${amount}`, true);
|
|
48
48
|
};
|
|
49
49
|
const handleKeyPress = useCallback((e, { type, value }) => {
|
|
50
50
|
if (process.env.TARO_ENV === "h5") {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AmountKeyboard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,QAAQ,EACR,SAAS,EAGT,WAAW,GACZ,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAe,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AmountKeyboard/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,13 +8,15 @@ const Progress = props => {
|
|
|
8
8
|
const progresslcs = classNames("xh-progress", className, {
|
|
9
9
|
dots: dots.length > 0,
|
|
10
10
|
});
|
|
11
|
-
const showPercentcls = classNames("progress-bar", { dots: dots.length > 0 });
|
|
11
|
+
const showPercentcls = classNames("progress-bar", { dots: dots.length > 0 }, { h5: process.env.TARO_ENV === "h5" });
|
|
12
12
|
const showbarPercentcls = classNames("progress-bar-percent");
|
|
13
13
|
return (React.createElement(View, { className: progresslcs },
|
|
14
14
|
React.createElement(View, { className: "progress", style: { height: height && `${pxTransform(height)}` } }, dots.length > 0 ? (React.createElement(React.Fragment, null,
|
|
15
15
|
dots.map(item => (React.createElement(View, { style: {
|
|
16
16
|
width: `${item}%`,
|
|
17
|
-
}, key: item, "data-progress": item, className: showPercentcls }
|
|
17
|
+
}, key: item, "data-progress": item, className: showPercentcls }, process.env.TARO_ENV !== "h5" && (React.createElement(View, { className: "progress-bar-text" },
|
|
18
|
+
item,
|
|
19
|
+
"%"))))),
|
|
18
20
|
React.createElement(View, { className: "progress-cover", style: { width: `${percent}%` } }))) : (React.createElement(View, { style: {
|
|
19
21
|
width: `${percent}%`,
|
|
20
22
|
backgroundColor: doneColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Progress/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,cAAc,CAAC;AAE3C,OAAO,cAAc,CAAC;AActB,MAAM,QAAQ,GAA4B,KAAK,CAAC,EAAE;IAChD,MAAM,EACJ,OAAO,GAAG,EAAE,EACZ,SAAS,EACT,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,EAAE,EACd,YAAY,GAAG,EAAE,EACjB,MAAM,EACN,IAAI,GAAG,EAAE,GACV,GAAG,KAAK,CAAC;IACV,MAAM,WAAW,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QACvD,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC;KACtB,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Progress/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,cAAc,CAAC;AAE3C,OAAO,cAAc,CAAC;AActB,MAAM,QAAQ,GAA4B,KAAK,CAAC,EAAE;IAChD,MAAM,EACJ,OAAO,GAAG,EAAE,EACZ,SAAS,EACT,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,EAAE,EACd,YAAY,GAAG,EAAE,EACjB,MAAM,EACN,IAAI,GAAG,EAAE,GACV,GAAG,KAAK,CAAC;IACV,MAAM,WAAW,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QACvD,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC;KACtB,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAC/B,cAAc,EACd,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,EACzB,EAAE,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE,CACtC,CAAC;IACF,MAAM,iBAAiB,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC7D,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW;QAC1B,oBAAC,IAAI,IACH,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,IAAI,GAAG,WAAW,CAAC,MAAM,CAAC,EAAE,EAAE,IAEpD,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB,oBAAC,KAAK,CAAC,QAAQ;YACZ,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAChB,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,GAAG,IAAI,GAAG;iBAClB,EACD,GAAG,EAAE,IAAI,mBACM,IAAI,EACnB,SAAS,EAAE,cAAc,IAExB,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,IAAI,CAChC,oBAAC,IAAI,IAAC,SAAS,EAAC,mBAAmB;gBAAE,IAAI;oBAAS,CACnD,CACI,CACR,CAAC;YACF,oBAAC,IAAI,IAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,GAAI,CACrD,CAClB,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,KAAK,EAAE,GAAG,OAAO,GAAG;gBACpB,eAAe,EAAE,SAAS;gBAC1B,KAAK,EAAE,YAAY;aACpB,EACD,SAAS,EAAE,cAAc,IAExB,WAAW,IAAI,CACd,oBAAC,IAAI,IAAC,SAAS,EAAE,iBAAiB,IAAG,GAAG,OAAO,GAAG,CAAQ,CAC3D,CACI,CACR,CACI,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
package/package.json
CHANGED
|
@@ -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;
|