GithubBackup/PicList
1
0
Fork 0
mirror of https://github.com/Kuingsmile/PicList.git synced 2026-05-06 20:42:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

✨ Feature(custom): optimize ui of script page

Browse Source
This commit is contained in:
Kuingsmile
2026-01-27 12:11:42 +08:00
parent cf02a8f4e3
commit 682e703c51
2 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/renderer/components/ImageProcessSetting.vue
View File

@@ -1405,7 +1405,7 @@ function safeSetMapValue(form: any, fieldName: string, picbedType: string, value
const globalValue = form[fieldName] const globalValue = form[fieldName]
const isSameValue = const isSameValue =
fieldName === 'formatConvertObj' fieldName === 'formatConvertObj'
? JSON.stringify(JSON.parse(value)) === JSON.stringify(JSON.parse(globalValue || '{}')) ? JSON.stringify(JSON.parse(value)) === JSON.stringify(globalValue || {})
: value === globalValue : value === globalValue
const isValueDefault = const isValueDefault =
fieldName === 'formatConvertObj' fieldName === 'formatConvertObj'
@@ -1415,6 +1415,7 @@ function safeSetMapValue(form: any, fieldName: string, picbedType: string, value
fieldName === 'formatConvertObj' fieldName === 'formatConvertObj'
? JSON.stringify(form[fieldName]) === JSON.stringify(defaultValue) ? JSON.stringify(form[fieldName]) === JSON.stringify(defaultValue)
: form[fieldName] === defaultValue : form[fieldName] === defaultValue
console.log({ isValueDefault, isFormValueDefault, isSameValue })
if ((isValueDefault && isFormValueDefault) || isSameValue) { if ((isValueDefault && isFormValueDefault) || isSameValue) {
delete form[mapFieldName][picbedType] delete form[mapFieldName][picbedType]
} else { } else {

24
src/renderer/pages/ScriptPage.vue
View File

@@ -44,18 +44,19 @@
}" }"
> >
<div <div
class="absolute right-1 bottom-0 flex h-[15px] w-auto items-center rounded-md bg-accent/70 px-2 py-1 text-xs font-semibold text-white" class="absolute right-1 bottom-0 flex h-[15px] w-auto items-center rounded-md bg-gray-400 px-2 py-1 text-[0.6rem] font-medium text-white"
> >
{{ supportedScriptCategories.find(cat => cat.type === item.category)?.name || item.category }} {{ supportedScriptCategories.find(cat => cat.type === item.category)?.name || item.category }}
</div> </div>
<div class="relative z-1 flex flex-1 items-start justify-between"> <div class="relative z-1 flex flex-1 items-start justify-between">
<div <div
class="peer flex h-[40px] w-[40px] items-center justify-center rounded-lg border border-border-secondary text-accent transition-all duration-fast ease-apple group-hover/config-card:scale-105 [.is-active]:border-none [.is-active]:bg-accent [.is-active]:text-white" class="peer flex h-[40px] w-[40px] items-center justify-center rounded-lg border border-accent/10 text-accent transition-all duration-fast ease-apple group-hover/config-card:scale-105"
:class="{ 'is-active': item.enabled }"
> >
<FileCode :size="20" /> <FileCode :size="20" />
</div> </div>
<div class="grid grid-cols-2 gap-1.5 transition-all duration-fast ease-apple"> <div
class="grid grid-cols-2 gap-1.5 opacity-0 transition-all duration-fast ease-apple group-hover/config-card:opacity-100"
>
<button <button
class="action-btn" class="action-btn"
:title="t('pages.scripts.editScript')" :title="t('pages.scripts.editScript')"
@@ -81,15 +82,19 @@
<button <button
v-if="item.category !== 'manualTrigger' && item.category !== 'uploader.advancedplist'" v-if="item.category !== 'manualTrigger' && item.category !== 'uploader.advancedplist'"
class="action-btn" class="action-btn border-none"
:class="{
'bg-success/40': !item.enabled,
'bg-error/40': item.enabled,
}"
:title="item.enabled ? t('pages.scripts.disableScript') : t('pages.scripts.enableScript')" :title="item.enabled ? t('pages.scripts.disableScript') : t('pages.scripts.enableScript')"
@click.stop="toggleScript(item.filePath)" @click.stop="toggleScript(item.filePath)"
> >
<template v-if="!item.enabled"> <template v-if="!item.enabled">
<CheckCircle2 :size="14" /> <CheckCircle2 :size="16" class="text-white" />
</template> </template>
<template v-else> <template v-else>
<XIcon :size="14" /> <XIcon :size="16" class="text-white" />
</template> </template>
</button> </button>
</div> </div>
@@ -106,14 +111,13 @@
</div> </div>
<div <div
v-if="item.enabled" v-if="item.enabled"
class="inline-flex items-center gap-1.5 rounded-2xl bg-accent/40 px-3 py-1.5 text-xs font-medium text-white transition-all duration-fast ease-standard" class="inline-flex items-center gap-1.5 rounded-2xl bg-accent/40 px-2 py-1 text-xs font-medium text-white transition-all duration-fast ease-standard"
> >
<CheckCircle2 :size="15" />
<span>{{ t('pages.scripts.enabled') }}</span> <span>{{ t('pages.scripts.enabled') }}</span>
</div> </div>
<div <div
v-else v-else
class="inline-flex items-center gap-1.5 rounded-2xl px-3 py-1.5 text-xs font-medium text-tertiary transition-all duration-fast ease-standard group-hover/config-card:bg-accent/10" class="inline-flex items-center gap-1.5 rounded-2xl bg-error/40 px-2 py-1 text-xs font-medium text-white transition-all duration-fast ease-standard"
> >
<span>{{ t('pages.scripts.disabled') }}</span> <span>{{ t('pages.scripts.disabled') }}</span>
</div> </div>