taro-react-uilib 1.4.6 → 1.4.7-0
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/dist/components/DialogRef/index.js +1 -1
- package/dist/components/DialogRef/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 +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +2 -2
- package/dist/index.umd.js.map +1 -1
- package/dist/styles/components/dialogref.scss +17 -0
- package/dist/styles/components/progress.scss +27 -4
- package/lib/components/DialogRef/index.js +3 -2
- package/lib/components/DialogRef/index.js.map +1 -1
- package/lib/components/Progress/index.js +7 -5
- package/lib/components/Progress/index.js.map +1 -1
- package/package.json +1 -1
- package/types/components/DialogRef/index.d.ts +2 -0
- package/types/components/Progress/index.d.ts +6 -0
- package/types/components/Result/statusMap.d.ts +9 -0
- package/types/stories/Button.d.ts +29 -0
- package/types/stories/Header.d.ts +10 -0
- package/types/stories/Page.d.ts +10 -0
- package/CHANGELOG.md +0 -620
|
@@ -56,6 +56,23 @@
|
|
|
56
56
|
&.portrait {
|
|
57
57
|
flex-direction: column-reverse;
|
|
58
58
|
}
|
|
59
|
+
&.fancy {
|
|
60
|
+
flex-direction: column-reverse;
|
|
61
|
+
padding: 0 24px;
|
|
62
|
+
border-top: 0;
|
|
63
|
+
.xh-dialog-ref-content-footer-buttons-confirm {
|
|
64
|
+
background-color: var(--color-primary);
|
|
65
|
+
margin-bottom: 28px;
|
|
66
|
+
border-radius: 48px;
|
|
67
|
+
}
|
|
68
|
+
.xh-dialog-ref-content-footer-buttons-cancel {
|
|
69
|
+
font-size: 28px;
|
|
70
|
+
padding: 28px 0;
|
|
71
|
+
line-height: 1;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
|
|
59
76
|
&-cancel.xh-button {
|
|
60
77
|
color: var(--font-color-tertiary);
|
|
61
78
|
border-right: 1PX solid #EEE;
|
|
@@ -7,13 +7,17 @@
|
|
|
7
7
|
.progress {
|
|
8
8
|
height: 4px;
|
|
9
9
|
}
|
|
10
|
+
padding: 36px 0;
|
|
10
11
|
}
|
|
11
12
|
.progress {
|
|
12
|
-
height:
|
|
13
|
+
height: 100%;
|
|
13
14
|
width: 100%;
|
|
14
15
|
position: relative;
|
|
15
16
|
border-radius: 8px;
|
|
16
17
|
background-color: #f0f0f0;
|
|
18
|
+
&.solid {
|
|
19
|
+
height: 8px;
|
|
20
|
+
}
|
|
17
21
|
&-bar{
|
|
18
22
|
position: absolute;
|
|
19
23
|
background-color: var(--color-primary);
|
|
@@ -22,6 +26,17 @@
|
|
|
22
26
|
border-radius: 8px;
|
|
23
27
|
z-index: 2;
|
|
24
28
|
transition: width .6s;
|
|
29
|
+
&.solid:after {
|
|
30
|
+
content: "";
|
|
31
|
+
position: absolute;
|
|
32
|
+
right: -8px;
|
|
33
|
+
width: 16px;
|
|
34
|
+
height: 16px;
|
|
35
|
+
background-color: var(--color-primary);
|
|
36
|
+
border-radius: 50%;
|
|
37
|
+
top: 50%;
|
|
38
|
+
transform: translateY(-50%);
|
|
39
|
+
}
|
|
25
40
|
&-text {
|
|
26
41
|
font-size: 20px;
|
|
27
42
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
@@ -50,8 +65,8 @@
|
|
|
50
65
|
}
|
|
51
66
|
|
|
52
67
|
&.h5:after {
|
|
53
|
-
content: attr(data-progress) '%';
|
|
54
68
|
font-size: 20px;
|
|
69
|
+
content: attr(data-progress) '%';
|
|
55
70
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
56
71
|
color: #999999;
|
|
57
72
|
display: block;
|
|
@@ -66,11 +81,19 @@
|
|
|
66
81
|
display: block;
|
|
67
82
|
content: attr(data-progress) "%";
|
|
68
83
|
position: absolute;
|
|
69
|
-
right: 3px;
|
|
70
84
|
top: 50%;
|
|
85
|
+
width: 36px;
|
|
86
|
+
text-align: center;
|
|
71
87
|
transform: translateY(-50%);
|
|
72
|
-
font-size:
|
|
88
|
+
font-size: 20px;
|
|
73
89
|
line-height: 100%;
|
|
90
|
+
width: 48px;
|
|
91
|
+
right: 0;
|
|
92
|
+
color: #FFF;
|
|
93
|
+
&.solid {
|
|
94
|
+
top: calc(100% + 24px);
|
|
95
|
+
right: -15px;
|
|
96
|
+
}
|
|
74
97
|
}
|
|
75
98
|
}
|
|
76
99
|
&-cover{
|
|
@@ -6,7 +6,7 @@ import Button from "../Button";
|
|
|
6
6
|
import Mask from "../Mask";
|
|
7
7
|
import "./index.scss";
|
|
8
8
|
const DialogCom = forwardRef((props, fromRef) => {
|
|
9
|
-
const { header, content, className = "", visible, showCancel = true, confirmText = "确定", cancelText = "取消", footer = false, onConfirm, onCancel, onClose, portrait = false, tranparent = false, } = props;
|
|
9
|
+
const { header, content, className = "", visible, showCancel = true, confirmText = "确定", cancelText = "取消", footer = false, onConfirm, onCancel, onClose, portrait = false, tranparent = false, fancy = false, } = props;
|
|
10
10
|
const [selfVisible, setSelfVisible] = useState(false);
|
|
11
11
|
useImperativeHandle(fromRef, () => ({
|
|
12
12
|
close,
|
|
@@ -38,9 +38,10 @@ const DialogCom = forwardRef((props, fromRef) => {
|
|
|
38
38
|
});
|
|
39
39
|
const dialogFooter = (React.createElement(View, { className: classNames("xh-dialog-ref-content-footer-buttons", {
|
|
40
40
|
portrait,
|
|
41
|
+
fancy,
|
|
41
42
|
}) },
|
|
42
43
|
showCancel && (React.createElement(Button, { ghost: true, size: "full", shape: "rectangle", preventTime: 0, onClick: handleCancel, className: "xh-dialog-ref-content-footer-buttons-cancel" }, cancelText)),
|
|
43
|
-
React.createElement(Button, { type: "primary", shape: "rectangle", size: "full", ghost:
|
|
44
|
+
React.createElement(Button, { type: "primary", shape: "rectangle", size: "full", ghost: !fancy, className: "xh-dialog-ref-content-footer-buttons-confirm", onClick: handleConfirm, preventTime: 0 }, confirmText)));
|
|
44
45
|
const DialogMain = (React.createElement(View, { className: dialogcls },
|
|
45
46
|
React.createElement(Mask, null),
|
|
46
47
|
React.createElement(CSSTransition, { in: selfVisible, timeout: 200, classNames: "scale" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DialogRef/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,QAAQ,EACR,mBAAmB,EACnB,UAAU,EACV,SAAS,GACV,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,MAAM,MAAM,WAAW,CAAC;AAE/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DialogRef/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,14 +4,16 @@ import { View } from "@tarojs/components";
|
|
|
4
4
|
import { pxTransform } from "@tarojs/taro";
|
|
5
5
|
import "./index.scss";
|
|
6
6
|
const Progress = props => {
|
|
7
|
-
const { percent = 88, className, showPercent = false, doneColor = "", percentColor = "", height, dots = [], } = props;
|
|
7
|
+
const { percent = 88, className, showPercent = false, doneColor = "", percentColor = "", height = 28, dots = [], solid = false, backgroundColor = "", } = 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 }, { h5: process.env.TARO_ENV === "h5" });
|
|
12
|
-
const showbarPercentcls = classNames("progress-bar-percent");
|
|
13
|
-
return (React.createElement(View, { className: progresslcs
|
|
14
|
-
|
|
11
|
+
const showPercentcls = classNames("progress-bar", { dots: dots.length > 0 }, { solid }, { h5: process.env.TARO_ENV === "h5" });
|
|
12
|
+
const showbarPercentcls = classNames("progress-bar-percent", { solid });
|
|
13
|
+
return (React.createElement(View, { className: progresslcs, style: {
|
|
14
|
+
height: height && pxTransform(height),
|
|
15
|
+
} },
|
|
16
|
+
React.createElement(View, { className: classNames("progress", { solid }), style: { backgroundColor } }, dots.length > 0 ? (React.createElement(React.Fragment, null,
|
|
15
17
|
dots.map(item => (React.createElement(View, { style: {
|
|
16
18
|
width: `${item}%`,
|
|
17
19
|
}, key: item, "data-progress": item, className: showPercentcls }, process.env.TARO_ENV !== "h5" && (React.createElement(View, { className: "progress-bar-text" },
|
|
@@ -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;
|
|
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;AAK3C,OAAO,cAAc,CAAC;AAmBtB,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,GAAG,EAAE,EACX,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,KAAK,EACb,eAAe,GAAG,EAAE,GACrB,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,KAAK,EAAE,EACT,EAAE,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE,CACtC,CAAC;IACF,MAAM,iBAAiB,GAAG,UAAU,CAAC,sBAAsB,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IACxE,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE;YACL,MAAM,EAAE,MAAM,IAAI,WAAW,CAAC,MAAM,CAAC;SACtC;QAED,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,EAC5C,KAAK,EAAE,EAAE,eAAe,EAAE,IAEzB,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
|
@@ -14,6 +14,7 @@ export declare type DialogProps = {
|
|
|
14
14
|
onClose?: () => void;
|
|
15
15
|
tranparent?: boolean;
|
|
16
16
|
portrait?: boolean;
|
|
17
|
+
fancy?: boolean;
|
|
17
18
|
} & XHComponentCommonProps;
|
|
18
19
|
export declare type IDialogRef = {
|
|
19
20
|
close: () => void;
|
|
@@ -32,5 +33,6 @@ declare const DialogCom: React.ForwardRefExoticComponent<{
|
|
|
32
33
|
onClose?: (() => void) | undefined;
|
|
33
34
|
tranparent?: boolean | undefined;
|
|
34
35
|
portrait?: boolean | undefined;
|
|
36
|
+
fancy?: boolean | undefined;
|
|
35
37
|
} & XHComponentCommonProps & React.RefAttributes<IDialogRef>>;
|
|
36
38
|
export default DialogCom;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { StandardLonghandProperties } from "csstype";
|
|
2
3
|
import { XHComponentCommonProps } from "../../types";
|
|
3
4
|
import "./index.scss";
|
|
4
5
|
export declare type ProgressProps = {
|
|
@@ -11,6 +12,11 @@ export declare type ProgressProps = {
|
|
|
11
12
|
* @description 百分比,不要百分号
|
|
12
13
|
*/
|
|
13
14
|
dots?: number[];
|
|
15
|
+
/**
|
|
16
|
+
* 苗条模式
|
|
17
|
+
*/
|
|
18
|
+
solid?: boolean;
|
|
19
|
+
backgroundColor?: StandardLonghandProperties["color"];
|
|
14
20
|
} & XHComponentCommonProps;
|
|
15
21
|
declare const Progress: React.FC<ProgressProps>;
|
|
16
22
|
export default Progress;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './button.css';
|
|
3
|
+
interface ButtonProps {
|
|
4
|
+
/**
|
|
5
|
+
* Is this the principal call to action on the page?
|
|
6
|
+
*/
|
|
7
|
+
primary?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* What background color to use
|
|
10
|
+
*/
|
|
11
|
+
backgroundColor?: string;
|
|
12
|
+
/**
|
|
13
|
+
* How large should the button be?
|
|
14
|
+
*/
|
|
15
|
+
size?: 'small' | 'medium' | 'large';
|
|
16
|
+
/**
|
|
17
|
+
* Button contents
|
|
18
|
+
*/
|
|
19
|
+
label: string;
|
|
20
|
+
/**
|
|
21
|
+
* Optional click handler
|
|
22
|
+
*/
|
|
23
|
+
onClick?: () => void;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Primary UI component for user interaction
|
|
27
|
+
*/
|
|
28
|
+
export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => JSX.Element;
|
|
29
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './header.css';
|
|
3
|
+
interface HeaderProps {
|
|
4
|
+
user?: {};
|
|
5
|
+
onLogin: () => void;
|
|
6
|
+
onLogout: () => void;
|
|
7
|
+
onCreateAccount: () => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './page.css';
|
|
3
|
+
interface PageProps {
|
|
4
|
+
user?: {};
|
|
5
|
+
onLogin: () => void;
|
|
6
|
+
onLogout: () => void;
|
|
7
|
+
onCreateAccount: () => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const Page: ({ user, onLogin, onLogout, onCreateAccount }: PageProps) => JSX.Element;
|
|
10
|
+
export {};
|