taro-react-uilib 1.3.4-1 → 1.3.4-3
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 +203 -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/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/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/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/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 +30 -18
- package/dist/styles/components/captcha.scss +9 -3
- package/dist/styles/components/cell.scss +118 -0
- package/dist/styles/components/checkbox.scss +4 -5
- package/dist/styles/components/dialog.scss +14 -14
- 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 +17 -6
- package/dist/styles/components/loading.scss +39 -40
- package/dist/styles/components/mask.scss +1 -1
- package/dist/styles/components/navbar.scss +1 -0
- package/dist/styles/components/numberkeyboard.scss +47 -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 +2 -3
- package/dist/styles/components/progress.scss +45 -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 +3 -0
- package/dist/styles/components/toast.scss +0 -1
- package/dist/styles/themes/default.scss +17 -8
- package/dist/styles/themes/variable.scss +8 -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/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/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 +358 -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/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/Progress/index.js +15 -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 +1 -1
- 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 +9 -8
- 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/Button/index.d.ts +6 -1
- package/types/components/Captcha/index.d.ts +1 -1
- 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/NumberKeyboard/index.d.ts +2 -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 +3 -2
- 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
|
@@ -14,7 +14,7 @@ import classnames from "classnames";
|
|
|
14
14
|
import Button from "../Button";
|
|
15
15
|
import "./index.scss";
|
|
16
16
|
const CountdownButton = forwardRef((props, fromRef) => {
|
|
17
|
-
const { timeout = 59, text = "获取验证码", onClick, className, ingText = "s重新获取", onEnd } = props, rest = __rest(props, ["timeout", "text", "onClick", "className", "ingText", "onEnd"]);
|
|
17
|
+
const { timeout = 59, text = "获取验证码", onClick, className, ingText = "s重新获取", onEnd, shape = "square" } = props, rest = __rest(props, ["timeout", "text", "onClick", "className", "ingText", "onEnd", "shape"]);
|
|
18
18
|
const intervalRef = useRef();
|
|
19
19
|
const [time, setTime] = useState(0);
|
|
20
20
|
const [disabled, setDisabled] = useState(false);
|
|
@@ -70,7 +70,7 @@ const CountdownButton = forwardRef((props, fromRef) => {
|
|
|
70
70
|
});
|
|
71
71
|
}
|
|
72
72
|
};
|
|
73
|
-
return (React.createElement(Button, Object.assign({}, props, { className: classnames("xh-captcha", className), disabled: disabled, onClick: handleClick, type: "secondary", shape:
|
|
73
|
+
return (React.createElement(Button, Object.assign({}, props, { className: classnames("xh-captcha", className), disabled: disabled, onClick: handleClick, type: "secondary", shape: shape }, rest), buttonText));
|
|
74
74
|
});
|
|
75
75
|
export default CountdownButton;
|
|
76
76
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Captcha/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,MAAM,EACN,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,UAAU,EAEV,OAAO,GACR,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAyB,MAAM,WAAW,CAAC;AAElD,OAAO,cAAc,CAAC;AAoBtB,MAAM,eAAe,GAAG,UAAU,CAAsB,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;IACzE,MAAM,EACJ,OAAO,GAAG,EAAE,EACZ,IAAI,GAAG,OAAO,EACd,OAAO,EACP,SAAS,EACT,OAAO,GAAG,OAAO,EACjB,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Captcha/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { View, Text } from "@tarojs/components";
|
|
3
|
+
import classNames from "classnames";
|
|
4
|
+
import "./index.scss";
|
|
5
|
+
const XHCell = props => {
|
|
6
|
+
const { icon, value, extraIcon, arrow, border = true, onClick, className, outline = true, descriptionColor = "", valueColor, ellipsis = true, content, contentDescription, description, subDescription, secondary, alignItems = icon ? "start" : "center", placeholder = "", } = props;
|
|
7
|
+
const cellcls = classNames("xh-cell", { border }, { secondary }, { outline }, alignItems, className);
|
|
8
|
+
const mainCls = classNames("xh-cell-main", {
|
|
9
|
+
ellipsis,
|
|
10
|
+
});
|
|
11
|
+
const handleClick = (e) => {
|
|
12
|
+
onClick && onClick(e);
|
|
13
|
+
};
|
|
14
|
+
return (React.createElement(View, { className: cellcls, onClick: handleClick },
|
|
15
|
+
icon && React.createElement(View, { className: "xh-cell-icon" }, icon),
|
|
16
|
+
React.createElement(View, { className: mainCls },
|
|
17
|
+
content && React.createElement(Text, { className: "xh-cell-main-content" }, content),
|
|
18
|
+
contentDescription && (React.createElement(Text, { className: "xh-cell-main-description" }, contentDescription))),
|
|
19
|
+
React.createElement(View, { className: "xh-cell-description", style: { color: descriptionColor } },
|
|
20
|
+
description ? (React.createElement(Text, null, description)) : (React.createElement(Text, { className: "xh-cell-description-placeholder" }, placeholder)),
|
|
21
|
+
React.createElement(Text, { className: "xh-cell-description-sub" }, subDescription)),
|
|
22
|
+
React.createElement(View, { className: "xh-cell-value" },
|
|
23
|
+
React.createElement(View, { className: "xh-cell-value-info", style: { color: valueColor } }, value),
|
|
24
|
+
React.createElement(View, { className: "xh-cell-value-icon" }, extraIcon
|
|
25
|
+
? extraIcon
|
|
26
|
+
: arrow && React.createElement(View, { className: "xh-cell-value-icon-arrow" })))));
|
|
27
|
+
};
|
|
28
|
+
export default XHCell;
|
|
29
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Cell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAe,MAAM,oBAAoB,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AAIpC,OAAO,cAAc,CAAC;AAyBtB,MAAM,MAAM,GAAoB,KAAK,CAAC,EAAE;IACtC,MAAM,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,KAAK,EACL,MAAM,GAAG,IAAI,EACb,OAAO,EACP,SAAS,EACT,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,EAAE,EACrB,UAAU,EACV,QAAQ,GAAG,IAAI,EACf,OAAO,EACP,kBAAkB,EAClB,WAAW,EACX,cAAc,EACd,SAAS,EACT,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EACtC,WAAW,GAAG,EAAE,GACjB,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,EACT,EAAE,MAAM,EAAE,EACV,EAAE,SAAS,EAAE,EACb,EAAE,OAAO,EAAE,EACX,UAAU,EACV,SAAS,CACV,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,EAAE;QACzC,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAAC,CAAc,EAAE,EAAE;QACrC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW;QAC3C,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,cAAc,IAAE,IAAI,CAAQ;QACrD,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO;YACrB,OAAO,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,sBAAsB,IAAE,OAAO,CAAQ;YAClE,kBAAkB,IAAI,CACrB,oBAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,IAAE,kBAAkB,CAAQ,CACvE,CACI;QACP,oBAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE;YACrE,WAAW,CAAC,CAAC,CAAC,CACb,oBAAC,IAAI,QAAE,WAAW,CAAQ,CAC3B,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,SAAS,EAAC,iCAAiC,IAAE,WAAW,CAAQ,CACvE;YACD,oBAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,IAAE,cAAc,CAAQ,CAC5D;QACP,oBAAC,IAAI,IAAC,SAAS,EAAC,eAAe;YAC7B,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAC9D,KAAK,CACD;YACP,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,IACjC,SAAS;gBACR,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,KAAK,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,GAAG,CACrD,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,MAAM,CAAC"}
|
|
@@ -15,19 +15,19 @@ import { showModal } from "@tarojs/taro";
|
|
|
15
15
|
import Dialog from "../../DialogComponent";
|
|
16
16
|
import Button from "../../../../src/components/Button";
|
|
17
17
|
const Alert = (props) => {
|
|
18
|
-
const { title = "", content, confirmText = "
|
|
18
|
+
const { title = "", content, confirmText = "知道了" } = props, rest = __rest(props, ["title", "content", "confirmText"]);
|
|
19
19
|
return new Promise(resolve => {
|
|
20
20
|
if (process.env.TARO_ENV === "h5") {
|
|
21
21
|
const div = document.createElement("div");
|
|
22
22
|
const dialogRef = createRef();
|
|
23
|
-
const alertFooter = (React.createElement(Button, { className: "xh-alert-button",
|
|
23
|
+
const alertFooter = (React.createElement(Button, { ghost: true, type: "default", shape: "rectangle", className: "xh-alert-button", onClick: () => {
|
|
24
24
|
ReactDOM.unmountComponentAtNode(div);
|
|
25
25
|
resolve();
|
|
26
26
|
} }, confirmText));
|
|
27
27
|
ReactDOM.render(React.createElement(Dialog, { header: title, footer: alertFooter, content: content, visible: true, ref: dialogRef }), div);
|
|
28
28
|
}
|
|
29
29
|
else {
|
|
30
|
-
showModal(Object.assign({ title: title, content: content, showCancel: false, confirmColor: "#
|
|
30
|
+
showModal(Object.assign({ title: title, content: content, showCancel: false, confirmColor: "#fe5e00", confirmText: confirmText }, rest)).then(() => resolve());
|
|
31
31
|
}
|
|
32
32
|
});
|
|
33
33
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/Alert/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AACpD,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,MAAqB,MAAM,uBAAuB,CAAC;AAC1D,OAAO,MAAM,MAAM,mCAAmC,CAAC;AAyBvD,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAiB,EAAE;IACjD,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,OAAO,EAAE,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/Alert/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AACpD,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,MAAqB,MAAM,uBAAuB,CAAC;AAC1D,OAAO,MAAM,MAAM,mCAAmC,CAAC;AAyBvD,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAiB,EAAE;IACjD,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,OAAO,EAAE,WAAW,GAAG,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA7D,mCAAqD,CAAQ,CAAC;IACpE,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QAC3B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE;YACjC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1C,MAAM,SAAS,GAAG,SAAS,EAAa,CAAC;YACzC,MAAM,WAAW,GAAG,CAClB,oBAAC,MAAM,IACL,KAAK,QACL,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC;oBACrC,OAAO,EAAE,CAAC;gBACZ,CAAC,IAEA,WAAW,CACL,CACV,CAAC;YACF,QAAQ,CAAC,MAAM,CACb,oBAAC,MAAM,IACL,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,OAAO,EAChB,OAAO,QACP,GAAG,EAAE,SAAS,GACd,EACF,GAAG,CACJ,CAAC;SACH;aAAM;YACL,SAAS,iBACP,KAAK,EAAE,KAAe,EACtB,OAAO,EAAE,OAAiB,EAC1B,UAAU,EAAE,KAAK,EACjB,YAAY,EAAE,SAAS,EACvB,WAAW,EAAE,WAAqB,IAC/B,IAAI,EACP,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;SAC1B;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -21,11 +21,11 @@ const Comfirm = (props) => {
|
|
|
21
21
|
const div = document.createElement("div");
|
|
22
22
|
const dialogRef = createRef();
|
|
23
23
|
const alertFooter = (React.createElement("div", { className: "xh-confirm-footer" },
|
|
24
|
-
React.createElement(Button, { className: "xh-confirm-footer-button xh-confirm-footer-cancel-button", onClick: () => {
|
|
24
|
+
React.createElement(Button, { ghost: true, type: "default", shape: "rectangle", className: "xh-confirm-footer-button xh-confirm-footer-cancel-button", onClick: () => {
|
|
25
25
|
ReactDOM.unmountComponentAtNode(div);
|
|
26
26
|
resolve({ errMsg: "ok", confirm: false, cancel: true });
|
|
27
27
|
} }, cancelText),
|
|
28
|
-
React.createElement(Button, { type: "primary", className: "xh-confirm-footer-button xh-confirm-footer-confirm-button", onClick: () => {
|
|
28
|
+
React.createElement(Button, { ghost: true, type: "primary", shape: "rectangle", className: "xh-confirm-footer-button xh-confirm-footer-confirm-button", onClick: () => {
|
|
29
29
|
ReactDOM.unmountComponentAtNode(div);
|
|
30
30
|
resolve({ errMsg: "ok", confirm: true, cancel: false });
|
|
31
31
|
} }, confirmText)));
|
|
@@ -33,7 +33,7 @@ const Comfirm = (props) => {
|
|
|
33
33
|
}
|
|
34
34
|
else {
|
|
35
35
|
showModal(Object.assign({ title,
|
|
36
|
-
content, confirmColor: "#
|
|
36
|
+
content, confirmColor: "#fe5e00", cancelText, cancelColor: "#666", confirmText }, rest)).then(resolve);
|
|
37
37
|
}
|
|
38
38
|
});
|
|
39
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/Confirm/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,eAA8B,MAAM,uBAAuB,CAAC;AACnE,OAAO,MAAM,MAAM,cAAc,CAAC;AAqClC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAA+B,EAAE;IACnE,MAAM,EACJ,KAAK,GAAG,EAAE,EACV,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,UAAU,GAAG,IAAI,KAEf,KAAK,EADJ,IAAI,UACL,KAAK,EANH,iDAML,CAAQ,CAAC;IACV,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QAC3B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE;YACjC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAE1C,MAAM,SAAS,GAAG,SAAS,EAAa,CAAC;YACzC,MAAM,WAAW,GAAG,CAClB,6BAAK,SAAS,EAAC,mBAAmB;gBAChC,oBAAC,MAAM,IACL,SAAS,EAAC,0DAA0D,EACpE,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC;wBACrC,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;oBAC1D,CAAC,IAEA,UAAU,CACJ;gBACT,oBAAC,MAAM,IACL,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,2DAA2D,EACrE,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC;wBACrC,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;oBAC1D,CAAC,IAEA,WAAW,CACL,CACL,CACP,CAAC;YACF,QAAQ,CAAC,MAAM,CACb,oBAAC,eAAe,IACd,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,OAAO,EAChB,OAAO,QACP,GAAG,EAAE,SAAS,GACd,EACF,GAAG,CACJ,CAAC;SACH;aAAM;YACL,SAAS,iBACP,KAAK;gBACL,OAAO,EACP,YAAY,EAAE,SAAS,EACvB,UAAU,EACV,WAAW,EAAE,MAAM,EACnB,WAAW,IACR,IAAI,EACP,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SAClB;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/Confirm/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,eAA8B,MAAM,uBAAuB,CAAC;AACnE,OAAO,MAAM,MAAM,cAAc,CAAC;AAqClC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAA+B,EAAE;IACnE,MAAM,EACJ,KAAK,GAAG,EAAE,EACV,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,UAAU,GAAG,IAAI,KAEf,KAAK,EADJ,IAAI,UACL,KAAK,EANH,iDAML,CAAQ,CAAC;IACV,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QAC3B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE;YACjC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAE1C,MAAM,SAAS,GAAG,SAAS,EAAa,CAAC;YACzC,MAAM,WAAW,GAAG,CAClB,6BAAK,SAAS,EAAC,mBAAmB;gBAChC,oBAAC,MAAM,IACL,KAAK,QACL,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,0DAA0D,EACpE,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC;wBACrC,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;oBAC1D,CAAC,IAEA,UAAU,CACJ;gBACT,oBAAC,MAAM,IACL,KAAK,QACL,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,2DAA2D,EACrE,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC;wBACrC,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;oBAC1D,CAAC,IAEA,WAAW,CACL,CACL,CACP,CAAC;YACF,QAAQ,CAAC,MAAM,CACb,oBAAC,eAAe,IACd,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,OAAO,EAChB,OAAO,QACP,GAAG,EAAE,SAAS,GACd,EACF,GAAG,CACJ,CAAC;SACH;aAAM;YACL,SAAS,iBACP,KAAK;gBACL,OAAO,EACP,YAAY,EAAE,SAAS,EACvB,UAAU,EACV,WAAW,EAAE,MAAM,EACnB,WAAW,IACR,IAAI,EACP,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SAClB;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -20,8 +20,6 @@ const DialogCom = forwardRef((props, fromRef) => {
|
|
|
20
20
|
const dialogcls = classNames("xh-dialog", className, {
|
|
21
21
|
microApp: process.env.TARO_ENV !== "h5",
|
|
22
22
|
});
|
|
23
|
-
console.log(header);
|
|
24
|
-
console.log("title");
|
|
25
23
|
const dialogContent = classNames("xh-dialog-content-content", {
|
|
26
24
|
headless: !header,
|
|
27
25
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DialogComponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,QAAQ,EACR,mBAAmB,EACnB,UAAU,EACV,SAAS,GACV,MAAM,OAAO,CAAC;AACf,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,cAAc,CAAC;AAYtB,MAAM,SAAS,GAAG,UAAU,CAAyB,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;IACtE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,mBAAmB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;QAClC,KAAK,EAAE,GAAG,EAAE;YACV,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACtB,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,SAAS,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,EAAE;QACnD,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI;KACxC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DialogComponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,QAAQ,EACR,mBAAmB,EACnB,UAAU,EACV,SAAS,GACV,MAAM,OAAO,CAAC;AACf,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,cAAc,CAAC;AAYtB,MAAM,SAAS,GAAG,UAAU,CAAyB,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;IACtE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,mBAAmB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;QAClC,KAAK,EAAE,GAAG,EAAE;YACV,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACtB,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,SAAS,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,EAAE;QACnD,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI;KACxC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,UAAU,CAAC,2BAA2B,EAAE;QAC5D,QAAQ,EAAE,CAAC,MAAM;KAClB,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,CACjB,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS;QACxB,oBAAC,IAAI,OAAG;QACR,oBAAC,aAAa,IACZ,EAAE,EAAE,WAAW,EACf,OAAO,EAAE,GAAG,EACZ,UAAU,EAAC,OAAO,EAClB,aAAa;YAEb,oBAAC,IAAI,IAAC,SAAS,EAAC,mBAAmB;gBACjC,oBAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,IAAE,MAAM,CAAQ;gBAC1D,oBAAC,IAAI,IAAC,SAAS,EAAE,aAAa,IAAG,OAAO,CAAQ;gBAChD,oBAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,IAAE,MAAM,CAAQ,CACrD,CACO,CACX,CACR,CAAC;IAEF,OAAO,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC1D,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,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, } = props;
|
|
9
|
+
const { header, content, className = "", visible, showCancel = true, confirmText = "确定", cancelText = "取消", footer = false, onConfirm, onCancel, onClose, tranparent = false, } = props;
|
|
10
10
|
const [selfVisible, setSelfVisible] = useState(false);
|
|
11
11
|
useImperativeHandle(fromRef, () => ({
|
|
12
12
|
close,
|
|
@@ -36,22 +36,14 @@ const DialogCom = forwardRef((props, fromRef) => {
|
|
|
36
36
|
const dialogcls = classNames("xh-dialog-ref", className, {
|
|
37
37
|
show: selfVisible,
|
|
38
38
|
});
|
|
39
|
-
const
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
const morcoBtnProps = process.env.TARO_ENV !== "h5" ? { type: "ghost", shape: "rectangle" } : {};
|
|
43
|
-
const dialogFooter = (React.createElement(View, { className: footercls },
|
|
44
|
-
showCancel && (React.createElement(Button, Object.assign({}, morcoBtnProps, { preventTime: 0, onClick: handleCancel, className: process.env.TARO_ENV !== "h5"
|
|
45
|
-
? "xh-dialog-ref-content-footer-buttons-microapp-cancel"
|
|
46
|
-
: "xh-dialog-ref-content-footer-buttons-h5-cancel" }), cancelText)),
|
|
47
|
-
React.createElement(Button, Object.assign({ type: "primary" }, morcoBtnProps, { className: process.env.TARO_ENV !== "h5"
|
|
48
|
-
? "xh-dialog-ref-content-footer-buttons-microapp-confirm"
|
|
49
|
-
: "xh-dialog-ref-content-footer-buttons-h5-confirm", onClick: handleConfirm, preventTime: 0 }), confirmText)));
|
|
39
|
+
const dialogFooter = (React.createElement(View, { className: "xh-dialog-ref-content-footer-buttons" },
|
|
40
|
+
showCancel && (React.createElement(Button, { ghost: true, size: "full", shape: "rectangle", preventTime: 0, onClick: handleCancel, className: "xh-dialog-ref-content-footer-buttons-cancel" }, cancelText)),
|
|
41
|
+
React.createElement(Button, { type: "primary", shape: "rectangle", size: "full", ghost: true, className: "xh-dialog-ref-content-footer-buttons--confirm", onClick: handleConfirm, preventTime: 0 }, confirmText)));
|
|
50
42
|
const DialogMain = (React.createElement(View, { className: dialogcls },
|
|
51
43
|
React.createElement(Mask, null),
|
|
52
44
|
React.createElement(CSSTransition, { in: selfVisible, timeout: 200, classNames: "scale" },
|
|
53
|
-
React.createElement(View, { className: "xh-dialog-ref-content" },
|
|
54
|
-
React.createElement(View, { className: "xh-dialog-ref-content-header" }, header),
|
|
45
|
+
React.createElement(View, { className: classNames("xh-dialog-ref-content", { tranparent }) },
|
|
46
|
+
header && (React.createElement(View, { className: "xh-dialog-ref-content-header" }, header)),
|
|
55
47
|
React.createElement(View, { className: "xh-dialog-ref-content-content" }, content),
|
|
56
48
|
footer || (React.createElement(View, { className: "xh-dialog-ref-content-footer" }, dialogFooter))))));
|
|
57
49
|
return DialogMain;
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DialogRef/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,7 +28,8 @@ const FormInput = forwardRef((props, formRef) => {
|
|
|
28
28
|
const inputRef = useRef(null);
|
|
29
29
|
useImperativeHandle(formRef, () => ({
|
|
30
30
|
focus() {
|
|
31
|
-
|
|
31
|
+
var _a;
|
|
32
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
32
33
|
},
|
|
33
34
|
}));
|
|
34
35
|
const wrapperCls = classNames("xh-form-input", {
|
|
@@ -67,7 +68,7 @@ const FormInput = forwardRef((props, formRef) => {
|
|
|
67
68
|
mainExtra && (React.createElement("div", { className: "xh-form-input-main-extra" }, mainExtra))),
|
|
68
69
|
React.createElement("div", { className: "xh-form-input-right" },
|
|
69
70
|
RightComponent,
|
|
70
|
-
withArrow && React.createElement("
|
|
71
|
+
withArrow && React.createElement("span", { className: "arrow" }))));
|
|
71
72
|
});
|
|
72
73
|
export default FormInput;
|
|
73
74
|
//# sourceMappingURL=index.js.map
|
|
@@ -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;AA8DtB,MAAM,SAAS,GAAG,UAAU,CAA+B,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;IAC5E,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,WAAW,EACX,KAAK,EACL,SAAS,EACT,cAAc,EACd,MAAM,EACN,OAAO,EACP,aAAa,EACb,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,OAAO,GAAG,KAAK,KAEb,KAAK,EADJ,IAAI,UACL,KAAK,EArBH,mOAqBL,CAAQ,CAAC;IAEV,SAAS,YAAY,CAAC,CAAC;QACrB,IAAI,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,UAAU,CAAC;QAC5B,QAAQ,IAAI,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;IAED,SAAS,UAAU,CAAC,CAAC;QACnB,IAAI,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC;IAC/B,CAAC;IAED,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,mBAAmB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;QAClC,KAAK
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,OAAO,cAAc,CAAC;AAsDtB,MAAM,IAAI,GAA0B,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAjE,+CAAyD,CAAQ,CAAC;IAExE,MAAM,OAAO,GAAG,IAAI,IAAI,WAAW,IAAI,EAAE,CAAC;IAC1C,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAE1D,MAAM,UAAU,mCACX,KAAK,KACR,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,EAC3B,KAAK,GACN,CAAC;IAEF,OAAO,4CAAM,SAAS,EAAE,OAAO,IAAM,EAAE,KAAK,EAAE,UAAU,EAAE,EAAM,IAAI,EAAI,CAAC;AAC3E,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,358 @@
|
|
|
1
|
+
import { View, Input } from "@tarojs/components";
|
|
2
|
+
import React, { useCallback, useEffect, useState, forwardRef, useImperativeHandle, } from "react";
|
|
3
|
+
import { inputRange } from "@/utils";
|
|
4
|
+
import ActionSheet from "../ActionSheet";
|
|
5
|
+
import "./index.scss";
|
|
6
|
+
const LinkManTitleMap = [
|
|
7
|
+
"一",
|
|
8
|
+
"二",
|
|
9
|
+
"三",
|
|
10
|
+
"四",
|
|
11
|
+
"五",
|
|
12
|
+
"六",
|
|
13
|
+
"七",
|
|
14
|
+
"八",
|
|
15
|
+
"九",
|
|
16
|
+
"十",
|
|
17
|
+
];
|
|
18
|
+
/**
|
|
19
|
+
* 错误信息提示
|
|
20
|
+
*/
|
|
21
|
+
const errorMessageMap = {
|
|
22
|
+
linkmanName: "请输入联系人姓名",
|
|
23
|
+
linkmanPhone: "请输入正确的手机号",
|
|
24
|
+
relationType: "请选择与联系人关系",
|
|
25
|
+
};
|
|
26
|
+
const defaultActionSheet = [
|
|
27
|
+
{
|
|
28
|
+
value: "FATHER",
|
|
29
|
+
text: "父亲",
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
value: "MOTHER",
|
|
33
|
+
text: "母亲",
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
value: "MATE",
|
|
37
|
+
text: "配偶",
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
value: "CHILDREN",
|
|
41
|
+
text: "子女",
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
value: "SIBLING",
|
|
45
|
+
text: "兄弟姐妹",
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
value: "FRIENDS",
|
|
49
|
+
text: "朋友",
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
value: "COLLEAGUE",
|
|
53
|
+
text: "同事",
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
value: "RELATIVES",
|
|
57
|
+
text: "亲戚",
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
value: "OTHER",
|
|
61
|
+
text: "其他",
|
|
62
|
+
},
|
|
63
|
+
];
|
|
64
|
+
const defaultShowImportIcon = process.env.TARO_ENV === "h5"
|
|
65
|
+
? window.navigator.userAgent.includes("xhqb")
|
|
66
|
+
: true;
|
|
67
|
+
const XHAddLinMan = forwardRef((props, fromRef) => {
|
|
68
|
+
const { linkManNum, relations = defaultActionSheet, onChange, onGetContacts, showImportIcon = defaultShowImportIcon, onBlur, onCheckRelation, onInputChange, } = props;
|
|
69
|
+
// form信息
|
|
70
|
+
const [formData, setFormData] = useState([]);
|
|
71
|
+
// 错误提示语信息
|
|
72
|
+
const [errMessage, setErrMessage] = useState([]);
|
|
73
|
+
useEffect(() => {
|
|
74
|
+
setFormData(Array(linkManNum)
|
|
75
|
+
.fill(1)
|
|
76
|
+
.map(() => {
|
|
77
|
+
return {
|
|
78
|
+
linkmanName: "",
|
|
79
|
+
linkmanPhone: "",
|
|
80
|
+
relationType: "",
|
|
81
|
+
relationValue: "",
|
|
82
|
+
};
|
|
83
|
+
}));
|
|
84
|
+
setErrMessage(Array(linkManNum)
|
|
85
|
+
.fill(1)
|
|
86
|
+
.map(() => {
|
|
87
|
+
return {
|
|
88
|
+
linkmanName: "",
|
|
89
|
+
linkmanPhone: "",
|
|
90
|
+
relationType: "",
|
|
91
|
+
};
|
|
92
|
+
}));
|
|
93
|
+
}, [linkManNum]);
|
|
94
|
+
/**
|
|
95
|
+
* 校验手机号
|
|
96
|
+
*/
|
|
97
|
+
const validatePhone = useCallback((phone) => {
|
|
98
|
+
if (/1\d{10}/.test(phone)) {
|
|
99
|
+
return true;
|
|
100
|
+
}
|
|
101
|
+
return false;
|
|
102
|
+
}, []);
|
|
103
|
+
/**
|
|
104
|
+
* 非空校验
|
|
105
|
+
*/
|
|
106
|
+
const validateForm = useCallback((type, name) => {
|
|
107
|
+
if (type === "linkmanName") {
|
|
108
|
+
if (!name || !name.replace(/^\s+|\s+$/gm, ""))
|
|
109
|
+
return false;
|
|
110
|
+
if (name.length > 20)
|
|
111
|
+
return false;
|
|
112
|
+
return true;
|
|
113
|
+
}
|
|
114
|
+
else if (type === "linkmanPhone") {
|
|
115
|
+
if (!name || !validatePhone(name))
|
|
116
|
+
return false;
|
|
117
|
+
return true;
|
|
118
|
+
}
|
|
119
|
+
else if (type === "relationType") {
|
|
120
|
+
if (!name)
|
|
121
|
+
return false;
|
|
122
|
+
return true;
|
|
123
|
+
}
|
|
124
|
+
return false;
|
|
125
|
+
}, []);
|
|
126
|
+
/**
|
|
127
|
+
* 校验联系人是否合法,默认找到不合法的就退出循环
|
|
128
|
+
*/
|
|
129
|
+
const validateCanSubmit = useCallback(() => {
|
|
130
|
+
const finalData = formData;
|
|
131
|
+
const length = finalData.length;
|
|
132
|
+
const map = {
|
|
133
|
+
linkmanName: [],
|
|
134
|
+
linkmanPhone: [],
|
|
135
|
+
relationValue: [],
|
|
136
|
+
};
|
|
137
|
+
let flag = true;
|
|
138
|
+
/**
|
|
139
|
+
* 每次循环formData,不符合直接break,退出循环
|
|
140
|
+
*/
|
|
141
|
+
for (let index = 0; index < length; index++) {
|
|
142
|
+
const isNameValid = validateForm("linkmanName", finalData[index].linkmanName);
|
|
143
|
+
if (!isNameValid) {
|
|
144
|
+
flag = false;
|
|
145
|
+
break;
|
|
146
|
+
}
|
|
147
|
+
if (index !== 0 &&
|
|
148
|
+
map.linkmanName.includes(finalData[index].linkmanName)) {
|
|
149
|
+
flag = false;
|
|
150
|
+
break;
|
|
151
|
+
}
|
|
152
|
+
map.linkmanName.push(finalData[index].linkmanName);
|
|
153
|
+
const isPhoneValid = validateForm("linkmanPhone", finalData[index].linkmanPhone);
|
|
154
|
+
if (!isPhoneValid) {
|
|
155
|
+
flag = false;
|
|
156
|
+
break;
|
|
157
|
+
}
|
|
158
|
+
if (index !== 0 &&
|
|
159
|
+
map.linkmanPhone.includes(finalData[index].linkmanPhone)) {
|
|
160
|
+
flag = false;
|
|
161
|
+
break;
|
|
162
|
+
}
|
|
163
|
+
map.linkmanPhone.push(finalData[index].linkmanPhone);
|
|
164
|
+
const isRelationValid = validateForm("relationType", finalData[index].relationValue);
|
|
165
|
+
if (!isRelationValid) {
|
|
166
|
+
flag = false;
|
|
167
|
+
break;
|
|
168
|
+
}
|
|
169
|
+
if (index !== 0 &&
|
|
170
|
+
map.relationValue.includes(finalData[index].relationValue)) {
|
|
171
|
+
flag = false;
|
|
172
|
+
break;
|
|
173
|
+
}
|
|
174
|
+
map.relationValue.push(finalData[index].relationValue);
|
|
175
|
+
}
|
|
176
|
+
return flag;
|
|
177
|
+
}, [formData]);
|
|
178
|
+
useEffect(() => {
|
|
179
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(formData, validateCanSubmit());
|
|
180
|
+
}, [formData]);
|
|
181
|
+
useImperativeHandle(fromRef, () => ({
|
|
182
|
+
canSubmit: validateCanSubmit(),
|
|
183
|
+
setContacts(item, index) {
|
|
184
|
+
setFormData(old => {
|
|
185
|
+
old[index].linkmanName = item.linkmanName;
|
|
186
|
+
old[index].linkmanPhone = item.linkmanPhone;
|
|
187
|
+
return [...old];
|
|
188
|
+
});
|
|
189
|
+
onFormBlur("linkmanName", index);
|
|
190
|
+
onFormBlur("linkmanPhone", index);
|
|
191
|
+
},
|
|
192
|
+
}), []);
|
|
193
|
+
/**
|
|
194
|
+
* 重复校验
|
|
195
|
+
*/
|
|
196
|
+
const validateDuplicate = useCallback((type, currentIndex) => {
|
|
197
|
+
const currentItem = formData[currentIndex];
|
|
198
|
+
const validStub = {
|
|
199
|
+
linkmanName: [],
|
|
200
|
+
linkmanPhone: [],
|
|
201
|
+
relationValue: [],
|
|
202
|
+
};
|
|
203
|
+
for (let index = 0, length = formData.length; index < length; index++) {
|
|
204
|
+
if (index === currentIndex)
|
|
205
|
+
continue; // 不能跟自己比较
|
|
206
|
+
const current = formData[index];
|
|
207
|
+
if (type === "linkmanName") {
|
|
208
|
+
validStub.linkmanName.push(formData[index].linkmanName);
|
|
209
|
+
if (currentItem.linkmanName !== "" &&
|
|
210
|
+
current.linkmanName !== "" &&
|
|
211
|
+
current.linkmanName === currentItem.linkmanName) {
|
|
212
|
+
return {
|
|
213
|
+
pass: false,
|
|
214
|
+
message: `姓名与第${index + 1}联系人姓名重复,请修改`,
|
|
215
|
+
};
|
|
216
|
+
}
|
|
217
|
+
else {
|
|
218
|
+
// setErrMessage(old => {
|
|
219
|
+
// old[index].linkmanName = "";
|
|
220
|
+
// old[currentIndex].linkmanName = "";
|
|
221
|
+
// return [...old];
|
|
222
|
+
// });
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
else if (type === "linkmanPhone") {
|
|
226
|
+
if (currentItem.linkmanPhone !== "" &&
|
|
227
|
+
current.linkmanPhone !== "" &&
|
|
228
|
+
current.linkmanPhone === currentItem.linkmanPhone) {
|
|
229
|
+
// 如果没有重复需要清空错误信息
|
|
230
|
+
return {
|
|
231
|
+
pass: false,
|
|
232
|
+
message: `手机号与第${index + 1}联系人号码重复,请修改`,
|
|
233
|
+
};
|
|
234
|
+
}
|
|
235
|
+
else {
|
|
236
|
+
// setErrMessage(old => {
|
|
237
|
+
// old[index].linkmanPhone = "";
|
|
238
|
+
// old[currentIndex].linkmanPhone = "";
|
|
239
|
+
// return [...old];
|
|
240
|
+
// });
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
else if (type === "relationValue") {
|
|
244
|
+
if (currentItem.relationValue !== "" &&
|
|
245
|
+
current.relationValue === currentItem.relationValue) {
|
|
246
|
+
return {
|
|
247
|
+
pass: false,
|
|
248
|
+
message: `关系与第${index + 1}联系人关系重复,请修改`,
|
|
249
|
+
};
|
|
250
|
+
}
|
|
251
|
+
else {
|
|
252
|
+
// setErrMessage(old => {
|
|
253
|
+
// old[index].relationType = "";
|
|
254
|
+
// old[currentIndex].relationType = "";
|
|
255
|
+
// return [...old];
|
|
256
|
+
// });
|
|
257
|
+
}
|
|
258
|
+
}
|
|
259
|
+
}
|
|
260
|
+
return { pass: true, message: "" };
|
|
261
|
+
}, [formData]);
|
|
262
|
+
/**
|
|
263
|
+
* 联系人姓名改变
|
|
264
|
+
*/
|
|
265
|
+
const onNameChange = useCallback((evt, index) => {
|
|
266
|
+
const name = inputRange(evt.target.value);
|
|
267
|
+
setFormData(old => {
|
|
268
|
+
old[index].linkmanName = name;
|
|
269
|
+
return [...old];
|
|
270
|
+
});
|
|
271
|
+
onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange("linkmanName", index);
|
|
272
|
+
}, []);
|
|
273
|
+
/**
|
|
274
|
+
* 联系人手机号改变
|
|
275
|
+
*/
|
|
276
|
+
const onPhoneChange = useCallback((evt, index) => {
|
|
277
|
+
const phone = inputRange(evt.target.value);
|
|
278
|
+
setFormData(old => {
|
|
279
|
+
old[index].linkmanPhone = phone;
|
|
280
|
+
return [...old];
|
|
281
|
+
});
|
|
282
|
+
onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange("linkmanPhone", index);
|
|
283
|
+
}, []);
|
|
284
|
+
/**
|
|
285
|
+
* 输入框失去焦点做校验
|
|
286
|
+
*/
|
|
287
|
+
const onFormBlur = useCallback((type, index) => {
|
|
288
|
+
const flag = validateForm(type, formData[index][type]); // 先做值的校验,再做重复校验
|
|
289
|
+
if (!flag) {
|
|
290
|
+
setErrMessage(old => {
|
|
291
|
+
old[index][type] = errorMessageMap[type];
|
|
292
|
+
return [...old];
|
|
293
|
+
});
|
|
294
|
+
return;
|
|
295
|
+
}
|
|
296
|
+
const { pass, message } = validateDuplicate(type, index);
|
|
297
|
+
if (!pass)
|
|
298
|
+
setErrMessage(old => {
|
|
299
|
+
old[index][type] = message;
|
|
300
|
+
return [...old];
|
|
301
|
+
});
|
|
302
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur(type, index);
|
|
303
|
+
}, [formData]);
|
|
304
|
+
/**
|
|
305
|
+
* 聚焦的时候设置错误信息为空
|
|
306
|
+
*/
|
|
307
|
+
const onFormFocus = useCallback((type, index) => {
|
|
308
|
+
setErrMessage(old => {
|
|
309
|
+
old[index][type] = "";
|
|
310
|
+
return [...old];
|
|
311
|
+
});
|
|
312
|
+
}, []);
|
|
313
|
+
return (React.createElement(View, { className: "xh-linkman" }, formData.map((item, num) => (React.createElement(View, { key: num, className: "xh-linkman-item" },
|
|
314
|
+
React.createElement(View, { className: "xh-linkman-title" },
|
|
315
|
+
"\u7B2C",
|
|
316
|
+
LinkManTitleMap[num],
|
|
317
|
+
"\u8054\u7CFB\u4EBA"),
|
|
318
|
+
React.createElement(View, { className: "xh-linkman-main" },
|
|
319
|
+
React.createElement(View, { className: "xh-linkman-main-input" },
|
|
320
|
+
React.createElement(View, { className: "xh-linkman-main-input-label" }, "\u59D3\u540D"),
|
|
321
|
+
React.createElement(View, { className: "xh-linkman-main-input-main" },
|
|
322
|
+
process.env.TARO_ENV === "h5" ? (React.createElement("input", { className: "xh-linkman-main-input-main-input", type: "text", placeholder: "\u7D27\u6025\u8054\u7CFB\u4EBA\u59D3\u540D", onChange: e => onNameChange(e, num), value: item.linkmanName, onBlur: () => onFormBlur("linkmanName", num), onFocus: () => onFormFocus("linkmanName", num) })) : (React.createElement(Input, { placeholder: "\u7D27\u6025\u8054\u7CFB\u4EBA\u59D3\u540D", className: "xh-linkman-main-input-main-input" })),
|
|
323
|
+
errMessage[num].linkmanName && (React.createElement(View, { className: "xh-linkman-main-input-main-err" }, errMessage[num].linkmanName))),
|
|
324
|
+
showImportIcon && (React.createElement(View, { className: "xh-linkman-main-input-contacts", onClick: () => onGetContacts === null || onGetContacts === void 0 ? void 0 : onGetContacts(num) })))),
|
|
325
|
+
React.createElement(View, { className: "xh-linkman-main" },
|
|
326
|
+
React.createElement(View, { className: "xh-linkman-main-input" },
|
|
327
|
+
React.createElement(View, { className: "xh-linkman-main-input-label" }, "\u7535\u8BDD"),
|
|
328
|
+
React.createElement(View, { className: "xh-linkman-main-input-main" },
|
|
329
|
+
process.env.TARO_ENV === "h5" ? (React.createElement("input", { className: "xh-linkman-main-input-main-input", type: "tel", placeholder: "\u7D27\u6025\u8054\u7CFB\u4EBA\u624B\u673A\u53F7", onBlur: () => onFormBlur("linkmanPhone", num), maxLength: 11, onChange: e => onPhoneChange(e, num), value: item.linkmanPhone, onFocus: () => onFormFocus("linkmanPhone", num) })) : (React.createElement(Input, { placeholder: "\u7D27\u6025\u8054\u7CFB\u4EBA\u624B\u673A\u53F7", className: "xh-linkman-main-input-main-input" })),
|
|
330
|
+
errMessage[num].linkmanPhone && (React.createElement(View, { className: "xh-linkman-main-input-main-err" }, errMessage[num].linkmanPhone))))),
|
|
331
|
+
React.createElement(ActionSheet, { data: relations, title: "\u9009\u62E9\u4E0E\u8054\u7CFB\u4EBA\u7684\u5173\u7CFB", onConfirm: value => {
|
|
332
|
+
setErrMessage(old => {
|
|
333
|
+
old[num].relationType = "";
|
|
334
|
+
return [...old];
|
|
335
|
+
});
|
|
336
|
+
setFormData(old => {
|
|
337
|
+
old[num].relationType = value.text;
|
|
338
|
+
old[num].relationValue = value.value;
|
|
339
|
+
return [...old];
|
|
340
|
+
});
|
|
341
|
+
const { pass, message } = validateDuplicate("relationValue", num);
|
|
342
|
+
if (!pass)
|
|
343
|
+
setErrMessage(old => {
|
|
344
|
+
old[num].relationType = message;
|
|
345
|
+
return [...old];
|
|
346
|
+
});
|
|
347
|
+
onCheckRelation === null || onCheckRelation === void 0 ? void 0 : onCheckRelation(value, num);
|
|
348
|
+
}, onCancel: () => onFormBlur("relationType", num) },
|
|
349
|
+
React.createElement(View, { className: "xh-linkman-main" },
|
|
350
|
+
React.createElement(View, { className: "xh-linkman-main-input" },
|
|
351
|
+
React.createElement(View, { className: "xh-linkman-main-input-label" }, "\u5173\u7CFB"),
|
|
352
|
+
React.createElement(View, { className: "xh-linkman-main-input-main" },
|
|
353
|
+
process.env.TARO_ENV === "h5" ? (React.createElement("input", { type: "text", maxLength: 11, className: "xh-linkman-main-input-main-input", readOnly: true, placeholder: "\u9009\u62E9\u4E0E\u8054\u7CFB\u4EBA\u5173\u7CFB", value: item.relationType })) : (React.createElement(Input, { placeholder: "\u7D27\u6025\u8054\u7CFB\u4EBA\u624B\u673A\u53F7", className: "xh-linkman-main-input-main-input", type: "digit", maxlength: 11, value: item.relationType })),
|
|
354
|
+
errMessage[num].relationType && (React.createElement(View, { className: "xh-linkman-main-input-main-err" }, errMessage[num].relationType))),
|
|
355
|
+
React.createElement(View, { className: "xh-linkman-main-input-arrow" })))))))));
|
|
356
|
+
});
|
|
357
|
+
export default XHAddLinMan;
|
|
358
|
+
//# sourceMappingURL=index.js.map
|