feat:支持根据拓展名分组

This commit is contained in:
fanxb 2023-04-13 20:42:50 +08:00
parent 94a90ba359
commit 7d6006d1fd
4 changed files with 120 additions and 80 deletions

View File

@ -3,78 +3,85 @@ import FileObj from "../../vo/FileObj";
import path from 'path'; import path from 'path';
export default class InsertRule implements RuleInterface { export default class InsertRule implements RuleInterface {
/** /**
* *
*/ */
start: number; start: number;
/** /**
* *
*/ */
currentIndex: number; currentIndexMap: Map<string, number>;
/** /**
* *
*/ */
increment: number; increment: number;
/** /**
* 0 * 0
*/ */
addZero: boolean; addZero: boolean;
/** /**
* *
*/ */
numLength: number; numLength: number;
/** /**
* ,front:前缀backendat * ,front:前缀backendat
*/ */
insertType: string; insertType: string;
/** /**
* *
*/ */
insertValue: number; insertValue: number;
/** /**
* *
*/ */
ignorePostfix: boolean; ignorePostfix: boolean;
/**
*
*/
postfixGroup: boolean;
constructor(data: any) { constructor(data: any) {
this.start = data.start; this.start = data.start;
this.currentIndex = data.start; this.currentIndexMap = new Map<string, number>();
this.increment = data.increment; this.increment = data.increment;
this.addZero = data.addZero; this.addZero = data.addZero;
this.numLength = data.numLength; this.numLength = data.numLength;
this.insertType = data.insertType; this.insertType = data.insertType;
this.insertValue = data.insertValue; this.insertValue = data.insertValue;
this.ignorePostfix = data.ignorePostfix; this.ignorePostfix = data.ignorePostfix;
} this.postfixGroup = data.postfixGroup;
}
deal(file: FileObj): void { deal(file: FileObj): void {
let length = this.currentIndex.toString().length; let expand = this.postfixGroup ? file.expandName : "";
let numStr = (this.addZero && this.numLength > length ? "0".repeat(this.numLength - length) : "") + this.currentIndex; let currentIndex = this.currentIndexMap.has(expand) ? this.currentIndexMap.get(expand) : this.start;
let str = this.ignorePostfix ? file.realName : file.name; let length = currentIndex.toString().length;
switch (this.insertType) { let numStr = (this.addZero && this.numLength > length ? "0".repeat(this.numLength - length) : "") + currentIndex;
case "front": let str = this.ignorePostfix ? file.realName : file.name;
str = numStr + str; switch (this.insertType) {
break; case "front":
case "backend": str = numStr + str;
str = str + numStr; break;
break; case "backend":
case "at": str = str + numStr;
str = str.substring(0, this.insertValue - 1) + numStr + str.substring(this.insertValue - 1); break;
break; case "at":
} str = str.substring(0, this.insertValue - 1) + numStr + str.substring(this.insertValue - 1);
this.currentIndex += this.increment; break;
}
this.currentIndexMap.set(expand, currentIndex + this.increment);
if (this.ignorePostfix) { if (this.ignorePostfix) {
file.realName = str; file.realName = str;
} else { } else {
file.expandName = path.extname(str); file.expandName = path.extname(str);
if (file.expandName.length > 0) { if (file.expandName.length > 0) {
file.realName = str.substring(0, str.lastIndexOf(".")); file.realName = str.substring(0, str.lastIndexOf("."));
} else { } else {
file.realName = str; file.realName = str;
} }
} }
file.name = file.realName + file.expandName; file.name = file.realName + file.expandName;
} }
} }

View File

@ -35,6 +35,6 @@
//设置上一节获取到的key //设置上一节获取到的key
window.qieziStatisticKey = "13ec82dd91294ae4a88b0d2cc6cbdf76"; window.qieziStatisticKey = "13ec82dd91294ae4a88b0d2cc6cbdf76";
</script> </script>
<script src="https://qiezi.fleyx.com/qiezijs/1.0/qiezi_statistic.min.js" type="text/javascript"></script> <script src="https://qiezi.fleyx.com/qiezijs/1.0/qiezi_statistic.min.js" type="text/javascript" defer></script>
</body> </body>
</html> </html>

View File

