draw-studio 0.0.12 → 0.0.14
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/README.md +983 -7
- package/dist/draw-studio.cjs +1 -1
- package/dist/draw-studio.css +1 -1
- package/dist/draw-studio.js +239 -227
- package/dist/draw-studio.umd.cjs +1 -1
- package/dist/index.d.ts +4 -4
- package/package.json +68 -68
package/dist/draw-studio.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { openBlock as
|
|
2
|
-
const
|
|
3
|
-
const { name:
|
|
4
|
-
o.component(
|
|
5
|
-
}, t),
|
|
1
|
+
import { openBlock as z, createElementBlock as _, createStaticVNode as I, createElementVNode as M, defineComponent as L, computed as R, normalizeStyle as T, normalizeClass as w, unref as m, createBlock as t1, resolveDynamicComponent as y1, useTemplateRef as e1, ref as D, onMounted as n1, onUnmounted as o1, renderSlot as q, createCommentVNode as j, withCtx as J, createVNode as x, Fragment as a1, renderList as b1, toDisplayString as x1, mergeProps as k1, reactive as K, watch as Q } from "vue";
|
|
2
|
+
const C1 = (t) => (t.install = (o) => {
|
|
3
|
+
const { name: n } = t;
|
|
4
|
+
o.component(n, t);
|
|
5
|
+
}, t), $1 = "db", D1 = "is-", b = (t, o, n, l, i) => {
|
|
6
6
|
let c = `${t}-${o}`;
|
|
7
|
-
return
|
|
8
|
-
},
|
|
9
|
-
const o =
|
|
7
|
+
return n && (c += `-${n}`), l && (c += `__${l}`), i && (c += `--${i}`), c;
|
|
8
|
+
}, S = (t) => {
|
|
9
|
+
const o = $1;
|
|
10
10
|
return {
|
|
11
11
|
namespace: o,
|
|
12
12
|
b: (s = "") => b(o, t, s, "", ""),
|
|
13
13
|
e: (s) => s ? b(o, t, "", s, "") : "",
|
|
14
14
|
m: (s) => s ? b(o, t, "", "", s) : "",
|
|
15
|
-
be: (s,
|
|
16
|
-
bm: (s,
|
|
17
|
-
em: (s,
|
|
18
|
-
bem: (s,
|
|
19
|
-
is: (s,
|
|
15
|
+
be: (s, h) => s && h ? b(o, t, s, h, "") : "",
|
|
16
|
+
bm: (s, h) => s && h ? b(o, t, s, "", h) : "",
|
|
17
|
+
em: (s, h) => s && h ? b(o, t, "", s, h) : "",
|
|
18
|
+
bem: (s, h, g) => s && h && g ? b(o, t, s, h, g) : "",
|
|
19
|
+
is: (s, h = !0) => h ? `${D1}${s}` : ""
|
|
20
20
|
};
|
|
21
|
-
},
|
|
22
|
-
const { width: o, height:
|
|
21
|
+
}, P1 = (t) => {
|
|
22
|
+
const { width: o, height: n, top: l, right: i, bottom: c, left: p, x: a, y: r } = t.getBoundingClientRect();
|
|
23
23
|
return {
|
|
24
24
|
width: o,
|
|
25
|
-
height:
|
|
25
|
+
height: n,
|
|
26
26
|
top: l,
|
|
27
27
|
right: i,
|
|
28
28
|
bottom: c,
|
|
@@ -30,47 +30,47 @@ const x1 = (t) => (t.install = (o) => {
|
|
|
30
30
|
x: a,
|
|
31
31
|
y: r,
|
|
32
32
|
scaleX: t.width / o,
|
|
33
|
-
scaleY: t.height /
|
|
33
|
+
scaleY: t.height / n
|
|
34
34
|
};
|
|
35
|
-
},
|
|
36
|
-
const { clientX:
|
|
35
|
+
}, V = (t, o) => {
|
|
36
|
+
const { clientX: n, clientY: l } = "touches" in o ? o.touches[0] : o, { left: i, top: c, scaleX: p, scaleY: a } = P1(t);
|
|
37
37
|
return {
|
|
38
|
-
x: (
|
|
38
|
+
x: (n - i) * p,
|
|
39
39
|
y: (l - c) * a
|
|
40
40
|
};
|
|
41
|
-
}, Y = (t, o,
|
|
42
|
-
const { x: l, y: i } = o, { x: c, y: p } =
|
|
41
|
+
}, Y = (t, o, n) => {
|
|
42
|
+
const { x: l, y: i } = o, { x: c, y: p } = n, a = c - l, r = p - i;
|
|
43
43
|
if (a === 0 && r === 0)
|
|
44
44
|
return { x: l, y: i };
|
|
45
|
-
let
|
|
45
|
+
let v = 1 / 0;
|
|
46
46
|
if (c < 0 && a !== 0) {
|
|
47
47
|
const s = -l / a;
|
|
48
|
-
s > 0 && s <
|
|
48
|
+
s > 0 && s < v && (v = s);
|
|
49
49
|
}
|
|
50
50
|
if (c > t.width && a !== 0) {
|
|
51
51
|
const s = (t.width - l) / a;
|
|
52
|
-
s > 0 && s <
|
|
52
|
+
s > 0 && s < v && (v = s);
|
|
53
53
|
}
|
|
54
54
|
if (p < 0 && r !== 0) {
|
|
55
55
|
const s = -i / r;
|
|
56
|
-
s > 0 && s <
|
|
56
|
+
s > 0 && s < v && (v = s);
|
|
57
57
|
}
|
|
58
58
|
if (p > t.height && r !== 0) {
|
|
59
59
|
const s = (t.height - i) / r;
|
|
60
|
-
s > 0 && s <
|
|
60
|
+
s > 0 && s < v && (v = s);
|
|
61
61
|
}
|
|
62
|
-
return
|
|
63
|
-
x: l + a *
|
|
64
|
-
y: i + r *
|
|
62
|
+
return v === 1 / 0 ? { x: l, y: i } : {
|
|
63
|
+
x: l + a * v,
|
|
64
|
+
y: i + r * v
|
|
65
65
|
};
|
|
66
|
-
},
|
|
67
|
-
const { clientX:
|
|
68
|
-
return
|
|
69
|
-
},
|
|
66
|
+
}, Z = (t, o) => {
|
|
67
|
+
const { clientX: n, clientY: l } = "touches" in o ? o.touches[0] : o, { top: i, bottom: c, left: p, right: a } = t.getBoundingClientRect();
|
|
68
|
+
return n >= p && n <= a && l >= i && l <= c;
|
|
69
|
+
}, R1 = (t, o, n, l) => {
|
|
70
70
|
t.beginPath(), o.forEach(({ x: i, y: c }, p) => {
|
|
71
71
|
p === 0 ? t.moveTo(i, c) : t.lineTo(i, c);
|
|
72
|
-
}), t.lineWidth =
|
|
73
|
-
},
|
|
72
|
+
}), t.lineWidth = n, t.strokeStyle = l, t.lineCap = "round", t.lineJoin = "round", t.stroke();
|
|
73
|
+
}, I1 = ["top", "right", "bottom", "left"], L1 = {
|
|
74
74
|
width: {
|
|
75
75
|
type: Number,
|
|
76
76
|
default: () => 500
|
|
@@ -97,7 +97,7 @@ const x1 = (t) => (t.install = (o) => {
|
|
|
97
97
|
},
|
|
98
98
|
toolbarPosition: {
|
|
99
99
|
type: String,
|
|
100
|
-
default: () =>
|
|
100
|
+
default: () => I1[0]
|
|
101
101
|
},
|
|
102
102
|
useHistory: {
|
|
103
103
|
type: Boolean,
|
|
@@ -107,22 +107,22 @@ const x1 = (t) => (t.install = (o) => {
|
|
|
107
107
|
type: Number,
|
|
108
108
|
default: () => 20
|
|
109
109
|
}
|
|
110
|
-
},
|
|
110
|
+
}, S1 = {
|
|
111
111
|
xmlns: "http://www.w3.org/2000/svg",
|
|
112
112
|
width: "24",
|
|
113
113
|
height: "24",
|
|
114
114
|
viewBox: "0 0 1024 1024",
|
|
115
115
|
preserveAspectRatio: "xMidYMid meet"
|
|
116
|
-
},
|
|
116
|
+
}, B1 = /* @__PURE__ */ Object.assign({
|
|
117
117
|
name: "Pencil"
|
|
118
118
|
}, {
|
|
119
119
|
__name: "pencil",
|
|
120
120
|
setup(t) {
|
|
121
|
-
return (o,
|
|
122
|
-
|
|
121
|
+
return (o, n) => (z(), _("svg", S1, [...n[0] || (n[0] = [
|
|
122
|
+
I('<g transform="translate(-290, 1380) scale(0.21,-0.21)" stroke="none"><path d="M4520 6124 c-215 -36 -215 -36 -720 -564 -134 -140 -442 -455 -684 -700 -1263 -1273 -1211 -1220 -1228 -1280 -13 -45 -18 -167 -27 -690 -12 -658 -10 -710 27 -774 10 -17 33 -39 52 -51 33 -19 57 -20 525 -27 934 -12 860 -13 886 6 22 15 2029 2016 2303 2296 110 112 139 149 169 210 56 115 71 253 42 379 -30 127 -57 162 -390 506 -607 627 -628 645 -745 673 -54 13 -175 22 -210 16z m202 -159 c29 -14 73 -45 96 -68 42 -40 109 -127 98 -127 -3 0 -29 18 -58 40 -87 65 -186 111 -256 117 -49 5 -62 3 -62 -8 0 -8 9 -20 20 -27 12 -7 18 -17 15 -22 -3 -6 0 -10 8 -10 8 0 22 -9 32 -20 17 -19 17 -19 -39 0 -31 11 -84 23 -117 27 l-60 6 45 46 c25 26 46 52 46 58 0 19 22 23 102 19 57 -3 89 -11 130 -31z m-551 -352 c56 -47 493 -448 609 -559 47 -45 177 -167 290 -272 360 -334 365 -337 451 -245 68 71 146 225 179 353 l17 65 13 -45 c7 -25 13 -74 13 -110 0 -105 -42 -179 -182 -322 -99 -103 -119 -109 -192 -56 -49 35 -308 269 -469 423 -58 56 -208 197 -335 315 -383 356 -465 438 -465 465 0 34 18 31 71 -12z m-218 -521 l109 -105 -789 -789 c-581 -581 -794 -788 -811 -788 -68 0 -422 145 -422 173 0 28 139 172 884 916 l805 805 58 -54 c32 -30 107 -101 166 -158z m452 -462 c143 -143 261 -266 263 -274 2 -8 -10 -24 -25 -36 -15 -12 -364 -357 -775 -766 -654 -652 -750 -744 -777 -744 -38 0 -291 57 -335 75 -38 16 -65 50 -88 110 -23 58 -98 309 -98 325 0 16 1549 1570 1565 1570 6 0 128 -117 270 -260z m519 -541 c80 -83 146 -154 146 -158 0 -6 -1251 -1256 -1553 -1551 -102 -100 -129 -122 -137 -110 -18 29 -150 439 -150 466 0 31 -56 -27 914 932 495 489 601 590 616 582 9 -5 83 -77 164 -161z m316 71 c-47 -44 -90 -79 -97 -80 -13 0 -133 99 -133 111 0 6 86 -17 134 -37 17 -7 18 -4 13 24 -6 31 -5 32 26 33 17 0 48 6 67 13 79 30 77 17 -10 -64z m-3161 -846 c13 -29 6 -48 -23 -68 -18 -11 -26 -12 -35 -3 -15 15 -14 94 2 100 22 7 44 -4 56 -29z m989 -743 c5 -29 -6 -71 -17 -71 -11 0 -31 54 -31 82 0 30 44 20 48 -11z m63 2 c16 -44 7 -54 -24 -27 -17 15 -27 31 -23 39 9 24 36 17 47 -12z m-1097 -110 c54 -72 81 -91 90 -66 4 9 9 13 13 10 3 -4 19 14 35 39 16 26 31 44 34 41 3 -3 6 -35 6 -71 0 -70 3 -76 23 -49 11 14 15 10 31 -33 29 -75 87 -127 165 -147 35 -9 80 -19 99 -21 19 -2 -90 -3 -242 -2 -252 1 -279 3 -295 19 -16 15 -18 41 -21 190 -2 104 0 168 6 162 5 -5 30 -38 56 -72z"></path><path d="M2383 3811 c-120 -115 -193 -199 -193 -223 0 -12 64 -38 94 -38 30 0 120 47 183 95 l48 36 -79 -7 c-66 -6 -78 -5 -71 7 5 8 25 39 45 69 56 84 113 181 109 185 -2 1 -63 -54 -136 -124z"></path><path d="M4794 3975 c-16 -24 -16 -27 2 -46 34 -38 83 -8 70 44 -9 36 -49 37 -72 2z"></path><path d="M3815 2800 c-52 -41 -255 -150 -279 -150 -8 0 -19 20 -26 48 l-12 47 -23 -68 c-12 -37 -25 -70 -28 -73 -7 -8 -26 59 -34 120 -5 44 -7 47 -15 25 -22 -58 -29 -130 -18 -191 13 -77 29 -118 44 -117 18 0 355 290 404 347 24 28 43 52 41 52 -2 0 -26 -18 -54 -40z"></path></g>', 1)
|
|
123
123
|
])]));
|
|
124
124
|
}
|
|
125
|
-
}),
|
|
125
|
+
}), E1 = {
|
|
126
126
|
xmlns: "http://www.w3.org/2000/svg",
|
|
127
127
|
width: "24",
|
|
128
128
|
height: "24",
|
|
@@ -133,83 +133,83 @@ const x1 = (t) => (t.install = (o) => {
|
|
|
133
133
|
}, {
|
|
134
134
|
__name: "line",
|
|
135
135
|
setup(t) {
|
|
136
|
-
return (o,
|
|
137
|
-
|
|
136
|
+
return (o, n) => (z(), _("svg", E1, [...n[0] || (n[0] = [
|
|
137
|
+
I('<g transform="translate(30,1000) scale(0.12,-0.12)"><path d="M5820 7729 c-104 -30 -181 -90 -355 -274 -77 -81 -403 -409 -725 -728 -1316 -1305 -2028 -2024 -2775 -2802 -382 -398 -626 -647 -890 -910 -210 -208 -246 -249 -273 -305 -29 -60 -58 -163 -111 -400 -12 -52 -29 -124 -37 -160 -45 -191 -85 -405 -91 -482 l-6 -87 31 -30 c46 -46 43 -47 622 69 486 97 520 107 692 201 180 99 277 189 983 914 215 220 583 596 820 835 519 526 968 982 1285 1305 535 546 1290 1301 1504 1503 126 120 246 241 267 270 54 77 73 138 67 228 -9 143 -66 214 -423 539 -241 219 -292 260 -362 292 -63 29 -165 39 -223 22z m195 -148 c57 -33 179 -139 438 -379 230 -214 265 -263 254 -367 -4 -38 -15 -68 -36 -99 -32 -46 -394 -400 -435 -425 -22 -13 -27 -12 -62 16 -22 17 -79 73 -129 125 -49 51 -219 224 -377 384 -228 230 -288 296 -288 316 0 42 273 337 378 410 54 37 82 46 152 47 44 1 65 -5 105 -28z m-921 -798 c206 -193 555 -544 710 -716 l89 -98 -209 -212 c-195 -198 -396 -402 -1244 -1262 -617 -625 -1523 -1548 -1715 -1745 -104 -107 -286 -293 -405 -414 l-217 -218 -29 15 c-35 18 -243 229 -567 575 -249 266 -255 275 -224 328 7 12 154 167 328 345 173 178 515 531 759 784 527 546 1003 1028 1570 1590 228 227 566 563 750 747 184 184 337 335 339 336 2 1 32 -24 65 -55z m-4032 -4250 c281 -287 602 -638 606 -662 4 -25 -4 -27 -588 -146 -201 -41 -371 -75 -379 -75 -15 0 -14 13 15 175 36 198 192 845 204 845 4 0 68 -62 142 -137z"></path><path d="M5673 7405 c-145 -112 -196 -176 -185 -232 6 -31 18 -29 36 6 9 16 38 43 66 60 27 17 59 42 71 55 30 34 112 68 145 60 23 -6 25 -4 19 15 -4 12 -2 21 4 21 6 0 0 23 -14 50 -14 28 -27 50 -29 50 -3 0 -53 -38 -113 -85z"></path><path d="M6475 6983 c11 -27 18 -119 11 -148 -8 -31 -32 -33 -41 -4 -10 29 -25 6 -25 -38 0 -35 -13 -43 -28 -17 -7 13 -11 10 -16 -17 -7 -39 -41 -99 -56 -99 -5 0 -17 17 -26 38 l-16 37 -12 -40 c-14 -44 -43 -96 -95 -168 -34 -48 -34 -49 -14 -68 10 -11 35 -22 54 -25 30 -5 41 0 90 43 31 26 84 68 119 93 72 52 153 137 182 194 25 49 27 113 3 154 -10 17 -40 42 -66 56 -55 31 -74 33 -64 9z"></path><path d="M4898 6553 c-119 -95 -216 -214 -245 -299 -19 -56 -12 -65 18 -22 13 18 60 76 104 130 141 169 165 200 165 209 0 14 -6 11 -42 -18z"></path><path d="M5587 6007 c-38 -63 -117 -148 -181 -192 -59 -40 -63 -55 -15 -55 16 0 29 -3 29 -7 0 -13 -30 -54 -135 -182 -55 -68 -111 -137 -125 -155 l-25 -31 35 29 c92 75 479 459 494 490 20 42 22 146 3 146 -7 0 -19 -6 -25 -12 -10 -10 -14 -10 -21 0 -6 10 -16 1 -34 -31z"></path><path d="M1968 3571 c-68 -55 -172 -145 -233 -202 -60 -56 -146 -131 -190 -166 -44 -36 -91 -78 -104 -95 -32 -40 -40 -111 -16 -138 10 -11 21 -20 25 -20 4 0 22 22 41 50 42 61 56 68 64 29 8 -37 19 -30 49 30 14 27 56 76 101 116 73 68 75 70 49 75 l-27 5 64 80 c35 44 120 137 188 207 68 70 121 128 117 128 -3 0 -61 -45 -128 -99z"></path><path d="M2851 3095 c-101 -102 -185 -185 -186 -185 -2 0 10 32 27 71 16 38 28 75 26 80 -5 14 -194 -157 -258 -235 -30 -36 -59 -66 -64 -66 -5 0 -6 14 -2 30 3 17 2 30 -3 30 -31 0 -274 -303 -333 -417 -36 -69 -35 -80 15 -116 l26 -20 38 31 c57 44 444 441 548 561 50 57 116 133 148 170 162 186 215 251 204 251 -2 0 -86 -83 -186 -185z"></path><path d="M933 2526 c-23 -24 -30 -82 -17 -133 8 -29 24 -30 24 -2 0 12 11 32 25 45 25 23 30 49 19 92 -8 28 -23 28 -51 -2z"></path><path d="M1356 1993 c-3 -4 8 -21 25 -39 19 -20 27 -34 20 -38 -6 -4 -11 -16 -11 -26 0 -26 -32 -41 -69 -34 -19 4 -37 2 -46 -6 -13 -11 -19 -9 -36 9 l-21 22 -15 -20 c-8 -12 -22 -21 -32 -21 -29 0 -147 -44 -129 -48 21 -4 301 42 378 63 86 23 102 61 49 114 -23 24 -39 31 -68 31 -21 0 -41 -3 -45 -7z"></path><path d="M5320 2315 c-452 -44 -849 -155 -1360 -382 -258 -114 -299 -133 -454 -207 -87 -42 -160 -76 -161 -76 -2 0 -122 -58 -266 -129 -860 -420 -1135 -540 -1330 -578 -131 -25 -477 -25 -634 0 -301 49 -535 107 -750 186 -117 43 -168 50 -200 25 -15 -11 -17 -18 -9 -32 21 -33 208 -170 489 -360 249 -167 545 -295 795 -344 148 -29 415 -35 577 -14 274 36 621 147 1068 341 766 332 1167 452 1786 536 224 31 645 33 819 5 328 -52 535 -135 924 -370 313 -189 403 -224 596 -233 192 -8 328 34 426 132 92 92 138 213 136 360 -3 349 -249 651 -722 886 -231 114 -554 209 -840 245 -177 22 -699 27 -890 9z m180 -154 c19 -4 33 -11 31 -16 -3 -6 -41 -32 -85 -58 l-81 -48 50 6 c120 14 235 18 235 7 0 -26 -16 -45 -81 -92 -37 -28 -77 -66 -89 -84 -25 -41 -27 -108 -4 -131 20 -20 13 -27 -49 -50 -26 -10 -43 -21 -37 -25 6 -4 48 -5 93 -3 101 5 87 -9 -33 -31 -87 -17 -459 -109 -499 -124 -13 -4 116 -8 296 -8 336 1 450 -9 642 -55 295 -71 527 -177 808 -368 142 -96 138 -95 222 -95 42 0 93 6 114 13 32 11 37 16 32 34 -4 12 -15 34 -26 50 l-20 27 48 0 c72 1 93 22 100 98 l6 62 38 -6 c23 -4 44 -2 52 5 18 14 27 4 27 -28 0 -14 7 -50 14 -78 8 -29 10 -55 5 -58 -11 -8 -66 21 -72 37 -10 28 -21 -7 -23 -69 -1 -69 -10 -83 -51 -83 -27 0 -29 -12 -7 -31 14 -12 14 -14 -3 -20 -27 -11 -128 -10 -242 1 -100 11 -103 12 -214 77 -305 180 -470 261 -647 317 -621 197 -1567 102 -2470 -247 -91 -35 -302 -122 -470 -192 -743 -312 -975 -377 -1340 -378 -333 -1 -617 87 -968 298 -62 37 -114 71 -117 75 -3 4 34 -1 83 -11 284 -63 567 -94 757 -86 296 14 441 59 925 285 36 16 99 46 140 65 41 19 161 76 265 127 105 51 249 120 320 155 72 34 202 97 290 140 88 43 198 94 245 115 47 21 119 54 160 73 359 167 730 300 1010 361 256 56 484 73 620 47z"></path><path d="M5143 2037 c-69 -26 -71 -67 -4 -67 64 0 93 15 89 48 -4 32 -33 38 -85 19z"></path><path d="M1375 660 c133 -43 329 -50 495 -18 l65 13 -100 6 c-55 4 -194 9 -310 13 l-210 6 60 -20z"></path></g>', 1)
|
|
138
138
|
])]));
|
|
139
139
|
}
|
|
140
|
-
}),
|
|
140
|
+
}), T1 = {
|
|
141
141
|
xmlns: "http://www.w3.org/2000/svg",
|
|
142
142
|
width: "24",
|
|
143
143
|
height: "24",
|
|
144
144
|
viewBox: "0 0 1024 1024",
|
|
145
145
|
preserveAspectRatio: "xMidYMid meet"
|
|
146
|
-
},
|
|
146
|
+
}, N1 = /* @__PURE__ */ Object.assign({
|
|
147
147
|
name: "Line"
|
|
148
148
|
}, {
|
|
149
149
|
__name: "download",
|
|
150
150
|
setup(t) {
|
|
151
|
-
return (o,
|
|
152
|
-
|
|
151
|
+
return (o, n) => (z(), _("svg", T1, [...n[0] || (n[0] = [
|
|
152
|
+
I('<g transform="translate(20, 1020) scale(0.125,-0.125)"><path d="M5345 7623 c-64 -14 -174 -50 -270 -88 -116 -46 -594 -226 -780 -293 -224 -81 -577 -213 -810 -302 -296 -113 -630 -235 -826 -300 -82 -28 -271 -98 -421 -156 -150 -59 -318 -124 -373 -145 -204 -77 -461 -172 -500 -185 -22 -7 -98 -33 -170 -59 -216 -76 -601 -201 -755 -245 -161 -45 -219 -75 -267 -138 -43 -56 -57 -110 -57 -207 1 -69 8 -100 52 -225 88 -255 120 -342 167 -465 59 -154 89 -236 218 -591 59 -160 111 -302 116 -315 15 -34 335 -915 397 -1094 81 -230 263 -780 354 -1070 77 -242 83 -270 96 -405 18 -180 36 -252 77 -306 64 -84 127 -108 322 -124 162 -13 2237 -13 2430 0 141 10 288 30 328 45 9 4 17 14 17 23 0 9 -29 73 -65 143 -116 230 -174 394 -200 568 -44 302 12 677 150 1006 97 230 248 431 470 622 231 200 395 291 725 402 85 29 170 60 188 69 52 26 82 67 82 112 0 43 6 36 -135 141 -98 73 -122 82 -164 62 -40 -20 -303 -263 -391 -363 -35 -39 -114 -108 -175 -152 -178 -131 -273 -216 -587 -526 -281 -278 -298 -293 -320 -282 -32 17 -428 266 -575 362 -127 83 -166 97 -238 84 -59 -11 -261 -156 -645 -461 -118 -94 -262 -207 -320 -250 -225 -167 -224 -166 -228 -430 -3 -224 3 -252 65 -288 31 -18 76 -19 995 -20 l963 -2 6 -65 c3 -36 9 -90 13 -121 l8 -55 -154 -13 c-302 -25 -1607 -39 -2028 -22 l-154 6 -8 35 c-19 78 -27 752 -28 2152 0 1266 2 1482 14 1512 13 30 20 35 63 43 26 4 1153 8 2503 8 2330 0 2457 -1 2483 -18 54 -35 60 -56 70 -240 6 -122 5 -280 -4 -542 -19 -504 -18 -719 3 -765 23 -49 61 -81 153 -131 105 -56 147 -85 224 -158 36 -34 68 -61 72 -61 22 0 27 64 32 405 4 258 12 435 26 585 41 430 54 629 55 815 1 171 -1 197 -22 262 -37 119 -115 199 -238 245 -58 22 -70 23 -489 23 -404 0 -433 1 -485 20 l-55 20 -21 85 c-22 93 -20 87 -189 530 -103 271 -158 431 -309 905 -43 137 -83 213 -155 296 -63 73 -123 99 -226 98 -44 -1 -89 -3 -100 -6z m216 -169 c47 -46 98 -142 132 -249 148 -463 190 -589 257 -770 43 -115 103 -273 133 -350 66 -170 83 -218 108 -314 36 -134 67 -170 175 -205 83 -27 229 -34 584 -29 325 5 337 5 392 -16 67 -26 121 -81 140 -143 18 -60 15 -452 -6 -693 -8 -104 -25 -292 -35 -417 -11 -124 -23 -326 -27 -447 l-7 -221 -21 14 c-12 9 -56 36 -99 62 -120 71 -113 43 -98 413 31 790 25 1061 -24 1165 -31 65 -56 87 -133 117 l-57 23 -2455 -1 c-2220 0 -2462 -1 -2528 -16 -89 -20 -128 -46 -155 -106 -37 -81 -41 -391 -29 -2105 11 -1654 11 -1645 58 -1727 11 -19 37 -43 59 -54 37 -18 72 -20 505 -27 702 -12 1714 11 1870 42 24 5 47 7 51 5 3 -3 16 -33 29 -67 12 -35 47 -111 76 -169 l53 -107 -27 -7 c-35 -9 -2224 -26 -2407 -19 -266 10 -347 27 -380 77 -47 73 -65 486 -54 1262 4 292 8 1081 8 1755 1 1321 1 1315 53 1366 l24 24 2064 6 c2242 6 2099 2 2136 60 37 56 -4 280 -105 574 -149 435 -308 875 -340 943 -67 140 -134 165 -351 132 -196 -29 -723 -201 -1280 -415 -312 -121 -625 -238 -855 -321 -121 -44 -254 -93 -295 -109 -109 -42 -589 -215 -955 -343 -546 -192 -1072 -433 -1180 -542 -49 -48 -65 -98 -65 -196 0 -101 18 -169 90 -345 34 -82 91 -221 126 -309 36 -87 74 -178 84 -200 11 -23 44 -109 74 -191 30 -82 76 -201 101 -264 26 -63 60 -151 76 -195 16 -44 45 -120 64 -170 102 -266 202 -535 242 -655 25 -74 67 -197 94 -273 l49 -138 -2 -312 -3 -312 -18 60 c-54 176 -212 647 -322 955 -215 605 -424 1176 -722 1975 -24 66 -76 209 -114 318 -58 166 -69 209 -69 263 0 118 37 156 185 194 146 37 497 147 670 210 44 16 134 48 200 71 193 66 516 185 715 264 291 114 437 170 545 208 55 19 208 74 340 120 132 47 276 98 320 115 44 16 148 55 230 86 83 30 193 72 245 92 52 19 172 64 265 99 94 34 256 94 360 133 105 39 287 106 405 150 118 44 278 105 354 136 118 47 193 72 311 100 11 3 44 3 74 1 46 -3 59 -9 92 -41z m-221 -429 c0 -33 -116 -103 -387 -237 -155 -76 -284 -138 -287 -138 -3 0 -33 -13 -68 -29 -165 -75 -254 -113 -383 -166 -289 -118 -354 -147 -367 -162 -11 -15 -10 -16 12 -10 14 4 57 14 95 22 39 9 107 27 151 40 45 14 85 25 88 25 4 0 -34 -41 -84 -92 -49 -50 -88 -93 -86 -96 3 -2 42 19 88 46 233 141 317 178 431 189 37 3 67 4 67 2 0 -2 -31 -37 -69 -76 -66 -70 -184 -224 -197 -257 -4 -10 32 4 98 37 237 121 470 212 525 205 28 -4 27 -5 -40 -71 -37 -37 -62 -67 -55 -67 7 0 38 7 68 15 30 8 76 15 102 15 38 0 48 -4 53 -20 10 -31 -33 -98 -129 -198 l-51 -54 40 18 c167 72 214 87 282 92 98 6 123 -1 123 -36 0 -16 -11 -43 -25 -62 -30 -41 -26 -45 69 -54 38 -4 104 -20 147 -37 65 -25 93 -43 160 -106 57 -54 77 -79 67 -84 -7 -4 -921 -10 -2032 -13 -2237 -7 -2053 -1 -2130 -74 l-39 -37 7 34 c10 56 29 85 72 107 62 33 328 142 579 238 66 25 269 102 450 172 540 206 1039 389 1280 469 22 7 139 48 260 90 211 73 513 173 755 250 63 20 167 57 230 81 131 49 130 49 130 29z m49 -140 c119 -348 241 -765 247 -845 l5 -65 -42 80 c-23 44 -52 108 -65 143 -25 65 -114 379 -139 486 -7 33 -23 101 -34 150 -22 94 -28 167 -12 151 5 -6 23 -50 40 -100z m-4050 -1315 c-13 -11 -70 -52 -126 -91 -57 -39 -103 -75 -103 -80 0 -5 11 -9 25 -9 27 0 32 -12 13 -27 -24 -19 -308 -49 -308 -33 0 5 12 15 28 23 15 8 95 52 177 98 141 78 304 153 314 144 2 -3 -7 -14 -20 -25z m-520 -378 c16 -31 68 -142 116 -247 95 -208 137 -285 166 -303 17 -11 23 -4 61 70 l43 83 6 -130 c9 -170 30 -388 39 -398 3 -4 25 39 47 95 22 56 45 104 52 106 12 4 14 -524 2 -698 l-6 -95 -57 170 c-61 186 -140 408 -186 525 -16 41 -42 107 -56 145 -42 110 -77 199 -86 216 -29 57 -104 255 -140 368 -23 74 -44 141 -48 149 -14 38 21 -5 47 -56z m5013 -1253 c26 -17 48 -34 48 -38 0 -3 -39 -19 -87 -34 -49 -16 -117 -40 -151 -53 -35 -14 -66 -24 -68 -21 -2 2 24 28 58 58 34 30 78 69 98 86 19 18 39 33 44 33 5 0 31 -14 58 -31z m-2201 -913 c175 -114 539 -341 584 -365 23 -12 58 -21 83 -21 38 0 49 6 98 51 30 29 54 50 54 47 0 -2 -18 -52 -40 -111 -67 -176 -114 -400 -128 -607 l-7 -105 -942 0 -943 -1 0 159 c0 127 3 166 17 194 11 25 58 66 157 141 78 58 206 157 285 221 328 264 612 471 647 471 12 0 73 -33 135 -74z"></path><path d="M7310 3877 c0 -13 -7 -47 -16 -77 -17 -58 -12 -71 34 -85 27 -8 28 8 10 115 -12 67 -28 95 -28 47z"></path><path d="M4122 1319 c-35 -4 -145 -26 -245 -48 -100 -22 -254 -55 -342 -73 l-160 -33 180 -5 180 -5 -125 -5 -125 -5 75 -17 c200 -46 315 -62 460 -62 126 0 155 4 220 25 116 37 116 37 100 95 -20 73 -48 131 -66 138 -19 7 -70 6 -152 -5z"></path><path d="M2756 2329 c-83 -78 -133 -136 -124 -144 2 -2 37 5 78 16 92 24 209 25 252 3 37 -19 97 -15 150 10 45 22 116 88 99 94 -6 2 -42 -4 -80 -13 -97 -24 -154 -24 -179 -2 -15 14 -29 17 -51 12 l-30 -6 -3 52 c-2 29 -8 54 -14 56 -7 2 -51 -33 -98 -78z"></path><path d="M3440 2307 c-41 -23 -126 -60 -189 -83 -107 -39 -112 -42 -82 -49 77 -17 233 20 287 67 33 29 83 109 67 107 -5 -1 -42 -20 -83 -42z"></path><path d="M6711 5131 c-35 -10 -36 -26 -3 -40 59 -24 102 -89 102 -152 0 -34 -40 -116 -99 -204 -22 -32 -39 -60 -37 -62 2 -2 20 4 42 13 22 10 79 19 132 22 l93 5 -30 31 c-57 59 -50 115 23 185 33 32 50 81 28 81 -5 0 -38 29 -74 65 -62 61 -69 65 -110 64 -24 -1 -54 -4 -67 -8z"></path><path d="M2712 4855 c-152 -38 -288 -184 -323 -346 -17 -79 -7 -213 22 -282 40 -96 119 -179 229 -239 178 -97 426 -57 562 91 78 83 109 165 116 297 8 170 -29 276 -132 380 -86 86 -143 107 -301 110 -76 2 -139 -2 -173 -11z m323 -152 c54 -28 92 -67 124 -128 24 -45 26 -60 26 -160 0 -100 -3 -116 -29 -173 -53 -114 -152 -172 -295 -172 -45 0 -97 7 -125 16 -57 20 -155 107 -194 173 -24 41 -27 56 -27 141 0 82 4 102 27 150 66 136 154 182 343 177 89 -2 118 -7 150 -24z"></path><path d="M2666 4588 c-14 -13 -28 -35 -32 -50 -5 -25 -3 -28 19 -28 29 0 77 50 77 81 0 26 -33 25 -64 -3z"></path><path d="M3057 4523 c-4 -3 -7 -21 -7 -39 0 -32 -1 -33 -25 -22 -20 9 -32 7 -70 -13 -57 -30 -73 -47 -90 -96 -16 -46 -27 -46 -39 1 -9 36 -10 36 -63 36 -29 0 -53 -3 -53 -6 0 -3 13 -22 29 -42 61 -79 41 -99 -30 -29 -24 23 -49 51 -56 62 -11 18 -12 17 -12 -15 -1 -50 49 -149 97 -192 38 -34 48 -38 97 -38 44 0 69 8 132 40 133 69 180 141 171 264 -4 46 -9 63 -27 77 -24 20 -43 24 -54 12z"></path><path d="M6100 3454 c-147 -27 -200 -40 -289 -70 -128 -44 -215 -89 -399 -210 -301 -197 -464 -407 -582 -749 -66 -192 -84 -295 -84 -475 1 -186 16 -272 83 -478 130 -396 294 -619 610 -831 99 -66 246 -145 341 -183 226 -90 568 -113 790 -54 228 61 502 167 609 236 82 53 196 163 314 305 175 209 255 350 303 530 62 236 34 703 -58 965 -38 109 -52 135 -167 309 -113 173 -234 303 -375 405 -219 158 -390 235 -626 281 -82 16 -414 29 -470 19z m387 -145 c305 -41 594 -193 816 -428 95 -102 242 -319 284 -421 71 -169 107 -393 107 -660 -1 -186 -10 -246 -58 -389 -43 -128 -133 -257 -350 -504 -125 -141 -280 -228 -573 -321 -229 -72 -278 -80 -443 -80 -131 1 -171 5 -262 28 -187 45 -333 111 -498 221 -222 150 -346 288 -450 500 -180 370 -225 695 -139 1020 29 111 109 300 168 398 102 169 192 255 421 408 189 125 339 188 535 224 86 16 337 19 442 4z"></path><path d="M6005 2899 c-27 -5 -65 -11 -83 -14 -45 -8 -97 -57 -118 -111 -15 -40 -16 -79 -11 -378 l5 -334 -76 -6 c-230 -20 -291 -37 -323 -90 -25 -41 -25 -127 0 -181 25 -55 77 -111 451 -482 209 -209 338 -330 365 -343 54 -26 139 -27 180 -2 29 18 652 641 712 712 17 19 42 55 58 79 25 40 27 51 23 122 -6 132 -52 169 -225 178 -141 8 -137 3 -142 189 -2 81 2 228 9 327 8 125 8 188 1 207 -17 44 -81 83 -168 101 -151 32 -537 47 -658 26z m-30 -141 c-4 -13 -8 -36 -9 -53 -1 -24 3 -31 22 -33 30 -5 18 -22 -17 -22 -36 0 -51 17 -51 59 0 36 23 71 48 71 10 0 12 -6 7 -22z m648 6 c26 -9 60 -28 76 -43 25 -24 28 -31 22 -66 -6 -38 -8 -40 -44 -43 -65 -5 -145 26 -199 78 -50 48 -60 75 -30 83 40 11 132 6 175 -9z m-1027 -905 c38 -26 43 -33 34 -50 -15 -26 -22 -24 -48 17 -17 27 -28 34 -42 29 -16 -5 -20 -2 -20 14 0 29 24 26 76 -10z m-66 -55 c0 -2 -7 -4 -15 -4 -8 0 -15 4 -15 10 0 5 7 7 15 4 8 -4 15 -8 15 -10z m450 -454 c56 -36 91 -43 107 -21 10 14 15 9 34 -34 30 -67 46 -82 70 -67 25 16 39 15 39 -2 0 -7 10 -26 21 -41 16 -19 28 -26 45 -22 21 4 24 0 24 -24 0 -23 5 -29 23 -30 13 0 16 -2 7 -6 -8 -2 -25 -9 -36 -15 -16 -7 -28 -6 -45 5 -13 9 -43 20 -66 27 -32 8 -65 32 -133 97 -90 85 -159 163 -144 163 4 0 28 -13 54 -30z"></path></g>', 1)
|
|
153
153
|
])]));
|
|
154
154
|
}
|
|
155
|
-
}),
|
|
155
|
+
}), O1 = {
|
|
156
156
|
xmlns: "http://www.w3.org/2000/svg",
|
|
157
157
|
width: "24",
|
|
158
158
|
height: "24",
|
|
159
159
|
viewBox: "0 0 1024 1024",
|
|
160
160
|
preserveAspectRatio: "xMidYMid meet"
|
|
161
|
-
},
|
|
161
|
+
}, U1 = /* @__PURE__ */ Object.assign({
|
|
162
162
|
name: "Broom"
|
|
163
163
|
}, {
|
|
164
164
|
__name: "broom",
|
|
165
165
|
setup(t) {
|
|
166
|
-
return (o,
|
|
167
|
-
|
|
166
|
+
return (o, n) => (z(), _("svg", O1, [...n[0] || (n[0] = [
|
|
167
|
+
I('<g transform="translate(50, 1000) scale(0.12,-0.12)"><path d="M4803 7785 c-132 -37 -215 -129 -311 -345 -38 -86 -74 -218 -227 -831 -85 -339 -159 -628 -165 -644 -10 -28 -11 -28 -78 -22 -37 3 -242 45 -457 92 -446 99 -589 125 -695 125 -209 0 -334 -74 -666 -391 -355 -340 -689 -711 -746 -829 -30 -60 -36 -162 -14 -228 34 -102 107 -156 271 -203 44 -12 84 -26 88 -29 9 -8 -21 -163 -47 -250 -8 -25 -26 -88 -41 -140 -72 -246 -188 -517 -282 -659 -112 -166 -227 -269 -524 -469 -266 -179 -374 -306 -424 -497 -46 -180 19 -404 163 -557 108 -114 231 -179 460 -243 272 -75 391 -89 505 -59 150 39 259 126 497 399 142 163 200 226 200 215 0 -5 -39 -89 -88 -187 -101 -207 -126 -263 -153 -340 -37 -109 -18 -196 61 -267 101 -91 340 -152 451 -115 82 28 196 133 514 472 76 81 140 146 142 144 2 -3 -15 -44 -38 -93 -170 -365 -199 -443 -199 -536 0 -106 82 -188 242 -242 233 -79 405 -101 478 -62 81 43 153 112 328 316 102 118 203 232 225 253 102 95 86 5 -53 -302 -96 -213 -107 -251 -91 -308 28 -102 124 -173 286 -213 247 -60 354 -45 511 74 66 49 130 114 294 300 58 65 115 131 128 145 l23 26 -6 -44 c-7 -57 -29 -116 -103 -283 -96 -216 -108 -276 -73 -353 23 -51 63 -85 145 -124 75 -35 289 -103 399 -125 215 -45 406 3 568 141 75 63 154 160 188 227 63 126 83 225 211 1066 40 268 81 621 105 925 14 171 28 338 31 371 l5 62 97 4 c109 5 150 19 205 73 75 73 95 214 62 433 -35 232 -159 791 -216 977 -82 265 -234 445 -471 554 -121 57 -209 84 -540 166 -336 84 -425 109 -452 130 -16 12 -18 23 -12 87 17 175 95 504 224 953 34 116 78 275 98 355 79 313 50 521 -91 664 -96 96 -236 157 -510 222 -138 33 -350 42 -432 19z m387 -141 c129 -27 289 -78 365 -117 70 -35 132 -98 163 -165 25 -53 27 -66 26 -192 0 -105 -5 -153 -21 -215 -22 -80 -83 -300 -167 -600 -113 -404 -181 -739 -174 -859 7 -126 1 -124 752 -315 297 -76 415 -132 546 -261 146 -143 190 -269 334 -955 68 -324 79 -400 75 -513 -4 -100 -20 -135 -75 -161 -67 -33 -237 -5 -621 104 -193 55 -306 87 -793 221 -280 77 -785 215 -890 242 -41 11 -323 87 -625 170 -642 176 -924 250 -1735 453 -638 160 -678 171 -728 201 -70 42 -86 140 -38 223 78 133 697 780 920 963 249 203 303 205 1026 42 378 -85 412 -92 505 -93 105 -2 146 15 176 73 10 19 40 125 68 235 27 110 102 410 166 666 64 257 132 509 151 560 59 160 137 272 209 299 88 35 202 33 385 -6z m-3145 -3220 c39 -8 201 -48 360 -89 160 -41 432 -110 605 -155 379 -96 563 -145 815 -215 105 -29 244 -68 310 -85 66 -18 194 -52 285 -77 91 -25 221 -60 290 -78 109 -29 479 -130 1205 -330 110 -30 279 -77 375 -105 96 -27 226 -63 289 -79 63 -16 117 -35 121 -42 13 -26 -23 -492 -71 -914 -16 -148 -32 -277 -34 -285 -2 -8 -11 -64 -20 -125 -37 -253 -137 -864 -151 -920 -37 -148 -137 -288 -266 -375 -143 -96 -286 -104 -543 -30 -172 49 -248 80 -288 118 -24 23 -27 32 -22 62 10 52 80 208 155 345 152 275 239 489 242 592 1 49 -2 59 -26 79 -30 27 -47 29 -79 12 -66 -34 -158 -132 -366 -387 -259 -317 -388 -447 -479 -481 -49 -19 -71 -21 -152 -17 -103 6 -237 41 -296 77 -65 40 -59 86 37 286 163 341 279 650 279 741 0 66 -49 125 -87 104 -24 -12 -205 -200 -273 -282 -429 -516 -521 -619 -590 -654 -43 -22 -111 -17 -240 20 -245 70 -300 100 -300 167 0 61 57 199 206 498 86 173 164 338 175 365 28 74 25 120 -10 156 -58 58 -87 39 -277 -182 -233 -272 -306 -353 -463 -512 -204 -206 -229 -220 -357 -187 -144 37 -224 88 -224 144 0 63 90 257 257 553 145 258 171 408 77 444 -17 6 -35 5 -57 -5 -39 -16 -148 -129 -287 -296 -273 -327 -418 -475 -514 -524 -80 -41 -178 -46 -313 -17 -167 36 -344 90 -433 133 -225 108 -354 358 -296 574 37 141 133 249 349 396 344 235 478 358 597 549 143 232 287 627 375 1032 4 22 10 27 23 22 9 -3 49 -13 87 -21z"></path><path d="M4927 7516 c-72 -26 -140 -93 -172 -170 -9 -20 -31 -99 -49 -174 -19 -75 -48 -186 -65 -246 -18 -60 -30 -113 -28 -119 1 -5 36 53 76 129 41 77 87 158 103 182 27 40 48 54 48 32 0 -19 62 -110 71 -104 5 3 9 20 9 37 0 18 5 49 11 70 10 36 17 42 84 73 41 19 85 34 99 34 14 0 26 3 26 6 0 12 -24 51 -58 93 l-36 44 48 -6 c26 -4 85 -24 131 -46 65 -30 91 -49 115 -82 l32 -44 -6 36 c-3 20 -18 59 -31 87 -14 29 -25 54 -25 57 0 3 33 2 73 -1 88 -8 83 1 -28 50 -161 70 -334 95 -428 62z"></path><path d="M2662 5709 c-27 -10 -26 -42 1 -47 23 -5 67 24 67 43 0 17 -32 19 -68 4z"></path><path d="M2487 5599 c-18 -10 -18 -12 -1 -30 30 -33 104 -18 104 21 0 17 -7 20 -42 20 -24 0 -51 -5 -61 -11z"></path><path d="M2154 5302 c-22 -20 -83 -73 -134 -117 -136 -115 -249 -225 -266 -257 -12 -24 -13 -33 -2 -56 19 -39 65 -58 291 -117 248 -66 328 -90 392 -121 l50 -25 -40 36 c-35 32 -281 160 -375 195 -19 7 -39 17 -44 21 -12 10 47 25 201 51 73 12 130 25 127 30 -3 5 -33 22 -67 39 -34 18 -93 50 -131 72 -65 38 -67 41 -45 51 13 5 88 10 166 10 137 1 142 2 120 18 -12 10 -63 36 -114 60 l-91 42 5 53 c3 29 4 53 2 53 -2 0 -22 -17 -45 -38z"></path><path d="M6270 4871 l-25 -7 35 -22 c41 -26 98 -29 106 -7 15 37 -46 56 -116 36z"></path><path d="M6453 4744 c-9 -23 23 -44 68 -44 49 0 68 22 37 44 -30 22 -97 21 -105 0z"></path><path d="M6858 4005 c-3 -5 -15 -44 -26 -86 -12 -41 -31 -101 -42 -133 l-22 -57 -56 7 -55 7 26 -48 c33 -59 33 -65 2 -65 -14 0 -73 -19 -132 -41 -60 -23 -130 -47 -158 -54 -60 -14 -49 -18 96 -33 53 -6 160 -25 238 -42 217 -50 226 -40 192 193 -43 282 -57 362 -63 352z"></path><path d="M1110 2724 c-254 -136 -380 -253 -380 -352 0 -181 282 -408 595 -477 88 -20 265 -17 320 6 29 11 28 12 -43 24 -40 7 -105 23 -145 35 -86 26 -260 100 -252 108 3 3 62 10 131 16 l127 11 -51 33 c-98 63 -162 167 -170 275 -3 31 -9 60 -14 63 -5 4 -22 -5 -36 -18 -41 -38 -116 -86 -146 -94 l-26 -6 39 109 c36 103 72 176 128 265 38 62 35 62 -77 2z"></path><path d="M2740 1914 c-73 -74 -177 -157 -189 -150 -9 6 10 111 29 154 19 43 -12 22 -105 -70 -97 -99 -175 -206 -175 -242 0 -45 68 -86 144 -86 91 0 182 72 255 201 37 67 113 249 102 249 -3 0 -31 -25 -61 -56z"></path><path d="M3844 1610 c-122 -62 -255 -102 -399 -120 -119 -16 -130 -21 -71 -34 91 -21 89 -67 -5 -93 -33 -9 -63 -23 -66 -30 -7 -17 29 -56 77 -86 29 -18 49 -22 120 -21 138 1 220 48 318 182 49 66 152 239 152 254 0 12 -5 10 -126 -52z"></path><path d="M4553 1262 c-110 -97 -151 -145 -159 -186 -9 -52 2 -82 43 -113 31 -24 48 -29 113 -31 68 -4 83 -1 131 23 30 15 74 43 98 62 56 42 242 215 238 219 -2 2 -38 -14 -81 -36 -42 -22 -86 -40 -97 -40 -11 0 -43 10 -71 22 l-50 21 -70 -22 c-38 -13 -72 -20 -76 -16 -3 3 11 40 31 82 21 41 36 77 33 80 -2 2 -39 -27 -83 -65z"></path><path d="M6268 1113 c-79 -119 -144 -202 -164 -210 -8 -3 -21 3 -29 13 -13 18 -15 18 -47 -14 -33 -33 -32 -40 7 -56 16 -6 -7 -38 -45 -64 -58 -39 -134 -55 -225 -48 -203 16 -245 18 -289 12 -25 -4 -46 -10 -46 -14 0 -4 55 -29 121 -55 191 -76 302 -93 408 -61 145 43 253 162 316 349 16 50 65 245 60 245 -1 0 -31 -44 -67 -97z"></path></g>', 1)
|
|
168
168
|
])]));
|
|
169
169
|
}
|
|
170
|
-
}),
|
|
170
|
+
}), Y1 = {
|
|
171
171
|
xmlns: "http://www.w3.org/2000/svg",
|
|
172
172
|
width: "24",
|
|
173
173
|
height: "24",
|
|
174
174
|
viewBox: "0 0 1024 1024",
|
|
175
175
|
preserveAspectRatio: "xMidYMid meet"
|
|
176
|
-
},
|
|
176
|
+
}, j1 = /* @__PURE__ */ Object.assign({
|
|
177
177
|
name: "Broom"
|
|
178
178
|
}, {
|
|
179
179
|
__name: "left",
|
|
180
180
|
setup(t) {
|
|
181
|
-
return (o,
|
|
181
|
+
return (o, n) => (z(), _("svg", Y1, [...n[0] || (n[0] = [
|
|
182
182
|
M("g", { transform: "translate(50, 1000) scale(0.12,-0.12)" }, [
|
|
183
183
|
M("path", { d: "M2935 7246 c-33 -15 -97 -80 -285 -286 -150 -164 -338 -358 -874 -900 -226 -229 -546 -559 -711 -735 -165 -175 -423 -449 -573 -608 -300 -318 -362 -389 -393 -449 -45 -87 -32 -204 31 -282 15 -20 93 -105 172 -189 221 -233 368 -394 548 -601 420 -483 706 -798 1119 -1236 199 -211 605 -659 697 -770 39 -47 123 -154 187 -239 135 -179 163 -203 247 -209 78 -6 137 22 191 91 51 64 72 105 94 187 17 59 19 133 24 801 6 719 6 737 26 759 50 56 196 79 560 87 420 9 909 -26 1145 -82 374 -90 702 -264 1080 -574 263 -216 709 -688 935 -991 93 -124 176 -209 231 -235 54 -26 147 -25 199 2 50 27 96 75 126 133 86 167 -29 805 -244 1355 -100 257 -291 656 -429 894 -80 139 -266 420 -362 547 -412 549 -1117 1149 -1676 1430 -221 111 -408 181 -690 259 -360 99 -525 128 -740 126 -143 0 -170 2 -195 18 -40 24 -71 89 -86 182 -14 86 -4 240 32 509 48 357 78 709 68 787 -13 94 -82 170 -189 208 -64 23 -226 30 -265 11z m142 -112 c31 -31 26 -39 -14 -19 -17 8 -41 13 -54 11 -13 -3 -29 -5 -34 -5 -6 -1 -28 -23 -50 -51 -45 -57 -68 -53 -39 7 39 79 139 109 191 57z m-126 -516 c14 -27 7 -197 -22 -543 -24 -272 -22 -466 6 -585 25 -113 85 -229 156 -305 102 -108 164 -128 494 -160 468 -44 797 -117 1145 -252 513 -200 878 -463 1317 -948 243 -270 477 -586 640 -868 59 -102 195 -373 238 -472 80 -188 209 -639 203 -710 l-3 -35 -50 34 c-27 19 -153 137 -280 263 -362 359 -550 511 -875 709 -387 236 -736 355 -1230 419 -311 40 -851 71 -1065 61 -381 -19 -478 -59 -556 -233 -95 -211 -126 -516 -115 -1131 3 -213 2 -372 -3 -372 -8 0 -385 386 -552 565 -114 123 -526 579 -615 681 -43 50 -135 155 -204 234 -127 146 -218 243 -548 584 -177 183 -343 378 -440 519 l-46 68 27 52 c67 129 224 298 692 745 880 841 1083 1049 1514 1547 145 168 151 172 172 133z m159 -1197 c57 -101 105 -161 130 -161 5 0 10 -5 10 -11 0 -14 -56 -2 -87 18 -39 26 -93 138 -116 241 -3 12 -4 22 -2 22 2 0 31 -49 65 -109z m-2605 -887 c-20 -31 -15 -40 17 -24 17 9 14 3 -14 -26 -57 -60 -129 -183 -122 -209 4 -18 0 -25 -25 -33 -37 -13 -45 -41 -38 -130 l5 -67 -28 32 c-57 63 -63 168 -15 247 27 45 92 115 175 189 61 54 69 58 45 21z m3072 -1420 c-3 -3 -41 -21 -84 -40 -94 -41 -173 -94 -207 -139 -28 -36 -37 -76 -13 -57 20 17 101 32 111 21 6 -6 4 -9 -5 -9 -25 0 -96 -56 -129 -101 -16 -22 -36 -65 -45 -94 -8 -30 -19 -56 -24 -59 -8 -5 -21 83 -21 153 -1 36 -1 36 -14 11 -14 -26 -36 -91 -57 -170 l-12 -45 -9 38 c-11 52 6 189 32 259 25 67 86 128 164 164 46 21 190 55 281 67 17 2 32 5 34 6 2 0 2 -2 -2 -5z m2183 -590 c115 -36 331 -140 432 -208 100 -67 202 -163 286 -269 34 -43 62 -80 62 -83 0 -7 8 -12 -261 167 -301 199 -439 285 -611 379 -43 23 -78 44 -78 47 0 10 85 -6 170 -33z m1765 -1213 c11 -36 1 -269 -12 -264 -26 10 -57 107 -60 188 -3 78 -2 79 11 40 l13 -40 12 28 c6 16 11 37 11 48 0 24 17 25 25 0z m73 -185 c6 -32 -8 -83 -33 -120 -29 -43 -23 -45 28 -10 21 14 41 23 44 20 11 -10 -31 -48 -72 -67 -42 -19 -85 -16 -133 10 -40 21 -25 31 38 24 56 -5 60 -5 60 15 0 12 6 39 14 59 8 21 17 51 21 66 6 30 28 32 33 3z m-4334 -112 c9 -24 7 -60 -5 -87 -21 -47 -114 -81 -143 -52 -21 22 -11 38 15 24 16 -8 26 -7 44 5 14 9 31 16 38 16 20 0 39 52 31 83 -7 29 10 38 20 11z" }),
|
|
184
184
|
M("path", { d: "M1164 4573 c-143 -96 -354 -349 -354 -424 0 -58 243 -278 420 -380 39 -23 73 -39 76 -36 6 6 -35 70 -103 159 -24 31 -43 59 -43 62 0 3 16 8 36 12 20 4 60 15 88 26 28 11 64 24 79 30 42 16 21 27 -74 38 -116 15 -198 31 -205 41 -3 5 44 62 105 126 61 65 111 121 111 125 0 25 -151 -16 -217 -60 -40 -25 -28 10 53 160 41 77 74 142 72 144 -2 2 -22 -8 -44 -23z" })
|
|
185
185
|
], -1)
|
|
186
186
|
])]));
|
|
187
187
|
}
|
|
188
|
-
}),
|
|
188
|
+
}), A1 = {
|
|
189
189
|
xmlns: "http://www.w3.org/2000/svg",
|
|
190
190
|
width: "24",
|
|
191
191
|
height: "24",
|
|
192
192
|
viewBox: "0 0 1024 1024",
|
|
193
193
|
preserveAspectRatio: "xMidYMid meet"
|
|
194
|
-
},
|
|
194
|
+
}, F1 = /* @__PURE__ */ Object.assign({
|
|
195
195
|
name: "Broom"
|
|
196
196
|
}, {
|
|
197
197
|
__name: "right",
|
|
198
198
|
setup(t) {
|
|
199
|
-
return (o,
|
|
200
|
-
|
|
199
|
+
return (o, n) => (z(), _("svg", A1, [...n[0] || (n[0] = [
|
|
200
|
+
I('<g transform="translate(50, 1000) scale(0.12,-0.12)"><path d="M4638 7245 c-118 -32 -202 -98 -234 -183 -17 -43 -18 -106 -22 -773 l-3 -725 -142 -23 c-552 -88 -1035 -238 -1499 -464 -637 -311 -1143 -726 -1570 -1287 -197 -259 -379 -547 -519 -820 -65 -126 -95 -189 -154 -325 -165 -378 -291 -860 -345 -1320 -33 -282 -25 -335 60 -408 62 -53 139 -80 231 -81 66 -1 80 2 116 26 23 15 69 60 104 100 180 211 666 716 814 847 408 360 773 586 1141 706 93 31 296 83 374 96 356 62 533 79 865 86 410 8 509 -8 552 -90 14 -28 15 -106 8 -832 -5 -616 -4 -811 5 -848 14 -53 82 -137 134 -164 76 -40 208 -55 287 -33 58 16 178 139 595 610 144 162 308 347 364 410 104 116 131 146 411 455 85 94 244 271 354 395 109 124 226 254 259 289 102 108 254 268 391 411 473 491 479 498 526 603 21 46 24 67 24 177 0 186 -22 230 -190 377 -112 98 -170 157 -775 778 -294 303 -674 692 -845 865 -425 431 -574 586 -762 790 -166 181 -280 293 -347 342 -33 24 -48 28 -100 27 -34 0 -82 -7 -108 -14z m12 -166 c10 -6 2 -8 -25 -9 -29 0 -46 -7 -70 -29 -36 -35 -105 -68 -105 -49 0 18 86 96 112 101 26 4 66 -2 88 -14z m635 -874 c99 -110 266 -297 370 -415 383 -433 451 -502 630 -640 149 -114 433 -401 650 -655 98 -115 212 -244 252 -286 l73 -75 -51 -75 c-115 -167 -326 -413 -623 -724 -239 -250 -584 -630 -1027 -1130 -358 -405 -685 -753 -696 -741 -3 3 -1 97 6 208 6 112 17 286 22 388 6 102 9 286 7 410 -4 199 -7 233 -28 295 -29 90 -73 157 -145 223 -147 135 -369 189 -810 199 -441 10 -928 -56 -1393 -188 -327 -92 -565 -208 -897 -437 -285 -196 -540 -423 -810 -721 -72 -78 -101 -105 -103 -92 -4 23 34 209 58 286 10 33 36 105 58 160 260 666 657 1292 1068 1684 512 490 1114 833 1797 1026 236 66 410 98 759 139 121 14 216 30 234 39 46 24 103 93 134 161 41 89 60 196 70 395 11 211 12 828 1 925 l-7 69 110 -114 c61 -63 192 -204 291 -314z m2343 -1898 c25 -28 31 -47 22 -72 -6 -17 -11 -13 -43 30 -20 28 -37 55 -37 62 0 17 35 4 58 -20z m42 -332 c-13 -28 -40 -57 -71 -80 -27 -19 -49 -33 -49 -30 0 2 22 25 48 50 27 24 57 63 68 86 10 23 20 36 22 30 2 -6 -6 -31 -18 -56z m-3093 -977 c67 -36 143 -95 143 -110 0 -6 -10 -4 -22 4 -13 8 -39 20 -58 26 -19 6 -75 23 -125 38 -150 45 -176 74 -66 74 58 0 77 -5 128 -32z m-4319 -1977 c29 -31 97 -71 121 -71 8 0 12 -3 8 -6 -13 -14 -107 29 -137 62 -16 19 -30 37 -30 39 0 11 13 3 38 -24z m4692 -80 c0 -34 -115 -92 -196 -99 -55 -4 -115 10 -101 25 3 2 43 13 89 23 45 10 106 27 133 38 57 23 75 26 75 13z m-4487 -8 c-13 -2 -33 -2 -45 0 -13 2 -3 4 22 4 25 0 35 -2 23 -4z"></path><path d="M4189 4836 c-20 -7 -50 -21 -67 -32 -17 -10 -71 -44 -121 -74 -50 -30 -91 -58 -91 -62 0 -5 17 -8 38 -8 21 0 83 -7 138 -15 154 -23 190 -21 225 15 25 25 28 33 19 50 -6 11 -29 29 -51 41 -40 20 -41 22 -35 60 7 44 3 46 -55 25z"></path><path d="M3704 4720 c-67 -27 -24 -90 61 -90 40 0 93 39 80 59 -10 17 -69 41 -97 40 -13 0 -33 -4 -44 -9z"></path><path d="M4076 2575 c-32 -13 -69 -34 -83 -47 -23 -22 -24 -27 -18 -98 8 -91 26 -114 84 -104 78 14 120 53 86 78 -24 17 -16 46 35 124 22 35 40 65 40 67 0 14 -93 1 -144 -20z"></path><path d="M3693 2541 c-61 -22 -153 -73 -153 -84 0 -25 183 -67 292 -67 37 0 79 -5 94 -10 15 -6 29 -9 31 -7 17 18 -85 145 -139 173 -35 18 -62 17 -125 -5z"></path><path d="M4236 2301 c-10 -11 -44 -29 -77 -42 -67 -24 -92 -53 -87 -96 2 -24 8 -28 36 -31 41 -4 74 17 107 66 19 30 50 122 40 122 -1 0 -10 -9 -19 -19z"></path></g>', 1)
|
|
201
201
|
])]));
|
|
202
202
|
}
|
|
203
|
-
}),
|
|
203
|
+
}), H1 = ["Pencil", "Line", "Download", "Broom", "Left", "Right"], W1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
204
204
|
__proto__: null,
|
|
205
|
-
Broom:
|
|
206
|
-
Download:
|
|
207
|
-
Left:
|
|
205
|
+
Broom: U1,
|
|
206
|
+
Download: N1,
|
|
207
|
+
Left: j1,
|
|
208
208
|
Line: V1,
|
|
209
|
-
Pencil:
|
|
210
|
-
Right:
|
|
211
|
-
svgs:
|
|
212
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
209
|
+
Pencil: B1,
|
|
210
|
+
Right: F1,
|
|
211
|
+
svgs: H1
|
|
212
|
+
}, Symbol.toStringTag, { value: "Module" })), X1 = {
|
|
213
213
|
name: {
|
|
214
214
|
type: String,
|
|
215
215
|
required: !0
|
|
@@ -218,64 +218,63 @@ const x1 = (t) => (t.install = (o) => {
|
|
|
218
218
|
type: String,
|
|
219
219
|
default: () => "20rpx"
|
|
220
220
|
}
|
|
221
|
-
},
|
|
221
|
+
}, G1 = /* @__PURE__ */ L({
|
|
222
222
|
name: "Icon",
|
|
223
223
|
__name: "icon",
|
|
224
|
-
props:
|
|
224
|
+
props: X1,
|
|
225
225
|
setup(t) {
|
|
226
|
-
const o =
|
|
226
|
+
const o = S("icon"), n = R(() => t.name ? W1[t.name] : void 0), l = R(() => t.size ? {
|
|
227
227
|
fontSize: t.size || void 0
|
|
228
228
|
} : {});
|
|
229
|
-
return (i, c) => (
|
|
230
|
-
class: w(
|
|
231
|
-
style:
|
|
229
|
+
return (i, c) => (z(), _("i", {
|
|
230
|
+
class: w(m(o).b()),
|
|
231
|
+
style: T(l.value)
|
|
232
232
|
}, [
|
|
233
|
-
(
|
|
233
|
+
(z(), t1(y1(n.value)))
|
|
234
234
|
], 6));
|
|
235
235
|
}
|
|
236
236
|
}), B = (t, o) => {
|
|
237
|
-
const
|
|
237
|
+
const n = t.__vccOpts || t;
|
|
238
238
|
for (const [l, i] of o)
|
|
239
|
-
|
|
240
|
-
return
|
|
241
|
-
}, P = /* @__PURE__ */ B(
|
|
239
|
+
n[l] = i;
|
|
240
|
+
return n;
|
|
241
|
+
}, P = /* @__PURE__ */ B(G1, [["__scopeId", "data-v-8110445d"]]), q1 = {}, J1 = /* @__PURE__ */ L({
|
|
242
242
|
__name: "dropdown",
|
|
243
|
-
props:
|
|
243
|
+
props: q1,
|
|
244
244
|
setup(t) {
|
|
245
|
-
const o =
|
|
245
|
+
const o = S("dropdown-picker"), n = e1("dropdownRef"), l = D(!1), i = () => {
|
|
246
246
|
l.value = !l.value;
|
|
247
247
|
}, c = (a) => {
|
|
248
|
-
const r =
|
|
248
|
+
const r = n.value;
|
|
249
249
|
r && !r.contains(a.target) && (l.value = !1);
|
|
250
250
|
}, p = (a) => {
|
|
251
251
|
a.key === "Escape" && (l.value = !1);
|
|
252
252
|
};
|
|
253
|
-
return
|
|
253
|
+
return n1(() => {
|
|
254
254
|
document.addEventListener("click", c), document.addEventListener("keydown", p);
|
|
255
|
-
}),
|
|
255
|
+
}), o1(() => {
|
|
256
256
|
document.removeEventListener("click", c), document.removeEventListener("keydown", p);
|
|
257
|
-
}), (a, r) => (
|
|
257
|
+
}), (a, r) => (z(), _("div", {
|
|
258
258
|
ref_key: "dropdownRef",
|
|
259
|
-
ref:
|
|
260
|
-
class: w([
|
|
259
|
+
ref: n,
|
|
260
|
+
class: w([m(o).b()])
|
|
261
261
|
}, [
|
|
262
262
|
M("div", { onClick: i }, [
|
|
263
|
-
|
|
263
|
+
q(a.$slots, "default", {}, void 0, !0)
|
|
264
264
|
]),
|
|
265
|
-
|
|
266
|
-
l.value ? (f(), _("div", {
|
|
265
|
+
l.value ? (z(), _("div", {
|
|
267
266
|
key: 0,
|
|
268
|
-
class: w(
|
|
267
|
+
class: w(m(o).e("content"))
|
|
269
268
|
}, [
|
|
270
269
|
M("div", {
|
|
271
|
-
class: w(
|
|
270
|
+
class: w(m(o).e("scroll"))
|
|
272
271
|
}, [
|
|
273
|
-
|
|
272
|
+
q(a.$slots, "content", {}, void 0, !0)
|
|
274
273
|
], 2)
|
|
275
274
|
], 2)) : j("", !0)
|
|
276
275
|
], 2));
|
|
277
276
|
}
|
|
278
|
-
}),
|
|
277
|
+
}), K1 = /* @__PURE__ */ B(J1, [["__scopeId", "data-v-d7886daf"]]), Q1 = {
|
|
279
278
|
modelValue: {
|
|
280
279
|
type: Number,
|
|
281
280
|
default: () => 1
|
|
@@ -284,223 +283,236 @@ const x1 = (t) => (t.install = (o) => {
|
|
|
284
283
|
type: Array,
|
|
285
284
|
default: () => Array.from({ length: 30 }, (t, o) => o + 1)
|
|
286
285
|
}
|
|
287
|
-
},
|
|
286
|
+
}, Z1 = ["onClick"], t2 = /* @__PURE__ */ L({
|
|
288
287
|
__name: "line-picker",
|
|
289
|
-
props:
|
|
288
|
+
props: Q1,
|
|
290
289
|
emits: ["change"],
|
|
291
290
|
setup(t, { emit: o }) {
|
|
292
|
-
const
|
|
291
|
+
const n = S("line-picker"), l = o, i = (c) => {
|
|
293
292
|
l("change", c);
|
|
294
293
|
};
|
|
295
|
-
return (c, p) => (
|
|
296
|
-
class: w([
|
|
294
|
+
return (c, p) => (z(), t1(K1, {
|
|
295
|
+
class: w([m(n).b()])
|
|
297
296
|
}, {
|
|
298
|
-
content:
|
|
299
|
-
(
|
|
300
|
-
class: w([
|
|
297
|
+
content: J(() => [
|
|
298
|
+
(z(!0), _(a1, null, b1(c.sizes, (a) => (z(), _("div", {
|
|
299
|
+
class: w([m(n).e("item"), m(n).is("active", a === c.modelValue)]),
|
|
301
300
|
key: a,
|
|
302
301
|
onClick: (r) => i(a)
|
|
303
302
|
}, [
|
|
304
|
-
M("span", null,
|
|
303
|
+
M("span", null, x1(a) + "px", 1),
|
|
305
304
|
M("div", null, [
|
|
306
305
|
M("div", {
|
|
307
|
-
style:
|
|
306
|
+
style: T({ width: a + "px", height: a + "px" })
|
|
308
307
|
}, null, 4)
|
|
309
308
|
])
|
|
310
|
-
], 10,
|
|
309
|
+
], 10, Z1))), 128))
|
|
311
310
|
]),
|
|
312
|
-
default:
|
|
311
|
+
default: J(() => [
|
|
313
312
|
x(P, { name: "Line" })
|
|
314
313
|
]),
|
|
315
314
|
_: 1
|
|
316
315
|
}, 8, ["class"]));
|
|
317
316
|
}
|
|
318
|
-
}),
|
|
317
|
+
}), e2 = /* @__PURE__ */ B(t2, [["__scopeId", "data-v-a7968ad7"]]), n2 = {
|
|
319
318
|
modelValue: {
|
|
320
319
|
type: String,
|
|
321
320
|
default: () => "#000000"
|
|
322
321
|
}
|
|
323
|
-
},
|
|
322
|
+
}, o2 = ["value"], a2 = /* @__PURE__ */ L({
|
|
324
323
|
__name: "color-picker",
|
|
325
|
-
props:
|
|
324
|
+
props: n2,
|
|
326
325
|
emits: ["input"],
|
|
327
326
|
setup(t, { emit: o }) {
|
|
328
|
-
const
|
|
327
|
+
const n = S("color-picker"), l = o, i = (c) => {
|
|
329
328
|
l("input", c.target.value);
|
|
330
329
|
};
|
|
331
|
-
return (c, p) => (
|
|
330
|
+
return (c, p) => (z(), _("input", k1({
|
|
332
331
|
ref: "inputRef",
|
|
333
|
-
class:
|
|
332
|
+
class: m(n).b(),
|
|
334
333
|
value: c.modelValue,
|
|
335
334
|
onInput: i
|
|
336
|
-
}, c.$attrs, { type: "color" }), null, 16,
|
|
335
|
+
}, c.$attrs, { type: "color" }), null, 16, o2));
|
|
337
336
|
}
|
|
338
|
-
}),
|
|
339
|
-
name: "
|
|
340
|
-
__name: "draw-
|
|
341
|
-
props:
|
|
337
|
+
}), s2 = /* @__PURE__ */ B(a2, [["__scopeId", "data-v-0172a5c4"]]), c2 = ["width", "height"], l2 = /* @__PURE__ */ L({
|
|
338
|
+
name: "DrawStudio",
|
|
339
|
+
__name: "draw-studio",
|
|
340
|
+
props: L1,
|
|
342
341
|
emits: ["update:line-width", "update:color", "draw", "undo", "redo", "clear", "download"],
|
|
343
|
-
setup(t, { expose: o, emit:
|
|
344
|
-
const l =
|
|
342
|
+
setup(t, { expose: o, emit: n }) {
|
|
343
|
+
const l = S("draw-studio"), i = n, c = t, p = R(() => ({
|
|
345
344
|
backgroundColor: c.backgroundColor
|
|
346
|
-
})), a =
|
|
347
|
-
let r = null,
|
|
348
|
-
const
|
|
345
|
+
})), a = e1("canvasRef");
|
|
346
|
+
let r = null, v = null, s = null;
|
|
347
|
+
const h = D(!1), g = K({ x: 0, y: 0 }), y = D(!1), f = K({
|
|
349
348
|
active: -1,
|
|
350
349
|
list: []
|
|
351
|
-
}), s1 = R(() =>
|
|
352
|
-
|
|
353
|
-
k.value =
|
|
350
|
+
}), s1 = R(() => f.active > 0), c1 = R(() => f.active < f.list.length - 1), k = D(c.lineWidth);
|
|
351
|
+
Q(() => c.lineWidth, (e) => {
|
|
352
|
+
k.value = e;
|
|
354
353
|
});
|
|
355
|
-
const C =
|
|
356
|
-
|
|
357
|
-
C.value =
|
|
354
|
+
const C = D(c.color);
|
|
355
|
+
Q(() => c.color, (e) => {
|
|
356
|
+
C.value = e;
|
|
358
357
|
});
|
|
359
|
-
const
|
|
360
|
-
|
|
358
|
+
const $ = (e) => {
|
|
359
|
+
R1(r, e, k.value, C.value);
|
|
361
360
|
}, N = () => {
|
|
362
361
|
if (!c.useHistory) return;
|
|
363
|
-
const { width:
|
|
364
|
-
|
|
365
|
-
}, l1 = (
|
|
366
|
-
const
|
|
367
|
-
if (!
|
|
368
|
-
const
|
|
362
|
+
const { width: e, height: u } = a.value, d = r.getImageData(0, 0, e, u);
|
|
363
|
+
f.active < f.list.length - 1 && f.list.splice(f.active + 1), f.list.push(d), f.active = f.list.length - 1;
|
|
364
|
+
}, l1 = (e) => {
|
|
365
|
+
const u = a.value;
|
|
366
|
+
if (!h.value || !u) return;
|
|
367
|
+
const d = V(u, e), E = Z(u, e);
|
|
369
368
|
if (E)
|
|
370
369
|
if (y.value)
|
|
371
|
-
|
|
370
|
+
e.preventDefault(), $([g, d]);
|
|
372
371
|
else {
|
|
373
|
-
const
|
|
374
|
-
|
|
372
|
+
const U = Y(u, g, d);
|
|
373
|
+
$([g, U, d]);
|
|
375
374
|
}
|
|
376
375
|
else if (y.value) {
|
|
377
|
-
const
|
|
378
|
-
|
|
376
|
+
const U = Y(u, g, d);
|
|
377
|
+
$([g, U]);
|
|
379
378
|
}
|
|
380
|
-
|
|
381
|
-
}, i1 = (
|
|
382
|
-
|
|
379
|
+
g.x = d.x, g.y = d.y, y.value = E, i("draw", u, r, { x: d.x, y: d.y });
|
|
380
|
+
}, i1 = (e) => {
|
|
381
|
+
O();
|
|
383
382
|
}, A = () => {
|
|
384
|
-
|
|
385
|
-
},
|
|
386
|
-
|
|
387
|
-
const { x:
|
|
388
|
-
|
|
389
|
-
},
|
|
390
|
-
|
|
383
|
+
v && document.removeEventListener("mousemove", v), s && document.removeEventListener("mouseup", s), v = null, s = null;
|
|
384
|
+
}, F = (e) => {
|
|
385
|
+
h.value = !0;
|
|
386
|
+
const { x: u, y: d } = V(a.value, e);
|
|
387
|
+
g.x = u, g.y = d, y.value = !0, v || (v = l1, s = i1, document.addEventListener("mousemove", v), document.addEventListener("mouseup", s));
|
|
388
|
+
}, O = () => {
|
|
389
|
+
h.value && (h.value = !1, y.value = !1, N(), A());
|
|
391
390
|
}, H = () => {
|
|
392
|
-
if (
|
|
393
|
-
|
|
394
|
-
const
|
|
395
|
-
return r.putImageData(
|
|
396
|
-
}, T = () => {
|
|
397
|
-
if (g.active >= g.list.length - 1 || !r) return;
|
|
398
|
-
g.active++;
|
|
399
|
-
const n = g.list[g.active];
|
|
400
|
-
return r.putImageData(n, 0, 0), n;
|
|
391
|
+
if (f.active <= 0 || !r) return;
|
|
392
|
+
f.active--;
|
|
393
|
+
const e = f.list[f.active];
|
|
394
|
+
return r.putImageData(e, 0, 0), e;
|
|
401
395
|
}, W = () => {
|
|
396
|
+
if (f.active >= f.list.length - 1 || !r) return;
|
|
397
|
+
f.active++;
|
|
398
|
+
const e = f.list[f.active];
|
|
399
|
+
return r.putImageData(e, 0, 0), e;
|
|
400
|
+
}, X = () => {
|
|
402
401
|
if (!r) return;
|
|
403
|
-
const { width:
|
|
404
|
-
r.fillStyle =
|
|
405
|
-
},
|
|
402
|
+
const { width: e, height: u, backgroundColor: d } = c;
|
|
403
|
+
r.fillStyle = d, r.fillRect(0, 0, e, u), N();
|
|
404
|
+
}, G = (e = `draw-studio-${Date.now()}`) => {
|
|
406
405
|
if (!a.value) return;
|
|
407
|
-
const
|
|
408
|
-
|
|
409
|
-
},
|
|
410
|
-
!a.value || !
|
|
411
|
-
},
|
|
412
|
-
|
|
413
|
-
},
|
|
414
|
-
if (!("buttons" in
|
|
415
|
-
const
|
|
406
|
+
const u = a.value, d = document.createElement("a");
|
|
407
|
+
d.download = `${e}.png`, d.href = u.toDataURL("image/png"), d.click();
|
|
408
|
+
}, r1 = (e) => {
|
|
409
|
+
!a.value || !Z(a.value, e) || "buttons" in e && e.buttons !== 1 || F(e);
|
|
410
|
+
}, d1 = () => {
|
|
411
|
+
O();
|
|
412
|
+
}, u1 = (e) => {
|
|
413
|
+
if (!("buttons" in e) || e.buttons !== 1 || !h.value) return;
|
|
414
|
+
const u = V(a.value, e);
|
|
416
415
|
if (!y.value) {
|
|
417
|
-
const
|
|
418
|
-
|
|
416
|
+
const d = a.value, E = Y(d, g, u);
|
|
417
|
+
$([g, E, u]);
|
|
419
418
|
}
|
|
420
|
-
|
|
421
|
-
},
|
|
422
|
-
|
|
423
|
-
|
|
419
|
+
g.x = u.x, g.y = u.y, y.value = !0;
|
|
420
|
+
}, p1 = (e) => {
|
|
421
|
+
e.preventDefault(), F(e);
|
|
422
|
+
}, h1 = (e) => {
|
|
423
|
+
const u = a.value;
|
|
424
|
+
if (!h.value || !u || !r) return;
|
|
425
|
+
e.preventDefault();
|
|
426
|
+
const d = V(u, e);
|
|
427
|
+
$([g, d]), g.x = d.x, g.y = d.y, i("draw", u, r, { x: d.x, y: d.y });
|
|
424
428
|
}, m1 = () => {
|
|
425
|
-
|
|
426
|
-
i("redo", a.value, r, n);
|
|
429
|
+
O();
|
|
427
430
|
}, v1 = () => {
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
},
|
|
434
|
-
X(), i("
|
|
435
|
-
},
|
|
431
|
+
const e = H();
|
|
432
|
+
i("undo", a.value, r, e);
|
|
433
|
+
}, g1 = () => {
|
|
434
|
+
const e = W();
|
|
435
|
+
i("redo", a.value, r, e);
|
|
436
|
+
}, f1 = () => {
|
|
437
|
+
X(), i("clear", a.value, r);
|
|
438
|
+
}, z1 = (e) => {
|
|
439
|
+
k.value = e, i("update:line-width", e);
|
|
440
|
+
}, _1 = (e) => {
|
|
441
|
+
C.value = e, i("update:color", e);
|
|
442
|
+
}, w1 = () => {
|
|
443
|
+
G(), i("download", a.value, r);
|
|
444
|
+
}, M1 = () => {
|
|
436
445
|
if (!a.value || (r = a.value.getContext("2d"), !r)) return;
|
|
437
|
-
const { width:
|
|
438
|
-
r.fillStyle =
|
|
446
|
+
const { width: e, height: u, backgroundColor: d } = c;
|
|
447
|
+
r.fillStyle = d, r.fillRect(0, 0, e, u), N();
|
|
439
448
|
};
|
|
440
|
-
return
|
|
441
|
-
|
|
442
|
-
}),
|
|
449
|
+
return n1(() => {
|
|
450
|
+
M1();
|
|
451
|
+
}), o1(() => {
|
|
443
452
|
A();
|
|
444
453
|
}), o({
|
|
445
454
|
canvas: a.value,
|
|
446
455
|
context: r,
|
|
447
456
|
undo: H,
|
|
448
|
-
redo:
|
|
449
|
-
clear:
|
|
450
|
-
download:
|
|
451
|
-
}), (
|
|
452
|
-
class: w([
|
|
457
|
+
redo: W,
|
|
458
|
+
clear: X,
|
|
459
|
+
download: G
|
|
460
|
+
}), (e, u) => (z(), _("div", {
|
|
461
|
+
class: w([m(l).b(), m(l).m(c.toolbarPosition)])
|
|
453
462
|
}, [
|
|
454
|
-
|
|
463
|
+
e.useToolbar ? (z(), _("div", {
|
|
455
464
|
key: 0,
|
|
456
|
-
class: w([
|
|
457
|
-
style:
|
|
465
|
+
class: w([m(l).e("toolbar")]),
|
|
466
|
+
style: T(p.value)
|
|
458
467
|
}, [
|
|
459
|
-
|
|
460
|
-
x(
|
|
461
|
-
class: w(
|
|
468
|
+
e.useHistory ? (z(), _(a1, { key: 0 }, [
|
|
469
|
+
x(m(P), {
|
|
470
|
+
class: w(m(l).is("disable", !s1.value)),
|
|
462
471
|
name: "Left",
|
|
463
|
-
onClick:
|
|
472
|
+
onClick: v1
|
|
464
473
|
}, null, 8, ["class"]),
|
|
465
|
-
x(
|
|
466
|
-
class: w(
|
|
474
|
+
x(m(P), {
|
|
475
|
+
class: w(m(l).is("disable", !c1.value)),
|
|
467
476
|
name: "Right",
|
|
468
|
-
onClick:
|
|
477
|
+
onClick: g1
|
|
469
478
|
}, null, 8, ["class"])
|
|
470
479
|
], 64)) : j("", !0),
|
|
471
|
-
x(
|
|
480
|
+
x(m(P), {
|
|
472
481
|
name: "Broom",
|
|
473
|
-
onClick:
|
|
482
|
+
onClick: f1
|
|
474
483
|
}),
|
|
475
|
-
x(
|
|
484
|
+
x(m(e2), {
|
|
476
485
|
modelValue: k.value,
|
|
477
|
-
"onUpdate:modelValue":
|
|
478
|
-
onChange:
|
|
486
|
+
"onUpdate:modelValue": u[0] || (u[0] = (d) => k.value = d),
|
|
487
|
+
onChange: z1
|
|
479
488
|
}, null, 8, ["modelValue"]),
|
|
480
|
-
x(
|
|
489
|
+
x(m(s2), {
|
|
481
490
|
modelValue: C.value,
|
|
482
|
-
"onUpdate:modelValue":
|
|
483
|
-
onInput:
|
|
491
|
+
"onUpdate:modelValue": u[1] || (u[1] = (d) => C.value = d),
|
|
492
|
+
onInput: _1
|
|
484
493
|
}, null, 8, ["modelValue"]),
|
|
485
|
-
x(
|
|
494
|
+
x(m(P), {
|
|
486
495
|
name: "Download",
|
|
487
|
-
onClick:
|
|
496
|
+
onClick: w1
|
|
488
497
|
})
|
|
489
498
|
], 6)) : j("", !0),
|
|
490
499
|
M("canvas", {
|
|
491
500
|
ref_key: "canvasRef",
|
|
492
501
|
ref: a,
|
|
493
|
-
class: w([
|
|
494
|
-
width:
|
|
495
|
-
height:
|
|
496
|
-
style:
|
|
497
|
-
onMousedown:
|
|
498
|
-
onMouseup:
|
|
499
|
-
onMouseenter:
|
|
500
|
-
|
|
502
|
+
class: w([m(l).e("canvas")]),
|
|
503
|
+
width: e.width,
|
|
504
|
+
height: e.height,
|
|
505
|
+
style: T(p.value),
|
|
506
|
+
onMousedown: r1,
|
|
507
|
+
onMouseup: d1,
|
|
508
|
+
onMouseenter: u1,
|
|
509
|
+
onTouchstart: p1,
|
|
510
|
+
onTouchmove: h1,
|
|
511
|
+
onTouchend: m1
|
|
512
|
+
}, null, 46, c2)
|
|
501
513
|
], 2));
|
|
502
514
|
}
|
|
503
|
-
}),
|
|
515
|
+
}), i2 = /* @__PURE__ */ B(l2, [["__scopeId", "data-v-383cebc4"]]), d2 = C1(i2);
|
|
504
516
|
export {
|
|
505
|
-
|
|
517
|
+
d2 as DrawStudioVue3
|
|
506
518
|
};
|