lingling
/
tiny-rdm
mirror of https://github.com/tiny-craft/tiny-rdm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor: reformat code

This commit is contained in:
tiny-craft 2023-08-24 15:23:25 +08:00
parent 7135ae4096
commit 9fc0cbd40d
63 changed files with 175 additions and 349 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/.prettierrc
View File

@ -3,6 +3,6 @@
"tabWidth": 4, "tabWidth": 4,
"singleQuote": true, "singleQuote": true,
"semi": false, "semi": false,
"bracketSameLine": false, "bracketSameLine": true,
"endOfLine": "auto" "endOfLine": "auto"
} }

3
frontend/src/App.vue
View File

@ -52,8 +52,7 @@ watch(
:inline-theme-disabled="true" :inline-theme-disabled="true"
:theme="prefStore.isDark ? darkTheme : undefined" :theme="prefStore.isDark ? darkTheme : undefined"
:theme-overrides="themeOverrides" :theme-overrides="themeOverrides"
class="fill-height" class="fill-height">
>
<n-global-style /> <n-global-style />
<n-dialog-provider> <n-dialog-provider>
<n-spin v-show="initializing" :theme-overrides="{ opacitySpinning: 0 }"> <n-spin v-show="initializing" :theme-overrides="{ opacitySpinning: 0 }">

9
frontend/src/AppContent.vue
View File

@ -78,8 +78,7 @@ watch(
v-for="t in tabStore.tabs" v-for="t in tabStore.tabs"
v-show="get(tabStore.currentTab, 'name') === t.name" v-show="get(tabStore.currentTab, 'name') === t.name"
:key="t.name" :key="t.name"
class="flex-item-expand" class="flex-item-expand" />
/>
<div <div
:class="{ :class="{
'resize-divider-hover': data.hoverResize, 'resize-divider-hover': data.hoverResize,
@ -88,8 +87,7 @@ watch(
class="resize-divider" class="resize-divider"
@mousedown="startResize" @mousedown="startResize"
@mouseout="data.hoverResize = false" @mouseout="data.hoverResize = false"
@mouseover="data.hoverResize = true" @mouseover="data.hoverResize = true" />
/>
</div> </div>
<content-pane class="flex-item-expand" /> <content-pane class="flex-item-expand" />
</div> </div>
@ -106,8 +104,7 @@ watch(
class="resize-divider" class="resize-divider"
@mousedown="startResize" @mousedown="startResize"
@mouseout="data.hoverResize = false" @mouseout="data.hoverResize = false"
@mouseover="data.hoverResize = true" @mouseover="data.hoverResize = true" />
/>
</div> </div>
<content-server-pane class="flex-item-expand" /> <content-server-pane class="flex-item-expand" />
</div> </div>

3
frontend/src/components/common/RedisTypeTag.vue
View File

@ -29,8 +29,7 @@ const backgroundColor = computed(() => {
:class="[props.size === 'small' ? 'redis-type-tag-small' : 'redis-type-tag']" :class="[props.size === 'small' ? 'redis-type-tag-small' : 'redis-type-tag']"
:color="{ color: backgroundColor, borderColor: fontColor, textColor: fontColor }" :color="{ color: backgroundColor, borderColor: fontColor, textColor: fontColor }"
:size="props.size" :size="props.size"
strong strong>
>
{{ props.type }} {{ props.type }}
</n-tag> </n-tag>
<!-- <div class="redis-type-tag flex-box-h" :style="{backgroundColor: backgroundColor}">{{ props.type }}</div>--> <!-- <div class="redis-type-tag flex-box-h" :style="{backgroundColor: backgroundColor}">{{ props.type }}</div>-->

9
frontend/src/components/content/ContentLogPane.vue
View File

@ -52,16 +52,14 @@ defineExpose({
<n-card <n-card
:title="$t('launch_log')" :title="$t('launch_log')"
class="content-container flex-box-v" class="content-container flex-box-v"
content-style="display: flex;flex-direction: column; overflow: hidden;" content-style="display: flex;flex-direction: column; overflow: hidden;">
>
<n-form :disabled="data.loading" class="flex-item" inline> <n-form :disabled="data.loading" class="flex-item" inline>
<n-form-item :label="$t('filter_server')"> <n-form-item :label="$t('filter_server')">
<n-select <n-select
v-model:value="data.server" v-model:value="data.server"
:consistent-menu-width="false" :consistent-menu-width="false"
:options="filterServerOption" :options="filterServerOption"
style="min-width: 100px" style="min-width: 100px" />
/>
</n-form-item> </n-form-item>
<n-form-item :label="$t('filter_keyword')"> <n-form-item :label="$t('filter_keyword')">
<n-input v-model:value="data.keyword" clearable placeholder="" /> <n-input v-model:value="data.keyword" clearable placeholder="" />
@ -126,8 +124,7 @@ defineExpose({
]" ]"
:data="data.history" :data="data.history"
class="flex-item-expand" class="flex-item-expand"
flex-height flex-height />
/>
</div> </div>
</n-card> </n-card>
</template> </template>

9
frontend/src/components/content/ContentPane.vue
View File

@ -143,8 +143,7 @@ const onCloseTab = (tabIndex) => {
size="small" size="small"
type="card" type="card"
@close="onCloseTab" @close="onCloseTab"
@update:value="onUpdateValue" @update:value="onUpdateValue">
>
<n-tab v-for="(t, i) in tab" :key="i" :name="i"> <n-tab v-for="(t, i) in tab" :key="i" :name="i">
<n-ellipsis style="max-width: 150px">{{ t.label }}</n-ellipsis> <n-ellipsis style="max-width: 150px">{{ t.label }}</n-ellipsis>
</n-tab> </n-tab>
@ -158,8 +157,7 @@ const onCloseTab = (tabIndex) => {
:info="serverInfo" :info="serverInfo"
:loading="loadingServerInfo" :loading="loadingServerInfo"
:server="serverName" :server="serverName"
@refresh="refreshInfo(true)" @refresh="refreshInfo(true)" />
/>
</div> </div>
<div v-else-if="showNonexists" class="content-container flex-item-expand flex-box-v"> <div v-else-if="showNonexists" class="content-container flex-item-expand flex-box-v">
<n-empty :description="$t('nonexist_tab_content')" class="empty-content"> <n-empty :description="$t('nonexist_tab_content')" class="empty-content">
@ -175,8 +173,7 @@ const onCloseTab = (tabIndex) => {
:key-path="tabContent.keyPath" :key-path="tabContent.keyPath"
:name="tabContent.name" :name="tabContent.name"
:ttl="tabContent.ttl" :ttl="tabContent.ttl"
:value="tabContent.value" :value="tabContent.value" />
/>
</div> </div>
</template> </template>

3
frontend/src/components/content/ContentValueTab.vue
View File

@ -69,8 +69,7 @@ const onCloseTab = (idx, key) => {
:style="{ backgroundColor: item.bgColor || '' }" :style="{ backgroundColor: item.bgColor || '' }"
:title="item.label" :title="item.label"
class="content-tab_item flex-item-expand icon-btn flex-box-h" class="content-tab_item flex-item-expand icon-btn flex-box-h"
@click="onClickTab(i, item.key)" @click="onClickTab(i, item.key)">
>
<n-icon :component="Close" class="content-tab_item-close" size="20" @click.stop="onCloseTab(i, item.key)" /> <n-icon :component="Close" class="content-tab_item-close" size="20" @click.stop="onCloseTab(i, item.key)" />
<div class="content-tab_item-label ellipsis flex-item-expand"> <div class="content-tab_item-label ellipsis flex-item-expand">
{{ item.label }} {{ item.label }}

6
frontend/src/components/content_value/ContentServerStatus.vue
View File

@ -128,8 +128,7 @@ const infoFilter = ref('')
<n-gi :span="6"> <n-gi :span="6">
<n-statistic <n-statistic
:label="$t('connected_clients')" :label="$t('connected_clients')"
:value="get(props.info, 'Clients.connected_clients', 0)" :value="get(props.info, 'Clients.connected_clients', 0)" />
/>
</n-gi> </n-gi>
<n-gi :span="6"> <n-gi :span="6">
<n-statistic :value="totalKeys"> <n-statistic :value="totalKeys">
@ -173,8 +172,7 @@ const infoFilter = ref('')
}, },
{ title: $t('value'), key: 'value' }, { title: $t('value'), key: 'value' },
]" ]"
:data="map(v, (value, key) => ({ value, key }))" :data="map(v, (value, key) => ({ value, key }))" />
/>
</n-tab-pane> </n-tab-pane>
</n-tabs> </n-tabs>
</n-spin> </n-spin>

3
frontend/src/components/content_value/ContentToolbar.vue
View File

@ -91,8 +91,7 @@ const onDeleteKey = () => {
border border
size="18" size="18"
t-tooltip="rename_key" t-tooltip="rename_key"
@click="dialogStore.openRenameKeyDialog(props.server, props.db, props.keyPath)" @click="dialogStore.openRenameKeyDialog(props.server, props.db, props.keyPath)" />
/>
<!-- <n-button @click="dialogStore.openRenameKeyDialog(props.server, props.db, props.keyPath)">--> <!-- <n-button @click="dialogStore.openRenameKeyDialog(props.server, props.db, props.keyPath)">-->
<!-- <template #icon>--> <!-- <template #icon>-->
<!-- <n-icon :component="Edit" size="18" />--> <!-- <n-icon :component="Edit" size="18" />-->

9
frontend/src/components/content_value/ContentValueHash.vue
View File

@ -248,15 +248,13 @@ const onUpdateFilter = (filters, sourceColumn) => {
:consistent-menu-width="false" :consistent-menu-width="false"
:options="filterOption" :options="filterOption"
style="width: 120px" style="width: 120px"
@update:value="onChangeFilterType" @update:value="onChangeFilterType" />
/>
<n-input <n-input
v-model:value="filterValue" v-model:value="filterValue"
:placeholder="$t('search')" :placeholder="$t('search')"
clearable clearable
@clear="clearFilter" @clear="clearFilter"
@update:value="onFilterInput" @update:value="onFilterInput" />
/>
</n-input-group> </n-input-group>
</div> </div>
<div class="flex-item-expand"></div> <div class="flex-item-expand"></div>
@ -279,8 +277,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
size="small" size="small"
striped striped
virtual-scroll virtual-scroll
@update:filters="onUpdateFilter" @update:filters="onUpdateFilter" />
/>
</div> </div>
</div> </div>
</template> </template>

6
frontend/src/components/content_value/ContentValueList.vue
View File

@ -179,8 +179,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
:placeholder="$t('search')" :placeholder="$t('search')"
clearable clearable
@clear="clearFilter" @clear="clearFilter"
@update:value="onFilterInput" @update:value="onFilterInput" />
/>
</div> </div>
<div class="flex-item-expand"></div> <div class="flex-item-expand"></div>
<n-button plain @click="onAddValue"> <n-button plain @click="onAddValue">
@ -202,8 +201,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
size="small" size="small"
striped striped
virtual-scroll virtual-scroll
@update:filters="onUpdateFilter" @update:filters="onUpdateFilter" />
/>
</div> </div>
</div> </div>
</template> </template>

6
frontend/src/components/content_value/ContentValueSet.vue
View File

@ -175,8 +175,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
:placeholder="$t('search')" :placeholder="$t('search')"
clearable clearable
@clear="clearFilter" @clear="clearFilter"
@update:value="onFilterInput" @update:value="onFilterInput" />
/>
</div> </div>
<div class="flex-item-expand"></div> <div class="flex-item-expand"></div>
<n-button plain @click="onAddValue"> <n-button plain @click="onAddValue">
@ -198,8 +197,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
size="small" size="small"
striped striped
virtual-scroll virtual-scroll
@update:filters="onUpdateFilter" @update:filters="onUpdateFilter" />
/>
</div> </div>
</div> </div>
</template> </template>

9
frontend/src/components/content_value/ContentValueStream.vue
View File

@ -161,15 +161,13 @@ const onUpdateFilter = (filters, sourceColumn) => {
:consistent-menu-width="false" :consistent-menu-width="false"
:options="filterOption" :options="filterOption"
style="width: 120px" style="width: 120px"
@update:value="onChangeFilterType" @update:value="onChangeFilterType" />
/>
<n-input <n-input
v-model:value="filterValue" v-model:value="filterValue"
:placeholder="$t('search')" :placeholder="$t('search')"
clearable clearable
@clear="clearFilter" @clear="clearFilter"
@update:value="onFilterInput" @update:value="onFilterInput" />
/>
</n-input-group> </n-input-group>
</div> </div>
<div class="flex-item-expand"></div> <div class="flex-item-expand"></div>
@ -192,8 +190,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
size="small" size="small"
striped striped
virtual-scroll virtual-scroll
@update:filters="onUpdateFilter" @update:filters="onUpdateFilter" />
/>
</div> </div>
</div> </div>
</template> </template>

3
frontend/src/components/content_value/ContentValueString.vue
View File

@ -211,8 +211,7 @@ const onSaveValue = async () => {
:disabled="saving" :disabled="saving"
:resizable="false" :resizable="false"
class="flex-item-expand" class="flex-item-expand"
type="textarea" type="textarea" />
/>
</div> </div>
</div> </div>
</template> </template>

9
frontend/src/components/content_value/ContentValueZSet.vue
View File

@ -274,8 +274,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
:consistent-menu-width="false" :consistent-menu-width="false"
:options="filterOption" :options="filterOption"
style="width: 120px" style="width: 120px"
@update:value="onChangeFilterType" @update:value="onChangeFilterType" />
/>
<n-tooltip :delay="500" :disabled="filterType !== 2"> <n-tooltip :delay="500" :disabled="filterType !== 2">
<template #trigger> <template #trigger>
<n-input <n-input
@ -283,8 +282,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
:placeholder="$t('search')" :placeholder="$t('search')"
clearable clearable
@clear="clearFilter" @clear="clearFilter"
@update:value="onFilterInput" @update:value="onFilterInput" />
/>
</template> </template>
<div class="text-block">{{ $t('score_filter_tip') }}</div> <div class="text-block">{{ $t('score_filter_tip') }}</div>
</n-tooltip> </n-tooltip>
@ -310,8 +308,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
size="small" size="small"
striped striped
virtual-scroll virtual-scroll
@update:filters="onUpdateFilter" @update:filters="onUpdateFilter" />
/>
</div> </div>
</div> </div>
</template> </template>

6
frontend/src/components/dialogs/AddFieldsDialog.vue
View File

@ -196,8 +196,7 @@ const onClose = () => {
style="width: 600px" style="width: 600px"
transform-origin="center" transform-origin="center"
@positive-click="onAdd" @positive-click="onAdd"
@negative-click="onClose" @negative-click="onClose">
>
<n-scrollbar style="max-height: 500px"> <n-scrollbar style="max-height: 500px">
<n-form :model="newForm" :show-require-mark="false" label-placement="top" style="padding-right: 15px"> <n-form :model="newForm" :show-require-mark="false" label-placement="top" style="padding-right: 15px">
<n-form-item :label="$t('key')" path="key" required> <n-form-item :label="$t('key')" path="key" required>
@ -206,8 +205,7 @@ const onClose = () => {
<component <component
:is="addValueComponent[newForm.type]" :is="addValueComponent[newForm.type]"
v-model:type="newForm.opType" v-model:type="newForm.opType"
v-model:value="newForm.value" v-model:value="newForm.value" />
/>
<n-form-item label=" " path="key" required> <n-form-item label=" " path="key" required>
<n-checkbox v-model:checked="newForm.reload"> <n-checkbox v-model:checked="newForm.reload">
{{ $t('reload_when_succ') }} {{ $t('reload_when_succ') }}

27
frontend/src/components/dialogs/ConnectionDialog.vue
View File

@ -141,8 +141,7 @@ const onClose = () => {
:show-icon="false" :show-icon="false"
:title="isEditMode ? $t('edit_conn_title') : $t('new_conn_title')" :title="isEditMode ? $t('edit_conn_title') : $t('new_conn_title')"
preset="dialog" preset="dialog"
transform-origin="center" transform-origin="center">
>
<n-spin :show="closingConnection"> <n-spin :show="closingConnection">
<n-tabs v-model:value="tab" animated type="line"> <n-tabs v-model:value="tab" animated type="line">
<n-tab-pane :tab="$t('general')" display-directive="show" name="general"> <n-tab-pane :tab="$t('general')" display-directive="show" name="general">
@ -151,8 +150,7 @@ const onClose = () => {
:model="generalForm" :model="generalForm"
:rules="generalFormRules()" :rules="generalFormRules()"
:show-require-mark="false" :show-require-mark="false"
label-placement="top" label-placement="top">
>
<n-form-item :label="$t('conn_name')" path="name" required> <n-form-item :label="$t('conn_name')" path="name" required>
<n-input v-model:value="generalForm.name" :placeholder="$t('conn_name_tip')" /> <n-input v-model:value="generalForm.name" :placeholder="$t('conn_name_tip')" />
</n-form-item> </n-form-item>
@ -166,16 +164,14 @@ const onClose = () => {
v-model:value="generalForm.port" v-model:value="generalForm.port"
:max="65535" :max="65535"
:min="1" :min="1"
style="width: 200px" style="width: 200px" />
/>
</n-form-item> </n-form-item>
<n-form-item :label="$t('conn_pwd')" path="password"> <n-form-item :label="$t('conn_pwd')" path="password">
<n-input <n-input
v-model:value="generalForm.password" v-model:value="generalForm.password"
:placeholder="$t('conn_pwd_tip')" :placeholder="$t('conn_pwd_tip')"
show-password-on="click" show-password-on="click"
type="password" type="password" />
/>
</n-form-item> </n-form-item>
<n-form-item :label="$t('conn_usr')" path="username"> <n-form-item :label="$t('conn_usr')" path="username">
<n-input v-model="generalForm.username" :placeholder="$t('conn_usr_tip')" /> <n-input v-model="generalForm.username" :placeholder="$t('conn_usr_tip')" />
@ -189,19 +185,16 @@ const onClose = () => {
:model="generalForm" :model="generalForm"
:rules="generalFormRules()" :rules="generalFormRules()"
:show-require-mark="false" :show-require-mark="false"
label-placement="top" label-placement="top">
>
<n-form-item :label="$t('conn_advn_filter')" path="defaultFilter"> <n-form-item :label="$t('conn_advn_filter')" path="defaultFilter">
<n-input <n-input
v-model:value="generalForm.defaultFilter" v-model:value="generalForm.defaultFilter"
:placeholder="$t('conn_advn_filter_tip')" :placeholder="$t('conn_advn_filter_tip')" />
/>
</n-form-item> </n-form-item>
<n-form-item :label="$t('conn_advn_separator')" path="keySeparator"> <n-form-item :label="$t('conn_advn_separator')" path="keySeparator">
<n-input <n-input
v-model:value="generalForm.keySeparator" v-model:value="generalForm.keySeparator"
:placeholder="$t('conn_advn_separator_tip')" :placeholder="$t('conn_advn_separator_tip')" />
/>
</n-form-item> </n-form-item>
<n-form-item :label="$t('conn_advn_conn_timeout')" path="connTimeout"> <n-form-item :label="$t('conn_advn_conn_timeout')" path="connTimeout">
<n-input-number v-model:value="generalForm.connTimeout" :max="999999" :min="1"> <n-input-number v-model:value="generalForm.connTimeout" :max="999999" :min="1">
@ -226,8 +219,7 @@ const onClose = () => {
}" }"
:style="{ backgroundColor: color }" :style="{ backgroundColor: color }"
class="color-preset-item" class="color-preset-item"
@click="generalForm.markColor = color" @click="generalForm.markColor = color">
>
<n-icon v-if="isEmpty(color)" :component="Close" size="24" /> <n-icon v-if="isEmpty(color)" :component="Close" size="24" />
</div> </div>
</n-form-item> </n-form-item>
@ -239,8 +231,7 @@ const onClose = () => {
<n-alert <n-alert
v-if="showTestResult" v-if="showTestResult"
:title="isEmpty(testResult) ? '' : $t('conn_test_fail')" :title="isEmpty(testResult) ? '' : $t('conn_test_fail')"
:type="isEmpty(testResult) ? 'success' : 'error'" :type="isEmpty(testResult) ? 'success' : 'error'">
>
<template v-if="isEmpty(testResult)"> {{ $t('conn_test_succ') }}</template> <template v-if="isEmpty(testResult)"> {{ $t('conn_test_succ') }}</template>
<template v-else>{{ testResult }}</template> <template v-else>{{ testResult }}</template>
</n-alert> </n-alert>

6
frontend/src/components/dialogs/DeleteKeyDialog.vue
View File

@ -75,8 +75,7 @@ const onClose = () => {
:show-icon="false" :show-icon="false"
:title="$t('batch_delete_key')" :title="$t('batch_delete_key')"
preset="dialog" preset="dialog"
transform-origin="center" transform-origin="center">
>
<n-form :model="deleteForm" :show-require-mark="false" label-placement="top"> <n-form :model="deleteForm" :show-require-mark="false" label-placement="top">
<n-form-item :label="$t('server')"> <n-form-item :label="$t('server')">
<n-input :value="deleteForm.server" readonly /> <n-input :value="deleteForm.server" readonly />
@ -94,8 +93,7 @@ const onClose = () => {
:line-height="1.5" :line-height="1.5"
:lines="deleteForm.affectedKeys" :lines="deleteForm.affectedKeys"
:rows="10" :rows="10"
style="user-select: text; cursor: text" style="user-select: text; cursor: text" />
/>
</n-card> </n-card>
</n-form> </n-form>

3
frontend/src/components/dialogs/GroupDialog.vue
View File

@ -76,8 +76,7 @@ const onClose = () => {
preset="dialog" preset="dialog"
transform-origin="center" transform-origin="center"
@positive-click="onConfirm" @positive-click="onConfirm"
@negative-click="onClose" @negative-click="onClose">
>
<n-form :model="groupForm" :show-label="false" :show-require-mark="false" label-placement="top"> <n-form :model="groupForm" :show-label="false" :show-require-mark="false" label-placement="top">
<n-form-item :label="$t('group_name')" required> <n-form-item :label="$t('group_name')" required>
<n-input v-model:value="groupForm.name" placeholder="" /> <n-input v-model:value="groupForm.name" placeholder="" />

6
frontend/src/components/dialogs/KeyFilterDialog.vue
View File

@ -67,15 +67,13 @@ const onClose = () => {
style="width: 450px" style="width: 450px"
transform-origin="center" transform-origin="center"
@positive-click="onConfirm" @positive-click="onConfirm"
@negative-click="onClose" @negative-click="onClose">
>
<n-form <n-form
ref="filterFormRef" ref="filterFormRef"
:model="filterForm" :model="filterForm"
:show-require-mark="false" :show-require-mark="false"
label-placement="top" label-placement="top"
style="padding-right: 15px" style="padding-right: 15px">
>
<n-form-item :label="$t('server')" path="key"> <n-form-item :label="$t('server')" path="key">
<n-text>{{ filterForm.server }}</n-text> <n-text>{{ filterForm.server }}</n-text>
</n-form-item> </n-form-item>

9
frontend/src/components/dialogs/NewKeyDialog.vue
View File

@ -149,8 +149,7 @@ const onClose = () => {
style="width: 600px" style="width: 600px"
transform-origin="center" transform-origin="center"
@positive-click="onAdd" @positive-click="onAdd"
@negative-click="onClose" @negative-click="onClose">
>
<n-scrollbar style="max-height: 500px"> <n-scrollbar style="max-height: 500px">
<n-form <n-form
ref="newFormRef" ref="newFormRef"
@ -158,8 +157,7 @@ const onClose = () => {
:rules="formRules" :rules="formRules"
:show-require-mark="false" :show-require-mark="false"
label-placement="top" label-placement="top"
style="padding-right: 15px" style="padding-right: 15px">
>
<n-form-item :label="$t('key')" path="key" required> <n-form-item :label="$t('key')" path="key" required>
<n-input v-model:value="newForm.key" placeholder="" /> <n-input v-model:value="newForm.key" placeholder="" />
</n-form-item> </n-form-item>
@ -175,8 +173,7 @@ const onClose = () => {
v-model:value="newForm.ttl" v-model:value="newForm.ttl"
:max="Number.MAX_SAFE_INTEGER" :max="Number.MAX_SAFE_INTEGER"
:min="-1" :min="-1"
placeholder="TTL" placeholder="TTL">
>
<template #suffix> <template #suffix>
{{ $t('second') }} {{ $t('second') }}
</template> </template>

6
frontend/src/components/dialogs/PreferencesDialog.vue
View File

@ -67,8 +67,7 @@ const onClose = () => {
:show-icon="false" :show-icon="false"
:title="$t('preferences')" :title="$t('preferences')"
preset="dialog" preset="dialog"
transform-origin="center" transform-origin="center">
>
<!-- FIXME: set loading will slow down appear animation of dialog in linux --> <!-- FIXME: set loading will slow down appear animation of dialog in linux -->
<!-- <n-spin :show="loading"> --> <!-- <n-spin :show="loading"> -->
<n-tabs v-model:value="tab" animated type="line"> <n-tabs v-model:value="tab" animated type="line">
@ -85,8 +84,7 @@ const onClose = () => {
<n-select <n-select
v-model:value="prefStore.general.language" v-model:value="prefStore.general.language"
:options="prefStore.langOption" :options="prefStore.langOption"
filterable filterable />
/>
</n-form-item> </n-form-item>
<n-form-item :label="$t('font')" required> <n-form-item :label="$t('font')" required>
<n-select v-model:value="prefStore.general.font" :options="prefStore.fontOption" filterable /> <n-select v-model:value="prefStore.general.font" :options="prefStore.fontOption" filterable />

6
frontend/src/components/dialogs/RenameKeyDialog.vue
View File

@ -63,15 +63,13 @@ const onClose = () => {
preset="dialog" preset="dialog"
transform-origin="center" transform-origin="center"
@positive-click="onRename" @positive-click="onRename"
@negative-click="onClose" @negative-click="onClose">
>
<n-form <n-form
:model="renameForm" :model="renameForm"
:show-require-mark="false" :show-require-mark="false"
:show-label="false" :show-label="false"
label-align="left" label-align="left"
label-placement="top" label-placement="top">
>
<n-form-item :label="$t('new_key_name')" required> <n-form-item :label="$t('new_key_name')" required>
<n-input v-model:value="renameForm.newKey" /> <n-input v-model:value="renameForm.newKey" />
</n-form-item> </n-form-item>

6
frontend/src/components/dialogs/SetTtlDialog.vue
View File

@ -71,8 +71,7 @@ const onConfirm = async () => {
:show-icon="false" :show-icon="false"
:title="$t('set_ttl')" :title="$t('set_ttl')"
preset="dialog" preset="dialog"
transform-origin="center" transform-origin="center">
>
<n-form :model="ttlForm" :show-require-mark="false" label-placement="top"> <n-form :model="ttlForm" :show-require-mark="false" label-placement="top">
<n-form-item :label="$t('key')"> <n-form-item :label="$t('key')">
<n-input :value="currentKey" readonly /> <n-input :value="currentKey" readonly />
@ -82,8 +81,7 @@ const onConfirm = async () => {
v-model:value="ttlForm.ttl" v-model:value="ttlForm.ttl"
:max="Number.MAX_SAFE_INTEGER" :max="Number.MAX_SAFE_INTEGER"
:min="-1" :min="-1"
style="width: 100%" style="width: 100%">
>
<template #suffix> <template #suffix>
{{ $t('second') }} {{ $t('second') }}
</template> </template>

9
frontend/src/components/icons/Add.vue
View File

@ -14,22 +14,19 @@ const props = defineProps({
d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M24 16V32" d="M24 16V32"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M16 24L32 24" d="M16 24L32 24"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

3
frontend/src/components/icons/AddGroup.vue
View File

@ -14,8 +14,7 @@ const props = defineProps({
d="M5 8C5 6.89543 5.89543 6 7 6H19L24 12H41C42.1046 12 43 12.8954 43 14V40C43 41.1046 42.1046 42 41 42H7C5.89543 42 5 41.1046 5 40V8Z" d="M5 8C5 6.89543 5.89543 6 7 6H19L24 12H41C42.1046 12 43 12.8954 43 14V40C43 41.1046 42.1046 42 41 42H7C5.89543 42 5 41.1046 5 40V8Z"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path :stroke-width="props.strokeWidth" d="M18 27H30" stroke="currentColor" stroke-linecap="round" /> <path :stroke-width="props.strokeWidth" d="M18 27H30" stroke="currentColor" stroke-linecap="round" />
<path :stroke-width="props.strokeWidth" d="M24 21L24 33" stroke="currentColor" stroke-linecap="round" /> <path :stroke-width="props.strokeWidth" d="M24 21L24 33" stroke="currentColor" stroke-linecap="round" />
</svg> </svg>

6
frontend/src/components/icons/AddLink.vue
View File

@ -14,15 +14,13 @@ const props = defineProps({
d="M24.0605 10L24.0239 38" d="M24.0605 10L24.0239 38"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M10 24L38 24" d="M10 24L38 24"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

18
frontend/src/components/icons/Clear.vue
View File

@ -16,43 +16,37 @@ const props = defineProps({
fill-rule="evenodd" fill-rule="evenodd"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M8 40H40V22H8V40Z" d="M8 40H40V22H8V40Z"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M16 39.8976V33.9141" d="M16 39.8976V33.9141"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M24 39.8977V33.8977" d="M24 39.8977V33.8977"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M32 39.8976V33.9141" d="M32 39.8976V33.9141"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M12 40H36" d="M12 40H36"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

15
frontend/src/components/icons/Close.vue
View File

@ -18,22 +18,19 @@ const props = defineProps({
d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M29.6567 18.3432L18.343 29.6569" d="M29.6567 18.3432L18.343 29.6569"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M18.3433 18.3432L29.657 29.6569" d="M18.3433 18.3432L29.657 29.6569"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
<svg v-else fill="none" height="24" viewBox="0 0 48 48" width="24" xmlns="http://www.w3.org/2000/svg"> <svg v-else fill="none" height="24" viewBox="0 0 48 48" width="24" xmlns="http://www.w3.org/2000/svg">
<path <path
@ -41,15 +38,13 @@ const props = defineProps({
d="M8 8L40 40" d="M8 8L40 40"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M8 40L40 8" d="M8 40L40 8"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

6
frontend/src/components/icons/Config.vue
View File

@ -14,15 +14,13 @@ const props = defineProps({
d="M18.2838 43.1713C14.9327 42.1736 11.9498 40.3213 9.58787 37.867C10.469 36.8227 11 35.4734 11 34.0001C11 30.6864 8.31371 28.0001 5 28.0001C4.79955 28.0001 4.60139 28.01 4.40599 28.0292C4.13979 26.7277 4 25.3803 4 24.0001C4 21.9095 4.32077 19.8938 4.91579 17.9995C4.94381 17.9999 4.97188 18.0001 5 18.0001C8.31371 18.0001 11 15.3138 11 12.0001C11 11.0488 10.7786 10.1493 10.3846 9.35011C12.6975 7.1995 15.5205 5.59002 18.6521 4.72314C19.6444 6.66819 21.6667 8.00013 24 8.00013C26.3333 8.00013 28.3556 6.66819 29.3479 4.72314C32.4795 5.59002 35.3025 7.1995 37.6154 9.35011C37.2214 10.1493 37 11.0488 37 12.0001C37 15.3138 39.6863 18.0001 43 18.0001C43.0281 18.0001 43.0562 17.9999 43.0842 17.9995C43.6792 19.8938 44 21.9095 44 24.0001C44 25.3803 43.8602 26.7277 43.594 28.0292C43.3986 28.01 43.2005 28.0001 43 28.0001C39.6863 28.0001 37 30.6864 37 34.0001C37 35.4734 37.531 36.8227 38.4121 37.867C36.0502 40.3213 33.0673 42.1736 29.7162 43.1713C28.9428 40.752 26.676 39.0001 24 39.0001C21.324 39.0001 19.0572 40.752 18.2838 43.1713Z" d="M18.2838 43.1713C14.9327 42.1736 11.9498 40.3213 9.58787 37.867C10.469 36.8227 11 35.4734 11 34.0001C11 30.6864 8.31371 28.0001 5 28.0001C4.79955 28.0001 4.60139 28.01 4.40599 28.0292C4.13979 26.7277 4 25.3803 4 24.0001C4 21.9095 4.32077 19.8938 4.91579 17.9995C4.94381 17.9999 4.97188 18.0001 5 18.0001C8.31371 18.0001 11 15.3138 11 12.0001C11 11.0488 10.7786 10.1493 10.3846 9.35011C12.6975 7.1995 15.5205 5.59002 18.6521 4.72314C19.6444 6.66819 21.6667 8.00013 24 8.00013C26.3333 8.00013 28.3556 6.66819 29.3479 4.72314C32.4795 5.59002 35.3025 7.1995 37.6154 9.35011C37.2214 10.1493 37 11.0488 37 12.0001C37 15.3138 39.6863 18.0001 43 18.0001C43.0281 18.0001 43.0562 17.9999 43.0842 17.9995C43.6792 19.8938 44 21.9095 44 24.0001C44 25.3803 43.8602 26.7277 43.594 28.0292C43.3986 28.01 43.2005 28.0001 43 28.0001C39.6863 28.0001 37 30.6864 37 34.0001C37 35.4734 37.531 36.8227 38.4121 37.867C36.0502 40.3213 33.0673 42.1736 29.7162 43.1713C28.9428 40.752 26.676 39.0001 24 39.0001C21.324 39.0001 19.0572 40.752 18.2838 43.1713Z"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M24 31C27.866 31 31 27.866 31 24C31 20.134 27.866 17 24 17C20.134 17 17 20.134 17 24C17 27.866 20.134 31 24 31Z" d="M24 31C27.866 31 31 27.866 31 24C31 20.134 27.866 17 24 17C20.134 17 17 20.134 17 24C17 27.866 20.134 31 24 31Z"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

6
frontend/src/components/icons/Connect.vue
View File

@ -14,15 +14,13 @@ const props = defineProps({
d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084" d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18" d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

9
frontend/src/components/icons/Copy.vue
View File

@ -15,22 +15,19 @@ const props = defineProps({
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M30 4L41 16" d="M30 4L41 16"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M7 20V44H28" d="M7 20V44H28"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path :stroke-width="props.strokeWidth" d="M19 20H23" stroke="currentColor" stroke-linecap="round" /> <path :stroke-width="props.strokeWidth" d="M19 20H23" stroke="currentColor" stroke-linecap="round" />
<path :stroke-width="props.strokeWidth" d="M19 28H31" stroke="currentColor" stroke-linecap="round" /> <path :stroke-width="props.strokeWidth" d="M19 28H31" stroke="currentColor" stroke-linecap="round" />
</svg> </svg>

18
frontend/src/components/icons/CopyLink.vue
View File

@ -12,8 +12,7 @@ const props = defineProps({
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M12 9.92704V7C12 5.34315 13.3431 4 15 4H41C42.6569 4 44 5.34315 44 7V33C44 34.6569 42.6569 36 41 36H38.0174" d="M12 9.92704V7C12 5.34315 13.3431 4 15 4H41C42.6569 4 44 5.34315 44 7V33C44 34.6569 42.6569 36 41 36H38.0174"
stroke="currentColor" stroke="currentColor" />
/>
<rect <rect
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
fill="none" fill="none"
@ -23,36 +22,31 @@ const props = defineProps({
stroke-linejoin="round" stroke-linejoin="round"
width="34" width="34"
x="4" x="4"
y="10" y="10" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M18.4394 23.1101L23.7319 17.6006C25.1835 16.1489 27.5691 16.1809 29.0602 17.672C30.5513 19.1631 30.5833 21.5487 29.1316 23.0003L27.2215 25.0231" d="M18.4394 23.1101L23.7319 17.6006C25.1835 16.1489 27.5691 16.1809 29.0602 17.672C30.5513 19.1631 30.5833 21.5487 29.1316 23.0003L27.2215 25.0231"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M13.4661 28.7472C12.9558 29.2575 11.9006 30.2765 11.9006 30.2765C10.4489 31.7281 10.4095 34.3155 11.9006 35.8066C13.3917 37.2977 15.7772 37.3296 17.2289 35.878L22.3931 31.1896" d="M13.4661 28.7472C12.9558 29.2575 11.9006 30.2765 11.9006 30.2765C10.4489 31.7281 10.4095 34.3155 11.9006 35.8066C13.3917 37.2977 15.7772 37.3296 17.2289 35.878L22.3931 31.1896"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M18.6626 28.3284C17.97 27.6358 17.5922 26.7502 17.5317 25.8548C17.4619 24.8226 17.8138 23.7774 18.5912 23.0001" d="M18.6626 28.3284C17.97 27.6358 17.5922 26.7502 17.5317 25.8548C17.4619 24.8226 17.8138 23.7774 18.5912 23.0001"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M22.3213 25.8613C23.8124 27.3524 23.8444 29.738 22.3927 31.1896" d="M22.3213 25.8613C23.8124 27.3524 23.8444 29.738 22.3927 31.1896"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

6
frontend/src/components/icons/Delete.vue
View File

@ -13,8 +13,7 @@ const props = defineProps({
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M15 12L16.2 5H31.8L33 12" d="M15 12L16.2 5H31.8L33 12"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path :stroke-width="props.strokeWidth" d="M6 12H42" stroke="currentColor" stroke-linecap="round" /> <path :stroke-width="props.strokeWidth" d="M6 12H42" stroke="currentColor" stroke-linecap="round" />
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
@ -24,8 +23,7 @@ const props = defineProps({
fill-rule="evenodd" fill-rule="evenodd"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path :stroke-width="props.strokeWidth" d="M20 22V34" stroke="currentColor" stroke-linecap="round" /> <path :stroke-width="props.strokeWidth" d="M20 22V34" stroke="currentColor" stroke-linecap="round" />
<path :stroke-width="props.strokeWidth" d="M28 22V34" stroke="currentColor" stroke-linecap="round" /> <path :stroke-width="props.strokeWidth" d="M28 22V34" stroke="currentColor" stroke-linecap="round" />
</svg> </svg>

6
frontend/src/components/icons/Edit.vue
View File

@ -14,15 +14,13 @@ const props = defineProps({
d="M7 42H43" d="M7 42H43"
stroke="currentColorr" stroke="currentColorr"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M11 26.7199V34H18.3172L39 13.3081L31.6951 6L11 26.7199Z" d="M11 26.7199V34H18.3172L39 13.3081L31.6951 6L11 26.7199Z"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

3
frontend/src/components/icons/Filter.vue
View File

@ -14,7 +14,6 @@ const props = defineProps({
d="M6 9L20.4 25.8178V38.4444L27.6 42V25.8178L42 9H6Z" d="M6 9L20.4 25.8178V38.4444L27.6 42V25.8178L42 9H6Z"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

6
frontend/src/components/icons/Github.vue
View File

@ -13,14 +13,12 @@
clip-rule="evenodd" clip-rule="evenodd"
d="M24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4ZM0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24Z" d="M24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4ZM0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24Z"
fill="currentColor" fill="currentColor"
fill-rule="evenodd" fill-rule="evenodd" />
/>
<path <path
clip-rule="evenodd" clip-rule="evenodd"
d="M19.1833 45.4716C18.9898 45.2219 18.9898 42.9973 19.1833 38.798C17.1114 38.8696 15.8024 38.7258 15.2563 38.3667C14.437 37.828 13.6169 36.1667 12.8891 34.9959C12.1614 33.8251 10.5463 33.64 9.89405 33.3783C9.24182 33.1165 9.07809 32.0496 11.6913 32.8565C14.3044 33.6634 14.4319 35.8607 15.2563 36.3745C16.0806 36.8883 18.0515 36.6635 18.9448 36.2519C19.8382 35.8403 19.7724 34.3078 19.9317 33.7007C20.1331 33.134 19.4233 33.0083 19.4077 33.0037C18.5355 33.0037 13.9539 32.0073 12.6955 27.5706C11.437 23.134 13.0581 20.2341 13.9229 18.9875C14.4995 18.1564 14.4485 16.3852 13.7699 13.6737C16.2335 13.3589 18.1347 14.1343 19.4734 16.0001C19.4747 16.0108 21.2285 14.9572 24.0003 14.9572C26.772 14.9572 27.7553 15.8154 28.5142 16.0001C29.2731 16.1848 29.88 12.7341 34.5668 13.6737C33.5883 15.5969 32.7689 18.0001 33.3943 18.9875C34.0198 19.9749 36.4745 23.1147 34.9666 27.5706C33.9614 30.5413 31.9853 32.3523 29.0384 33.0037C28.7005 33.1115 28.5315 33.2855 28.5315 33.5255C28.5315 33.8856 28.9884 33.9249 29.6465 35.6117C30.0853 36.7362 30.117 39.948 29.7416 45.247C28.7906 45.4891 28.0508 45.6516 27.5221 45.7347C26.5847 45.882 25.5669 45.9646 24.5669 45.9965C23.5669 46.0284 23.2196 46.0248 21.837 45.8961C20.9154 45.8103 20.0308 45.6688 19.1833 45.4716Z" d="M19.1833 45.4716C18.9898 45.2219 18.9898 42.9973 19.1833 38.798C17.1114 38.8696 15.8024 38.7258 15.2563 38.3667C14.437 37.828 13.6169 36.1667 12.8891 34.9959C12.1614 33.8251 10.5463 33.64 9.89405 33.3783C9.24182 33.1165 9.07809 32.0496 11.6913 32.8565C14.3044 33.6634 14.4319 35.8607 15.2563 36.3745C16.0806 36.8883 18.0515 36.6635 18.9448 36.2519C19.8382 35.8403 19.7724 34.3078 19.9317 33.7007C20.1331 33.134 19.4233 33.0083 19.4077 33.0037C18.5355 33.0037 13.9539 32.0073 12.6955 27.5706C11.437 23.134 13.0581 20.2341 13.9229 18.9875C14.4995 18.1564 14.4485 16.3852 13.7699 13.6737C16.2335 13.3589 18.1347 14.1343 19.4734 16.0001C19.4747 16.0108 21.2285 14.9572 24.0003 14.9572C26.772 14.9572 27.7553 15.8154 28.5142 16.0001C29.2731 16.1848 29.88 12.7341 34.5668 13.6737C33.5883 15.5969 32.7689 18.0001 33.3943 18.9875C34.0198 19.9749 36.4745 23.1147 34.9666 27.5706C33.9614 30.5413 31.9853 32.3523 29.0384 33.0037C28.7005 33.1115 28.5315 33.2855 28.5315 33.5255C28.5315 33.8856 28.9884 33.9249 29.6465 35.6117C30.0853 36.7362 30.117 39.948 29.7416 45.247C28.7906 45.4891 28.0508 45.6516 27.5221 45.7347C26.5847 45.882 25.5669 45.9646 24.5669 45.9965C23.5669 46.0284 23.2196 46.0248 21.837 45.8961C20.9154 45.8103 20.0308 45.6688 19.1833 45.4716Z"
fill="currentColor" fill="currentColor"
fill-rule="evenodd" fill-rule="evenodd" />
/>
</svg> </svg>
</template> </template>

9
frontend/src/components/icons/Help.vue
View File

@ -14,21 +14,18 @@ const props = defineProps({
d="M24 44C29.5228 44 34.5228 41.7614 38.1421 38.1421C41.7614 34.5228 44 29.5228 44 24C44 18.4772 41.7614 13.4772 38.1421 9.85786C34.5228 6.23858 29.5228 4 24 4C18.4772 4 13.4772 6.23858 9.85786 9.85786C6.23858 13.4772 4 18.4772 4 24C4 29.5228 6.23858 34.5228 9.85786 38.1421C13.4772 41.7614 18.4772 44 24 44Z" d="M24 44C29.5228 44 34.5228 41.7614 38.1421 38.1421C41.7614 34.5228 44 29.5228 44 24C44 18.4772 41.7614 13.4772 38.1421 9.85786C34.5228 6.23858 29.5228 4 24 4C18.4772 4 13.4772 6.23858 9.85786 9.85786C6.23858 13.4772 4 18.4772 4 24C4 29.5228 6.23858 34.5228 9.85786 38.1421C13.4772 41.7614 18.4772 44 24 44Z"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M24 28.6248V24.6248C27.3137 24.6248 30 21.9385 30 18.6248C30 15.3111 27.3137 12.6248 24 12.6248C20.6863 12.6248 18 15.3111 18 18.6248" d="M24 28.6248V24.6248C27.3137 24.6248 30 21.9385 30 18.6248C30 15.3111 27.3137 12.6248 24 12.6248C20.6863 12.6248 18 15.3111 18 18.6248"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
clip-rule="evenodd" clip-rule="evenodd"
d="M24 37.6248C25.3807 37.6248 26.5 36.5055 26.5 35.1248C26.5 33.7441 25.3807 32.6248 24 32.6248C22.6193 32.6248 21.5 33.7441 21.5 35.1248C21.5 36.5055 22.6193 37.6248 24 37.6248Z" d="M24 37.6248C25.3807 37.6248 26.5 36.5055 26.5 35.1248C26.5 33.7441 25.3807 32.6248 24 32.6248C22.6193 32.6248 21.5 33.7441 21.5 35.1248C21.5 36.5055 22.6193 37.6248 24 37.6248Z"
fill="currentColor" fill="currentColor"
fill-rule="evenodd" fill-rule="evenodd" />
/>
</svg> </svg>
</template> </template>

3
frontend/src/components/icons/Key.vue
View File

@ -15,8 +15,7 @@ const props = defineProps({
stroke="currentColor" stroke="currentColor"
stroke-width="1.4" stroke-width="1.4"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round">
>
<path :fill="props.fillColor" d="M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z" /> <path :fill="props.fillColor" d="M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z" />
<circle cx="16.5" cy="7.5" r="1.5" /> <circle cx="16.5" cy="7.5" r="1.5" />
</svg> </svg>

6
frontend/src/components/icons/Layer.vue
View File

@ -18,12 +18,10 @@ const props = defineProps({
stroke="currentColor" stroke="currentColor"
stroke-width="1.5" stroke-width="1.5"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round">
>
<path <path
d="M10 20H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v2" d="M10 20H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v2"
:fill="props.fillColor" :fill="props.fillColor" />
/>
<circle cx="16" cy="20" r="2" :fill="props.fillColor" /> <circle cx="16" cy="20" r="2" :fill="props.fillColor" />
<path d="m22 14-4.5 4.5" /> <path d="m22 14-4.5 4.5" />
<path d="m21 15 1 1" /> <path d="m21 15 1 1" />

12
frontend/src/components/icons/Log.vue
View File

@ -17,29 +17,25 @@ const props = defineProps({
stroke-linejoin="round" stroke-linejoin="round"
width="28" width="28"
x="13" x="13"
y="10" y="10" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M35 10V4H8C7.44772 4 7 4.44772 7 5V38H13" d="M35 10V4H8C7.44772 4 7 4.44772 7 5V38H13"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M21 22H33" d="M21 22H33"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M21 30H33" d="M21 30H33"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

6
frontend/src/components/icons/Refresh.vue
View File

@ -18,16 +18,14 @@ const props = defineProps({
d="M36.7279 36.7279C33.4706 39.9853 28.9706 42 24 42C14.0589 42 6 33.9411 6 24C6 14.0589 14.0589 6 24 6C28.9706 6 33.4706 8.01472 36.7279 11.2721C38.3859 12.9301 42 17 42 17" d="M36.7279 36.7279C33.4706 39.9853 28.9706 42 24 42C14.0589 42 6 33.9411 6 24C6 14.0589 14.0589 6 24 6C28.9706 6 33.4706 8.01472 36.7279 11.2721C38.3859 12.9301 42 17 42 17"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
class="default-stroke" class="default-stroke"
d="M42 8V17H33" d="M42 8V17H33"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

6
frontend/src/components/icons/Save.vue
View File

@ -14,15 +14,13 @@ const props = defineProps({
d="M39.3 6H8.7C7.20883 6 6 7.20883 6 8.7V39.3C6 40.7912 7.20883 42 8.7 42H39.3C40.7912 42 42 40.7912 42 39.3V8.7C42 7.20883 40.7912 6 39.3 6Z" d="M39.3 6H8.7C7.20883 6 6 7.20883 6 8.7V39.3C6 40.7912 7.20883 42 8.7 42H39.3C40.7912 42 42 40.7912 42 39.3V8.7C42 7.20883 40.7912 6 39.3 6Z"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M32 6V24H15V6H32Z" d="M32 6V24H15V6H32Z"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path :stroke-width="props.strokeWidth" d="M26 13V17" stroke="currentColor" stroke-linecap="round" /> <path :stroke-width="props.strokeWidth" d="M26 13V17" stroke="currentColor" stroke-linecap="round" />
<path :stroke-width="props.strokeWidth" d="M10.9971 6H35.9986" stroke="currentColor" stroke-linecap="round" /> <path :stroke-width="props.strokeWidth" d="M10.9971 6H35.9986" stroke="currentColor" stroke-linecap="round" />
</svg> </svg>

9
frontend/src/components/icons/Search.vue
View File

@ -14,22 +14,19 @@ const props = defineProps({
d="M21 38C30.3888 38 38 30.3888 38 21C38 11.6112 30.3888 4 21 4C11.6112 4 4 11.6112 4 21C4 30.3888 11.6112 38 21 38Z" d="M21 38C30.3888 38 38 30.3888 38 21C38 11.6112 30.3888 4 21 4C11.6112 4 4 11.6112 4 21C4 30.3888 11.6112 38 21 38Z"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M26.657 14.3431C25.2093 12.8954 23.2093 12 21.0001 12C18.791 12 16.791 12.8954 15.3433 14.3431" d="M26.657 14.3431C25.2093 12.8954 23.2093 12 21.0001 12C18.791 12 16.791 12.8954 15.3433 14.3431"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M33.2216 33.2217L41.7069 41.707" d="M33.2216 33.2217L41.7069 41.707"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

12
frontend/src/components/icons/Sort.vue
View File

@ -14,29 +14,25 @@ const props = defineProps({
d="M25 14L16 5L7 14" d="M25 14L16 5L7 14"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M15.9917 31V5" d="M15.9917 31V5"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M42 34L33 43L24 34" d="M42 34L33 43L24 34"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M32.9917 17V43" d="M32.9917 17V43"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

21
frontend/src/components/icons/Structure.vue
View File

@ -14,50 +14,43 @@ const props = defineProps({
d="M38 20H18V28H38V20Z" d="M38 20H18V28H38V20Z"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M32 6H18V14H32V6Z" d="M32 6H18V14H32V6Z"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M44 34H18V42H44V34Z" d="M44 34H18V42H44V34Z"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M17 10H5" d="M17 10H5"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M17 24H5" d="M17 24H5"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M17 38H5" d="M17 38H5"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M5 44V4" d="M5 44V4"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

15
frontend/src/components/icons/Timer.vue
View File

@ -15,36 +15,31 @@ const props = defineProps({
d="M28 4L20 4" d="M28 4L20 4"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M24 4V12" d="M24 4V12"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M35 16L38 13" d="M35 16L38 13"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M24 28V22" d="M24 28V22"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M24 28H18" d="M24 28H18"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

24
frontend/src/components/icons/ToggleDb.vue
View File

@ -24,22 +24,19 @@ const props = defineProps({
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M44.0001 11C44.0001 11 44 36.0623 44 38C44 41.3137 35.0457 44 24 44C12.9543 44 4.00003 41.3137 4.00003 38C4.00003 36.1423 4 11 4 11" d="M44.0001 11C44.0001 11 44 36.0623 44 38C44 41.3137 35.0457 44 24 44C12.9543 44 4.00003 41.3137 4.00003 38C4.00003 36.1423 4 11 4 11"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke="props.fillColor" :stroke="props.fillColor"
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M44 29C44 32.3137 35.0457 35 24 35C12.9543 35 4 32.3137 4 29" d="M44 29C44 32.3137 35.0457 35 24 35C12.9543 35 4 32.3137 4 29"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke="props.fillColor" :stroke="props.fillColor"
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M44 20C44 23.3137 35.0457 26 24 26C12.9543 26 4 23.3137 4 20" d="M44 20C44 23.3137 35.0457 26 24 26C12.9543 26 4 23.3137 4 20"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<ellipse <ellipse
:stroke="props.fillColor" :stroke="props.fillColor"
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
@ -49,8 +46,7 @@ const props = defineProps({
rx="20" rx="20"
ry="6" ry="6"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
<svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"> <svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
<path <path
@ -58,22 +54,19 @@ const props = defineProps({
d="M44.0001 11C44.0001 11 44 36.0623 44 38C44 41.3137 35.0457 44 24 44C12.9543 44 4.00003 41.3137 4.00003 38C4.00003 36.1423 4 11 4 11" d="M44.0001 11C44.0001 11 44 36.0623 44 38C44 41.3137 35.0457 44 24 44C12.9543 44 4.00003 41.3137 4.00003 38C4.00003 36.1423 4 11 4 11"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M44 29C44 32.3137 35.0457 35 24 35C12.9543 35 4 32.3137 4 29" d="M44 29C44 32.3137 35.0457 35 24 35C12.9543 35 4 32.3137 4 29"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M44 20C44 23.3137 35.0457 26 24 26C12.9543 26 4 23.3137 4 20" d="M44 20C44 23.3137 35.0457 26 24 26C12.9543 26 4 23.3137 4 20"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<ellipse <ellipse
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
cx="24" cx="24"
@ -83,8 +76,7 @@ const props = defineProps({
ry="6" ry="6"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

15
frontend/src/components/icons/ToggleFolder.vue
View File

@ -24,16 +24,14 @@ const props = defineProps({
d="M4 9V41L9 21H39.5V15C39.5 13.8954 38.6046 13 37.5 13H24L19 7H6C4.89543 7 4 7.89543 4 9Z" d="M4 9V41L9 21H39.5V15C39.5 13.8954 38.6046 13 37.5 13H24L19 7H6C4.89543 7 4 7.89543 4 9Z"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:fill="props.fillColor" :fill="props.fillColor"
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M40 41L44 21H8.8125L4 41H40Z" d="M40 41L44 21H8.8125L4 41H40Z"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
<svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"> <svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
<path <path
@ -41,23 +39,20 @@ const props = defineProps({
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M5 8C5 6.89543 5.89543 6 7 6H19L24 12H41C42.1046 12 43 12.8954 43 14V40C43 41.1046 42.1046 42 41 42H7C5.89543 42 5 41.1046 5 40V8Z" d="M5 8C5 6.89543 5.89543 6 7 6H19L24 12H41C42.1046 12 43 12.8954 43 14V40C43 41.1046 42.1046 42 41 42H7C5.89543 42 5 41.1046 5 40V8Z"
stroke="currentColor" stroke="currentColor"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path :stroke-width="props.strokeWidth" d="M43 22H5" stroke="currentColor" stroke-linejoin="round" /> <path :stroke-width="props.strokeWidth" d="M43 22H5" stroke="currentColor" stroke-linejoin="round" />
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M5 16V28" d="M5 16V28"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M43 16V28" d="M43 16V28"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

30
frontend/src/components/icons/ToggleServer.vue
View File

@ -25,37 +25,32 @@ const props = defineProps({
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M41 4H7C5.34315 4 4 5.34315 4 7V41C4 42.6569 5.34315 44 7 44H41C42.6569 44 44 42.6569 44 41V7C44 5.34315 42.6569 4 41 4Z" d="M41 4H7C5.34315 4 4 5.34315 4 7V41C4 42.6569 5.34315 44 7 44H41C42.6569 44 44 42.6569 44 41V7C44 5.34315 42.6569 4 41 4Z"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path :stroke-width="props.strokeWidth" d="M4 32H44" stroke="#FFF" stroke-linecap="round" /> <path :stroke-width="props.strokeWidth" d="M4 32H44" stroke="#FFF" stroke-linecap="round" />
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M10 38H11" d="M10 38H11"
stroke="#FFF" stroke="#FFF"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M26 38H38" d="M26 38H38"
stroke="#FFF" stroke="#FFF"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke="props.fillColor" :stroke="props.fillColor"
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M44 37V27" d="M44 37V27"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke="props.fillColor" :stroke="props.fillColor"
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M4 37V27" d="M4 37V27"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
<svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"> <svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
<path <path
@ -64,37 +59,32 @@ const props = defineProps({
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path :stroke-width="props.strokeWidth" d="M4 32H44" stroke="currentColor" stroke-linecap="round" /> <path :stroke-width="props.strokeWidth" d="M4 32H44" stroke="currentColor" stroke-linecap="round" />
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M10 38H11" d="M10 38H11"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M26 38H38" d="M26 38H38"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M44 37V27" d="M44 37V27"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="props.strokeWidth" :stroke-width="props.strokeWidth"
d="M4 37V27" d="M4 37V27"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

18
frontend/src/components/icons/Unlink.vue
View File

@ -15,44 +15,38 @@ const props = defineProps({
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M42 6L37 11" d="M42 6L37 11"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M11 25.9999L14 22.9999L25 33.9999L22 36.9999C20.5 38.5 15 41 11 36.9999C7 32.9999 9.5 27.5 11 25.9999Z" d="M11 25.9999L14 22.9999L25 33.9999L22 36.9999C20.5 38.5 15 41 11 36.9999C7 32.9999 9.5 27.5 11 25.9999Z"
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M23 32L27 28" d="M23 32L27 28"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M6 42L11 37" d="M6 42L11 37"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M16 25L20 21" d="M16 25L20 21"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

9
frontend/src/components/icons/Update.vue
View File

@ -15,22 +15,19 @@ const props = defineProps({
fill="none" fill="none"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M33.5424 27C32.2681 31.0571 28.4778 34 24.0002 34C19.5226 34 15.7323 31.0571 14.458 27V33" d="M33.5424 27C32.2681 31.0571 28.4778 34 24.0002 34C19.5226 34 15.7323 31.0571 14.458 27V33"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
<path <path
:stroke-width="strokeWidth" :stroke-width="strokeWidth"
d="M33.5424 15V21C32.2681 16.9429 28.4778 14 24.0002 14C19.5226 14 15.7323 16.9429 14.458 21" d="M33.5424 15V21C32.2681 16.9429 28.4778 14 24.0002 14C19.5226 14 15.7323 16.9429 14.458 21"
stroke="currentColor" stroke="currentColor"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round" />
/>
</svg> </svg>
</template> </template>

3
frontend/src/components/new_value/AddHashValue.vue
View File

@ -56,8 +56,7 @@ const onUpdate = (val) => {
:key-placeholder="$t('enter_field')" :key-placeholder="$t('enter_field')"
:value-placeholder="$t('enter_value')" :value-placeholder="$t('enter_value')"
preset="pair" preset="pair"
@update:value="onUpdate" @update:value="onUpdate">
>
<template #action="{ index, create, remove, move }"> <template #action="{ index, create, remove, move }">
<icon-button v-if="kvList.length > 1" :icon="Delete" size="18" @click="() => remove(index)" /> <icon-button v-if="kvList.length > 1" :icon="Delete" size="18" @click="() => remove(index)" />
<icon-button :icon="Add" size="18" @click="() => create(index)" /> <icon-button :icon="Add" size="18" @click="() => create(index)" />

3
frontend/src/components/new_value/AddZSetValue.vue
View File

@ -65,8 +65,7 @@ const onUpdate = () => {
v-model:value="value.value" v-model:value="value.value"
:placeholder="$t('enter_elem')" :placeholder="$t('enter_elem')"
type="text" type="text"
@update:value="onUpdate" @update:value="onUpdate" />
/>
<n-input-number v-model:value="value.score" :placeholder="$t('enter_score')" @update:value="onUpdate" /> <n-input-number v-model:value="value.score" :placeholder="$t('enter_score')" @update:value="onUpdate" />
</template> </template>
<template #action="{ index, create, remove, move }"> <template #action="{ index, create, remove, move }">

3
frontend/src/components/new_value/NewHashValue.vue
View File

@ -43,8 +43,7 @@ defineExpose({
:key-placeholder="$t('enter_field')" :key-placeholder="$t('enter_field')"
:value-placeholder="$t('enter_value')" :value-placeholder="$t('enter_value')"
preset="pair" preset="pair"
@update:value="onUpdate" @update:value="onUpdate">
>
<template #action="{ index, create, remove, move }"> <template #action="{ index, create, remove, move }">
<icon-button v-if="kvList.length > 1" :icon="Delete" size="18" @click="() => remove(index)" /> <icon-button v-if="kvList.length > 1" :icon="Delete" size="18" @click="() => remove(index)" />
<icon-button :icon="Add" size="18" @click="() => create(index)" /> <icon-button :icon="Add" size="18" @click="() => create(index)" />

3
frontend/src/components/new_value/NewStreamValue.vue
View File

@ -49,8 +49,7 @@ defineExpose({
:key-placeholder="$t('enter_field')" :key-placeholder="$t('enter_field')"
:value-placeholder="$t('enter_value')" :value-placeholder="$t('enter_value')"
preset="pair" preset="pair"
@update:value="onUpdate" @update:value="onUpdate">
>
<template #action="{ index, create, remove, move }"> <template #action="{ index, create, remove, move }">
<icon-button v-if="kvList.length > 1" :icon="Delete" size="18" @click="() => remove(index)" /> <icon-button v-if="kvList.length > 1" :icon="Delete" size="18" @click="() => remove(index)" />
<icon-button :icon="Add" size="18" @click="() => create(index)" /> <icon-button :icon="Add" size="18" @click="() => create(index)" />

3
frontend/src/components/new_value/NewStringValue.vue
View File

@ -13,8 +13,7 @@ const emit = defineEmits(['update:value'])
:value="props.value" :value="props.value"
placeholder="" placeholder=""
type="textarea" type="textarea"
@input="(val) => emit('update:value', val)" @input="(val) => emit('update:value', val)" />
/>
</n-form-item> </n-form-item>
</template> </template>

3
frontend/src/components/new_value/NewZSetValue.vue
View File

@ -48,8 +48,7 @@ defineExpose({
v-model:value="value.value" v-model:value="value.value"
:placeholder="$t('enter_member')" :placeholder="$t('enter_member')"
type="text" type="text"
@update:value="onUpdate" @update:value="onUpdate" />
/>
<n-input-number v-model:value="value.score" :placeholder="$t('enter_score')" @update:value="onUpdate" /> <n-input-number v-model:value="value.score" :placeholder="$t('enter_score')" @update:value="onUpdate" />
</template> </template>
<template #action="{ index, create, remove, move }"> <template #action="{ index, create, remove, move }">

3
frontend/src/components/sidebar/BrowserPane.vue
View File

@ -72,8 +72,7 @@ const filterTypeOptions = computed(() => {
v-model:value="filterForm.type" v-model:value="filterForm.type"
:consistent-menu-width="false" :consistent-menu-width="false"
:options="filterTypeOptions" :options="filterTypeOptions"
style="width: 120px" style="width: 120px" />
/>
<n-input clearable placeholder="" /> <n-input clearable placeholder="" />
<n-button ghost> <n-button ghost>
<template #icon> <template #icon>

6
frontend/src/components/sidebar/BrowserTree.vue
View File

@ -602,8 +602,7 @@ const handleOutsideContextMenu = () => {
virtual-scroll virtual-scroll
@load="onLoadTree" @load="onLoadTree"
@update:selected-keys="onUpdateSelectedKeys" @update:selected-keys="onUpdateSelectedKeys"
@update:expanded-keys="onUpdateExpanded" @update:expanded-keys="onUpdateExpanded" />
/>
<n-dropdown <n-dropdown
:animated="false" :animated="false"
:options="contextMenuParam.options" :options="contextMenuParam.options"
@ -614,8 +613,7 @@ const handleOutsideContextMenu = () => {
placement="bottom-start" placement="bottom-start"
trigger="manual" trigger="manual"
@clickoutside="handleOutsideContextMenu" @clickoutside="handleOutsideContextMenu"
@select="handleSelectContextMenu" @select="handleSelectContextMenu" />
/>
</div> </div>
</template> </template>

9
frontend/src/components/sidebar/ConnectionPane.vue
View File

@ -31,23 +31,20 @@ const onDisconnectAll = () => {
size="20" size="20"
stroke-width="4" stroke-width="4"
t-tooltip="new_conn" t-tooltip="new_conn"
@click="dialogStore.openNewDialog()" @click="dialogStore.openNewDialog()" />
/>
<icon-button <icon-button
:icon="AddGroup" :icon="AddGroup"
size="20" size="20"
stroke-width="4" stroke-width="4"
t-tooltip="new_group" t-tooltip="new_group"
@click="dialogStore.openNewGroupDialog()" @click="dialogStore.openNewGroupDialog()" />
/>
<icon-button <icon-button
:disabled="!connectionStore.anyConnectionOpened" :disabled="!connectionStore.anyConnectionOpened"
:icon="Unlink" :icon="Unlink"
size="20" size="20"
stroke-width="4" stroke-width="4"
t-tooltip="disconnect_all" t-tooltip="disconnect_all"
@click="onDisconnectAll" @click="onDisconnectAll" />
/>
<n-input v-model:value="filterPattern" :placeholder="$t('filter')" clearable> <n-input v-model:value="filterPattern" :placeholder="$t('filter')" clearable>
<template #prefix> <template #prefix>
<n-icon :component="Filter" size="20" /> <n-icon :component="Filter" size="20" />

9
frontend/src/components/sidebar/ConnectionTree.vue
View File

@ -359,8 +359,7 @@ const handleDrop = ({ node, dragNode, dropPosition }) => {
virtual-scroll virtual-scroll
@drop="handleDrop" @drop="handleDrop"
@update:selected-keys="onUpdateSelectedKeys" @update:selected-keys="onUpdateSelectedKeys"
@update:expanded-keys="onUpdateExpandedKeys" @update:expanded-keys="onUpdateExpandedKeys" />
/>
<!-- status display modal --> <!-- status display modal -->
<n-modal :show="openingConnection" transform-origin="center"> <n-modal :show="openingConnection" transform-origin="center">
@ -369,8 +368,7 @@ const handleDrop = ({ node, dragNode, dropPosition }) => {
:content-style="{ textAlign: 'center' }" :content-style="{ textAlign: 'center' }"
aria-model="true" aria-model="true"
role="dialog" role="dialog"
style="width: 400px" style="width: 400px">
>
<n-spin> <n-spin>
<template #description> <template #description>
{{ $t('opening_connection') }} {{ $t('opening_connection') }}
@ -390,8 +388,7 @@ const handleDrop = ({ node, dragNode, dropPosition }) => {
placement="bottom-start" placement="bottom-start"
trigger="manual" trigger="manual"
@clickoutside="contextMenuParam.show = false" @clickoutside="contextMenuParam.show = false"
@select="handleSelectContextMenu" @select="handleSelectContextMenu" />
/>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>

9
frontend/src/components/sidebar/NavMenu.vue
View File

@ -104,16 +104,14 @@ const openGithub = () => {
:style="{ :style="{
width: props.width + 'px', width: props.width + 'px',
}" }"
class="flex-box-v" class="flex-box-v">
>
<n-menu <n-menu
:collapsed="true" :collapsed="true"
:collapsed-icon-size="iconSize" :collapsed-icon-size="iconSize"
:collapsed-width="props.width" :collapsed-width="props.width"
:options="menuOptions" :options="menuOptions"
:value="props.value" :value="props.value"
@update:value="(val) => emit('update:value', val)" @update:value="(val) => emit('update:value', val)" />
/>
<div class="flex-item-expand"></div> <div class="flex-item-expand"></div>
<div class="nav-menu-item flex-box-v"> <div class="nav-menu-item flex-box-v">
<n-dropdown <n-dropdown
@ -122,8 +120,7 @@ const openGithub = () => {
:options="preferencesOptions" :options="preferencesOptions"
:render-label="renderContextLabel" :render-label="renderContextLabel"
trigger="click" trigger="click"
@select="onSelectPreferenceMenu" @select="onSelectPreferenceMenu">
>
<icon-button :icon="Config" :size="iconSize" class="nav-menu-button" /> <icon-button :icon="Config" :size="iconSize" class="nav-menu-button" />
</n-dropdown> </n-dropdown>
<icon-button :icon="Github" :size="iconSize" class="nav-menu-button" @click="openGithub" /> <icon-button :icon="Github" :size="iconSize" class="nav-menu-button" @click="openGithub" />