@unif/react-native-camera 1.1.8 → 1.1.9
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/lib/commonjs/camera/footer/Footer.js +1 -1
- package/lib/commonjs/camera/footer/Footer.js.map +1 -1
- package/lib/commonjs/camera/preview/SinglePre.js +0 -1
- package/lib/commonjs/camera/preview/SinglePre.js.map +1 -1
- package/lib/commonjs/camera/watermark/ViewShotWatermark.js +58 -5
- package/lib/commonjs/camera/watermark/ViewShotWatermark.js.map +1 -1
- package/lib/commonjs/utils/util.js +30 -0
- package/lib/commonjs/utils/util.js.map +1 -1
- package/lib/module/camera/footer/Footer.js +2 -2
- package/lib/module/camera/footer/Footer.js.map +1 -1
- package/lib/module/camera/preview/SinglePre.js +0 -1
- package/lib/module/camera/preview/SinglePre.js.map +1 -1
- package/lib/module/camera/watermark/ViewShotWatermark.js +60 -7
- package/lib/module/camera/watermark/ViewShotWatermark.js.map +1 -1
- package/lib/module/utils/util.js +28 -0
- package/lib/module/utils/util.js.map +1 -1
- package/lib/typescript/src/camera/footer/Footer.d.ts.map +1 -1
- package/lib/typescript/src/camera/preview/SinglePre.d.ts.map +1 -1
- package/lib/typescript/src/camera/watermark/ViewShotWatermark.d.ts +7 -1
- package/lib/typescript/src/camera/watermark/ViewShotWatermark.d.ts.map +1 -1
- package/lib/typescript/src/utils/util.d.ts +8 -0
- package/lib/typescript/src/utils/util.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/camera/footer/Footer.tsx +7 -1
- package/src/camera/preview/SinglePre.tsx +0 -1
- package/src/camera/watermark/ViewShotWatermark.tsx +52 -7
- package/src/utils/util.ts +32 -0
|
@@ -68,7 +68,7 @@ const Footer = ({
|
|
|
68
68
|
style: styles.back,
|
|
69
69
|
onPress: back
|
|
70
70
|
}, "\u8FD4\u56DE"), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
|
|
71
|
-
onPress: takePress
|
|
71
|
+
onPress: (0, _utils.throttle)(e => takePress === null || takePress === void 0 ? void 0 : takePress(e), 1000)
|
|
72
72
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
73
73
|
source: Take,
|
|
74
74
|
style: styles.image
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_utils","_components","_reactNativeSafeAreaContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Take","Footer","cameraMode","photos","backPress","thumbnailPress","takePress","savePress","rotatePress","onChange","_cameraMode$","_photos","isPhotos","length","stateText","setStateText","useState","back","mode","setMode","insets","useSafeAreaInsets","createElement","View","style","styles","footer","paddingBottom","bottom","Text","Fragment","footerTop","map","item","TouchableOpacity","key","footerTopText","footerTopTextSelected","undefined","onPress","footerTopTextColor","CameraModeEnum","footerBottom","footerHorizontal","PreviewThumbnail","uri","formatUri","path","Back","footerCenter","Image","source","image","save","Rotate","_default","exports","StyleSheet","create","width","height","textAlign","color","absoluteFillObject","top","backgroundColor","paddingTop","display","borderTopLeftRadius","borderTopRightRadius","paddingHorizontal","zIndex","flexDirection","justifyContent","alignItems","flex","paddingVertical","marginHorizontal","borderRadius","fontSize","marginLeft","marginRight"],"sourceRoot":"../../../../src","sources":["camera/footer/Footer.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_utils","_components","_reactNativeSafeAreaContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Take","Footer","cameraMode","photos","backPress","thumbnailPress","takePress","savePress","rotatePress","onChange","_cameraMode$","_photos","isPhotos","length","stateText","setStateText","useState","back","mode","setMode","insets","useSafeAreaInsets","createElement","View","style","styles","footer","paddingBottom","bottom","Text","Fragment","footerTop","map","item","TouchableOpacity","key","footerTopText","footerTopTextSelected","undefined","onPress","footerTopTextColor","CameraModeEnum","footerBottom","footerHorizontal","PreviewThumbnail","uri","formatUri","path","Back","footerCenter","throttle","Image","source","image","save","Rotate","_default","exports","StyleSheet","create","width","height","textAlign","color","absoluteFillObject","top","backgroundColor","paddingTop","display","borderTopLeftRadius","borderTopRightRadius","paddingHorizontal","zIndex","flexDirection","justifyContent","alignItems","flex","paddingVertical","marginHorizontal","borderRadius","fontSize","marginLeft","marginRight"],"sourceRoot":"../../../../src","sources":["camera/footer/Footer.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -27,7 +27,6 @@ const SinglePre = ({
|
|
|
27
27
|
onSave
|
|
28
28
|
}) => {
|
|
29
29
|
const inset = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
30
|
-
console.log('resizeMode', resizeMode);
|
|
31
30
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
32
31
|
style: styles.container
|
|
33
32
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_PreviewFooter","_components","_utils","_reactNativeSafeAreaContext","e","__esModule","default","SinglePre","uri","resizeMode","onBack","onSave","inset","useSafeAreaInsets","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_PreviewFooter","_components","_utils","_reactNativeSafeAreaContext","e","__esModule","default","SinglePre","uri","resizeMode","onBack","onSave","inset","useSafeAreaInsets","createElement","View","style","styles","container","Image","source","formatUri","footer","bottom","actions","Back","key","image","text","onPress","Save","_default","exports","StyleSheet","create","flex","position","left","right","width","height"],"sourceRoot":"../../../../src","sources":["camera/preview/SinglePre.tsx"],"mappings":";;;;;;AAQA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,2BAAA,GAAAN,OAAA;AAAmE,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAbnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiBA,MAAMG,SAAgC,GAAGA,CAAC;EACxCC,GAAG;EACHC,UAAU;EACVC,MAAM;EACNC;AACF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EACjC,oBACEf,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BpB,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAAClB,YAAA,CAAAuB,KAAK;IACJH,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBT,UAAU,EAAEA,UAAW;IACvBW,MAAM,EAAE;MAAEZ,GAAG,EAAE,IAAAa,gBAAS,EAACb,GAAG;IAAE;EAAE,CACjC,CAAC,eACFV,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACK,MAAM,EAAE;MAAEC,MAAM,EAAEX,KAAK,CAACW,MAAM,GAAG;IAAG,CAAC;EAAE,gBAC1DzB,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACd,cAAA,CAAAM,OAAa;IACZkB,OAAO,EAAE,cACP1B,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACb,WAAA,CAAAwB,IAAI;MACHC,GAAG,EAAC,MAAM;MACVV,KAAK,EAAEC,MAAM,CAACU,KAAM;MACpBC,IAAI,EAAC,cAAI;MACTC,OAAO,EAAEnB;IAAO,CACjB,CAAC,eACFZ,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACb,WAAA,CAAA6B,IAAI;MACHJ,GAAG,EAAC,MAAM;MACVV,KAAK,EAAEC,MAAM,CAACU,KAAM;MACpBC,IAAI,EAAC,cAAI;MACTC,OAAO,EAAElB;IAAO,CACjB,CAAC;EACF,CACH,CACG,CACF,CAAC;AAEX,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAA1B,OAAA,GAEaC,SAAS;AAEjB,MAAMU,MAAM,GAAAe,OAAA,CAAAf,MAAA,GAAGgB,uBAAU,CAACC,MAAM,CAAC;EACtChB,SAAS,EAAE;IACTiB,IAAI,EAAE;EACR,CAAC;EAEDb,MAAM,EAAE;IACNc,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRf,MAAM,EAAE;EACV,CAAC;EACDI,KAAK,EAAE;IAAEY,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG;AACjC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -21,6 +21,10 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
21
21
|
* @PageName:
|
|
22
22
|
*/
|
|
23
23
|
|
|
24
|
+
const {
|
|
25
|
+
width: screenWidth,
|
|
26
|
+
height: screenHeight
|
|
27
|
+
} = _reactNative.Dimensions.get('window');
|
|
24
28
|
const ViewShotWatermark = ({
|
|
25
29
|
data,
|
|
26
30
|
resizeMode,
|
|
@@ -28,6 +32,10 @@ const ViewShotWatermark = ({
|
|
|
28
32
|
onChange
|
|
29
33
|
}) => {
|
|
30
34
|
const viewShotRef = (0, _react.useRef)(null);
|
|
35
|
+
const [imageSize, setImageSize] = (0, _react.useState)({
|
|
36
|
+
width: 0,
|
|
37
|
+
height: 0
|
|
38
|
+
});
|
|
31
39
|
if (!data || !watermark) {
|
|
32
40
|
return null;
|
|
33
41
|
}
|
|
@@ -39,15 +47,54 @@ const ViewShotWatermark = ({
|
|
|
39
47
|
path: img || data.path
|
|
40
48
|
});
|
|
41
49
|
};
|
|
42
|
-
|
|
43
|
-
|
|
50
|
+
const handleImageLoad = event => {
|
|
51
|
+
if (resizeMode === 'cover') {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
const {
|
|
55
|
+
width,
|
|
56
|
+
height
|
|
57
|
+
} = event.nativeEvent.source;
|
|
58
|
+
const aspectRatio = width / height;
|
|
59
|
+
const containerWidth = screenWidth;
|
|
60
|
+
const containerHeight = screenHeight;
|
|
61
|
+
let displayWidth = containerWidth;
|
|
62
|
+
let displayHeight = containerWidth / aspectRatio;
|
|
63
|
+
if (displayHeight > containerHeight) {
|
|
64
|
+
displayHeight = containerHeight;
|
|
65
|
+
displayWidth = containerHeight * aspectRatio;
|
|
66
|
+
}
|
|
67
|
+
setImageSize({
|
|
68
|
+
width: displayWidth,
|
|
69
|
+
height: displayHeight
|
|
70
|
+
});
|
|
71
|
+
};
|
|
72
|
+
const getWidth = () => {
|
|
73
|
+
if (resizeMode === 'contain') {
|
|
74
|
+
return imageSize.width || screenWidth;
|
|
75
|
+
}
|
|
76
|
+
return '100%';
|
|
77
|
+
};
|
|
78
|
+
const getHeight = () => {
|
|
79
|
+
if (resizeMode === 'contain') {
|
|
80
|
+
return imageSize.height || screenHeight;
|
|
81
|
+
}
|
|
82
|
+
return '100%';
|
|
83
|
+
};
|
|
84
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
44
85
|
style: styles.container
|
|
86
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNativeViewShot.default, {
|
|
87
|
+
ref: viewShotRef,
|
|
88
|
+
style: {
|
|
89
|
+
width: getWidth(),
|
|
90
|
+
height: getHeight()
|
|
91
|
+
}
|
|
45
92
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
46
93
|
source: {
|
|
47
94
|
uri: (0, _utils.formatUri)(data.path)
|
|
48
95
|
},
|
|
49
|
-
style: styles.
|
|
50
|
-
|
|
96
|
+
style: styles.image,
|
|
97
|
+
onLoad: handleImageLoad,
|
|
51
98
|
onLoadEnd: () => {
|
|
52
99
|
setTimeout(() => {
|
|
53
100
|
autoSaveWatermark();
|
|
@@ -72,7 +119,13 @@ const styles = exports.styles = _reactNative.StyleSheet.create({
|
|
|
72
119
|
top: 0,
|
|
73
120
|
bottom: 0,
|
|
74
121
|
backgroundColor: '#000',
|
|
75
|
-
zIndex: _utils.MAX_ZINDEX
|
|
122
|
+
zIndex: _utils.MAX_ZINDEX,
|
|
123
|
+
alignContent: 'center',
|
|
124
|
+
justifyContent: 'center'
|
|
125
|
+
},
|
|
126
|
+
image: {
|
|
127
|
+
width: '100%',
|
|
128
|
+
height: '100%'
|
|
76
129
|
},
|
|
77
130
|
footer: {
|
|
78
131
|
position: 'absolute',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_reactNativeViewShot","_interopRequireDefault","_Render","_utils","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ViewShotWatermark","data","resizeMode","watermark","onChange","viewShotRef","useRef","autoSaveWatermark","_viewShotRef$current","_viewShotRef$current$","img","current","capture","path","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireWildcard","_reactNativeViewShot","_interopRequireDefault","_Render","_utils","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","width","screenWidth","height","screenHeight","Dimensions","ViewShotWatermark","data","resizeMode","watermark","onChange","viewShotRef","useRef","imageSize","setImageSize","useState","autoSaveWatermark","_viewShotRef$current","_viewShotRef$current$","img","current","capture","path","handleImageLoad","event","nativeEvent","source","aspectRatio","containerWidth","containerHeight","displayWidth","displayHeight","getWidth","getHeight","createElement","View","style","styles","container","ref","Image","uri","formatUri","image","onLoad","onLoadEnd","setTimeout","zIndex","MAX_ZINDEX","footer","Text","text","_default","exports","StyleSheet","create","flex","position","left","right","top","bottom","backgroundColor","alignContent","justifyContent","color","textAlign","fontSize","pxToDpWidth"],"sourceRoot":"../../../../src","sources":["camera/watermark/ViewShotWatermark.tsx"],"mappings":";;;;;;AAQA,IAAAA,YAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAMqB,SAAAI,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAzBrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAmBA,MAAM;EAAEW,KAAK,EAAEC,WAAW;EAAEC,MAAM,EAAEC;AAAa,CAAC,GAAGC,uBAAU,CAAChB,GAAG,CAAC,QAAQ,CAAC;AAE7E,MAAMiB,iBAKJ,GAAGA,CAAC;EAAEC,IAAI;EAAEC,UAAU;EAAEC,SAAS;EAAEC;AAAS,CAAC,KAAK;EAClD,MAAMC,WAAW,GAAG,IAAAC,aAAM,EAAW,IAAI,CAAC;EAC1C,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC;IAAEd,KAAK,EAAE,CAAC;IAAEE,MAAM,EAAE;EAAE,CAAC,CAAC;EAEnE,IAAI,CAACI,IAAI,IAAI,CAACE,SAAS,EAAE;IACvB,OAAO,IAAI;EACb;EAEA,MAAMO,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IAAA,IAAAC,oBAAA,EAAAC,qBAAA;IACpC,MAAMC,GAAG,GAAG,QAAAF,oBAAA,GAAMN,WAAW,CAACS,OAAO,cAAAH,oBAAA,gBAAAC,qBAAA,GAAnBD,oBAAA,CAAqBI,OAAO,cAAAH,qBAAA,uBAA5BA,qBAAA,CAAApB,IAAA,CAAAmB,oBAA+B,CAAC;IAClDP,QAAQ,CAAC;MAAE,GAAGH,IAAI;MAAEe,IAAI,EAAEH,GAAG,IAAIZ,IAAI,CAACe;IAAK,CAAC,CAAC;EAC/C,CAAC;EAED,MAAMC,eAAe,GAAIC,KAExB,IAAK;IACJ,IAAIhB,UAAU,KAAK,OAAO,EAAE;MAC1B;IACF;IACA,MAAM;MAAEP,KAAK;MAAEE;IAAO,CAAC,GAAGqB,KAAK,CAACC,WAAW,CAACC,MAAM;IAClD,MAAMC,WAAW,GAAG1B,KAAK,GAAGE,MAAM;IAClC,MAAMyB,cAAc,GAAG1B,WAAW;IAClC,MAAM2B,eAAe,GAAGzB,YAAY;IACpC,IAAI0B,YAAY,GAAGF,cAAc;IACjC,IAAIG,aAAa,GAAGH,cAAc,GAAGD,WAAW;IAEhD,IAAII,aAAa,GAAGF,eAAe,EAAE;MACnCE,aAAa,GAAGF,eAAe;MAC/BC,YAAY,GAAGD,eAAe,GAAGF,WAAW;IAC9C;IACAb,YAAY,CAAC;MAAEb,KAAK,EAAE6B,YAAY;MAAE3B,MAAM,EAAE4B;IAAc,CAAC,CAAC;EAC9D,CAAC;EACD,MAAMC,QAAQ,GAAGA,CAAA,KAAM;IACrB,IAAIxB,UAAU,KAAK,SAAS,EAAE;MAC5B,OAAOK,SAAS,CAACZ,KAAK,IAAIC,WAAW;IACvC;IACA,OAAO,MAAM;EACf,CAAC;EACD,MAAM+B,SAAS,GAAGA,CAAA,KAAM;IACtB,IAAIzB,UAAU,KAAK,SAAS,EAAE;MAC5B,OAAOK,SAAS,CAACV,MAAM,IAAIC,YAAY;IACzC;IACA,OAAO,MAAM;EACf,CAAC;EACD,oBACE7B,MAAA,CAAAQ,OAAA,CAAAmD,aAAA,CAAC7D,YAAA,CAAA8D,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B/D,MAAA,CAAAQ,OAAA,CAAAmD,aAAA,CAACzD,oBAAA,CAAAM,OAAQ;IACPwD,GAAG,EAAE5B,WAAY;IACjByB,KAAK,EAAE;MAAEnC,KAAK,EAAE+B,QAAQ,CAAC,CAAC;MAAE7B,MAAM,EAAE8B,SAAS,CAAC;IAAE;EAAE,gBAElD1D,MAAA,CAAAQ,OAAA,CAAAmD,aAAA,CAAC7D,YAAA,CAAAmE,KAAK;IACJd,MAAM,EAAE;MAAEe,GAAG,EAAE,IAAAC,gBAAS,EAACnC,IAAI,CAACe,IAAI;IAAE,CAAE;IACtCc,KAAK,EAAEC,MAAM,CAACM,KAAM;IACpBC,MAAM,EAAErB,eAAgB;IACxBsB,SAAS,EAAEA,CAAA,KAAM;MACfC,UAAU,CAAC,MAAM;QACf9B,iBAAiB,CAAC,CAAC;MACrB,CAAC,EAAE,GAAG,CAAC;IACT;EAAE,CACH,CAAC,eACFzC,MAAA,CAAAQ,OAAA,CAAAmD,aAAA,CAACvD,OAAA,CAAAI,OAAe;IAACwB,IAAI,EAAEE,SAAU;IAACsC,MAAM,EAAEC,iBAAU,GAAG;EAAE,CAAE,CACnD,CAAC,eACXzE,MAAA,CAAAQ,OAAA,CAAAmD,aAAA,CAAC7D,YAAA,CAAA8D,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACY;EAAO,gBACzB1E,MAAA,CAAAQ,OAAA,CAAAmD,aAAA,CAAC7D,YAAA,CAAA6E,IAAI;IAACd,KAAK,EAAEC,MAAM,CAACc;EAAK,GAAC,uBAAY,CAClC,CACF,CAAC;AAEX,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtE,OAAA,GAEauB,iBAAiB;AAEzB,MAAM+B,MAAM,GAAAgB,OAAA,CAAAhB,MAAA,GAAGiB,uBAAU,CAACC,MAAM,CAAC;EACtCjB,SAAS,EAAE;IACTkB,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE,MAAM;IACvBf,MAAM,EAAEC,iBAAU;IAClBe,YAAY,EAAE,QAAQ;IACtBC,cAAc,EAAE;EAClB,CAAC;EACDrB,KAAK,EAAE;IACL1C,KAAK,EAAE,MAAM;IACbE,MAAM,EAAE;EACV,CAAC;EACD8C,MAAM,EAAE;IACNQ,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRE,MAAM,EAAE,EAAE;IACVd,MAAM,EAAEC,iBAAU,GAAG;EACvB,CAAC;EACDG,IAAI,EAAE;IACJc,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,QAAQ;IACnBC,QAAQ,EAAE,IAAAC,kBAAW,EAAC,EAAE;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
exports.debounce = debounce;
|
|
6
7
|
exports.formatUri = void 0;
|
|
8
|
+
exports.throttle = throttle;
|
|
7
9
|
/*
|
|
8
10
|
* @Author: 刘利军
|
|
9
11
|
* @Date: 2024-12-25 17:48:18
|
|
@@ -20,4 +22,32 @@ const formatUri = uri => {
|
|
|
20
22
|
return `${startPath}${uri}`;
|
|
21
23
|
};
|
|
22
24
|
exports.formatUri = formatUri;
|
|
25
|
+
function throttle(fn, limit) {
|
|
26
|
+
let lastCall = 0;
|
|
27
|
+
return (...args) => {
|
|
28
|
+
const now = Date.now();
|
|
29
|
+
if (now - lastCall >= limit) {
|
|
30
|
+
fn(...args);
|
|
31
|
+
lastCall = now;
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* 防抖函数
|
|
38
|
+
* @param fn 要执行的函数
|
|
39
|
+
* @param delay 延迟时间（毫秒）
|
|
40
|
+
* @returns 防抖后的函数
|
|
41
|
+
*/
|
|
42
|
+
function debounce(fn, delay) {
|
|
43
|
+
let timer = null;
|
|
44
|
+
return (...args) => {
|
|
45
|
+
if (timer) {
|
|
46
|
+
clearTimeout(timer);
|
|
47
|
+
}
|
|
48
|
+
timer = setTimeout(() => {
|
|
49
|
+
fn(...args);
|
|
50
|
+
}, delay);
|
|
51
|
+
};
|
|
52
|
+
}
|
|
23
53
|
//# sourceMappingURL=util.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["formatUri","uri","startPath","startsWith","exports"],"sourceRoot":"../../../src","sources":["utils/util.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["formatUri","uri","startPath","startsWith","exports","throttle","fn","limit","lastCall","args","now","Date","debounce","delay","timer","clearTimeout","setTimeout"],"sourceRoot":"../../../src","sources":["utils/util.ts"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,SAAS,GAAIC,GAAW,IAAK;EACxC,MAAMC,SAAS,GAAG,SAAS;EAC3B,IAAID,GAAG,CAACE,UAAU,CAACD,SAAS,CAAC,EAAE;IAC7B,OAAOD,GAAG;EACZ;EACA,OAAO,GAAGC,SAAS,GAAGD,GAAG,EAAE;AAC7B,CAAC;AAACG,OAAA,CAAAJ,SAAA,GAAAA,SAAA;AAEK,SAASK,QAAQA,CAACC,EAAY,EAAEC,KAAa,EAAE;EACpD,IAAIC,QAAQ,GAAG,CAAC;EAEhB,OAAO,CAAC,GAAGC,IAAW,KAAK;IACzB,MAAMC,GAAG,GAAGC,IAAI,CAACD,GAAG,CAAC,CAAC;IACtB,IAAIA,GAAG,GAAGF,QAAQ,IAAID,KAAK,EAAE;MAC3BD,EAAE,CAAC,GAAGG,IAAI,CAAC;MACXD,QAAQ,GAAGE,GAAG;IAChB;EACF,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,QAAQA,CAACN,EAAY,EAAEO,KAAa,EAAE;EACpD,IAAIC,KAA4B,GAAG,IAAI;EAEvC,OAAO,CAAC,GAAGL,IAAW,KAAK;IACzB,IAAIK,KAAK,EAAE;MACTC,YAAY,CAACD,KAAK,CAAC;IACrB;IAEAA,KAAK,GAAGE,UAAU,CAAC,MAAM;MACvBV,EAAE,CAAC,GAAGG,IAAI,CAAC;IACb,CAAC,EAAEI,KAAK,CAAC;EACX,CAAC;AACH","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Image, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
|
|
2
2
|
import React, { useState } from 'react';
|
|
3
|
-
import { CameraModeEnum, formatUri } from '../../utils';
|
|
3
|
+
import { CameraModeEnum, formatUri, throttle } from '../../utils';
|
|
4
4
|
import { Back, Rotate, PreviewThumbnail } from '../../components';
|
|
5
5
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
6
6
|
const Take = require('../../assets/home/take.png');
|
|
@@ -60,7 +60,7 @@ const Footer = ({
|
|
|
60
60
|
style: styles.back,
|
|
61
61
|
onPress: back
|
|
62
62
|
}, "\u8FD4\u56DE"), /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
63
|
-
onPress: takePress
|
|
63
|
+
onPress: throttle(e => takePress === null || takePress === void 0 ? void 0 : takePress(e), 1000)
|
|
64
64
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
65
65
|
source: Take,
|
|
66
66
|
style: styles.image
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Image","StyleSheet","Text","TouchableOpacity","View","React","useState","CameraModeEnum","formatUri","Back","Rotate","PreviewThumbnail","useSafeAreaInsets","Take","require","Footer","cameraMode","photos","backPress","thumbnailPress","takePress","savePress","rotatePress","onChange","_cameraMode$","_photos","isPhotos","length","stateText","setStateText","back","e","mode","setMode","insets","createElement","style","styles","footer","paddingBottom","bottom","Fragment","footerTop","map","item","key","footerTopText","footerTopTextSelected","undefined","onPress","footerTopTextColor","footerBottom","footerHorizontal","uri","path","footerCenter","source","image","save","create","width","height","textAlign","color","absoluteFillObject","top","backgroundColor","paddingTop","display","borderTopLeftRadius","borderTopRightRadius","paddingHorizontal","zIndex","flexDirection","justifyContent","alignItems","flex","paddingVertical","marginHorizontal","borderRadius","fontSize","marginLeft","marginRight"],"sourceRoot":"../../../../src","sources":["camera/footer/Footer.tsx"],"mappings":"AAAA,SACEA,KAAK,EACLC,UAAU,EACVC,IAAI,EACJC,gBAAgB,EAChBC,IAAI,QAEC,cAAc;AACrB,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,cAAc,EACdC,SAAS,
|
|
1
|
+
{"version":3,"names":["Image","StyleSheet","Text","TouchableOpacity","View","React","useState","CameraModeEnum","formatUri","throttle","Back","Rotate","PreviewThumbnail","useSafeAreaInsets","Take","require","Footer","cameraMode","photos","backPress","thumbnailPress","takePress","savePress","rotatePress","onChange","_cameraMode$","_photos","isPhotos","length","stateText","setStateText","back","e","mode","setMode","insets","createElement","style","styles","footer","paddingBottom","bottom","Fragment","footerTop","map","item","key","footerTopText","footerTopTextSelected","undefined","onPress","footerTopTextColor","footerBottom","footerHorizontal","uri","path","footerCenter","source","image","save","create","width","height","textAlign","color","absoluteFillObject","top","backgroundColor","paddingTop","display","borderTopLeftRadius","borderTopRightRadius","paddingHorizontal","zIndex","flexDirection","justifyContent","alignItems","flex","paddingVertical","marginHorizontal","borderRadius","fontSize","marginLeft","marginRight"],"sourceRoot":"../../../../src","sources":["camera/footer/Footer.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Image","StyleSheet","View","React","PreviewFooter","Back","Save","formatUri","useSafeAreaInsets","SinglePre","uri","resizeMode","onBack","onSave","inset","
|
|
1
|
+
{"version":3,"names":["Image","StyleSheet","View","React","PreviewFooter","Back","Save","formatUri","useSafeAreaInsets","SinglePre","uri","resizeMode","onBack","onSave","inset","createElement","style","styles","container","source","footer","bottom","actions","key","image","text","onPress","create","flex","position","left","right","width","height"],"sourceRoot":"../../../../src","sources":["camera/preview/SinglePre.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,KAAK,EAAEC,UAAU,EAAEC,IAAI,QAA8B,cAAc;AAC5E,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,SAAS,QAA8B,aAAa;AAC7D,SAASC,iBAAiB,QAAQ,gCAAgC;AAWlE,MAAMC,SAAgC,GAAGA,CAAC;EACxCC,GAAG;EACHC,UAAU;EACVC,MAAM;EACNC;AACF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAGN,iBAAiB,CAAC,CAAC;EACjC,oBACEL,KAAA,CAAAY,aAAA,CAACb,IAAI;IAACc,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5Bf,KAAA,CAAAY,aAAA,CAACf,KAAK;IACJgB,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBP,UAAU,EAAEA,UAAW;IACvBQ,MAAM,EAAE;MAAET,GAAG,EAAEH,SAAS,CAACG,GAAG;IAAE;EAAE,CACjC,CAAC,eACFP,KAAA,CAAAY,aAAA,CAACb,IAAI;IAACc,KAAK,EAAE,CAACC,MAAM,CAACG,MAAM,EAAE;MAAEC,MAAM,EAAEP,KAAK,CAACO,MAAM,GAAG;IAAG,CAAC;EAAE,gBAC1DlB,KAAA,CAAAY,aAAA,CAACX,aAAa;IACZkB,OAAO,EAAE,cACPnB,KAAA,CAAAY,aAAA,CAACV,IAAI;MACHkB,GAAG,EAAC,MAAM;MACVP,KAAK,EAAEC,MAAM,CAACO,KAAM;MACpBC,IAAI,EAAC,cAAI;MACTC,OAAO,EAAEd;IAAO,CACjB,CAAC,eACFT,KAAA,CAAAY,aAAA,CAACT,IAAI;MACHiB,GAAG,EAAC,MAAM;MACVP,KAAK,EAAEC,MAAM,CAACO,KAAM;MACpBC,IAAI,EAAC,cAAI;MACTC,OAAO,EAAEb;IAAO,CACjB,CAAC;EACF,CACH,CACG,CACF,CAAC;AAEX,CAAC;AAED,eAAeJ,SAAS;AAExB,OAAO,MAAMQ,MAAM,GAAGhB,UAAU,CAAC0B,MAAM,CAAC;EACtCT,SAAS,EAAE;IACTU,IAAI,EAAE;EACR,CAAC;EAEDR,MAAM,EAAE;IACNS,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRV,MAAM,EAAE;EACV,CAAC;EACDG,KAAK,EAAE;IAAEQ,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG;AACjC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,11 +6,15 @@
|
|
|
6
6
|
* @Description:
|
|
7
7
|
* @PageName:
|
|
8
8
|
*/
|
|
9
|
-
import { Image, StyleSheet, Text, View } from 'react-native';
|
|
10
|
-
import React, { useRef } from 'react';
|
|
9
|
+
import { Image, StyleSheet, Text, Dimensions, View } from 'react-native';
|
|
10
|
+
import React, { useRef, useState } from 'react';
|
|
11
11
|
import ViewShot from 'react-native-view-shot';
|
|
12
12
|
import WaterMarkRender from './Render';
|
|
13
13
|
import { formatUri, MAX_ZINDEX, pxToDpWidth } from '../../utils';
|
|
14
|
+
const {
|
|
15
|
+
width: screenWidth,
|
|
16
|
+
height: screenHeight
|
|
17
|
+
} = Dimensions.get('window');
|
|
14
18
|
const ViewShotWatermark = ({
|
|
15
19
|
data,
|
|
16
20
|
resizeMode,
|
|
@@ -18,6 +22,10 @@ const ViewShotWatermark = ({
|
|
|
18
22
|
onChange
|
|
19
23
|
}) => {
|
|
20
24
|
const viewShotRef = useRef(null);
|
|
25
|
+
const [imageSize, setImageSize] = useState({
|
|
26
|
+
width: 0,
|
|
27
|
+
height: 0
|
|
28
|
+
});
|
|
21
29
|
if (!data || !watermark) {
|
|
22
30
|
return null;
|
|
23
31
|
}
|
|
@@ -29,15 +37,54 @@ const ViewShotWatermark = ({
|
|
|
29
37
|
path: img || data.path
|
|
30
38
|
});
|
|
31
39
|
};
|
|
32
|
-
|
|
33
|
-
|
|
40
|
+
const handleImageLoad = event => {
|
|
41
|
+
if (resizeMode === 'cover') {
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
const {
|
|
45
|
+
width,
|
|
46
|
+
height
|
|
47
|
+
} = event.nativeEvent.source;
|
|
48
|
+
const aspectRatio = width / height;
|
|
49
|
+
const containerWidth = screenWidth;
|
|
50
|
+
const containerHeight = screenHeight;
|
|
51
|
+
let displayWidth = containerWidth;
|
|
52
|
+
let displayHeight = containerWidth / aspectRatio;
|
|
53
|
+
if (displayHeight > containerHeight) {
|
|
54
|
+
displayHeight = containerHeight;
|
|
55
|
+
displayWidth = containerHeight * aspectRatio;
|
|
56
|
+
}
|
|
57
|
+
setImageSize({
|
|
58
|
+
width: displayWidth,
|
|
59
|
+
height: displayHeight
|
|
60
|
+
});
|
|
61
|
+
};
|
|
62
|
+
const getWidth = () => {
|
|
63
|
+
if (resizeMode === 'contain') {
|
|
64
|
+
return imageSize.width || screenWidth;
|
|
65
|
+
}
|
|
66
|
+
return '100%';
|
|
67
|
+
};
|
|
68
|
+
const getHeight = () => {
|
|
69
|
+
if (resizeMode === 'contain') {
|
|
70
|
+
return imageSize.height || screenHeight;
|
|
71
|
+
}
|
|
72
|
+
return '100%';
|
|
73
|
+
};
|
|
74
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
34
75
|
style: styles.container
|
|
76
|
+
}, /*#__PURE__*/React.createElement(ViewShot, {
|
|
77
|
+
ref: viewShotRef,
|
|
78
|
+
style: {
|
|
79
|
+
width: getWidth(),
|
|
80
|
+
height: getHeight()
|
|
81
|
+
}
|
|
35
82
|
}, /*#__PURE__*/React.createElement(Image, {
|
|
36
83
|
source: {
|
|
37
84
|
uri: formatUri(data.path)
|
|
38
85
|
},
|
|
39
|
-
style: styles.
|
|
40
|
-
|
|
86
|
+
style: styles.image,
|
|
87
|
+
onLoad: handleImageLoad,
|
|
41
88
|
onLoadEnd: () => {
|
|
42
89
|
setTimeout(() => {
|
|
43
90
|
autoSaveWatermark();
|
|
@@ -62,7 +109,13 @@ export const styles = StyleSheet.create({
|
|
|
62
109
|
top: 0,
|
|
63
110
|
bottom: 0,
|
|
64
111
|
backgroundColor: '#000',
|
|
65
|
-
zIndex: MAX_ZINDEX
|
|
112
|
+
zIndex: MAX_ZINDEX,
|
|
113
|
+
alignContent: 'center',
|
|
114
|
+
justifyContent: 'center'
|
|
115
|
+
},
|
|
116
|
+
image: {
|
|
117
|
+
width: '100%',
|
|
118
|
+
height: '100%'
|
|
66
119
|
},
|
|
67
120
|
footer: {
|
|
68
121
|
position: 'absolute',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Image","StyleSheet","Text","View","React","useRef","ViewShot","WaterMarkRender","formatUri","MAX_ZINDEX","pxToDpWidth","ViewShotWatermark","data","resizeMode","watermark","onChange","viewShotRef","autoSaveWatermark","_viewShotRef$current","_viewShotRef$current$","img","current","capture","call","path","
|
|
1
|
+
{"version":3,"names":["Image","StyleSheet","Text","Dimensions","View","React","useRef","useState","ViewShot","WaterMarkRender","formatUri","MAX_ZINDEX","pxToDpWidth","width","screenWidth","height","screenHeight","get","ViewShotWatermark","data","resizeMode","watermark","onChange","viewShotRef","imageSize","setImageSize","autoSaveWatermark","_viewShotRef$current","_viewShotRef$current$","img","current","capture","call","path","handleImageLoad","event","nativeEvent","source","aspectRatio","containerWidth","containerHeight","displayWidth","displayHeight","getWidth","getHeight","createElement","style","styles","container","ref","uri","image","onLoad","onLoadEnd","setTimeout","zIndex","footer","text","create","flex","position","left","right","top","bottom","backgroundColor","alignContent","justifyContent","color","textAlign","fontSize"],"sourceRoot":"../../../../src","sources":["camera/watermark/ViewShotWatermark.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/utils/util.js
CHANGED
|
@@ -13,4 +13,32 @@ export const formatUri = uri => {
|
|
|
13
13
|
}
|
|
14
14
|
return `${startPath}${uri}`;
|
|
15
15
|
};
|
|
16
|
+
export function throttle(fn, limit) {
|
|
17
|
+
let lastCall = 0;
|
|
18
|
+
return (...args) => {
|
|
19
|
+
const now = Date.now();
|
|
20
|
+
if (now - lastCall >= limit) {
|
|
21
|
+
fn(...args);
|
|
22
|
+
lastCall = now;
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/**
|
|
28
|
+
* 防抖函数
|
|
29
|
+
* @param fn 要执行的函数
|
|
30
|
+
* @param delay 延迟时间（毫秒）
|
|
31
|
+
* @returns 防抖后的函数
|
|
32
|
+
*/
|
|
33
|
+
export function debounce(fn, delay) {
|
|
34
|
+
let timer = null;
|
|
35
|
+
return (...args) => {
|
|
36
|
+
if (timer) {
|
|
37
|
+
clearTimeout(timer);
|
|
38
|
+
}
|
|
39
|
+
timer = setTimeout(() => {
|
|
40
|
+
fn(...args);
|
|
41
|
+
}, delay);
|
|
42
|
+
};
|
|
43
|
+
}
|
|
16
44
|
//# sourceMappingURL=util.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["formatUri","uri","startPath","startsWith"],"sourceRoot":"../../../src","sources":["utils/util.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,SAAS,GAAIC,GAAW,IAAK;EACxC,MAAMC,SAAS,GAAG,SAAS;EAC3B,IAAID,GAAG,CAACE,UAAU,CAACD,SAAS,CAAC,EAAE;IAC7B,OAAOD,GAAG;EACZ;EACA,OAAO,GAAGC,SAAS,GAAGD,GAAG,EAAE;AAC7B,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["formatUri","uri","startPath","startsWith","throttle","fn","limit","lastCall","args","now","Date","debounce","delay","timer","clearTimeout","setTimeout"],"sourceRoot":"../../../src","sources":["utils/util.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,SAAS,GAAIC,GAAW,IAAK;EACxC,MAAMC,SAAS,GAAG,SAAS;EAC3B,IAAID,GAAG,CAACE,UAAU,CAACD,SAAS,CAAC,EAAE;IAC7B,OAAOD,GAAG;EACZ;EACA,OAAO,GAAGC,SAAS,GAAGD,GAAG,EAAE;AAC7B,CAAC;AAED,OAAO,SAASG,QAAQA,CAACC,EAAY,EAAEC,KAAa,EAAE;EACpD,IAAIC,QAAQ,GAAG,CAAC;EAEhB,OAAO,CAAC,GAAGC,IAAW,KAAK;IACzB,MAAMC,GAAG,GAAGC,IAAI,CAACD,GAAG,CAAC,CAAC;IACtB,IAAIA,GAAG,GAAGF,QAAQ,IAAID,KAAK,EAAE;MAC3BD,EAAE,CAAC,GAAGG,IAAI,CAAC;MACXD,QAAQ,GAAGE,GAAG;IAChB;EACF,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,QAAQA,CAACN,EAAY,EAAEO,KAAa,EAAE;EACpD,IAAIC,KAA4B,GAAG,IAAI;EAEvC,OAAO,CAAC,GAAGL,IAAW,KAAK;IACzB,IAAIK,KAAK,EAAE;MACTC,YAAY,CAACD,KAAK,CAAC;IACrB;IAEAA,KAAK,GAAGE,UAAU,CAAC,MAAM;MACvBV,EAAE,CAAC,GAAGG,IAAI,CAAC;IACb,CAAC,EAAEI,KAAK,CAAC;EACX,CAAC;AACH","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../../src/camera/footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,qBAAqB,EAC3B,MAAM,cAAc,CAAC;AACtB,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,
|
|
1
|
+
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../../src/camera/footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,qBAAqB,EAC3B,MAAM,cAAc,CAAC;AACtB,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,cAAc,EACpB,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAK5D,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IACrB,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC,CAwGA,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SinglePre.d.ts","sourceRoot":"","sources":["../../../../../src/camera/preview/SinglePre.tsx"],"names":[],"mappings":"AAQA,OAAO,EAA2B,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAa,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9D,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;CAC1C;AACD,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,eAAe,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IAClE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AACD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"SinglePre.d.ts","sourceRoot":"","sources":["../../../../../src/camera/preview/SinglePre.tsx"],"names":[],"mappings":"AAQA,OAAO,EAA2B,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAa,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9D,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;CAC1C;AACD,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,eAAe,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IAClE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AACD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAkCpC,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,eAAO,MAAM,MAAM;;;;;;;;;;;;;;CAYjB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ImageResizeMode } from 'react-native';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { type
|
|
3
|
+
import { type WatermarkType, type CustomPhotoFile } from '../../utils';
|
|
4
4
|
declare const ViewShotWatermark: React.FC<{
|
|
5
5
|
data?: CustomPhotoFile;
|
|
6
6
|
resizeMode?: ImageResizeMode;
|
|
@@ -18,6 +18,12 @@ export declare const styles: {
|
|
|
18
18
|
bottom: number;
|
|
19
19
|
backgroundColor: string;
|
|
20
20
|
zIndex: number;
|
|
21
|
+
alignContent: "center";
|
|
22
|
+
justifyContent: "center";
|
|
23
|
+
};
|
|
24
|
+
image: {
|
|
25
|
+
width: "100%";
|
|
26
|
+
height: "100%";
|
|
21
27
|
};
|
|
22
28
|
footer: {
|
|
23
29
|
position: "absolute";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewShotWatermark.d.ts","sourceRoot":"","sources":["../../../../../src/camera/watermark/ViewShotWatermark.tsx"],"names":[],"mappings":"AAQA,OAAO,
|
|
1
|
+
{"version":3,"file":"ViewShotWatermark.d.ts","sourceRoot":"","sources":["../../../../../src/camera/watermark/ViewShotWatermark.tsx"],"names":[],"mappings":"AAQA,OAAO,EAML,KAAK,eAAe,EACrB,MAAM,cAAc,CAAC;AACtB,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,eAAe,EACrB,MAAM,aAAa,CAAC;AAGrB,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5C,CAmEA,CAAC;AAEF,eAAe,iBAAiB,CAAC;AAEjC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BjB,CAAC"}
|
|
@@ -1,2 +1,10 @@
|
|
|
1
1
|
export declare const formatUri: (uri: string) => string;
|
|
2
|
+
export declare function throttle(fn: Function, limit: number): (...args: any[]) => void;
|
|
3
|
+
/**
|
|
4
|
+
* 防抖函数
|
|
5
|
+
* @param fn 要执行的函数
|
|
6
|
+
* @param delay 延迟时间（毫秒）
|
|
7
|
+
* @returns 防抖后的函数
|
|
8
|
+
*/
|
|
9
|
+
export declare function debounce(fn: Function, delay: number): (...args: any[]) => void;
|
|
2
10
|
//# sourceMappingURL=util.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/utils/util.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS,QAAS,MAAM,WAMpC,CAAC"}
|
|
1
|
+
{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/utils/util.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS,QAAS,MAAM,WAMpC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,aAGjC,GAAG,EAAE,UAOvB;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,aAGjC,GAAG,EAAE,UASvB"}
|
package/package.json
CHANGED
|
@@ -10,6 +10,7 @@ import React, { useState } from 'react';
|
|
|
10
10
|
import {
|
|
11
11
|
CameraModeEnum,
|
|
12
12
|
formatUri,
|
|
13
|
+
throttle,
|
|
13
14
|
type CameraMode,
|
|
14
15
|
type CameraModeType,
|
|
15
16
|
} from '../../utils';
|
|
@@ -104,7 +105,12 @@ const Footer: React.FC<{
|
|
|
104
105
|
返回
|
|
105
106
|
</Text>
|
|
106
107
|
)}
|
|
107
|
-
<TouchableOpacity
|
|
108
|
+
<TouchableOpacity
|
|
109
|
+
onPress={throttle(
|
|
110
|
+
(e: GestureResponderEvent) => takePress?.(e),
|
|
111
|
+
1000
|
|
112
|
+
)}
|
|
113
|
+
>
|
|
108
114
|
<Image source={Take} style={styles.image} />
|
|
109
115
|
</TouchableOpacity>
|
|
110
116
|
{isPhotos() && (
|
|
@@ -10,19 +10,21 @@ import {
|
|
|
10
10
|
Image,
|
|
11
11
|
StyleSheet,
|
|
12
12
|
Text,
|
|
13
|
+
Dimensions,
|
|
13
14
|
View,
|
|
14
15
|
type ImageResizeMode,
|
|
15
16
|
} from 'react-native';
|
|
16
|
-
import React, { useRef } from 'react';
|
|
17
|
+
import React, { useRef, useState } from 'react';
|
|
17
18
|
import ViewShot from 'react-native-view-shot';
|
|
18
19
|
import WaterMarkRender from './Render';
|
|
19
20
|
import {
|
|
20
21
|
formatUri,
|
|
21
22
|
MAX_ZINDEX,
|
|
22
23
|
pxToDpWidth,
|
|
23
|
-
type CustomPhotoFile,
|
|
24
24
|
type WatermarkType,
|
|
25
|
+
type CustomPhotoFile,
|
|
25
26
|
} from '../../utils';
|
|
27
|
+
const { width: screenWidth, height: screenHeight } = Dimensions.get('window');
|
|
26
28
|
|
|
27
29
|
const ViewShotWatermark: React.FC<{
|
|
28
30
|
data?: CustomPhotoFile;
|
|
@@ -31,6 +33,8 @@ const ViewShotWatermark: React.FC<{
|
|
|
31
33
|
onChange: (photo: CustomPhotoFile) => void;
|
|
32
34
|
}> = ({ data, resizeMode, watermark, onChange }) => {
|
|
33
35
|
const viewShotRef = useRef<ViewShot>(null);
|
|
36
|
+
const [imageSize, setImageSize] = useState({ width: 0, height: 0 });
|
|
37
|
+
|
|
34
38
|
if (!data || !watermark) {
|
|
35
39
|
return null;
|
|
36
40
|
}
|
|
@@ -39,13 +43,48 @@ const ViewShotWatermark: React.FC<{
|
|
|
39
43
|
const img = await viewShotRef.current?.capture?.();
|
|
40
44
|
onChange({ ...data, path: img || data.path });
|
|
41
45
|
};
|
|
46
|
+
|
|
47
|
+
const handleImageLoad = (event: {
|
|
48
|
+
nativeEvent: { source: { width: any; height: any } };
|
|
49
|
+
}) => {
|
|
50
|
+
if (resizeMode === 'cover') {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
const { width, height } = event.nativeEvent.source;
|
|
54
|
+
const aspectRatio = width / height;
|
|
55
|
+
const containerWidth = screenWidth;
|
|
56
|
+
const containerHeight = screenHeight;
|
|
57
|
+
let displayWidth = containerWidth;
|
|
58
|
+
let displayHeight = containerWidth / aspectRatio;
|
|
59
|
+
|
|
60
|
+
if (displayHeight > containerHeight) {
|
|
61
|
+
displayHeight = containerHeight;
|
|
62
|
+
displayWidth = containerHeight * aspectRatio;
|
|
63
|
+
}
|
|
64
|
+
setImageSize({ width: displayWidth, height: displayHeight });
|
|
65
|
+
};
|
|
66
|
+
const getWidth = () => {
|
|
67
|
+
if (resizeMode === 'contain') {
|
|
68
|
+
return imageSize.width || screenWidth;
|
|
69
|
+
}
|
|
70
|
+
return '100%';
|
|
71
|
+
};
|
|
72
|
+
const getHeight = () => {
|
|
73
|
+
if (resizeMode === 'contain') {
|
|
74
|
+
return imageSize.height || screenHeight;
|
|
75
|
+
}
|
|
76
|
+
return '100%';
|
|
77
|
+
};
|
|
42
78
|
return (
|
|
43
|
-
|
|
44
|
-
<ViewShot
|
|
79
|
+
<View style={styles.container}>
|
|
80
|
+
<ViewShot
|
|
81
|
+
ref={viewShotRef}
|
|
82
|
+
style={{ width: getWidth(), height: getHeight() }}
|
|
83
|
+
>
|
|
45
84
|
<Image
|
|
46
85
|
source={{ uri: formatUri(data.path) }}
|
|
47
|
-
style={styles.
|
|
48
|
-
|
|
86
|
+
style={styles.image}
|
|
87
|
+
onLoad={handleImageLoad}
|
|
49
88
|
onLoadEnd={() => {
|
|
50
89
|
setTimeout(() => {
|
|
51
90
|
autoSaveWatermark();
|
|
@@ -57,7 +96,7 @@ const ViewShotWatermark: React.FC<{
|
|
|
57
96
|
<View style={styles.footer}>
|
|
58
97
|
<Text style={styles.text}>生成中...</Text>
|
|
59
98
|
</View>
|
|
60
|
-
|
|
99
|
+
</View>
|
|
61
100
|
);
|
|
62
101
|
};
|
|
63
102
|
|
|
@@ -73,6 +112,12 @@ export const styles = StyleSheet.create({
|
|
|
73
112
|
bottom: 0,
|
|
74
113
|
backgroundColor: '#000',
|
|
75
114
|
zIndex: MAX_ZINDEX,
|
|
115
|
+
alignContent: 'center',
|
|
116
|
+
justifyContent: 'center',
|
|
117
|
+
},
|
|
118
|
+
image: {
|
|
119
|
+
width: '100%',
|
|
120
|
+
height: '100%',
|
|
76
121
|
},
|
|
77
122
|
footer: {
|
|
78
123
|
position: 'absolute',
|
package/src/utils/util.ts
CHANGED
|
@@ -13,3 +13,35 @@ export const formatUri = (uri: string) => {
|
|
|
13
13
|
}
|
|
14
14
|
return `${startPath}${uri}`;
|
|
15
15
|
};
|
|
16
|
+
|
|
17
|
+
export function throttle(fn: Function, limit: number) {
|
|
18
|
+
let lastCall = 0;
|
|
19
|
+
|
|
20
|
+
return (...args: any[]) => {
|
|
21
|
+
const now = Date.now();
|
|
22
|
+
if (now - lastCall >= limit) {
|
|
23
|
+
fn(...args);
|
|
24
|
+
lastCall = now;
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* 防抖函数
|
|
31
|
+
* @param fn 要执行的函数
|
|
32
|
+
* @param delay 延迟时间（毫秒）
|
|
33
|
+
* @returns 防抖后的函数
|
|
34
|
+
*/
|
|
35
|
+
export function debounce(fn: Function, delay: number) {
|
|
36
|
+
let timer: NodeJS.Timeout | null = null;
|
|
37
|
+
|
|
38
|
+
return (...args: any[]) => {
|
|
39
|
+
if (timer) {
|
|
40
|
+
clearTimeout(timer);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
timer = setTimeout(() => {
|
|
44
|
+
fn(...args);
|
|
45
|
+
}, delay);
|
|
46
|
+
};
|
|
47
|
+
}
|