@ -19,7 +19,7 @@
{{ version }}</a> {{ version }}</a>
</el-tooltip> </el-tooltip>
&nbsp;&nbsp; &nbsp;&nbsp;
<template v-if="latestVersion && latestVersion>version"> <template v-if="latestVersion && showNewVersion">
最新版本: 最新版本:
<el-tooltip effect="dark" content="点击查看更新文档" placement="top"> <el-tooltip effect="dark" content="点击查看更新文档" placement="top">
<a href="https://blog.fleyx.com/blog/detail/20221130/#%e5%8d%87%e7%ba%a7" target="_blank"> <a href="https://blog.fleyx.com/blog/detail/20221130/#%e5%8d%87%e7%ba%a7" target="_blank">
@ -40,9 +40,10 @@ export default {
name: "Home", name: "Home",
data() { data() {
return { return {
version: 1.4, version: "1.5",
latestVersion: null, latestVersion: null,
activeIndex: location.pathname, activeIndex: location.pathname,
showNewVersion: false
}; };
}, },
async beforeCreate() { async beforeCreate() {
@ -53,12 +54,30 @@ export default {
// //
let config = await httpUtil.get("https://s3.fleyx.com/picbed/openRenamer/config.json"); let config = await httpUtil.get("https://s3.fleyx.com/picbed/openRenamer/config.json");
this.latestVersion = config.version; this.latestVersion = config.version;
this.showNewVersion = checkVersion(this.version, this.latestVersion);
}, },
async mounted() { async mounted() {
console.log(this.$route); console.log(this.$route);
console.log(location); console.log(location);
}, },
}; };
function checkVersion(version, latestVersion) {
let versions = version.split(".");
let latestVersions = latestVersion.split('.');
for (let i = 0; i < versions.length; i++) {
if (i >= latestVersions.length) {
return false;
}
let versionNum = parseInt(versions[i]);
let latestVersionNum = parseInt(latestVersions[i]);
if (versionNum !== latestVersionNum) {
return versionNum < latestVersionNum;
}
}
return false;
}
</script> </script>
<style lang="less"> <style lang="less">

View File

@ -2,20 +2,20 @@
<div class="flex"> <div class="flex">
<span class="left">起始数</span> <span class="left">起始数</span>
<div class="right"> <div class="right">
<el-input-number :min="1" size="small" v-model="ruleObj.data.start" /> <el-input-number :min="1" size="small" v-model="ruleObj.data.start"/>
</div> </div>
</div> </div>
<div class="flex"> <div class="flex">
<span class="left">增量</span> <span class="left">增量</span>
<div class="right"> <div class="right">
<el-input-number :min="1" size="small" v-model="ruleObj.data.increment" /> <el-input-number :min="1" size="small" v-model="ruleObj.data.increment"/>
</div> </div>
</div> </div>
<div class="flex"> <div class="flex">
<span class="left">填充0补足</span> <span class="left">填充0补足</span>
<div class="right"> <div class="right">
<el-switch v-model="ruleObj.data.addZero" /> <el-switch v-model="ruleObj.data.addZero"/>
<el-input-number size="small" :min="1" :disabled="!ruleObj.data.addZero" v-model="ruleObj.data.numLength" /> <el-input-number size="small" :min="1" :disabled="!ruleObj.data.addZero" v-model="ruleObj.data.numLength"/>
</div> </div>
</div> </div>
<div class="flex"> <div class="flex">
@ -24,21 +24,34 @@
<el-radio style="margin-top: 1em" v-model="ruleObj.data.insertType" label="front">前缀</el-radio> <el-radio style="margin-top: 1em" v-model="ruleObj.data.insertType" label="front">前缀</el-radio>
<el-radio style="margin-top: 1em" v-model="ruleObj.data.insertType" label="backend">后缀</el-radio> <el-radio style="margin-top: 1em" v-model="ruleObj.data.insertType" label="backend">后缀</el-radio>
<el-radio style="margin-top: 1em" v-model="ruleObj.data.insertType" label="at" <el-radio style="margin-top: 1em" v-model="ruleObj.data.insertType" label="at"
>位置:<el-input-number size="small" :min="1" :disabled="ruleObj.data.insertType !== 'at'" v-model="ruleObj.data.insertValue" /> >位置:
<el-input-number size="small" :min="1" :disabled="ruleObj.data.insertType !== 'at'"
v-model="ruleObj.data.insertValue"/>
</el-radio> </el-radio>
</div> </div>
</div> </div>
<div class="flex"> <div class="flex">
<div class="left">忽略拓展名:</div> <div class="left">忽略拓展名:</div>
<el-switch v-model="ruleObj.data.ignorePostfix" /> <el-switch v-model="ruleObj.data.ignorePostfix"/>
</div>
<div class="flex">
<div class="left">拓展名分组:</div>
<el-switch v-model="ruleObj.data.postfixGroup"/>
<el-tooltip effect="dark" content="按照文件拓展名分别计数,方便多种类型文件同时生成序列" placement="right">
<el-icon>
<InfoFilled/>
</el-icon>
</el-tooltip>
</div> </div>
</template> </template>
<script> <script>
import {InfoFilled} from "@element-plus/icons-vue";
export default { export default {
name: "SerializationRule", name: "SerializationRule",
components: {InfoFilled},
props: ["editRule"], props: ["editRule"],
data() { data() {
return { return {
@ -53,6 +66,7 @@ export default {
ignorePostfix: true, ignorePostfix: true,
insertType: "front", insertType: "front",
insertValue: 1, insertValue: 1,
postfixGroup: true
}, },
}, },
}; };