chore: update

This commit is contained in:
xiaoxian521
2022-08-11 20:32:55 +08:00
parent 5f1466b574
commit 243c8f71a7
19 changed files with 200 additions and 2766 deletions

View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
import { ref, nextTick, getCurrentInstance } from "vue";
import { ref, nextTick } from "vue";
import Cropper from "/@/components/ReCropper";
import img from "./picture.jpeg";
@@ -7,20 +7,17 @@ defineOptions({
name: "Cropping"
});
let refCropper = ref();
let info = ref<object>(null);
let cropperImg = ref<string>("");
const instance = getCurrentInstance();
const onCropper = (): void => {
nextTick(() => {
// @ts-expect-error
instance.refs.refCropper.cropper.getCroppedCanvas().toBlob(blob => {
refCropper.value.cropper.getCroppedCanvas().toBlob(blob => {
let fileReader: FileReader = new FileReader();
fileReader.onloadend = (e: ProgressEvent) => {
// @ts-ignore
cropperImg.value = e.target.result;
// @ts-expect-error
info.value = instance.refs.refCropper.cropper.getData();
cropperImg.value = (e.target as any).result;
info.value = refCropper.value.cropper.getData();
};
fileReader.readAsDataURL(blob);
}, "image/jpeg");

View File

@@ -1,4 +1,5 @@
<script setup lang="ts">
import Sortable from "sortablejs";
import { ref, onMounted } from "vue";
import draggable from "vuedraggable/src/vuedraggable";
import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
@@ -39,7 +40,6 @@ const change = (evt): void => {
onMounted(() => {
// 使用原生sortable实现元素位置切换
// @ts-ignore
new Sortable(document.querySelector(".cut-container"), {
swap: true,
forceFallback: true,

View File

@@ -44,8 +44,7 @@ let classOption = reactive({
});
function changeDirection(val) {
// @ts-ignore
unref(scroll).reset();
(unref(scroll) as any).reset();
unref(classOption).direction = val;
}
</script>