taro-react-uilib 1.3.0-0 → 1.3.0-1
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/Collapse/index.js +1 -1
- package/dist/components/Collapse/index.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/styles/components/list.scss +1 -0
- package/lib/components/Collapse/index.js +15 -6
- package/lib/components/Collapse/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useMemo, useRef, useState } from "react";
|
|
12
|
+
import React, { useEffect, useMemo, useRef, useState } from "react";
|
|
13
13
|
import List from "@/components/List";
|
|
14
14
|
import { View } from "@tarojs/components";
|
|
15
15
|
import classNames from "classnames";
|
|
@@ -21,20 +21,29 @@ const Collapse = props => {
|
|
|
21
21
|
const handleOnchange = () => {
|
|
22
22
|
setInneropen(old => !old);
|
|
23
23
|
};
|
|
24
|
+
const [originHeight, setoriginHeight] = useState(0); // 原始高度
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
var _a;
|
|
27
|
+
if (detailRef.current && process.env.TARO_ENV === "h5") {
|
|
28
|
+
setoriginHeight((_a = detailRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight);
|
|
29
|
+
}
|
|
30
|
+
}, [detailRef.current]);
|
|
24
31
|
const detailStyle = useMemo(() => {
|
|
25
|
-
var _a
|
|
32
|
+
var _a;
|
|
26
33
|
const style = { height: 0 };
|
|
27
34
|
if (innerOpen)
|
|
28
|
-
style.height =
|
|
29
|
-
|
|
30
|
-
|
|
35
|
+
style.height =
|
|
36
|
+
process.env.TARO_ENV === "h5" ? `${originHeight}px` : "auto";
|
|
37
|
+
process.env.TARO_ENV === "h5" &&
|
|
38
|
+
innerOpen &&
|
|
39
|
+
((_a = detailRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
|
|
31
40
|
behavior: "smooth",
|
|
32
41
|
block: "end",
|
|
33
42
|
inline: "nearest",
|
|
34
43
|
}));
|
|
35
44
|
onToggle === null || onToggle === void 0 ? void 0 : onToggle(innerOpen);
|
|
36
45
|
return style;
|
|
37
|
-
}, [innerOpen]);
|
|
46
|
+
}, [innerOpen, originHeight]);
|
|
38
47
|
return (React.createElement(View, { className: classNames("xh-collapse", className), style: style },
|
|
39
48
|
React.createElement(View, { className: classNames("xh-collapse-summary", { open: innerOpen }), onClick: handleOnchange }, summary || React.createElement(List, Object.assign({}, rest, { arrow: true }))),
|
|
40
49
|
React.createElement(View, { className: classNames("xh-collapse-detail"), ref: detailRef, style: detailStyle }, children)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Collapse/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAa,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Collapse/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,IAAqB,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,cAAc,CAAC;AAUtB,MAAM,QAAQ,GAA4B,KAAK,CAAC,EAAE;IAChD,MAAM,EACJ,OAAO,GAAG,EAAE,EACZ,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,KAEN,KAAK,EADJ,IAAI,UACL,KAAK,EATH,0EASL,CAAQ,CAAC;IACV,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;IAE5D,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,SAAS,CAAC,OAAO,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,EAAE;YACtD,eAAe,CAAC,MAAA,SAAS,CAAC,OAAO,0CAAE,YAAY,CAAC,CAAC;SAClD;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IAExB,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;;QAC/B,MAAM,KAAK,GAAwB,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QACjD,IAAI,SAAS;YACX,KAAK,CAAC,MAAM;gBACV,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;QACjE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI;YAC3B,SAAS;aACT,MAAA,SAAS,CAAC,OAAO,0CAAE,cAAc,CAAC;gBAChC,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,KAAK;gBACZ,MAAM,EAAE,SAAS;aAClB,CAAC,CAAA,CAAC;QACL,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,SAAS,CAAC,CAAC;QACtB,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK;QACjE,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EACjE,OAAO,EAAE,cAAc,IAEtB,OAAO,IAAI,oBAAC,IAAI,oBAAK,IAAI,IAAE,KAAK,UAAG,CAC/B;QACP,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,oBAAoB,CAAC,EAC3C,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,WAAW,IAEjB,QAAQ,CACJ,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|