taro-react-uilib 1.3.4-7 → 1.3.4-8
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 +14 -0
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/NavBar/index.js +1 -1
- package/dist/components/NavBar/index.js.map +1 -1
- package/dist/components/Page/index.js.map +1 -1
- package/dist/components/Radio/index.js +1 -1
- package/dist/components/Radio/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/checkbox.scss +1 -1
- package/dist/styles/components/navbar.scss +9 -1
- package/dist/styles/components/numberkeyboard.scss +1 -0
- package/lib/components/Checkbox/index.js +14 -3
- package/lib/components/Checkbox/index.js.map +1 -1
- package/lib/components/NavBar/index.js +10 -3
- package/lib/components/NavBar/index.js.map +1 -1
- package/lib/components/Page/index.js.map +1 -1
- package/lib/components/Radio/index.js +14 -3
- package/lib/components/Radio/index.js.map +1 -1
- package/package.json +1 -1
- package/types/components/NavBar/index.d.ts +1 -0
- package/types/components/Page/index.d.ts +1 -0
|
@@ -13,6 +13,9 @@
|
|
|
13
13
|
align-items: center;
|
|
14
14
|
flex-shrink: 0;
|
|
15
15
|
position: relative;
|
|
16
|
+
&.border {
|
|
17
|
+
border-bottom: 1px solid #F2F2F2;
|
|
18
|
+
}
|
|
16
19
|
&.h5 {
|
|
17
20
|
padding: 10px;
|
|
18
21
|
}
|
|
@@ -36,8 +39,13 @@
|
|
|
36
39
|
font-size: 34px;
|
|
37
40
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
|
38
41
|
font-weight: 600;
|
|
39
|
-
text-align: left;
|
|
40
42
|
color: #333333;
|
|
43
|
+
flex: 1;
|
|
44
|
+
text-align: center;
|
|
45
|
+
&.isAndroid {
|
|
46
|
+
text-align: left;
|
|
47
|
+
padding-left: 46PX;
|
|
48
|
+
}
|
|
41
49
|
}
|
|
42
50
|
&-right {
|
|
43
51
|
right: 20px;
|
|
@@ -2,10 +2,11 @@ import React from "react";
|
|
|
2
2
|
import classNames from "classnames";
|
|
3
3
|
import { CheckboxGroup } from "@tarojs/components";
|
|
4
4
|
import useGenerateId from "@/hooks/useGenerateId";
|
|
5
|
+
import { pxTransform } from "@/utils";
|
|
5
6
|
import Group from "./Group";
|
|
6
7
|
import "./index.scss";
|
|
7
8
|
const XHCheckbox = props => {
|
|
8
|
-
const { className, name, label, id, circle, onChange, align, direction, justify, checked, disabled, value, style, color = "#f6ab00", } = props;
|
|
9
|
+
const { className, name, label, id, circle, onChange, align, direction, justify, checked, disabled, value, style, size = 0, color = "#f6ab00", } = props;
|
|
9
10
|
const finalId = useGenerateId(id, "xh-checkbox-id");
|
|
10
11
|
const handleOnchange = e => {
|
|
11
12
|
let finalchecked = checked || false;
|
|
@@ -29,12 +30,22 @@ const XHCheckbox = props => {
|
|
|
29
30
|
React.createElement("input", { type: "checkbox", id: finalId, name: name, className: classNames("xh-checkbox-input", {
|
|
30
31
|
tt: process.env.TARO_ENV === "tt",
|
|
31
32
|
}), onChange: handleOnchange, disabled: disabled, value: value, checked: checked, color: color }),
|
|
32
|
-
React.createElement("span", { className: classNames("xh-checkbox-input-fake", circle && "circle", { tt: process.env.TARO_ENV === "tt" })
|
|
33
|
+
React.createElement("span", { className: classNames("xh-checkbox-input-fake", circle && "circle", { tt: process.env.TARO_ENV === "tt" }), style: size > 0
|
|
34
|
+
? {
|
|
35
|
+
width: pxTransform(size),
|
|
36
|
+
height: pxTransform(size),
|
|
37
|
+
}
|
|
38
|
+
: {} }),
|
|
33
39
|
React.createElement("span", { className: "xh-checkbox-label" }, label))));
|
|
34
40
|
}
|
|
35
41
|
return (React.createElement("label", { htmlFor: finalId, className: cls, style: style },
|
|
36
42
|
React.createElement("input", { type: "checkbox", id: finalId, name: name, className: "xh-checkbox-input", onChange: handleOnchange, value: value, defaultChecked: checked }),
|
|
37
|
-
React.createElement("span", {
|
|
43
|
+
React.createElement("span", { style: size > 0
|
|
44
|
+
? {
|
|
45
|
+
width: pxTransform(size),
|
|
46
|
+
height: pxTransform(size),
|
|
47
|
+
}
|
|
48
|
+
: {}, className: classNames("xh-checkbox-input-fake", circle && "circle") }),
|
|
38
49
|
React.createElement("span", { className: "xh-checkbox-label" }, label)));
|
|
39
50
|
};
|
|
40
51
|
const CheckBox = XHCheckbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,cAAc,CAAC;AA8BtB,MAAM,UAAU,GAAwB,KAAK,CAAC,EAAE;IAC9C,MAAM,EACJ,SAAS,EACT,IAAI,EACJ,KAAK,EACL,EAAE,EACF,MAAM,EACN,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAK,EACL,KAAK,GAAG,SAAS,GAClB,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,EAAE,gBAAgB,CAAC,CAAC;IAEpD,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE;QACzB,IAAI,YAAY,GAAG,OAAO,IAAI,KAAK,CAAC;QACpC,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE;YACjC,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;YAChC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;SACxB;aAAM;YACL,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YACzC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAC3B;QACD,QAAQ,IAAI,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,GAAG,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE;QAC1E,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI;KAClC,CAAC,CAAC;IACH,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE;QACjC,OAAO,CACL,oBAAC,aAAa,IAAC,QAAQ,EAAE,cAAc;YACrC,+BAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK;gBACnD,+BACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE;wBACzC,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI;qBAClC,CAAC,EACF,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,GACZ;gBACF,8BACE,SAAS,EAAE,UAAU,CACnB,wBAAwB,EACxB,MAAM,IAAI,QAAQ,EAClB,EAAE,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE,CACtC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { View, Text } from "@tarojs/components";
|
|
3
3
|
import classNames from "classnames";
|
|
4
|
-
import { navigateBack } from "@tarojs/taro";
|
|
4
|
+
import { navigateBack, getSystemInfoSync } from "@tarojs/taro";
|
|
5
5
|
import useCustomNavBar from "@/hooks/useCustomNavbar";
|
|
6
6
|
import "./index.scss";
|
|
7
|
+
// 小程序中判断设备系统
|
|
8
|
+
const isMiniProgramIos = process.env.TARO_ENV !== "h5"
|
|
9
|
+
? getSystemInfoSync().platform === "ios"
|
|
10
|
+
: false;
|
|
7
11
|
const NavBar = props => {
|
|
8
|
-
const { leftIcon = true, rightIcon = false, title, onBack, className, } = props;
|
|
12
|
+
const { leftIcon = true, rightIcon = false, title, onBack, navBarBorder = false, className, } = props;
|
|
9
13
|
const { navBarHeight, statusBar, buttonRight } = useCustomNavBar();
|
|
10
14
|
function goBackPage() {
|
|
11
15
|
onBack ? onBack() : navigateBack();
|
|
@@ -23,10 +27,13 @@ const NavBar = props => {
|
|
|
23
27
|
};
|
|
24
28
|
const NavBarCls = classNames("xh-nav-bar", className, {
|
|
25
29
|
h5: process.env.TARO_ENV === "h5",
|
|
30
|
+
border: navBarBorder,
|
|
26
31
|
});
|
|
27
32
|
return (React.createElement(View, { className: NavBarCls, style: wrapStyle },
|
|
28
33
|
React.createElement(View, { className: classNames("xh-nav-bar-back", { hidden: !leftIcon }), style: backStyle, onClick: goBackPage }),
|
|
29
|
-
React.createElement(Text, { className: "xh-nav-bar-title"
|
|
34
|
+
React.createElement(Text, { className: classNames("xh-nav-bar-title", {
|
|
35
|
+
isAndroid: !isMiniProgramIos,
|
|
36
|
+
}) }, title),
|
|
30
37
|
process.env.TARO_ENV === "h5" && rightIcon && (React.createElement(View, { className: "xh-nav-bar-right" }, rightIcon)),
|
|
31
38
|
React.createElement(View, null)));
|
|
32
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NavBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NavBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,eAAe,MAAM,yBAAyB,CAAC;AAGtD,OAAO,cAAc,CAAC;AAUtB,aAAa;AACb,MAAM,gBAAgB,GACpB,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI;IAC3B,CAAC,CAAC,iBAAiB,EAAE,CAAC,QAAQ,KAAK,KAAK;IACxC,CAAC,CAAC,KAAK,CAAC;AACZ,MAAM,MAAM,GAAoB,KAAK,CAAC,EAAE;IACtC,MAAM,EACJ,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,eAAe,EAAE,CAAC;IAEnE,SAAS,UAAU;QACjB,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;IAED,MAAM,SAAS,GACb,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI;QAC3B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;YACE,MAAM,EAAE,GAAG,YAAY,IAAI;YAC3B,UAAU,EAAE,GAAG,SAAS,IAAI;SAC7B,CAAC;IAER,MAAM,SAAS,GACb,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI;QAC3B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;YACE,IAAI,EAAE,GAAG,WAAW,IAAI;SACzB,CAAC;IAER,MAAM,SAAS,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QACpD,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI;QACjC,MAAM,EAAE,YAAY;KACrB,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS;QAC1C,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,EAC/D,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,UAAU,GACb;QACR,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE;gBACxC,SAAS,EAAE,CAAC,gBAAgB;aAC7B,CAAC,IAED,KAAK,CACD;QACN,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,IAAI,SAAS,IAAI,CAC7C,oBAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,IAAE,SAAS,CAAQ,CACtD;QACD,oBAAC,IAAI,OAAG,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,cAAc,CAAC;AACtB,OAAO,OAAyB,MAAM,YAAY,CAAC;AACnD,OAAO,MAAM,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,cAAc,CAAC;AACtB,OAAO,OAAyB,MAAM,YAAY,CAAC;AACnD,OAAO,MAAM,MAAM,WAAW,CAAC;AAmB/B,MAAM,IAAI,GAAkB,KAAK,CAAC,EAAE;IAClC,MAAM,EACJ,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,QAAQ,EACf,GAAG,GAAG,KAAK,EACX,YAAY,GAAG,MAAM,EACrB,YAAY,GAAG,KAAK,EACpB,KAAK,GAAG,EAAE,KAER,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,4FAUL,CAAQ,CAAC;IAEV,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,EAAE,SAAS,EAAE;QAC/C,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,IAAI,YAAY;KACpD,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,QAAQ;QACtB,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,IAAI,YAAY,IAAI,CAChD,oBAAC,MAAM,kBAAC,KAAK,EAAE,KAAK,IAAM,IAAI,EAAI,CACnC;QACA,OAAO,IAAI,CACV,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB;YAC/B,oBAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,GAAI,CACjD,CACR;QACA,YAAY,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CAC/C,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,IAAE,QAAQ,CAAQ,CACpD,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -2,10 +2,11 @@ import React from "react";
|
|
|
2
2
|
import classNames from "classnames";
|
|
3
3
|
import { RadioGroup } from "@tarojs/components";
|
|
4
4
|
import useGenerateId from "@/hooks/useGenerateId";
|
|
5
|
+
import { pxTransform } from "@/utils";
|
|
5
6
|
import Group from "./Group";
|
|
6
7
|
import "./index.scss";
|
|
7
8
|
const XHRadio = props => {
|
|
8
|
-
const { className, name, label, id, circle = true, onChange, align, direction, justify, checked, disabled, value, style, color = "#f6ab00", } = props;
|
|
9
|
+
const { className, name, label, id, circle = true, onChange, align, direction, justify, checked, disabled, value, style, size = 0, color = "#f6ab00", } = props;
|
|
9
10
|
const finalId = useGenerateId(id, "xh-radio-id");
|
|
10
11
|
const handleOnchange = e => {
|
|
11
12
|
let finalchecked = checked || false;
|
|
@@ -27,14 +28,24 @@ const XHRadio = props => {
|
|
|
27
28
|
React.createElement("input", { type: "radio", id: finalId, name: name, className: classNames("xh-radio-input", {
|
|
28
29
|
tt: process.env.TARO_ENV === "tt",
|
|
29
30
|
}), onChange: handleOnchange, disabled: disabled, value: value, checked: checked, color: color }),
|
|
30
|
-
React.createElement("span", {
|
|
31
|
+
React.createElement("span", { style: size > 0
|
|
32
|
+
? {
|
|
33
|
+
width: pxTransform(size),
|
|
34
|
+
height: pxTransform(size),
|
|
35
|
+
}
|
|
36
|
+
: {}, className: classNames("xh-radio-input-fake", circle && "circle", {
|
|
31
37
|
tt: process.env.TARO_ENV === "tt",
|
|
32
38
|
}) }),
|
|
33
39
|
React.createElement("span", { className: "xh-radio-label" }, label))));
|
|
34
40
|
}
|
|
35
41
|
return (React.createElement("label", { htmlFor: finalId, className: cls, style: style },
|
|
36
42
|
React.createElement("input", { type: "radio", id: finalId, name: name, className: "xh-radio-input", onChange: handleOnchange, value: value, disabled: disabled, defaultChecked: checked }),
|
|
37
|
-
React.createElement("span", {
|
|
43
|
+
React.createElement("span", { style: size > 0
|
|
44
|
+
? {
|
|
45
|
+
width: pxTransform(size),
|
|
46
|
+
height: pxTransform(size),
|
|
47
|
+
}
|
|
48
|
+
: {}, className: classNames("xh-radio-input-fake", circle && "circle") }),
|
|
38
49
|
React.createElement("span", { className: "xh-radio-label" }, label)));
|
|
39
50
|
};
|
|
40
51
|
const Radio = XHRadio;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,aAAa,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED