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

View File

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