Skip to content

Commit 52663fa

Browse files
committed
🔨 prettier ignore dist and example/assets
1 parent f07ce68 commit 52663fa

File tree

7 files changed

+190
-400
lines changed

7 files changed

+190
-400
lines changed

.prettierignore

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
/dist/*
2+
.local
3+
/node_modules/**
4+
/example/src/assets/*

dist/index.es.js

Lines changed: 66 additions & 90 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,32 @@
1-
import {
2-
defineComponent,
3-
ref,
4-
onMounted,
5-
watch,
6-
nextTick,
7-
openBlock,
8-
createElementBlock,
9-
createElementVNode,
10-
normalizeStyle,
11-
toRaw
12-
} from 'vue'
13-
import Cropper from 'cropperjs'
14-
const _hoisted_1 = ['src', 'alt', 'crossorigin']
1+
import { defineComponent, ref, onMounted, watch, nextTick, openBlock, createElementBlock, createElementVNode, normalizeStyle, toRaw } from "vue";
2+
import Cropper from "cropperjs";
3+
const _hoisted_1 = ["src", "alt", "crossorigin"];
154
const _sfc_main = /* @__PURE__ */ defineComponent({
16-
__name: 'VueCropper',
5+
__name: "VueCropper",
176
props: {
187
src: {
198
type: String,
209
required: true
2110
},
2211
alt: {
2312
type: String,
24-
default: 'image'
13+
default: "image"
2514
},
2615
imgStyle: {
2716
type: Object,
2817
default: () => ({})
2918
},
3019
imgCrossOrigin: {
3120
type: String,
32-
default: null
21+
default: void 0
3322
},
3423
viewMode: {
3524
type: Number,
3625
default: 0
3726
},
3827
dragMode: {
3928
type: String,
40-
default: 'crop'
29+
default: "crop"
4130
},
4231
initialAspectRatio: {
4332
type: Number,
@@ -53,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
5342
},
5443
preview: {
5544
type: [String, Array, Object],
56-
default: ''
45+
default: ""
5746
},
5847
responsive: {
5948
type: Boolean,
@@ -189,145 +178,132 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
189178
}
190179
},
191180
setup(__props, { expose }) {
192-
const props = __props
181+
const props = __props;
193182
const imageStyle = {
194-
display: 'block',
195-
maxWidth: '100%'
196-
}
197-
const imageRef = ref()
198-
let cropper
183+
display: "block",
184+
maxWidth: "100%"
185+
};
186+
const imageRef = ref();
187+
let cropper;
199188
function initCropper() {
200189
if (props.src) {
201-
cropper = new Cropper(imageRef.value, toRaw(props))
190+
cropper = new Cropper(imageRef.value, toRaw(props));
202191
} else {
203-
cropper = void 0
192+
cropper = void 0;
204193
}
205194
}
206-
onMounted(initCropper)
207-
watch(
208-
() => props,
209-
() => {
210-
cropper == null ? void 0 : cropper.destroy()
211-
nextTick(initCropper)
212-
},
213-
{ deep: true }
214-
)
195+
onMounted(initCropper);
196+
watch(() => props, () => {
197+
cropper == null ? void 0 : cropper.destroy();
198+
nextTick(initCropper);
199+
}, { deep: true });
215200
expose({
216201
clear() {
217-
return cropper == null ? void 0 : cropper.clear()
202+
return cropper == null ? void 0 : cropper.clear();
218203
},
219204
crop() {
220-
return cropper == null ? void 0 : cropper.crop()
205+
return cropper == null ? void 0 : cropper.crop();
221206
},
222207
destroy() {
223-
return cropper == null ? void 0 : cropper.destroy()
208+
return cropper == null ? void 0 : cropper.destroy();
224209
},
225210
disable() {
226-
return cropper == null ? void 0 : cropper.disable()
211+
return cropper == null ? void 0 : cropper.disable();
227212
},
228213
enable() {
229-
return cropper == null ? void 0 : cropper.enable()
214+
return cropper == null ? void 0 : cropper.enable();
230215
},
231216
getCanvasData() {
232-
return cropper == null ? void 0 : cropper.getCanvasData()
217+
return cropper == null ? void 0 : cropper.getCanvasData();
233218
},
234219
getContainerData() {
235-
return cropper == null ? void 0 : cropper.getContainerData()
220+
return cropper == null ? void 0 : cropper.getContainerData();
236221
},
237222
getCropBoxData() {
238-
return cropper == null ? void 0 : cropper.getCropBoxData()
223+
return cropper == null ? void 0 : cropper.getCropBoxData();
239224
},
240225
getCroppedCanvas(options) {
241-
return cropper == null ? void 0 : cropper.getCroppedCanvas(options)
226+
return cropper == null ? void 0 : cropper.getCroppedCanvas(options);
242227
},
243228
getData(rounded) {
244-
return cropper == null ? void 0 : cropper.getData(rounded)
229+
return cropper == null ? void 0 : cropper.getData(rounded);
245230
},
246231
getImageData() {
247-
return cropper == null ? void 0 : cropper.getImageData()
232+
return cropper == null ? void 0 : cropper.getImageData();
248233
},
249234
move(offsetX, offsetY) {
250-
return cropper == null ? void 0 : cropper.move(offsetX, offsetY)
235+
return cropper == null ? void 0 : cropper.move(offsetX, offsetY);
251236
},
252237
moveTo(x, y) {
253-
return cropper == null ? void 0 : cropper.moveTo(x, y)
238+
return cropper == null ? void 0 : cropper.moveTo(x, y);
254239
},
255240
replace(url, hasSameSize) {
256-
return cropper == null ? void 0 : cropper.replace(url, hasSameSize)
241+
return cropper == null ? void 0 : cropper.replace(url, hasSameSize);
257242
},
258243
reset() {
259-
return cropper == null ? void 0 : cropper.reset()
244+
return cropper == null ? void 0 : cropper.reset();
260245
},
261246
rotate(degree) {
262-
return cropper == null ? void 0 : cropper.rotate(degree)
247+
return cropper == null ? void 0 : cropper.rotate(degree);
263248
},
264249
rotateTo(degree) {
265-
return cropper == null ? void 0 : cropper.rotateTo(degree)
250+
return cropper == null ? void 0 : cropper.rotateTo(degree);
266251
},
267252
scale(scaleX, scaleY) {
268-
return cropper == null ? void 0 : cropper.scale(scaleX, scaleY)
253+
return cropper == null ? void 0 : cropper.scale(scaleX, scaleY);
269254
},
270255
scaleX(scaleX) {
271-
return cropper == null ? void 0 : cropper.scaleX(scaleX)
256+
return cropper == null ? void 0 : cropper.scaleX(scaleX);
272257
},
273258
scaleY(scaleY) {
274-
return cropper == null ? void 0 : cropper.scaleY(scaleY)
259+
return cropper == null ? void 0 : cropper.scaleY(scaleY);
275260
},
276261
setAspectRatio(aspectRatio) {
277-
return cropper == null ? void 0 : cropper.setAspectRatio(aspectRatio)
262+
return cropper == null ? void 0 : cropper.setAspectRatio(aspectRatio);
278263
},
279264
setCanvasData(data) {
280-
return cropper == null ? void 0 : cropper.setCanvasData(data)
265+
return cropper == null ? void 0 : cropper.setCanvasData(data);
281266
},
282267
setCropBoxData(data) {
283-
return cropper == null ? void 0 : cropper.setCropBoxData(data)
268+
return cropper == null ? void 0 : cropper.setCropBoxData(data);
284269
},
285270
setData(data) {
286-
return cropper == null ? void 0 : cropper.setData(data)
271+
return cropper == null ? void 0 : cropper.setData(data);
287272
},
288273
setDragMode(dragMode) {
289-
return cropper == null ? void 0 : cropper.setDragMode(dragMode)
274+
return cropper == null ? void 0 : cropper.setDragMode(dragMode);
290275
},
291276
zoom(ratio) {
292-
return cropper == null ? void 0 : cropper.zoom(ratio)
277+
return cropper == null ? void 0 : cropper.zoom(ratio);
293278
},
294279
zoomTo(ratio, pivot) {
295-
return cropper == null ? void 0 : cropper.zoomTo(ratio, pivot)
280+
return cropper == null ? void 0 : cropper.zoomTo(ratio, pivot);
296281
},
297282
flipX() {
298283
if (cropper) {
299-
const { scaleX } = cropper.getData()
300-
cropper.scaleX(-scaleX)
284+
const { scaleX } = cropper.getData();
285+
cropper.scaleX(-scaleX);
301286
}
302287
},
303288
flipY() {
304289
if (cropper) {
305-
const { scaleY } = cropper.getData()
306-
cropper.scaleY(-scaleY)
290+
const { scaleY } = cropper.getData();
291+
cropper.scaleY(-scaleY);
307292
}
308293
}
309-
})
294+
});
310295
return (_ctx, _cache) => {
311-
return (
312-
openBlock(),
313-
createElementBlock('div', null, [
314-
createElementVNode(
315-
'img',
316-
{
317-
ref_key: 'imageRef',
318-
ref: imageRef,
319-
src: props.src,
320-
alt: props.alt,
321-
crossorigin: __props.imgCrossOrigin,
322-
style: normalizeStyle([imageStyle, props.imgStyle])
323-
},
324-
null,
325-
12,
326-
_hoisted_1
327-
)
328-
])
329-
)
330-
}
296+
return openBlock(), createElementBlock("div", null, [
297+
createElementVNode("img", {
298+
ref_key: "imageRef",
299+
ref: imageRef,
300+
src: props.src,
301+
alt: props.alt,
302+
crossorigin: __props.imgCrossOrigin,
303+
style: normalizeStyle([imageStyle, props.imgStyle])
304+
}, null, 12, _hoisted_1)
305+
]);
306+
};
331307
}
332-
})
333-
export { _sfc_main as default }
308+
});
309+
export { _sfc_main as default };

0 commit comments

Comments
 (0)