study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-12-17 17:24:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

新增图片操作分类，支持调整大小、旋转、添加水印、裁剪、格式转换、图片信息、png2ico

Browse Source
This commit is contained in:
fofolee
2025-01-10 01:37:38 +08:00
parent f9a1aefff6
commit 4c279e8309
15 changed files with 1195 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/composer/common/NumberInput.vue
View File

@@ -6,6 +6,8 @@
filled
:label="label"
:placeholder="placeholder"
:max="max"
:min="min"
class="number-input"
>
<template v-slot:prepend>
@@ -20,7 +22,7 @@
icon="keyboard_arrow_up"
size="xs"
class="number-btn"
@click="updateNumber(100)"
@click="updateNumber(step)"
/>
<q-btn
flat
@@ -28,7 +30,7 @@
icon="keyboard_arrow_down"
size="xs"
class="number-btn"
@click="updateNumber(-100)"
@click="updateNumber(-step)"
/>
</div>
</template>
@@ -64,6 +66,18 @@ export default defineComponent({
type: String,
default: "",
},
max: {
type: Number,
default: 1000000000,
},
min: {
type: Number,
default: -1000000000,
},
step: {
type: Number,
default: 1,
},
},
emits: ["update:modelValue"],
computed: {
@@ -75,14 +89,28 @@ export default defineComponent({
if (value === null || value === undefined || value === "") {
this.$emit("update:modelValue", null);
} else {
this.$emit("update:modelValue", value);
const numValue = Number(value);
if (numValue > this.max) {
this.$emit("update:modelValue", this.max);
} else if (numValue < this.min) {
this.$emit("update:modelValue", this.min);
} else {
this.$emit("update:modelValue", numValue);
}
}
},
},
},
methods: {
updateNumber(delta) {
this.$emit("update:modelValue", (this.localValue || 0) + delta);
const newValue = (this.localValue || 0) + delta;
if (newValue > this.max) {
this.$emit("update:modelValue", this.max);
} else if (newValue < this.min) {
this.$emit("update:modelValue", this.min);
} else {
this.$emit("update:modelValue", newValue);
}
},
},
});