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.
@@ -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: 20px;
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: 22px;
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: true, className: "xh-dialog-ref-content-footer-buttons--confirm", onClick: handleConfirm, preventTime: 0 }, confirmText)));
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":"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"}
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
- React.createElement(View, { className: "progress", style: { height: height && `${pxTransform(height)}` } }, dots.length > 0 ? (React.createElement(React.Fragment, null,
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;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"}
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "taro-react-uilib",
3
- "version": "1.4.6",
3
+ "version": "1.4.7-0",
4
4
  "description": "基于taro的跨端组件库",
5
5
  "templateInfo": {
6
6
  "name": "default",
@@ -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,9 @@
1
+ declare const _default: {
2
+ success: any;
3
+ empty: any;
4
+ fail: any;
5
+ networkErr: any;
6
+ submitted: any;
7
+ wait: any;
8
+ };
9
+ export default _default;
@@ -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 {};