mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-03 04:21:34 +08:00
55 lines
879 B
Vue
55 lines
879 B
Vue
<template>
|
|
<n-button
|
|
class="edit-button"
|
|
text
|
|
icon-depth="tertiary"
|
|
:size="size"
|
|
@click="handleEditOnGithubClick"
|
|
>
|
|
<template v-slot:icon>
|
|
<edit-icon />
|
|
</template>
|
|
</n-button>
|
|
</template>
|
|
|
|
<script>
|
|
import editIcon from '../../src/_icons/git-commit-outline'
|
|
import githubUrl from './github-url'
|
|
|
|
export default {
|
|
name: 'EditOnGithubButton',
|
|
components: {
|
|
editIcon
|
|
},
|
|
props: {
|
|
relativeUrl: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
text: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
size: {
|
|
type: String,
|
|
default: undefined
|
|
}
|
|
},
|
|
data () {
|
|
return {
|
|
githubUrl
|
|
}
|
|
},
|
|
computed: {
|
|
gheDocUrl () {
|
|
return this.githubUrl + this.relativeUrl
|
|
}
|
|
},
|
|
methods: {
|
|
handleEditOnGithubClick () {
|
|
window.open(this.gheDocUrl, '_blank')
|
|
}
|
|
}
|
|
}
|
|
</script>
|