@archireport/react-native-svg-draw 2.2.0 → 2.3.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.
- package/lib/commonjs/components/DrawCore/CurrentAnimatedItem.js +284 -29
- package/lib/commonjs/components/DrawCore/CurrentAnimatedItem.js.map +1 -1
- package/lib/commonjs/components/DrawCore/CurrentAnimatedText.js +12 -11
- package/lib/commonjs/components/DrawCore/CurrentAnimatedText.js.map +1 -1
- package/lib/commonjs/components/DrawCore/DrawContext.js.map +1 -1
- package/lib/commonjs/components/DrawCore/DrawPad.js +21 -7
- package/lib/commonjs/components/DrawCore/DrawPad.js.map +1 -1
- package/lib/commonjs/components/DrawCore/DrawProvider.js +6 -2
- package/lib/commonjs/components/DrawCore/DrawProvider.js.map +1 -1
- package/lib/commonjs/components/DrawCore/Item.js +154 -7
- package/lib/commonjs/components/DrawCore/Item.js.map +1 -1
- package/lib/commonjs/components/DrawCore/index.js +175 -83
- package/lib/commonjs/components/DrawCore/index.js.map +1 -1
- package/lib/commonjs/components/DrawCore/useDrawHook.js +4 -2
- package/lib/commonjs/components/DrawCore/useDrawHook.js.map +1 -1
- package/lib/commonjs/components/DrawWithOptions/index.js +14 -0
- package/lib/commonjs/components/DrawWithOptions/index.js.map +1 -1
- package/lib/module/components/DrawCore/CurrentAnimatedItem.js +286 -31
- package/lib/module/components/DrawCore/CurrentAnimatedItem.js.map +1 -1
- package/lib/module/components/DrawCore/CurrentAnimatedText.js +12 -11
- package/lib/module/components/DrawCore/CurrentAnimatedText.js.map +1 -1
- package/lib/module/components/DrawCore/DrawContext.js.map +1 -1
- package/lib/module/components/DrawCore/DrawPad.js +21 -7
- package/lib/module/components/DrawCore/DrawPad.js.map +1 -1
- package/lib/module/components/DrawCore/DrawProvider.js +6 -2
- package/lib/module/components/DrawCore/DrawProvider.js.map +1 -1
- package/lib/module/components/DrawCore/Item.js +150 -9
- package/lib/module/components/DrawCore/Item.js.map +1 -1
- package/lib/module/components/DrawCore/index.js +176 -84
- package/lib/module/components/DrawCore/index.js.map +1 -1
- package/lib/module/components/DrawCore/useDrawHook.js +4 -2
- package/lib/module/components/DrawCore/useDrawHook.js.map +1 -1
- package/lib/module/components/DrawWithOptions/index.js +14 -0
- package/lib/module/components/DrawWithOptions/index.js.map +1 -1
- package/lib/typescript/components/DrawCore/CurrentAnimatedItem.d.ts +3 -5
- package/lib/typescript/components/DrawCore/CurrentAnimatedItem.d.ts.map +1 -1
- package/lib/typescript/components/DrawCore/CurrentAnimatedText.d.ts.map +1 -1
- package/lib/typescript/components/DrawCore/DrawContext.d.ts +2 -0
- package/lib/typescript/components/DrawCore/DrawContext.d.ts.map +1 -1
- package/lib/typescript/components/DrawCore/DrawPad.d.ts +2 -1
- package/lib/typescript/components/DrawCore/DrawPad.d.ts.map +1 -1
- package/lib/typescript/components/DrawCore/DrawProvider.d.ts.map +1 -1
- package/lib/typescript/components/DrawCore/Item.d.ts +27 -0
- package/lib/typescript/components/DrawCore/Item.d.ts.map +1 -1
- package/lib/typescript/components/DrawCore/index.d.ts.map +1 -1
- package/lib/typescript/components/DrawCore/useDrawHook.d.ts +1 -0
- package/lib/typescript/components/DrawCore/useDrawHook.d.ts.map +1 -1
- package/lib/typescript/components/DrawWithOptions/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/DrawCore/CurrentAnimatedItem.tsx +307 -7
- package/src/components/DrawCore/CurrentAnimatedText.tsx +5 -2
- package/src/components/DrawCore/DrawContext.tsx +2 -0
- package/src/components/DrawCore/DrawPad.tsx +20 -4
- package/src/components/DrawCore/DrawProvider.tsx +6 -0
- package/src/components/DrawCore/Item.tsx +188 -7
- package/src/components/DrawCore/index.tsx +243 -120
- package/src/components/DrawCore/useDrawHook.tsx +2 -0
- package/src/components/DrawWithOptions/index.tsx +18 -0
- package/src/types.d.ts +7 -0
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { DrawContext } from './DrawContext';
|
|
2
2
|
import React, { useMemo, useReducer, useRef } from 'react';
|
|
3
3
|
import { useSharedValue } from 'react-native-reanimated';
|
|
4
|
+
import { Keyboard } from 'react-native';
|
|
4
5
|
const initialState = {
|
|
5
6
|
doneItems: [],
|
|
6
7
|
screenStates: [[]],
|
|
@@ -17,6 +18,7 @@ const reducerDrawStates = (drawState, action) => {
|
|
|
17
18
|
cancelEnabled: action.cancelEnabled
|
|
18
19
|
};
|
|
19
20
|
case 'SET_DRAWING_MODE':
|
|
21
|
+
Keyboard.dismiss();
|
|
20
22
|
return {
|
|
21
23
|
...drawState,
|
|
22
24
|
drawingMode: action.drawingMode
|
|
@@ -76,6 +78,7 @@ const DrawProvider = _ref => {
|
|
|
76
78
|
const color = useSharedValue('hsl(0, 100%, 0%)');
|
|
77
79
|
const currentItem = useSharedValue(null);
|
|
78
80
|
const viewShot = useRef(null);
|
|
81
|
+
const doubleArrowTextInput = useRef(null);
|
|
79
82
|
const [drawState, dispatchDrawStates] = useReducer(reducerDrawStates, initialState);
|
|
80
83
|
const contextValue = useMemo(() => ({
|
|
81
84
|
drawState,
|
|
@@ -84,8 +87,9 @@ const DrawProvider = _ref => {
|
|
|
84
87
|
color,
|
|
85
88
|
currentItem,
|
|
86
89
|
itemIsSelected,
|
|
87
|
-
viewShot
|
|
88
|
-
|
|
90
|
+
viewShot,
|
|
91
|
+
doubleArrowTextInput
|
|
92
|
+
}), [drawState, dispatchDrawStates, strokeWidth, color, currentItem, itemIsSelected, viewShot, doubleArrowTextInput]);
|
|
89
93
|
return /*#__PURE__*/React.createElement(DrawContext.Provider, {
|
|
90
94
|
value: contextValue
|
|
91
95
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["DrawContext","React","useMemo","useReducer","useRef","useSharedValue","initialState","doneItems","screenStates","cancelEnabled","drawingMode","reducerDrawStates","drawState","action","type","concat","item","newDoneItems","splice","indice","currentItem","data","width","height","len","length","newScreenStates","pop","DrawProvider","children","itemIsSelected","strokeWidth","color","viewShot","dispatchDrawStates","contextValue"],"sourceRoot":"../../../../src","sources":["components/DrawCore/DrawProvider.tsx"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe;AAC3C,OAAOC,KAAK,IAAkBC,OAAO,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAExE,SAASC,cAAc,QAAQ,yBAAyB;
|
|
1
|
+
{"version":3,"names":["DrawContext","React","useMemo","useReducer","useRef","useSharedValue","Keyboard","initialState","doneItems","screenStates","cancelEnabled","drawingMode","reducerDrawStates","drawState","action","type","dismiss","concat","item","newDoneItems","splice","indice","currentItem","data","width","height","len","length","newScreenStates","pop","DrawProvider","children","itemIsSelected","strokeWidth","color","viewShot","doubleArrowTextInput","dispatchDrawStates","contextValue"],"sourceRoot":"../../../../src","sources":["components/DrawCore/DrawProvider.tsx"],"mappings":"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"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { View, Text, StyleSheet } from 'react-native';
|
|
4
|
-
import { G, Line, Ellipse, Rect, Path, ForeignObject } from 'react-native-svg';
|
|
5
|
-
import { pointsToPath } from './CurrentAnimatedItem';
|
|
4
|
+
import { G, Line, Ellipse, Rect, Path, ForeignObject, Text as SvgText } from 'react-native-svg';
|
|
5
|
+
import { hslToRgb, pointsToPath } from './CurrentAnimatedItem';
|
|
6
6
|
const styles = StyleSheet.create({
|
|
7
7
|
textZone: {
|
|
8
8
|
paddingHorizontal: 10
|
|
9
9
|
},
|
|
10
10
|
textContainer: {
|
|
11
|
-
backgroundColor: 'rgba(0, 0, 0, 0.6)',
|
|
12
|
-
borderRadius: 10,
|
|
11
|
+
//backgroundColor: 'rgba(0, 0, 0, 0.6)',
|
|
12
|
+
//borderRadius: 10,
|
|
13
13
|
paddingVertical: 13,
|
|
14
14
|
paddingHorizontal: 18
|
|
15
15
|
},
|
|
@@ -17,15 +17,125 @@ const styles = StyleSheet.create({
|
|
|
17
17
|
color: 'white'
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
|
-
export
|
|
20
|
+
export const distance = (x1, y1, x2, y2) => {
|
|
21
|
+
return Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));
|
|
22
|
+
};
|
|
23
|
+
export const getGetcoordinateValue = _ref => {
|
|
24
|
+
let {
|
|
25
|
+
x1,
|
|
26
|
+
y1,
|
|
27
|
+
x2,
|
|
28
|
+
y2,
|
|
29
|
+
first = true,
|
|
30
|
+
text = ''
|
|
31
|
+
} = _ref;
|
|
32
|
+
const dist = distance(x1, y1, x2, y2);
|
|
33
|
+
const textLength = text && text.length > 5 ? text.length * 10 : 50;
|
|
34
|
+
//const isShortArrow = textLength > dist;
|
|
35
|
+
const newDist = (!textLength ? dist : dist - textLength) / 2;
|
|
36
|
+
const ratio = newDist / dist;
|
|
37
|
+
let newX1 = x1;
|
|
38
|
+
let newY1 = y1;
|
|
39
|
+
let newX2 = x2;
|
|
40
|
+
let newY2 = y2;
|
|
41
|
+
if (newDist > 10) {
|
|
42
|
+
[newX1, newX2] = getCoordinatesWithRatio({
|
|
43
|
+
c1: x1,
|
|
44
|
+
c2: x2,
|
|
45
|
+
ratio,
|
|
46
|
+
first
|
|
47
|
+
});
|
|
48
|
+
[newY1, newY2] = getCoordinatesWithRatio({
|
|
49
|
+
c1: y1,
|
|
50
|
+
c2: y2,
|
|
51
|
+
ratio,
|
|
52
|
+
first
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
return [newX1, newY1, newX2, newY2];
|
|
56
|
+
};
|
|
57
|
+
export const getCoordinatesWithRatio = _ref2 => {
|
|
58
|
+
let {
|
|
59
|
+
c1,
|
|
60
|
+
c2,
|
|
61
|
+
ratio,
|
|
62
|
+
first = true
|
|
63
|
+
} = _ref2;
|
|
64
|
+
let newC1 = c1;
|
|
65
|
+
let newC2 = c2;
|
|
66
|
+
if (c1 > c2) {
|
|
67
|
+
if (first) {
|
|
68
|
+
newC2 = c1 - (c1 - c2) * ratio;
|
|
69
|
+
} else {
|
|
70
|
+
newC1 = c2 + (c1 - c2) * ratio;
|
|
71
|
+
}
|
|
72
|
+
} else {
|
|
73
|
+
if (first) {
|
|
74
|
+
newC2 = c1 + (c2 - c1) * ratio;
|
|
75
|
+
} else {
|
|
76
|
+
newC1 = c2 - (c2 - c1) * ratio;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
return [newC1, newC2];
|
|
80
|
+
};
|
|
81
|
+
export const doubleArrowsProps = (item, first) => {
|
|
82
|
+
const coordinates = item.type === 'doubleArrows' ? item.data : {
|
|
83
|
+
x1: -10,
|
|
84
|
+
y1: -10,
|
|
85
|
+
x2: -10,
|
|
86
|
+
y2: -10
|
|
87
|
+
};
|
|
88
|
+
const [x1, y1, x2, y2] = getGetcoordinateValue({
|
|
89
|
+
x1: Number(coordinates.x1),
|
|
90
|
+
y1: Number(coordinates.y1),
|
|
91
|
+
x2: Number(coordinates.x2),
|
|
92
|
+
y2: Number(coordinates.y2),
|
|
93
|
+
first: first,
|
|
94
|
+
text: item.type === 'doubleArrows' && item.text ? item.text : ''
|
|
95
|
+
});
|
|
96
|
+
return {
|
|
97
|
+
x1: String(x1),
|
|
98
|
+
y1: String(y1),
|
|
99
|
+
x2: String(x2),
|
|
100
|
+
y2: String(y2)
|
|
101
|
+
};
|
|
102
|
+
};
|
|
103
|
+
export const getTextValues = _ref3 => {
|
|
104
|
+
let {
|
|
105
|
+
x1,
|
|
106
|
+
y1,
|
|
107
|
+
x2,
|
|
108
|
+
y2
|
|
109
|
+
} = _ref3;
|
|
110
|
+
const dist = distance(x1, y1, x2, y2);
|
|
111
|
+
const ratio = 0.5;
|
|
112
|
+
const newX = (x1 + x2) * ratio;
|
|
113
|
+
const newY = (y1 + y2) * ratio;
|
|
114
|
+
let angle = 0;
|
|
115
|
+
if (x1 > x2) {
|
|
116
|
+
if (y1 > y2) {
|
|
117
|
+
angle = Math.acos((x1 - x2) / dist) * (180 / Math.PI);
|
|
118
|
+
} else {
|
|
119
|
+
angle = 180 - Math.acos((x1 - x2) / dist) * (180 / Math.PI) + 180;
|
|
120
|
+
}
|
|
121
|
+
} else {
|
|
122
|
+
if (y1 > y2) {
|
|
123
|
+
angle = 180 - Math.acos((x2 - x1) / dist) * (180 / Math.PI) + 180;
|
|
124
|
+
} else {
|
|
125
|
+
angle = Math.acos((x2 - x1) / dist) * (180 / Math.PI);
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
return [newX, newY, angle];
|
|
129
|
+
};
|
|
130
|
+
export default function Item(_ref4) {
|
|
21
131
|
let {
|
|
22
132
|
item,
|
|
23
133
|
onPress
|
|
24
|
-
} =
|
|
134
|
+
} = _ref4;
|
|
25
135
|
switch (item.type) {
|
|
26
136
|
case 'singleHead':
|
|
27
137
|
return /*#__PURE__*/React.createElement(G, {
|
|
28
|
-
|
|
138
|
+
onPress: onPress
|
|
29
139
|
}, /*#__PURE__*/React.createElement(Line, _extends({}, item.data, {
|
|
30
140
|
fill: "none",
|
|
31
141
|
stroke: item.color,
|
|
@@ -34,7 +144,7 @@ export default function Item(_ref) {
|
|
|
34
144
|
})));
|
|
35
145
|
case 'doubleHead':
|
|
36
146
|
return /*#__PURE__*/React.createElement(G, {
|
|
37
|
-
|
|
147
|
+
onPress: onPress
|
|
38
148
|
}, /*#__PURE__*/React.createElement(Line, _extends({}, item.data, {
|
|
39
149
|
fill: "none",
|
|
40
150
|
stroke: item.color,
|
|
@@ -42,6 +152,36 @@ export default function Item(_ref) {
|
|
|
42
152
|
markerStart: "url(#side)",
|
|
43
153
|
markerEnd: "url(#side)"
|
|
44
154
|
})));
|
|
155
|
+
case 'doubleArrows':
|
|
156
|
+
const [textX, textY, angle] = getTextValues({
|
|
157
|
+
x1: Number(item.data.x1),
|
|
158
|
+
y1: Number(item.data.y1),
|
|
159
|
+
x2: Number(item.data.x2),
|
|
160
|
+
y2: Number(item.data.y2)
|
|
161
|
+
});
|
|
162
|
+
return /*#__PURE__*/React.createElement(G, null, /*#__PURE__*/React.createElement(Line, _extends({}, doubleArrowsProps(item, true), {
|
|
163
|
+
fill: "none",
|
|
164
|
+
stroke: item.color,
|
|
165
|
+
strokeWidth: item.strokeWidth,
|
|
166
|
+
markerStart: "url(#arrowheadStart)",
|
|
167
|
+
onPress: onPress
|
|
168
|
+
})), /*#__PURE__*/React.createElement(G, {
|
|
169
|
+
x: String(textX),
|
|
170
|
+
y: String(textY),
|
|
171
|
+
rotation: String(angle)
|
|
172
|
+
}, /*#__PURE__*/React.createElement(SvgText, {
|
|
173
|
+
stroke: item.color,
|
|
174
|
+
fill: item.color,
|
|
175
|
+
textAnchor: "middle",
|
|
176
|
+
fontSize: item.strokeWidth + 10,
|
|
177
|
+
onPress: onPress
|
|
178
|
+
}, item.text)), /*#__PURE__*/React.createElement(Line, _extends({}, doubleArrowsProps(item, false), {
|
|
179
|
+
fill: "none",
|
|
180
|
+
stroke: item.color,
|
|
181
|
+
strokeWidth: item.strokeWidth,
|
|
182
|
+
markerEnd: "url(#arrowhead)",
|
|
183
|
+
onPress: onPress
|
|
184
|
+
})));
|
|
45
185
|
case 'ellipse':
|
|
46
186
|
return /*#__PURE__*/React.createElement(Ellipse, _extends({}, item.data, {
|
|
47
187
|
fill: "none",
|
|
@@ -82,7 +222,8 @@ export default function Item(_ref) {
|
|
|
82
222
|
style: styles.textContainer
|
|
83
223
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
84
224
|
style: [styles.text, {
|
|
85
|
-
fontSize:
|
|
225
|
+
fontSize: 10 + item.strokeWidth * 2,
|
|
226
|
+
color: item.color ? hslToRgb(item.color) : 'white'
|
|
86
227
|
}]
|
|
87
228
|
}, item.text)))));
|
|
88
229
|
default:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","StyleSheet","G","Line","Ellipse","Rect","Path","ForeignObject","pointsToPath","styles","create","textZone","paddingHorizontal","textContainer","
|
|
1
|
+
{"version":3,"names":["React","View","Text","StyleSheet","G","Line","Ellipse","Rect","Path","ForeignObject","SvgText","hslToRgb","pointsToPath","styles","create","textZone","paddingHorizontal","textContainer","paddingVertical","text","color","distance","x1","y1","x2","y2","Math","sqrt","getGetcoordinateValue","first","dist","textLength","length","newDist","ratio","newX1","newY1","newX2","newY2","getCoordinatesWithRatio","c1","c2","newC1","newC2","doubleArrowsProps","item","coordinates","type","data","Number","String","getTextValues","newX","newY","angle","acos","PI","Item","onPress","strokeWidth","textX","textY","x","y","width","fontSize"],"sourceRoot":"../../../../src","sources":["components/DrawCore/Item.tsx"],"mappings":"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"}
|