@tarojs/components-rn 3.3.14 → 3.5.0-canary.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.
|
@@ -9,6 +9,10 @@ import { omit, parseStyles } from '../../utils';
|
|
|
9
9
|
class _RichText extends React.Component {
|
|
10
10
|
constructor() {
|
|
11
11
|
super(...arguments);
|
|
12
|
+
this.state = {
|
|
13
|
+
webViewHeight: 0
|
|
14
|
+
};
|
|
15
|
+
this.webview = React.createRef();
|
|
12
16
|
this.renderChildrens = (arr = []) => {
|
|
13
17
|
if (arr.length === 0)
|
|
14
18
|
return;
|
|
@@ -29,6 +33,11 @@ class _RichText extends React.Component {
|
|
|
29
33
|
const child = this.renderChildrens(item.children);
|
|
30
34
|
return React.createElement(item.name || 'div', Object.assign(Object.assign({ key: Math.random() }, omit(item.attrs, ['class', 'style'])), { className: item.attrs.class, style: parseStyles(item.attrs.style) }), child);
|
|
31
35
|
};
|
|
36
|
+
this.onWebViewMessage = (event) => {
|
|
37
|
+
this.setState({
|
|
38
|
+
webViewHeight: Number(event.nativeEvent.data)
|
|
39
|
+
});
|
|
40
|
+
};
|
|
32
41
|
}
|
|
33
42
|
render() {
|
|
34
43
|
const { style, nodes } = this.props;
|
|
@@ -37,14 +46,18 @@ class _RichText extends React.Component {
|
|
|
37
46
|
: nodes.map((item) => {
|
|
38
47
|
return ReactDOMServer.renderToStaticMarkup(this.renderNodes(item));
|
|
39
48
|
}).join(',');
|
|
40
|
-
return (React.createElement(View, { style:
|
|
41
|
-
|
|
49
|
+
return (React.createElement(View, { style: Object.assign({
|
|
50
|
+
height: this.state.webViewHeight,
|
|
51
|
+
width: '100%',
|
|
52
|
+
}, style) },
|
|
53
|
+
React.createElement(WebView, { ref: this.webview, source: { html: '<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>' + html }, scalesPageToFit: false, onMessage: this.onWebViewMessage, injectedJavaScript: `
|
|
42
54
|
document.documentElement.style.padding = 0;
|
|
43
55
|
document.documentElement.style.margin = 0;
|
|
44
56
|
document.body.style.padding = 0;
|
|
45
57
|
document.body.style.margin = 0;
|
|
58
|
+
window.ReactNativeWebView.postMessage(document.body.scrollHeight);
|
|
46
59
|
true;
|
|
47
|
-
`, style: {
|
|
60
|
+
`, onLoadEnd: () => { var _a; return (_a = this.webview.current) === null || _a === void 0 ? void 0 : _a.injectJavaScript('window.ReactNativeWebView.postMessage(document.body.scrollHeight);'); }, style: {
|
|
48
61
|
backgroundColor: 'transparent'
|
|
49
62
|
} })));
|
|
50
63
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RichText/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EACL,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RichText/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tarojs/components-rn",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.5.0-canary.0",
|
|
4
4
|
"description": "多端解决方案基础组件（RN）",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"license": "MIT",
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@ant-design/react-native": "^4.2.0",
|
|
30
|
-
"@react-native-community/slider": "4.
|
|
31
|
-
"@react-native-picker/picker": "
|
|
30
|
+
"@react-native-community/slider": "~4.1.12",
|
|
31
|
+
"@react-native-picker/picker": "~2.2.1",
|
|
32
32
|
"@unimodules/core": "^7.1.2",
|
|
33
33
|
"@unimodules/react-native-adapter": "^6.3.9",
|
|
34
34
|
"expo-asset": "^8.3.3",
|
|
@@ -37,37 +37,36 @@
|
|
|
37
37
|
"expo-camera": "~11.2.2",
|
|
38
38
|
"prop-types": "^15.6.2",
|
|
39
39
|
"react-native-maps": "^0.25.0",
|
|
40
|
-
"react-native-pager-view": "
|
|
41
|
-
"react-native-webview": "
|
|
40
|
+
"react-native-pager-view": "~5.4.9",
|
|
41
|
+
"react-native-webview": "~11.14.3",
|
|
42
42
|
"unimodules-permissions-interface": "~5.3.0"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@tarojs/components": "3.
|
|
46
|
-
"@types/react-native": "0.
|
|
45
|
+
"@tarojs/components": "3.5.0-canary.0",
|
|
46
|
+
"@types/react-native": "0.66.5",
|
|
47
47
|
"@types/sinon": "^9.0.8",
|
|
48
48
|
"cpy-cli": "^3.1.1",
|
|
49
49
|
"expo-constants": "~9.2.0",
|
|
50
50
|
"expo-file-system": "~11.1.3",
|
|
51
51
|
"jest-expo": "^39.0.0",
|
|
52
52
|
"metro-react-native-babel-preset": "^0.66.2",
|
|
53
|
-
"pre-commit": "^1.2.2",
|
|
54
53
|
"react-native": "^0.66.0",
|
|
55
54
|
"react-test-renderer": "^17.0.1",
|
|
56
55
|
"rimraf": "^3.0.0",
|
|
57
56
|
"sinon": "^9.2.1"
|
|
58
57
|
},
|
|
59
58
|
"peerDependencies": {
|
|
60
|
-
"@react-native-community/slider": "4.
|
|
61
|
-
"@react-native-picker/picker": "
|
|
59
|
+
"@react-native-community/slider": "~4.1.12",
|
|
60
|
+
"@react-native-picker/picker": "~2.2.1",
|
|
62
61
|
"expo-av": "~9.2.3",
|
|
63
62
|
"expo-barcode-scanner": "~10.2.2",
|
|
64
63
|
"expo-camera": "~11.2.2",
|
|
65
|
-
"react-native-pager-view": "
|
|
66
|
-
"react-native-webview": "
|
|
64
|
+
"react-native-pager-view": "~5.4.9",
|
|
65
|
+
"react-native-webview": "~11.14.3"
|
|
67
66
|
},
|
|
68
67
|
"resolutions": {
|
|
69
68
|
"@types/react": "17.0.11",
|
|
70
69
|
"@types/node": "^14.14.41"
|
|
71
70
|
},
|
|
72
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "a0222bc41bc05b0e34413d6db3de963d777a5015"
|
|
73
72
|
}
|