mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-04-12 14:40:47 +08:00
fix lint error
This commit is contained in:
parent
8a4eb53bde
commit
5134955358
@ -46,13 +46,11 @@
|
||||
<script>
|
||||
import mdCash from 'naive-ui/lib/icons/md-cash'
|
||||
import mdContacts from 'naive-ui/lib/icons/md-contacts'
|
||||
import iosContacts from 'naive-ui/lib/icons/ios-contacts'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
mdCash,
|
||||
mdContacts,
|
||||
iosContacts
|
||||
mdContacts
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
|
@ -6,8 +6,8 @@
|
||||
class="n-sub-menu-header"
|
||||
:style="{paddingLeft: paddingLeft + 'px'}"
|
||||
:class="{
|
||||
'n-sub-menu-header--collapsed': collapsed,
|
||||
'n-sub-menu-header--active': !collapsed,
|
||||
'n-sub-menu-header--collapsed': isCollapsed,
|
||||
'n-sub-menu-header--active': !isCollapsed,
|
||||
'n-sub-menu-header--has-icon': hasIcon,
|
||||
'n-sub-menu-header--disabled': disabled,
|
||||
}"
|
||||
@ -20,7 +20,7 @@
|
||||
<span>{{ title }}</span>
|
||||
</div>
|
||||
<fade-in-height-expand-transition>
|
||||
<ul v-if="!collapsed" class="n-sub-menu-content">
|
||||
<ul v-if="!isCollapsed" class="n-sub-menu-content">
|
||||
<slot />
|
||||
</ul>
|
||||
</fade-in-height-expand-transition>
|
||||
@ -77,28 +77,32 @@ export default {
|
||||
}
|
||||
return padding
|
||||
},
|
||||
collapsed: {
|
||||
get: function () {
|
||||
let indexs = this.NMenu.openNames || this.NMenu.defaultOpenNames
|
||||
if (indexs && indexs.includes(this.name)) {
|
||||
this.isCollapsed = false
|
||||
} else {
|
||||
this.isCollapsed = true
|
||||
}
|
||||
return this.isCollapsed
|
||||
},
|
||||
set: function (val) {
|
||||
this.isCollapsed = val
|
||||
}
|
||||
openNames () {
|
||||
return this.NMenu.openNames || this.NMenu.defaultOpenNames
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
openNames (value) {
|
||||
this.setCollapsed()
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
this.setCollapsed()
|
||||
},
|
||||
methods: {
|
||||
clickCallback () {
|
||||
if (!this.disabled) {
|
||||
this.collapsed = !this.collapsed
|
||||
this.isCollapsed = !this.isCollapsed
|
||||
this.NMenu.openKeysChangeCallback(this.name)
|
||||
this.$emit('click', this)
|
||||
}
|
||||
},
|
||||
setCollapsed () {
|
||||
if (this.openNames && this.openNames.includes(this.name)) {
|
||||
this.isCollapsed = false
|
||||
} else {
|
||||
this.isCollapsed = true
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<td>
|
||||
<slot/>
|
||||
<slot />
|
||||
</td>
|
||||
</template>
|
||||
|
||||
@ -10,6 +10,3 @@ export default {
|
||||
props: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
</style>
|
||||
|
@ -1,6 +1,5 @@
|
||||
import {
|
||||
rootedOptions,
|
||||
patchedOptions,
|
||||
linkedOptions,
|
||||
menuOptions
|
||||
} from 'packages/utils/component/menuModel'
|
||||
|
Loading…
x
Reference in New Issue
Block a user