Keep settings open (#2630)

This commit is contained in:
the1812 2022-04-09 15:35:47 +08:00
parent 2140734028
commit 15e8986943
2 changed files with 15 additions and 14 deletions

View File

@ -35,7 +35,7 @@
v-model="settingsOpened"
class="settings-panel-popup"
:trigger-element="$refs.settingsIcon"
:auto-close-predicate="settingsPanalClosePredicate"
:auto-close-predicate="settingsPanelClosePredicate"
:fixed="true"
>
<SettingsPanel @close="settingsOpened = false" />
@ -68,7 +68,7 @@ export default {
theWorld() {
externalApis.theWorld(0)
},
settingsPanalClosePredicate(data: {
settingsPanelClosePredicate(data: {
target: HTMLElement
element: HTMLElement
trigger: HTMLElement

View File

@ -1,10 +1,13 @@
<template>
<VPopup v-model="popupOpen" class="online-registry" fixed :auto-close="false">
<VPopup
v-model="popupOpen"
class="online-registry be-settings-extra-options"
fixed
:auto-close="false"
>
<div class="online-registry-header">
<VIcon icon="mdi-web" class="online-registry-header-title-icon" />
<div class="online-registry-header-title">
在线仓库
</div>
<div class="online-registry-header-title">在线仓库</div>
<VIcon
icon="mdi-refresh"
:size="22"
@ -23,10 +26,7 @@
<div class="online-registry-header">
<div class="online-registry-header-search">
<VIcon icon="search" :size="18" />
<TextBox
v-model="searchKeyword"
placeholder="搜索功能"
/>
<TextBox v-model="searchKeyword" placeholder="搜索功能" />
</div>
<div class="online-registry-header-branch">
分支:
@ -76,7 +76,8 @@ import { DocSourceItem } from 'registry/lib/docs'
import RegistryItem from './RegistryItem.vue'
import { registryBranches } from './third-party'
const general = getGeneralSettings()
type ExtendedSettings = ReturnType<typeof getGeneralSettings> & { registryBranch: string }
const general = getGeneralSettings() as ExtendedSettings
export default Vue.extend({
components: {
VIcon,
@ -171,7 +172,7 @@ export default Vue.extend({
})
</script>
<style lang="scss">
@import "common";
@import 'common';
.online-registry {
top: 50%;
@ -180,7 +181,7 @@ export default Vue.extend({
width: 360px;
height: 85vh;
z-index: 100002;
transition: .2s ease-out;
transition: 0.2s ease-out;
font-size: 14px;
@include v-stretch();
@include popup();
@ -216,7 +217,7 @@ export default Vue.extend({
&-close-icon {
padding: 2px;
cursor: pointer;
transition: .3s ease-out;
transition: 0.3s ease-out;
&:hover {
color: var(--theme-color);
}