taro-react-uilib 1.3.7 → 1.4.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/ActionSheet/index.js +1 -1
- package/dist/components/ActionSheet/index.js.map +1 -1
- package/dist/components/AmountInput/index.js +1 -1
- package/dist/components/AmountInput/index.js.map +1 -1
- package/dist/components/AmountKeyboard/index.js +1 -1
- package/dist/components/AmountKeyboard/index.js.map +1 -1
- package/dist/components/BankCardNumberInput/index.js +2 -0
- package/dist/components/BankCardNumberInput/index.js.map +1 -0
- 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/IDNumberInput/index.js +2 -0
- package/dist/components/IDNumberInput/index.js.map +1 -0
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/LinkMan/index.js +1 -1
- package/dist/components/LinkMan/index.js.map +1 -1
- package/dist/components/node_modules/tslib/tslib.es6.js +1 -1
- package/dist/components/node_modules/tslib/tslib.es6.js.map +1 -1
- package/dist/components/src/index.js +1 -1
- package/dist/components/src/utils/index.js +1 -1
- package/dist/components/src/utils/index.js.map +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 +9 -2
- package/dist/styles/components/amountinput.scss +12 -10
- package/dist/styles/components/bankcardnumberinput.scss +37 -0
- package/dist/styles/components/captcha.scss +1 -2
- package/dist/styles/components/checkbox.scss +1 -0
- package/dist/styles/components/dialogref.scss +3 -0
- 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/icon.scss +12 -0
- package/dist/styles/components/idnumberinput.scss +36 -0
- package/dist/styles/components/index.scss +2 -0
- package/dist/styles/components/radio.scss +1 -0
- package/lib/components/ActionSheet/index.js +16 -6
- package/lib/components/ActionSheet/index.js.map +1 -1
- package/lib/components/AmountInput/index.js +4 -4
- package/lib/components/AmountInput/index.js.map +1 -1
- package/lib/components/AmountKeyboard/index.js +35 -2
- package/lib/components/AmountKeyboard/index.js.map +1 -1
- package/lib/components/BankCardNumberInput/index.js +38 -0
- package/lib/components/BankCardNumberInput/index.js.map +1 -0
- package/lib/components/DialogRef/index.js +4 -2
- package/lib/components/DialogRef/index.js.map +1 -1
- package/lib/components/FormInput/index.js +2 -1
- package/lib/components/FormInput/index.js.map +1 -1
- package/lib/components/IDNumberInput/index.js +36 -0
- package/lib/components/IDNumberInput/index.js.map +1 -0
- package/lib/components/Icon/index.js.map +1 -1
- package/lib/components/LinkMan/index.js +4 -3
- package/lib/components/LinkMan/index.js.map +1 -1
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -1
- package/lib/utils/index.js +86 -0
- package/lib/utils/index.js.map +1 -1
- package/package.json +1 -1
- package/types/components/ActionSheet/index.d.ts +1 -1
- package/types/components/AmountInput/index.d.ts +2 -1
- package/types/components/AmountKeyboard/index.d.ts +4 -0
- package/types/components/BankCardNumberInput/index.d.ts +42 -0
- package/types/components/DialogRef/index.d.ts +2 -0
- package/types/components/FormInput/index.d.ts +1 -0
- package/types/components/IDNumberInput/index.d.ts +34 -0
- package/types/components/Icon/index.d.ts +1 -1
- package/types/components/LinkMan/index.d.ts +1 -1
- package/types/index.d.ts +2 -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/types/utils/index.d.ts +18 -0
- package/CHANGELOG.md +0 -970
- package/dist/styles/components/font/.DS_Store +0 -0
|
@@ -59,8 +59,8 @@
|
|
|
59
59
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
60
60
|
max-height: 98px * 6;
|
|
61
61
|
overflow-y: scroll;
|
|
62
|
-
&.
|
|
63
|
-
|
|
62
|
+
&.noTitle {
|
|
63
|
+
border-radius: 32px 32px 0 0;
|
|
64
64
|
}
|
|
65
65
|
&-item {
|
|
66
66
|
font-weight: 400;
|
|
@@ -69,6 +69,7 @@
|
|
|
69
69
|
display: flex;
|
|
70
70
|
align-items: center;
|
|
71
71
|
justify-content: center;
|
|
72
|
+
overflow: hidden;
|
|
72
73
|
&.start {
|
|
73
74
|
justify-content: flex-start;
|
|
74
75
|
}
|
|
@@ -81,6 +82,9 @@
|
|
|
81
82
|
&:active {
|
|
82
83
|
background-color: #eee;
|
|
83
84
|
}
|
|
85
|
+
&.active {
|
|
86
|
+
background-color: #f9f9f9;
|
|
87
|
+
}
|
|
84
88
|
}
|
|
85
89
|
}
|
|
86
90
|
&-action {
|
|
@@ -91,6 +95,9 @@
|
|
|
91
95
|
color: #999999;
|
|
92
96
|
margin-top: 20px;
|
|
93
97
|
background-color: #fff;
|
|
98
|
+
&.noMarinTop {
|
|
99
|
+
margin-top: 0;
|
|
100
|
+
}
|
|
94
101
|
&-submit {
|
|
95
102
|
padding: 29px 0;
|
|
96
103
|
background-color: var(--color-primary);
|
|
@@ -54,16 +54,18 @@
|
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
&-shortcut {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
57
|
+
&-text {
|
|
58
|
+
padding: 0 20px;
|
|
59
|
+
height: 58px;
|
|
60
|
+
display: flex;
|
|
61
|
+
align-items: center;
|
|
62
|
+
font-size: 26px;
|
|
63
|
+
font-family: PingFang SC-Regular, PingFang SC;
|
|
64
|
+
font-weight: 400;
|
|
65
|
+
color: var(--color-primary);
|
|
66
|
+
border-radius: 30px;
|
|
67
|
+
border: 2px solid var(--color-primary);
|
|
68
|
+
}
|
|
67
69
|
}
|
|
68
70
|
}
|
|
69
71
|
&-error {
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
@import './forminput.scss';
|
|
2
|
+
@import "../../styles/themes/variable.scss";
|
|
3
|
+
|
|
4
|
+
@font-face {
|
|
5
|
+
font-family: "xh-iconfont"; /* Project id 4043926 */
|
|
6
|
+
src:
|
|
7
|
+
url('./font/iconfont.woff2?t=1687140360510') format('woff2'),
|
|
8
|
+
url('./font/iconfont.woff?t=1687140360510') format('woff'),
|
|
9
|
+
url('./font/iconfont.ttf?t=1687140360510') format('truetype');
|
|
10
|
+
}
|
|
11
|
+
#{$xh-prefix}-bankcard-number-input {
|
|
12
|
+
&-slot {
|
|
13
|
+
padding: 28px;
|
|
14
|
+
}
|
|
15
|
+
&-scan {
|
|
16
|
+
display: inline-block;
|
|
17
|
+
font-family: xh-iconfont;
|
|
18
|
+
font-style: normal;
|
|
19
|
+
font-weight: 400;
|
|
20
|
+
font-variant: normal;
|
|
21
|
+
text-transform: none;
|
|
22
|
+
text-rendering: auto;
|
|
23
|
+
line-height: 1;
|
|
24
|
+
-webkit-font-smoothing: antialiased;
|
|
25
|
+
-moz-osx-font-smoothing: grayscale;
|
|
26
|
+
vertical-align: middle;
|
|
27
|
+
font-size: 20PX;
|
|
28
|
+
color: var(--color-primary-secondary);
|
|
29
|
+
&:before {
|
|
30
|
+
content: "\e618";
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
&-name {
|
|
34
|
+
color: var(--font-color-secondary);
|
|
35
|
+
font-size: 20px;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
#{$xh-prefix}-captcha.xh-button.secondary {
|
|
4
4
|
color: var(--color-primary);
|
|
5
5
|
background-color: #fff;
|
|
6
|
-
border-color: currentColor;
|
|
7
6
|
border-radius: 48px;
|
|
8
7
|
width: 163px;
|
|
9
8
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
@@ -11,7 +10,7 @@
|
|
|
11
10
|
padding: 16px 0;
|
|
12
11
|
font-size: 26px;
|
|
13
12
|
font-weight: 400;
|
|
14
|
-
border: 1px solid
|
|
13
|
+
border: 1px solid currentColor;
|
|
15
14
|
&:disabled {
|
|
16
15
|
color: #d5d5d5;
|
|
17
16
|
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -24,6 +24,18 @@
|
|
|
24
24
|
font-size: 20PX;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
+
.xh-icon-alipay:before {
|
|
28
|
+
content: "\e627";
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.xh-icon-wechat:before {
|
|
32
|
+
content: "\e626";
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.xh-icon-edit2:before {
|
|
36
|
+
content: "\e625";
|
|
37
|
+
}
|
|
38
|
+
|
|
27
39
|
.xh-icon-duigou:before {
|
|
28
40
|
content: "\e624";
|
|
29
41
|
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
@import "../../styles/themes/variable.scss";
|
|
2
|
+
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: "xh-iconfont"; /* Project id 4043926 */
|
|
5
|
+
src:
|
|
6
|
+
url('./font/iconfont.woff2?t=1687140360510') format('woff2'),
|
|
7
|
+
url('./font/iconfont.woff?t=1687140360510') format('woff'),
|
|
8
|
+
url('./font/iconfont.ttf?t=1687140360510') format('truetype');
|
|
9
|
+
}
|
|
10
|
+
#{$xh-prefix}-idnumber-input {
|
|
11
|
+
&-slot {
|
|
12
|
+
padding: 28px;
|
|
13
|
+
}
|
|
14
|
+
&-scan {
|
|
15
|
+
display: inline-block;
|
|
16
|
+
font-family: xh-iconfont;
|
|
17
|
+
font-style: normal;
|
|
18
|
+
font-weight: 400;
|
|
19
|
+
font-variant: normal;
|
|
20
|
+
text-transform: none;
|
|
21
|
+
text-rendering: auto;
|
|
22
|
+
line-height: 1;
|
|
23
|
+
-webkit-font-smoothing: antialiased;
|
|
24
|
+
-moz-osx-font-smoothing: grayscale;
|
|
25
|
+
vertical-align: middle;
|
|
26
|
+
font-size: 20PX;
|
|
27
|
+
color: var(--color-primary-secondary);
|
|
28
|
+
&:before {
|
|
29
|
+
content: "\e618";
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
&-name {
|
|
33
|
+
color: var(--font-color-secondary);
|
|
34
|
+
font-size: 20px;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
@import './amountkeyboard.scss';
|
|
5
5
|
@import './animated.scss';
|
|
6
6
|
@import './badge.scss';
|
|
7
|
+
@import './bankcardnumberinput.scss';
|
|
7
8
|
@import './bankicon.scss';
|
|
8
9
|
@import './button.scss';
|
|
9
10
|
@import './captcha.scss';
|
|
@@ -15,6 +16,7 @@
|
|
|
15
16
|
@import './fade.scss';
|
|
16
17
|
@import './forminput.scss';
|
|
17
18
|
@import './icon.scss';
|
|
19
|
+
@import './idnumberinput.scss';
|
|
18
20
|
@import './image.scss';
|
|
19
21
|
@import './linkman.scss';
|
|
20
22
|
@import './list.scss';
|
|
@@ -4,8 +4,9 @@ import { View } from "@tarojs/components";
|
|
|
4
4
|
import Popup from "../Popup";
|
|
5
5
|
import "./index.scss";
|
|
6
6
|
const ActionSheet = (props) => {
|
|
7
|
-
const { visible = false, title, description, data = [], onConfirm, onCancel, className, children, style, mode, submitText = "提交", cancelText = "取消", showCancel = false, renderItem, ItemWrapper, onSubmit, onClick, showClose = false, justifyContent = "center", inline = false, } = props;
|
|
7
|
+
const { visible = false, title, description, data = [], onConfirm, onCancel, className, children, style, mode, submitText = "提交", cancelText = "取消", showCancel = false, renderItem, ItemWrapper, onSubmit, onClick, showClose = false, justifyContent = "center", inline = false, defaultValue = "", } = props;
|
|
8
8
|
const [innerVisible, setInnerVisible] = useState(visible);
|
|
9
|
+
const [value, selectedValue] = useState(typeof defaultValue === "string" ? defaultValue : defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value);
|
|
9
10
|
const handleCancel = (bottom) => {
|
|
10
11
|
onCancel === null || onCancel === void 0 ? void 0 : onCancel(bottom);
|
|
11
12
|
onClick === null || onClick === void 0 ? void 0 : onClick(false);
|
|
@@ -26,6 +27,8 @@ const ActionSheet = (props) => {
|
|
|
26
27
|
const handleConfirm = (item, index) => {
|
|
27
28
|
onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(item, index);
|
|
28
29
|
setInnerVisible(false);
|
|
30
|
+
const checkValue = typeof item === "string" ? item : item.value;
|
|
31
|
+
selectedValue(checkValue);
|
|
29
32
|
};
|
|
30
33
|
const handleSubmit = () => {
|
|
31
34
|
onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
|
|
@@ -36,21 +39,28 @@ const ActionSheet = (props) => {
|
|
|
36
39
|
showCancel && (React.createElement(View, { className: "xh-action-sheet-main-action-cancel mode", onClick: () => handleCancel(true) }, cancelText))));
|
|
37
40
|
};
|
|
38
41
|
const itemRender = () => data.map((item, index) => {
|
|
39
|
-
return renderItem ? (renderItem(item, index)) : (React.createElement(View, { className: classNames("xh-action-sheet-main-panel-item", justifyContent
|
|
42
|
+
return renderItem ? (renderItem(item, index)) : (React.createElement(View, { className: classNames("xh-action-sheet-main-panel-item", justifyContent, {
|
|
43
|
+
active: typeof item === "string"
|
|
44
|
+
? item === value
|
|
45
|
+
: item.value === value,
|
|
46
|
+
}), key: index, onClick: () => {
|
|
40
47
|
handleConfirm(item, index);
|
|
41
48
|
} }, typeof item === "string" ? item : item.text));
|
|
42
49
|
});
|
|
50
|
+
const innerShowClose = showClose || (mode === "controlled" && !showCancel);
|
|
43
51
|
return (React.createElement(View, { className: classNames("xh-action-sheet", { inline }), onClick: handleClick },
|
|
44
52
|
React.createElement(Popup, { visible: innerVisible },
|
|
45
53
|
React.createElement(View, { className: classNames("xh-action-sheet-main", className, mode), style: style },
|
|
46
|
-
React.createElement(View, { className: "xh-action-sheet-main-header" },
|
|
54
|
+
title && (React.createElement(View, { className: "xh-action-sheet-main-header" },
|
|
47
55
|
React.createElement(View, { className: "xh-action-sheet-main-header-title" }, title),
|
|
48
56
|
React.createElement(View, { className: "xh-action-sheet-main-header-desc" }, description),
|
|
49
|
-
|
|
57
|
+
innerShowClose && (React.createElement(View, { className: "xh-action-sheet-main-header-close", onClick: () => handleCancel() })))),
|
|
50
58
|
React.createElement(View, { className: classNames("xh-action-sheet-main-panel", {
|
|
51
|
-
|
|
59
|
+
noTitle: !title,
|
|
52
60
|
}), onClick: e => process.env.TARO_ENV !== "h5" && e.stopPropagation() }, ItemWrapper ? (React.createElement(ItemWrapper, null, itemRender())) : (React.createElement(React.Fragment, null, itemRender()))),
|
|
53
|
-
React.createElement(View, { className: "xh-action-sheet-main-action",
|
|
61
|
+
React.createElement(View, { className: classNames("xh-action-sheet-main-action", {
|
|
62
|
+
noMarinTop: mode !== "controlled" && innerShowClose,
|
|
63
|
+
}), onClick: e => process.env.TARO_ENV !== "h5" && e.stopPropagation() }, mode === "controlled" ? (submitButton()) : !innerShowClose ? (React.createElement(View, { className: "xh-action-sheet-main-action-cancel", onClick: () => handleCancel(true) }, cancelText)) : (React.createElement("div", null))))),
|
|
54
64
|
children));
|
|
55
65
|
};
|
|
56
66
|
export default ActionSheet;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActionSheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAA2B,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,cAAc,CAAC;AA4CtB,MAAM,WAAW,GAAG,CAClB,KAAqB,EACP,EAAE;IAChB,MAAM,EACJ,OAAO,GAAG,KAAK,EACf,KAAK,EACL,WAAW,EACX,IAAI,GAAG,EAAE,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,KAAK,EAClB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,cAAc,GAAG,QAAQ,EACzB,MAAM,GAAG,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActionSheet/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { View } from "@tarojs/components";
|
|
|
3
3
|
import classNames from "classnames";
|
|
4
4
|
import "./index.scss";
|
|
5
5
|
const AmountInput = props => {
|
|
6
|
-
const { value, maxlength = value.length, onFocus, className, focus = false, shortcut = "借全部", step = 100, errTip = "", onUpgrade, minAmount, maxAmount, showUpgrade = false, loanOnekey = () => { }, placeholder = `单笔${minAmount}-${maxAmount}元,${step}的整数倍`, slot, } = props;
|
|
6
|
+
const { value, maxlength = value.length, onFocus, className, focus = false, shortcut = "借全部", step = 100, errTip = "", onUpgrade, minAmount, maxAmount, showUpgrade = false, loanOnekey = () => { }, placeholder = `单笔${minAmount}-${maxAmount}元,${step}的整数倍`, slot, showBottom = true, } = props;
|
|
7
7
|
function renderInputs() {
|
|
8
8
|
const Inputs = [""];
|
|
9
9
|
if (value === "")
|
|
@@ -33,10 +33,10 @@ const AmountInput = props => {
|
|
|
33
33
|
React.createElement(View, { className: classNames("xh-amount-input-top-amount-num-cursor", {
|
|
34
34
|
focus,
|
|
35
35
|
}) })),
|
|
36
|
-
React.createElement(View, { className: "xh-amount-input-top-amount-shortcut", onClick: loanOnekey }, shortcut)),
|
|
36
|
+
React.createElement(View, { className: "xh-amount-input-top-amount-shortcut", onClick: loanOnekey }, typeof shortcut === "string" ? (React.createElement(View, { className: "xh-amount-input-top-amount-shortcut-text" }, shortcut)) : (shortcut))),
|
|
37
37
|
errTip && React.createElement(View, { className: "xh-amount-input-top-error" }, errTip)),
|
|
38
38
|
slot && React.createElement(View, { className: "xh-amount-input-slot" }, slot),
|
|
39
|
-
React.createElement(View, { className: "xh-amount-input-bottom" },
|
|
39
|
+
showBottom && (React.createElement(View, { className: "xh-amount-input-bottom" },
|
|
40
40
|
React.createElement(View, { className: "xh-amount-input-bottom-range" },
|
|
41
41
|
"\u5355\u7B14\u53EF\u501F\uFF1A",
|
|
42
42
|
React.createElement(View, { className: "xh-amount-input-bottom-range-number" },
|
|
@@ -46,7 +46,7 @@ const AmountInput = props => {
|
|
|
46
46
|
"\u5143")),
|
|
47
47
|
showUpgrade && (React.createElement(View, { className: "xh-amount-input-bottom-tip" },
|
|
48
48
|
"\u989D\u5EA6\u4E0D\u6EE1\u610F\uFF1F",
|
|
49
|
-
React.createElement(View, { className: "xh-amount-input-bottom-tip-update", onClick: handleUpgrade }, "\u7ACB\u5373\u63D0\u989D"))))));
|
|
49
|
+
React.createElement(View, { className: "xh-amount-input-bottom-tip-update", onClick: handleUpgrade }, "\u7ACB\u5373\u63D0\u989D")))))));
|
|
50
50
|
};
|
|
51
51
|
export default AmountInput;
|
|
52
52
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AmountInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAe,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AmountInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,8 +24,26 @@ const XHAmountKeys = [
|
|
|
24
24
|
{ text: "", value: "", type: "close" },
|
|
25
25
|
{ text: "", value: "", type: "none" },
|
|
26
26
|
];
|
|
27
|
+
const XHAmountKeysWithDot = [
|
|
28
|
+
{ text: 1, value: 1, type: "number" },
|
|
29
|
+
{ text: 2, value: 2, type: "number" },
|
|
30
|
+
{ text: 3, value: 3, type: "number" },
|
|
31
|
+
{ text: "", value: "", type: "delete" },
|
|
32
|
+
{ text: 4, value: 4, type: "number" },
|
|
33
|
+
{ text: 5, value: 5, type: "number" },
|
|
34
|
+
{ text: 6, value: 6, type: "number" },
|
|
35
|
+
{ text: "", value: "", type: "none" },
|
|
36
|
+
{ text: 7, value: 7, type: "number" },
|
|
37
|
+
{ text: 8, value: 8, type: "number" },
|
|
38
|
+
{ text: 9, value: 9, type: "number" },
|
|
39
|
+
{ text: "", value: "", type: "none" },
|
|
40
|
+
{ text: "·", value: ".", type: "number" },
|
|
41
|
+
{ text: 0, value: 0, type: "number" },
|
|
42
|
+
{ text: "", value: "", type: "close" },
|
|
43
|
+
{ text: "", value: "", type: "none" },
|
|
44
|
+
];
|
|
27
45
|
const AmountKeyboard = props => {
|
|
28
|
-
const { onBlur, show, maxLength = Number.MAX_SAFE_INTEGER, closeOnClickSpace = true, onClose, onChange, value, className, onConfirm, recommend = [], header, disabled = false, tip, } = props;
|
|
46
|
+
const { onBlur, show, maxLength = Number.MAX_SAFE_INTEGER, closeOnClickSpace = true, onClose, onChange, value, className, onConfirm, recommend = [], header, disabled = false, tip, decimal, } = props;
|
|
29
47
|
const [input, setInput] = useState(value);
|
|
30
48
|
useEffect(() => {
|
|
31
49
|
if (closeOnClickSpace) {
|
|
@@ -54,6 +72,9 @@ const AmountKeyboard = props => {
|
|
|
54
72
|
return;
|
|
55
73
|
if (type === "none")
|
|
56
74
|
return;
|
|
75
|
+
// 第一个字符不能是.
|
|
76
|
+
if (value === "." && input === "")
|
|
77
|
+
return;
|
|
57
78
|
if (type === "close") {
|
|
58
79
|
handleClose(e);
|
|
59
80
|
return;
|
|
@@ -65,12 +86,24 @@ const AmountKeyboard = props => {
|
|
|
65
86
|
else if (newInput.replace(/^0+/g, "").length < maxLength) {
|
|
66
87
|
newInput = input + value;
|
|
67
88
|
}
|
|
89
|
+
// 支持小数点的情况下,如果第一个是0,自动填充.
|
|
90
|
+
if (decimal && value === 0 && input === "")
|
|
91
|
+
newInput = value + ".";
|
|
92
|
+
// 不能包含多个小数点
|
|
93
|
+
if (value === "." && input.includes("."))
|
|
94
|
+
return;
|
|
95
|
+
// 保留两位小数
|
|
96
|
+
if (type === "number" &&
|
|
97
|
+
input.indexOf(".") > -1 &&
|
|
98
|
+
input.length - input.indexOf(".") === 3)
|
|
99
|
+
return;
|
|
68
100
|
// 前后两个值相等就不触发onchange
|
|
69
101
|
if (newInput === input)
|
|
70
102
|
return;
|
|
71
103
|
setInput(newInput);
|
|
72
104
|
onChange === null || onChange === void 0 ? void 0 : onChange(newInput);
|
|
73
105
|
}, [input, disabled]);
|
|
106
|
+
const renderKeys = decimal ? XHAmountKeysWithDot : XHAmountKeys;
|
|
74
107
|
const handleConfirm = (e) => {
|
|
75
108
|
e.stopPropagation();
|
|
76
109
|
onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(input);
|
|
@@ -88,7 +121,7 @@ const AmountKeyboard = props => {
|
|
|
88
121
|
React.createElement(Badge, { content: `¥${amount}`, key: index })))))))),
|
|
89
122
|
tip)),
|
|
90
123
|
React.createElement(View, { className: "xh-amount-keyboard-body" },
|
|
91
|
-
|
|
124
|
+
renderKeys.map((key, index) => (React.createElement(View, { key: index, className: classNames("xh-amount-keyboard-body-key", {
|
|
92
125
|
none: key.type === "none",
|
|
93
126
|
delete: key.type === "delete",
|
|
94
127
|
close: key.type === "close",
|
|
@@ -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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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React, { forwardRef, useImperativeHandle } from "react";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import { View } from "@tarojs/components";
|
|
4
|
+
import XHFormInput from "../FormInput";
|
|
5
|
+
import { checkBankCard, creditCard } from "../../utils";
|
|
6
|
+
import "./index.scss";
|
|
7
|
+
const BankCardNumberInput = forwardRef((props, fromRef) => {
|
|
8
|
+
const { showScan = false, label, value, bankName, readOnly, direction = "column", onScan, placeholder = "请输入卡号", onError, onChange, maxlength = 23, slot, className, border, } = props;
|
|
9
|
+
const handleBlur = value => {
|
|
10
|
+
console.log("blur");
|
|
11
|
+
if (!checkBankCard(value))
|
|
12
|
+
onError === null || onError === void 0 ? void 0 : onError();
|
|
13
|
+
};
|
|
14
|
+
const handleChange = value => {
|
|
15
|
+
const formatValue = creditCard(value);
|
|
16
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(formatValue);
|
|
17
|
+
};
|
|
18
|
+
const handleOnScan = () => {
|
|
19
|
+
console.log(fromRef, "fromRef...");
|
|
20
|
+
onScan === null || onScan === void 0 ? void 0 : onScan();
|
|
21
|
+
};
|
|
22
|
+
useImperativeHandle(fromRef, () => {
|
|
23
|
+
return {
|
|
24
|
+
isValid: checkBankCard(value.replace(/\s/g, "")),
|
|
25
|
+
focus: () => {
|
|
26
|
+
var _a;
|
|
27
|
+
if (typeof fromRef === "object") {
|
|
28
|
+
(_a = fromRef === null || fromRef === void 0 ? void 0 : fromRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
});
|
|
33
|
+
return (React.createElement(View, { className: classNames("xh-bankcard-number-input", className) },
|
|
34
|
+
React.createElement(XHFormInput, { padding: true, ref: fromRef, RightComponent: showScan && (React.createElement(View, { onClick: handleOnScan, className: "xh-bankcard-number-input-scan" })), direction: direction, label: label, mainExtra: direction !== "row" && (React.createElement(View, { className: "xh-bankcard-number-input-name" }, bankName)), maxlength: maxlength, placeholder: placeholder, readonly: readOnly, type: "tel", border: border, value: creditCard(value), onBlur: handleBlur, onChange: handleChange }),
|
|
35
|
+
React.createElement(View, { className: "xh-bankcard-number-input-slot" }, slot)));
|
|
36
|
+
});
|
|
37
|
+
export default BankCardNumberInput;
|
|
38
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BankCardNumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,cAAc,CAAC;AAuBtB,MAAM,mBAAmB,GAAG,UAAU,CACpC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;IACjB,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,MAAM,EACN,WAAW,GAAG,OAAO,EACrB,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,SAAS,EACT,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE;QACzB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACpB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;YAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE;QAC3B,MAAM,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QACtC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,WAAW,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;QACnC,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;IACb,CAAC,CAAC;IAEF,mBAAmB,CAAC,OAAO,EAAE,GAAG,EAAE;QAChC,OAAO;YACL,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAChD,KAAK,EAAE,GAAG,EAAE;;gBACV,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;oBAC/B,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;iBAC3B;YACH,CAAC;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,SAAS,CAAC;QAChE,oBAAC,WAAW,IACV,OAAO,QACP,GAAG,EAAE,OAAO,EACZ,cAAc,EACZ,QAAQ,IAAI,CACV,oBAAC,IAAI,IACH,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,+BAA+B,GACnC,CACT,EAEH,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,SAAS,EACP,SAAS,KAAK,KAAK,IAAI,CACrB,oBAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,IAAE,QAAQ,CAAQ,CAClE,EAEH,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,EACxB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,GACtB;QACF,oBAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,IAAE,IAAI,CAAQ,CACxD,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -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, tranparent = false, } = props;
|
|
9
|
+
const { header, content, className = "", visible, showCancel = true, confirmText = "确定", cancelText = "取消", footer = false, onConfirm, onCancel, onClose, portrait = false, tranparent = false, } = props;
|
|
10
10
|
const [selfVisible, setSelfVisible] = useState(false);
|
|
11
11
|
useImperativeHandle(fromRef, () => ({
|
|
12
12
|
close,
|
|
@@ -36,7 +36,9 @@ const DialogCom = forwardRef((props, fromRef) => {
|
|
|
36
36
|
const dialogcls = classNames("xh-dialog-ref", className, {
|
|
37
37
|
show: selfVisible,
|
|
38
38
|
});
|
|
39
|
-
const dialogFooter = (React.createElement(View, { className: "xh-dialog-ref-content-footer-buttons"
|
|
39
|
+
const dialogFooter = (React.createElement(View, { className: classNames("xh-dialog-ref-content-footer-buttons", {
|
|
40
|
+
portrait,
|
|
41
|
+
}) },
|
|
40
42
|
showCancel && (React.createElement(Button, { ghost: true, size: "full", shape: "rectangle", preventTime: 0, onClick: handleCancel, className: "xh-dialog-ref-content-footer-buttons-cancel" }, cancelText)),
|
|
41
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)));
|
|
42
44
|
const DialogMain = (React.createElement(View, { className: dialogcls },
|
|
@@ -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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"}
|
|
@@ -15,7 +15,7 @@ import classNames from "classnames";
|
|
|
15
15
|
import { inputRange } from "../../utils/index";
|
|
16
16
|
import "./index.scss";
|
|
17
17
|
const FormInput = forwardRef((props, formRef) => {
|
|
18
|
-
const { onChange, maxlength, value, type, placeholder, label, labelHtml, RightComponent, onBlur, pattern, LeftComponent, LeftIcon, name, readonly = false, withArrow = false, direction = "row", border = true, mainExtra, padding = false } = props, rest = __rest(props, ["onChange", "maxlength", "value", "type", "placeholder", "label", "labelHtml", "RightComponent", "onBlur", "pattern", "LeftComponent", "LeftIcon", "name", "readonly", "withArrow", "direction", "border", "mainExtra", "padding"]);
|
|
18
|
+
const { onChange, maxlength, value, type, placeholder, label, labelHtml, RightComponent, onBlur, pattern, LeftComponent, LeftIcon, name, readonly = false, withArrow = false, direction = "row", border = true, mainExtra, padding = false, className } = props, rest = __rest(props, ["onChange", "maxlength", "value", "type", "placeholder", "label", "labelHtml", "RightComponent", "onBlur", "pattern", "LeftComponent", "LeftIcon", "name", "readonly", "withArrow", "direction", "border", "mainExtra", "padding", "className"]);
|
|
19
19
|
function handleChange(e) {
|
|
20
20
|
let inputValue = inputRange(e.target.value);
|
|
21
21
|
e.target.value = inputValue;
|
|
@@ -36,6 +36,7 @@ const FormInput = forwardRef((props, formRef) => {
|
|
|
36
36
|
column: direction === "column",
|
|
37
37
|
border,
|
|
38
38
|
padding,
|
|
39
|
+
className,
|
|
39
40
|
});
|
|
40
41
|
if (process.env.TARO_ENV !== "h5") {
|
|
41
42
|
return (React.createElement(View, { className: wrapperCls },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAEZ,MAAM,EACN,mBAAmB,EACnB,UAAU,GACX,MAAM,OAAO,CAAC;AACf,OAAO,EACL,KAAK,EACL,IAAI,EACJ,IAAI,GAGL,MAAM,oBAAoB,CAAC;AAC5B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React, { forwardRef, useImperativeHandle } from "react";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import { View } from "@tarojs/components";
|
|
4
|
+
import XHFormInput from "../FormInput";
|
|
5
|
+
import "./index.scss";
|
|
6
|
+
import { verifyIdcard } from "../../utils";
|
|
7
|
+
const BankCardNumberInput = forwardRef((props, fromRef) => {
|
|
8
|
+
const { showScan = false, label, value, readOnly, direction = "column", onScan, placeholder = "请输入身份证", onError, onChange, maxlength = 23, slot, className, border, } = props;
|
|
9
|
+
const handleBlur = value => {
|
|
10
|
+
if (!verifyIdcard(value))
|
|
11
|
+
onError === null || onError === void 0 ? void 0 : onError();
|
|
12
|
+
};
|
|
13
|
+
const handleChange = value => {
|
|
14
|
+
const newValue = value.replace(/\s/g, "");
|
|
15
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
16
|
+
};
|
|
17
|
+
const handleOnScan = () => {
|
|
18
|
+
onScan === null || onScan === void 0 ? void 0 : onScan();
|
|
19
|
+
};
|
|
20
|
+
useImperativeHandle(fromRef, () => {
|
|
21
|
+
return {
|
|
22
|
+
isValid: verifyIdcard(value.replace(/\s/g, "")),
|
|
23
|
+
focus: () => {
|
|
24
|
+
var _a;
|
|
25
|
+
if (typeof fromRef === "object") {
|
|
26
|
+
(_a = fromRef === null || fromRef === void 0 ? void 0 : fromRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
};
|
|
30
|
+
});
|
|
31
|
+
return (React.createElement(View, { className: classNames("xh-idnumber-input", className) },
|
|
32
|
+
React.createElement(XHFormInput, { padding: true, ref: fromRef, RightComponent: showScan && (React.createElement(View, { onClick: handleOnScan, className: "xh-idnumber-input-scan" })), border: border, direction: direction, label: label, maxlength: maxlength, placeholder: placeholder, readonly: readOnly, type: process.env.TARO_ENV === "weapp" ? "idcard" : "tel", value: value.replace(/\s/g, ""), onBlur: handleBlur, onChange: handleChange }),
|
|
33
|
+
React.createElement(View, { className: "xh-idnumber-input-slot" }, slot)));
|
|
34
|
+
});
|
|
35
|
+
export default BankCardNumberInput;
|
|
36
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/IDNumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAmB3C,MAAM,mBAAmB,GAAG,UAAU,CACpC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;IACjB,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,MAAM,EACN,WAAW,GAAG,QAAQ,EACtB,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,SAAS,EACT,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE;QACzB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE;QAC3B,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAE1C,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;IACb,CAAC,CAAC;IAEF,mBAAmB,CAAC,OAAO,EAAE,GAAG,EAAE;QAChC,OAAO;YACL,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAC/C,KAAK,EAAE,GAAG,EAAE;;gBACV,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;oBAC/B,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;iBAC3B;YACH,CAAC;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC;QACzD,oBAAC,WAAW,IACV,OAAO,QACP,GAAG,EAAE,OAAO,EACZ,cAAc,EACZ,QAAQ,IAAI,CACV,oBAAC,IAAI,IACH,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,wBAAwB,GAC5B,CACT,EAEH,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EACzD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAC/B,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,GACtB;QACF,oBAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB,IAAE,IAAI,CAAQ,CACjD,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|