mirror of
https://github.com/fofolee/uTools-quickcommand.git
synced 2025-09-24 13:03:30 +08:00
修复设置菜单下的弹窗不可点击及显示异常的BUG
This commit is contained in:
fofolee
@@ -1,304 +1,443 @@
|
||||
<template>
|
||||
<q-menu max-height="480px" max-width="300px" transition-show="jump-up" transition-hide="jump-down">
|
||||
<!-- 用户信息 -->
|
||||
<UserInfo ref="user" :allQuickCommandsLength="allQuickCommandsLength" :allFeaturesLength="allFeaturesLength" />
|
||||
<!-- 菜单 -->
|
||||
<q-list>
|
||||
<!-- 命令管理 -->
|
||||
<q-item clickable>
|
||||
<q-item-section side>
|
||||
<q-icon name="keyboard_arrow_left" />
|
||||
</q-item-section>
|
||||
<q-item-section>命令管理</q-item-section>
|
||||
<q-menu anchor="top end" self="top start">
|
||||
<q-list>
|
||||
<!-- 导入 -->
|
||||
<q-item clickable v-close-popup @click="importCommand">
|
||||
<div>
|
||||
<q-menu
|
||||
target="#menuBtn"
|
||||
max-height="480px"
|
||||
max-width="300px"
|
||||
transition-show="jump-up"
|
||||
transition-hide="jump-down"
|
||||
>
|
||||
<!-- 用户信息 -->
|
||||
<UserInfo
|
||||
ref="user"
|
||||
:allQuickCommandsLength="allQuickCommandsLength"
|
||||
:allFeaturesLength="allFeaturesLength"
|
||||
/>
|
||||
<!-- 菜单 -->
|
||||
<q-list>
|
||||
<!-- 命令管理 -->
|
||||
<q-item clickable>
|
||||
<q-item-section side>
|
||||
<q-icon name="keyboard_arrow_left" />
|
||||
</q-item-section>
|
||||
<q-item-section>命令管理</q-item-section>
|
||||
<q-menu anchor="top end" self="top start">
|
||||
<q-list>
|
||||
<!-- 导入 -->
|
||||
<q-item clickable v-close-popup @click="importCommand">
|
||||
<q-item-section side>
|
||||
<q-icon name="text_snippet" />
|
||||
</q-item-section>
|
||||
<q-item-section>从文件导入命令</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable v-close-popup @click="importCommand(false)">
|
||||
<q-item-section side>
|
||||
<q-icon name="content_paste" />
|
||||
</q-item-section>
|
||||
<q-item-section>从剪贴板导入命令</q-item-section>
|
||||
</q-item>
|
||||
<!-- 导出 -->
|
||||
<q-item clickable v-close-popup @click="exportAllCommands">
|
||||
<q-item-section side>
|
||||
<q-icon name="file_upload" />
|
||||
</q-item-section>
|
||||
<q-item-section>导出所有命令</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable v-close-popup @click="enableAllCommands">
|
||||
<q-item-section side>
|
||||
<q-icon name="checklist_rtl" />
|
||||
</q-item-section>
|
||||
<q-item-section>启用本页所有命令</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable v-close-popup @click="disableAllCommands">
|
||||
<q-item-section side>
|
||||
<q-icon name="remove_done" />
|
||||
</q-item-section>
|
||||
<q-item-section>禁用本页所有命令</q-item-section>
|
||||
</q-item>
|
||||
<!-- 清空 -->
|
||||
<q-item
|
||||
style="color: red"
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="clearAllCommands"
|
||||
>
|
||||
<q-item-section side>
|
||||
<q-icon name="delete" />
|
||||
</q-item-section>
|
||||
<q-item-section>清空数据</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-menu>
|
||||
</q-item>
|
||||
<!-- 实用功能 -->
|
||||
<q-item clickable>
|
||||
<q-item-section side>
|
||||
<q-icon name="keyboard_arrow_left" />
|
||||
</q-item-section>
|
||||
<q-item-section>实用功能</q-item-section>
|
||||
<q-menu anchor="top end" self="top start">
|
||||
<q-list>
|
||||
<q-item>
|
||||
<q-item-section side>
|
||||
<q-icon name="folder_special" />
|
||||
</q-item-section>
|
||||
<q-input
|
||||
dense
|
||||
prefix="快速收藏文件至"
|
||||
suffix="标签"
|
||||
outlined
|
||||
input-class="text-center"
|
||||
style="width: 280px"
|
||||
autofocus
|
||||
v-model="$root.profile.quickFileTag"
|
||||
@blur="
|
||||
$root.profile.quickFileTag ||
|
||||
($root.profile.quickFileTag = '文件')
|
||||
"
|
||||
type="text"
|
||||
>
|
||||
<template v-slot:append>
|
||||
<q-toggle
|
||||
@update:model-value="
|
||||
(val, e) => toggleFeature('favFile', val)
|
||||
"
|
||||
v-model="$root.profile.quickFileEnable"
|
||||
checked-icon="check"
|
||||
color="primary"
|
||||
/>
|
||||
</template>
|
||||
<q-tooltip
|
||||
>启用后，选中文件可以通过超级面板快速将文件收藏到「{{
|
||||
$root.profile.quickFileTag
|
||||
}}」标签
|
||||
</q-tooltip>
|
||||
</q-input>
|
||||
</q-item>
|
||||
<q-item>
|
||||
<q-item-section side>
|
||||
<q-icon name="bookmarks" />
|
||||
</q-item-section>
|
||||
<q-input
|
||||
dense
|
||||
prefix="快速收藏网址至"
|
||||
suffix="标签"
|
||||
outlined
|
||||
input-class="text-center"
|
||||
style="width: 280px"
|
||||
v-model="$root.profile.quickUrlTag"
|
||||
@blur="
|
||||
$root.profile.quickUrlTag ||
|
||||
($root.profile.quickUrlTag = '网址')
|
||||
"
|
||||
type="text"
|
||||
>
|
||||
<template v-slot:append>
|
||||
<q-toggle
|
||||
@update:model-value="
|
||||
(val, e) => toggleFeature('favUrl', val)
|
||||
"
|
||||
v-model="$root.profile.quickUrlEnable"
|
||||
checked-icon="check"
|
||||
color="primary"
|
||||
/>
|
||||
</template>
|
||||
<q-tooltip
|
||||
>启用后，在浏览器界面可以通过超级面板快速将网址收藏到「{{
|
||||
$root.profile.quickUrlTag
|
||||
}}」标签
|
||||
</q-tooltip>
|
||||
</q-input>
|
||||
</q-item>
|
||||
<q-item>
|
||||
<q-item-section side>
|
||||
<q-icon name="drive_file_rename_outline" />
|
||||
</q-item-section>
|
||||
<q-input
|
||||
dense
|
||||
prefix="新建插件别名至"
|
||||
suffix="标签"
|
||||
outlined
|
||||
input-class="text-center"
|
||||
style="width: 280px"
|
||||
autofocus
|
||||
v-model="$root.profile.pluNickNameTag"
|
||||
type="text"
|
||||
>
|
||||
<template v-slot:append>
|
||||
<q-toggle
|
||||
@update:model-value="
|
||||
(val, e) => toggleFeature('pluNickName', val)
|
||||
"
|
||||
v-model="$root.profile.pluNickNameEnable"
|
||||
checked-icon="check"
|
||||
color="primary"
|
||||
/>
|
||||
</template>
|
||||
<q-tooltip
|
||||
>启用后，在主输入框输入「插件别名」可以快速设置插件别名<br />
|
||||
并将所有设置的别名保存至「{{
|
||||
$root.profile.pluNickNameTag
|
||||
}}」标签
|
||||
</q-tooltip>
|
||||
</q-input>
|
||||
</q-item>
|
||||
<q-item>
|
||||
<q-item-section side>
|
||||
<q-icon name="api" />
|
||||
</q-item-section>
|
||||
<q-field dense outlined style="width: 280px">
|
||||
<template v-slot:control>
|
||||
<div class="self-center full-width no-outline" tabindex="0">
|
||||
快捷命令服务
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:append>
|
||||
<q-btn
|
||||
flat
|
||||
@click="$router.push('server')"
|
||||
icon="open_in_new"
|
||||
/>
|
||||
</template>
|
||||
<q-tooltip
|
||||
>通过本地监听
|
||||
{{ $root.nativeProfile.serverPort }}
|
||||
端口的形式，接收用户传送过来的参数，然后根据参数执行不同的操作
|
||||
<br />
|
||||
需要配置插件跟随 utools 启动和保留后台<br />
|
||||
也可在主输入框通过关键字「快捷命令服务配置」进入
|
||||
</q-tooltip>
|
||||
</q-field>
|
||||
</q-item>
|
||||
<q-item>
|
||||
<q-item-section side>
|
||||
<q-icon name="code" />
|
||||
</q-item-section>
|
||||
<q-field dense outlined style="width: 280px">
|
||||
<template v-slot:control>
|
||||
<div class="self-center full-width no-outline" tabindex="0">
|
||||
运行代码
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:append>
|
||||
<q-btn
|
||||
flat
|
||||
@click="$router.push('code')"
|
||||
icon="open_in_new"
|
||||
/>
|
||||
</template>
|
||||
<q-tooltip
|
||||
>一个可以直接运行代码的代码编辑器<br />
|
||||
也可在主输入框输入关键字「RunCode」进入
|
||||
</q-tooltip>
|
||||
</q-field>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-menu>
|
||||
</q-item>
|
||||
<!-- 环境配置 -->
|
||||
<q-item clickable>
|
||||
<q-item-section side>
|
||||
<q-icon name="keyboard_arrow_left" />
|
||||
</q-item-section>
|
||||
<q-item-section>环境配置</q-item-section>
|
||||
<q-menu anchor="bottom end" self="bottom start">
|
||||
<q-list>
|
||||
<q-item clickable v-close-popup @click="showUserDara = true">
|
||||
<q-item-section side>
|
||||
<q-icon name="manage_accounts" />
|
||||
</q-item-section>
|
||||
<q-item-section>用户特殊变量</q-item-section>
|
||||
<q-tooltip
|
||||
>用户设置的变量，类似一个全局配置项<br />
|
||||
配置好后可选择特殊变量中的「usr:」插入<br />
|
||||
也可直接在特殊变量中配置</q-tooltip
|
||||
>
|
||||
</q-item>
|
||||
<q-item>
|
||||
<q-item-section side>
|
||||
<q-icon name="dvr" />
|
||||
</q-item-section>
|
||||
<q-input
|
||||
dense
|
||||
outlined
|
||||
autogrow
|
||||
style="width: 280px"
|
||||
autofocus
|
||||
v-model="$root.nativeProfile.envPath"
|
||||
type="text"
|
||||
label="环境变量 PATH"
|
||||
>
|
||||
<q-tooltip
|
||||
>修改本插件环境变量中的 PATH，直接覆盖而非追加
|
||||
<br />将会影响到除 quickcommand、html
|
||||
以外的所有环境</q-tooltip
|
||||
>
|
||||
</q-input>
|
||||
</q-item>
|
||||
<q-item v-if="showAlias">
|
||||
<q-item-section side>
|
||||
<q-icon name="code" />
|
||||
</q-item-section>
|
||||
<q-input
|
||||
dense
|
||||
outlined
|
||||
autogrow
|
||||
style="width: 280px"
|
||||
v-model="$root.nativeProfile.alias"
|
||||
type="text"
|
||||
label="Alias"
|
||||
>
|
||||
<q-tooltip
|
||||
>一行一条，配置方法和 shell 的语法一样<br />如 alias
|
||||
python="/home/user/.bin/python"<br />将会影响到除
|
||||
quickcommand、html 以外的所有环境</q-tooltip
|
||||
>
|
||||
</q-input>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-menu>
|
||||
</q-item>
|
||||
<!-- 个性化设置 -->
|
||||
<q-item clickable>
|
||||
<q-item-section side>
|
||||
<q-icon name="keyboard_arrow_left" />
|
||||
</q-item-section>
|
||||
<q-item-section>个性化设置</q-item-section>
|
||||
<q-menu anchor="top end" self="top start">
|
||||
<q-list>
|
||||
<q-item clickable :disable="!$refs.user.isVIP">
|
||||
<q-item-section side>
|
||||
<q-icon name="color_lens" />
|
||||
</q-item-section>
|
||||
<q-item-section>主颜色</q-item-section>
|
||||
<q-tooltip>你可以更改界面的主题色，会员限定</q-tooltip>
|
||||
<q-menu
|
||||
v-if="$refs.user.isVIP"
|
||||
nchor="top left"
|
||||
self="bottom end"
|
||||
>
|
||||
<q-card>
|
||||
<q-color
|
||||
@change="setPrimaryColor"
|
||||
v-model="$root.profile.primaryColor"
|
||||
/>
|
||||
<q-btn
|
||||
color="primary"
|
||||
label="重置为默认"
|
||||
class="full-width"
|
||||
@click="resetPrimary"
|
||||
/>
|
||||
</q-card>
|
||||
</q-menu>
|
||||
</q-item>
|
||||
<q-item clickable :disable="!$refs.user.isVIP">
|
||||
<q-item-section side>
|
||||
<q-icon name="image" />
|
||||
</q-item-section>
|
||||
<q-item-section>面板视图背景图片</q-item-section>
|
||||
<q-tooltip
|
||||
>为面板视图设置一张背景图片，会员限定<br />请不要选择尺寸太大的图片，将影响插件载入速度</q-tooltip
|
||||
>
|
||||
<q-menu
|
||||
v-if="$refs.user.isVIP"
|
||||
nchor="top left"
|
||||
self="bottom end"
|
||||
>
|
||||
<q-card>
|
||||
<q-file
|
||||
dense
|
||||
standout="bg-primary text-white"
|
||||
v-model="selectFile"
|
||||
autofocus
|
||||
@update:model-value="changeBackground()"
|
||||
accept="image/*"
|
||||
label="请选择一张图片"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon name="attach_file" />
|
||||
</template>
|
||||
</q-file>
|
||||
<q-btn
|
||||
color="negative"
|
||||
label="取消背景"
|
||||
class="full-width"
|
||||
@click="changeBackground(1)"
|
||||
/>
|
||||
</q-card>
|
||||
</q-menu>
|
||||
</q-item>
|
||||
<q-item clickable :disable="!$refs.user.isVIP">
|
||||
<q-item-section side>
|
||||
<q-icon name="label" />
|
||||
</q-item-section>
|
||||
<q-item-section class="flex">紧凑标签栏 </q-item-section>
|
||||
<q-tooltip>更为紧凑的标签栏，适用于标签非常多的情形</q-tooltip>
|
||||
<q-item-section side
|
||||
><q-toggle
|
||||
v-model="$root.profile.denseTagBar"
|
||||
:disable="!$refs.user.isVIP"
|
||||
color="primary"
|
||||
/></q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable>
|
||||
<q-item-section side>
|
||||
<q-icon name="search" />
|
||||
</q-item-section>
|
||||
<q-item-section class="flex">自动聚焦搜索 </q-item-section>
|
||||
<q-tooltip>进入插件时自动聚焦搜索</q-tooltip>
|
||||
<q-item-section side
|
||||
><q-toggle
|
||||
v-model="$root.profile.autofocusSearch"
|
||||
color="primary"
|
||||
/></q-item-section>
|
||||
</q-item>
|
||||
<!-- 自动分离 -->
|
||||
<!-- <q-item clickable v-close-popup @click="getActivatedFutures(); showAutoDetachFeatures = true">
|
||||
<q-item-section side>
|
||||
<q-icon name="web_stories" />
|
||||
</q-item-section>
|
||||
<q-item-section class="flex">自动分离 </q-item-section>
|
||||
<q-tooltip>utools的自动分离对整个插件生效，配置此选项可以实现只对某些特定的功能进行自动分离</q-tooltip>
|
||||
</q-item> -->
|
||||
</q-list>
|
||||
</q-menu>
|
||||
</q-item>
|
||||
<!-- <q-item clickable to="/share">
|
||||
<q-item-section side>
|
||||
<q-icon name="text_snippet" />
|
||||
<q-icon name="groups" />
|
||||
</q-item-section>
|
||||
<q-item-section>从文件导入命令</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable v-close-popup @click="importCommand(false)">
|
||||
<q-item-section side>
|
||||
<q-icon name="content_paste" />
|
||||
</q-item-section>
|
||||
<q-item-section>从剪贴板导入命令</q-item-section>
|
||||
</q-item>
|
||||
<!-- 导出 -->
|
||||
<q-item clickable v-close-popup @click="exportAllCommands">
|
||||
<q-item-section side>
|
||||
<q-icon name="file_upload" />
|
||||
</q-item-section>
|
||||
<q-item-section>导出所有命令</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable v-close-popup @click="enableAllCommands">
|
||||
<q-item-section side>
|
||||
<q-icon name="checklist_rtl" />
|
||||
</q-item-section>
|
||||
<q-item-section>启用本页所有命令</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable v-close-popup @click="disableAllCommands">
|
||||
<q-item-section side>
|
||||
<q-icon name="remove_done" />
|
||||
</q-item-section>
|
||||
<q-item-section>禁用本页所有命令</q-item-section>
|
||||
</q-item>
|
||||
<!-- 清空 -->
|
||||
<q-item style="color: red" clickable v-close-popup @click="clearAllCommands">
|
||||
<q-item-section side>
|
||||
<q-icon name="delete" />
|
||||
</q-item-section>
|
||||
<q-item-section>清空数据</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-menu>
|
||||
</q-item>
|
||||
<!-- 实用功能 -->
|
||||
<q-item clickable>
|
||||
<q-item-section side>
|
||||
<q-icon name="keyboard_arrow_left" />
|
||||
</q-item-section>
|
||||
<q-item-section>实用功能</q-item-section>
|
||||
<q-menu anchor="top end" self="top start">
|
||||
<q-list>
|
||||
<q-item>
|
||||
<q-item-section side>
|
||||
<q-icon name="folder_special" />
|
||||
</q-item-section>
|
||||
<q-input dense prefix="快速收藏文件至" suffix="标签" outlined input-class="text-center" style="width: 280px"
|
||||
autofocus v-model="$root.profile.quickFileTag" @blur="
|
||||
$root.profile.quickFileTag ||
|
||||
($root.profile.quickFileTag = '文件')
|
||||
" type="text">
|
||||
<template v-slot:append>
|
||||
<q-toggle @update:model-value="(val, e) => toggleFeature('favFile', val)
|
||||
" v-model="$root.profile.quickFileEnable" checked-icon="check" color="primary" />
|
||||
</template>
|
||||
<q-tooltip>启用后，选中文件可以通过超级面板快速将文件收藏到「{{
|
||||
$root.profile.quickFileTag
|
||||
}}」标签
|
||||
</q-tooltip>
|
||||
</q-input>
|
||||
</q-item>
|
||||
<q-item>
|
||||
<q-item-section side>
|
||||
<q-icon name="bookmarks" />
|
||||
</q-item-section>
|
||||
<q-input dense prefix="快速收藏网址至" suffix="标签" outlined input-class="text-center" style="width: 280px"
|
||||
v-model="$root.profile.quickUrlTag" @blur="
|
||||
$root.profile.quickUrlTag ||
|
||||
($root.profile.quickUrlTag = '网址')
|
||||
" type="text">
|
||||
<template v-slot:append>
|
||||
<q-toggle @update:model-value="(val, e) => toggleFeature('favUrl', val)
|
||||
" v-model="$root.profile.quickUrlEnable" checked-icon="check" color="primary" />
|
||||
</template>
|
||||
<q-tooltip>启用后，在浏览器界面可以通过超级面板快速将网址收藏到「{{
|
||||
$root.profile.quickUrlTag
|
||||
}}」标签
|
||||
</q-tooltip>
|
||||
</q-input>
|
||||
</q-item>
|
||||
<q-item>
|
||||
<q-item-section side>
|
||||
<q-icon name="drive_file_rename_outline" />
|
||||
</q-item-section>
|
||||
<q-input dense prefix="新建插件别名至" suffix="标签" outlined input-class="text-center" style="width: 280px"
|
||||
autofocus v-model="$root.profile.pluNickNameTag" type="text">
|
||||
<template v-slot:append>
|
||||
<q-toggle @update:model-value="(val, e) => toggleFeature('pluNickName', val)
|
||||
" v-model="$root.profile.pluNickNameEnable" checked-icon="check" color="primary" />
|
||||
</template>
|
||||
<q-tooltip>启用后，在主输入框输入「插件别名」可以快速设置插件别名<br />
|
||||
并将所有设置的别名保存至「{{
|
||||
$root.profile.pluNickNameTag
|
||||
}}」标签
|
||||
</q-tooltip>
|
||||
</q-input>
|
||||
</q-item>
|
||||
<q-item>
|
||||
<q-item-section side>
|
||||
<q-icon name="api" />
|
||||
</q-item-section>
|
||||
<q-field dense outlined style="width: 280px">
|
||||
<template v-slot:control>
|
||||
<div class="self-center full-width no-outline" tabindex="0">
|
||||
快捷命令服务
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:append>
|
||||
<q-btn flat @click="$router.push('server')" icon="open_in_new" />
|
||||
</template>
|
||||
<q-tooltip>通过本地监听
|
||||
{{ $root.nativeProfile.serverPort }}
|
||||
端口的形式，接收用户传送过来的参数，然后根据参数执行不同的操作
|
||||
<br />
|
||||
需要配置插件跟随 utools 启动和保留后台<br />
|
||||
也可在主输入框通过关键字「快捷命令服务配置」进入
|
||||
</q-tooltip>
|
||||
</q-field>
|
||||
</q-item>
|
||||
<q-item>
|
||||
<q-item-section side>
|
||||
<q-icon name="code" />
|
||||
</q-item-section>
|
||||
<q-field dense outlined style="width: 280px">
|
||||
<template v-slot:control>
|
||||
<div class="self-center full-width no-outline" tabindex="0">
|
||||
运行代码
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:append>
|
||||
<q-btn flat @click="$router.push('code')" icon="open_in_new" />
|
||||
</template>
|
||||
<q-tooltip>一个可以直接运行代码的代码编辑器<br />
|
||||
也可在主输入框输入关键字「RunCode」进入
|
||||
</q-tooltip>
|
||||
</q-field>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-menu>
|
||||
</q-item>
|
||||
<!-- 环境配置 -->
|
||||
<q-item clickable>
|
||||
<q-item-section side>
|
||||
<q-icon name="keyboard_arrow_left" />
|
||||
</q-item-section>
|
||||
<q-item-section>环境配置</q-item-section>
|
||||
<q-menu anchor="bottom end" self="bottom start">
|
||||
<q-list>
|
||||
<q-item clickable @click="showUserDara = true">
|
||||
<q-item-section side>
|
||||
<q-icon name="manage_accounts" />
|
||||
</q-item-section>
|
||||
<q-item-section>用户特殊变量</q-item-section>
|
||||
<q-tooltip>用户设置的变量，类似一个全局配置项<br />
|
||||
配置好后可选择特殊变量中的「usr:」插入<br />
|
||||
也可直接在特殊变量中配置</q-tooltip>
|
||||
</q-item>
|
||||
<q-item>
|
||||
<q-item-section side>
|
||||
<q-icon name="dvr" />
|
||||
</q-item-section>
|
||||
<q-input dense outlined autogrow style="width: 280px" autofocus v-model="$root.nativeProfile.envPath"
|
||||
type="text" label="环境变量 PATH">
|
||||
<q-tooltip>修改本插件环境变量中的 PATH，直接覆盖而非追加
|
||||
<br />将会影响到除 quickcommand、html
|
||||
以外的所有环境</q-tooltip>
|
||||
</q-input>
|
||||
</q-item>
|
||||
<q-item v-if="showAlias">
|
||||
<q-item-section side>
|
||||
<q-icon name="code" />
|
||||
</q-item-section>
|
||||
<q-input dense outlined autogrow style="width: 280px" v-model="$root.nativeProfile.alias" type="text"
|
||||
label="Alias">
|
||||
<q-tooltip>一行一条，配置方法和 shell 的语法一样<br />如 alias
|
||||
python="/home/user/.bin/python"<br />将会影响到除
|
||||
quickcommand、html 以外的所有环境</q-tooltip>
|
||||
</q-input>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-menu>
|
||||
</q-item>
|
||||
<!-- 个性化设置 -->
|
||||
<q-item clickable>
|
||||
<q-item-section side>
|
||||
<q-icon name="keyboard_arrow_left" />
|
||||
</q-item-section>
|
||||
<q-item-section>个性化设置</q-item-section>
|
||||
<q-menu anchor="top end" self="top start">
|
||||
<q-list>
|
||||
<q-item clickable :disable="!$refs.user.isVIP">
|
||||
<q-item-section side>
|
||||
<q-icon name="color_lens" />
|
||||
</q-item-section>
|
||||
<q-item-section>主颜色</q-item-section>
|
||||
<q-tooltip>你可以更改界面的主题色，会员限定</q-tooltip>
|
||||
<q-menu v-if="$refs.user.isVIP" nchor="top left" self="bottom end">
|
||||
<q-card>
|
||||
<q-color @change="setPrimaryColor" v-model="$root.profile.primaryColor" />
|
||||
<q-btn color="primary" label="重置为默认" class="full-width" @click="resetPrimary" />
|
||||
</q-card>
|
||||
</q-menu>
|
||||
</q-item>
|
||||
<q-item clickable :disable="!$refs.user.isVIP">
|
||||
<q-item-section side>
|
||||
<q-icon name="image" />
|
||||
</q-item-section>
|
||||
<q-item-section>面板视图背景图片</q-item-section>
|
||||
<q-tooltip>为面板视图设置一张背景图片，会员限定<br />请不要选择尺寸太大的图片，将影响插件载入速度</q-tooltip>
|
||||
<q-menu v-if="$refs.user.isVIP" nchor="top left" self="bottom end">
|
||||
<q-card>
|
||||
<q-file dense standout="bg-primary text-white" v-model="selectFile" autofocus
|
||||
@update:model-value="changeBackground()" accept="image/*" label="请选择一张图片">
|
||||
<template v-slot:prepend>
|
||||
<q-icon name="attach_file" />
|
||||
</template>
|
||||
</q-file>
|
||||
<q-btn color="negative" label="取消背景" class="full-width" @click="changeBackground(1)" />
|
||||
</q-card>
|
||||
</q-menu>
|
||||
</q-item>
|
||||
<q-item clickable :disable="!$refs.user.isVIP">
|
||||
<q-item-section side>
|
||||
<q-icon name="label" />
|
||||
</q-item-section>
|
||||
<q-item-section class="flex">紧凑标签栏 </q-item-section>
|
||||
<q-tooltip>更为紧凑的标签栏，适用于标签非常多的情形</q-tooltip>
|
||||
<q-item-section side><q-toggle v-model="$root.profile.denseTagBar" :disable="!$refs.user.isVIP"
|
||||
color="primary" /></q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable>
|
||||
<q-item-section side>
|
||||
<q-icon name="search" />
|
||||
</q-item-section>
|
||||
<q-item-section class="flex">自动聚焦搜索 </q-item-section>
|
||||
<q-tooltip>进入插件时自动聚焦搜索</q-tooltip>
|
||||
<q-item-section side><q-toggle v-model="$root.profile.autofocusSearch" color="primary" /></q-item-section>
|
||||
</q-item>
|
||||
<!-- 自动分离 -->
|
||||
<!-- <q-item clickable @click="getActivatedFutures(); showAutoDetachFeatures = true">
|
||||
<q-item-section side>
|
||||
<q-icon name="web_stories" />
|
||||
</q-item-section>
|
||||
<q-item-section class="flex">自动分离 </q-item-section>
|
||||
<q-tooltip>utools的自动分离对整个插件生效，配置此选项可以实现只对某些特定的功能进行自动分离</q-tooltip>
|
||||
<q-item-section>分享中心</q-item-section>
|
||||
</q-item> -->
|
||||
</q-list>
|
||||
</q-menu>
|
||||
</q-item>
|
||||
<!-- <q-item clickable to="/share">
|
||||
<q-item-section side>
|
||||
<q-icon name="groups" />
|
||||
</q-item-section>
|
||||
<q-item-section>分享中心</q-item-section>
|
||||
</q-item> -->
|
||||
<!-- 收藏 -->
|
||||
<q-item v-if="isTagStared" clickable @click="unMarkTag">
|
||||
<q-item-section side>
|
||||
<q-icon name="star_border" />
|
||||
</q-item-section>
|
||||
<q-item-section>取消收藏</q-item-section>
|
||||
</q-item>
|
||||
<q-item v-else clickable @click="showPanelConf = true">
|
||||
<q-item-section side>
|
||||
<q-icon name="star" />
|
||||
</q-item-section>
|
||||
<q-item-section>收藏标签</q-item-section>
|
||||
<q-tooltip>收藏后，会将当前标签名作为全局关键字，可在 uTools 的主输入框进行搜索
|
||||
<br />
|
||||
搜索进入后，默认进入当前标签的面板视图 <br />
|
||||
类似于旧版本的「快捷面板」</q-tooltip>
|
||||
</q-item>
|
||||
<!-- 关于 -->
|
||||
<q-item clickable @click="showAbout = true">
|
||||
<q-item-section side>
|
||||
<q-icon name="info" />
|
||||
</q-item-section>
|
||||
<q-item-section>关于和帮助</q-item-section></q-item>
|
||||
</q-list>
|
||||
<!-- 收藏 -->
|
||||
<q-item v-if="isTagStared" clickable v-close-popup @click="unMarkTag">
|
||||
<q-item-section side>
|
||||
<q-icon name="star_border" />
|
||||
</q-item-section>
|
||||
<q-item-section>取消收藏</q-item-section>
|
||||
</q-item>
|
||||
<q-item v-else clickable v-close-popup @click="showPanelConf = true">
|
||||
<q-item-section side>
|
||||
<q-icon name="star" />
|
||||
</q-item-section>
|
||||
<q-item-section>收藏标签</q-item-section>
|
||||
<q-tooltip
|
||||
>收藏后，会将当前标签名作为全局关键字，可在 uTools
|
||||
的主输入框进行搜索
|
||||
<br />
|
||||
搜索进入后，默认进入当前标签的面板视图 <br />
|
||||
类似于旧版本的「快捷面板」</q-tooltip
|
||||
>
|
||||
</q-item>
|
||||
<!-- 关于 -->
|
||||
<q-item clickable v-close-popup @click="showAbout = true">
|
||||
<q-item-section side>
|
||||
<q-icon name="info" />
|
||||
</q-item-section>
|
||||
<q-item-section>关于和帮助</q-item-section></q-item
|
||||
>
|
||||
</q-list>
|
||||
</q-menu>
|
||||
<!-- 关于弹窗 -->
|
||||
<q-dialog v-model="showAbout">
|
||||
<AboutThis />
|
||||
@@ -311,28 +450,28 @@
|
||||
<UserData :showInsertBtn="false" />
|
||||
</q-dialog>
|
||||
<!-- <q-dialog v-model="showAutoDetachFeatures">
|
||||
<q-card>
|
||||
<q-card-section style="height: 400px; overflow: auto;">
|
||||
<q-option-group v-model="$root.profile.autoDetachFeatures" type="checkbox" :options="activateFeatures">
|
||||
<template v-slot:label="opt">
|
||||
<q-item clickable v-ripple style="width: 300px;">
|
||||
<q-item-section avatar>
|
||||
<q-img :src="opt.icon" width="30px" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
{{ opt.label }}
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</template>
|
||||
</q-option-group>
|
||||
</q-card-section>
|
||||
<q-card-actions align="right">
|
||||
<q-btn flat label="取消" @click="showAutoDetachFeatures = false" />
|
||||
<q-btn color="primary" label="确定" @click="changeAutoDetachFeatures" />
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-dialog> -->
|
||||
</q-menu>
|
||||
<q-card>
|
||||
<q-card-section style="height: 400px; overflow: auto;">
|
||||
<q-option-group v-model="$root.profile.autoDetachFeatures" type="checkbox" :options="activateFeatures">
|
||||
<template v-slot:label="opt">
|
||||
<q-item clickable v-ripple style="width: 300px;">
|
||||
<q-item-section avatar>
|
||||
<q-img :src="opt.icon" width="30px" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
{{ opt.label }}
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</template>
|
||||
</q-option-group>
|
||||
</q-card-section>
|
||||
<q-card-actions align="right">
|
||||
<q-btn flat label="取消" @click="showAutoDetachFeatures = false" />
|
||||
<q-btn color="primary" label="确定" @click="changeAutoDetachFeatures" />
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-dialog> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -438,34 +577,41 @@ export default {
|
||||
},
|
||||
// 获取所有启用的功能
|
||||
getActivatedFutures() {
|
||||
let activateFeatures = this.$root.utools.whole.getFeatures().map(fts => {
|
||||
return {
|
||||
value: fts.code,
|
||||
icon: fts.icon,
|
||||
label: fts.explain,
|
||||
}
|
||||
});
|
||||
let defaultFeatures = [{
|
||||
value: "configuration",
|
||||
label: "快捷命令配置",
|
||||
icon: "logo.png"
|
||||
},
|
||||
{
|
||||
value: "code",
|
||||
label: "运行代码",
|
||||
icon: "features/code.png"
|
||||
},
|
||||
{
|
||||
value: "server",
|
||||
label: "快捷命令服务",
|
||||
icon: "features/server.png"
|
||||
}]
|
||||
this.activateFeatures = _.concat(defaultFeatures, _.cloneDeep(activateFeatures));
|
||||
let activateFeatures = this.$root.utools.whole
|
||||
.getFeatures()
|
||||
.map((fts) => {
|
||||
return {
|
||||
value: fts.code,
|
||||
icon: fts.icon,
|
||||
label: fts.explain,
|
||||
};
|
||||
});
|
||||
let defaultFeatures = [
|
||||
{
|
||||
value: "configuration",
|
||||
label: "快捷命令配置",
|
||||
icon: "logo.png",
|
||||
},
|
||||
{
|
||||
value: "code",
|
||||
label: "运行代码",
|
||||
icon: "features/code.png",
|
||||
},
|
||||
{
|
||||
value: "server",
|
||||
label: "快捷命令服务",
|
||||
icon: "features/server.png",
|
||||
},
|
||||
];
|
||||
this.activateFeatures = _.concat(
|
||||
defaultFeatures,
|
||||
_.cloneDeep(activateFeatures)
|
||||
);
|
||||
},
|
||||
changeAutoDetachFeatures() {
|
||||
this.showAutoDetachFeatures = false;
|
||||
quickcommand.showMessageBox("设置成功");
|
||||
},
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user