mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-03-19 14:00:50 +08:00
build: eslint markdown
This commit is contained in:
07akioni
parent
f2ad5a5004
commit
590c61ffd1
12
.eslintrc.js
12
.eslintrc.js
@ -1,5 +1,9 @@
|
||||
module.exports = {
|
||||
extends: ['plugin:vue/recommended', '@vue/standard'],
|
||||
extends: [
|
||||
'plugin:vue/recommended',
|
||||
'@vue/standard',
|
||||
'plugin:markdown/recommended'
|
||||
],
|
||||
parserOptions: {
|
||||
parser: 'babel-eslint'
|
||||
},
|
||||
@ -20,6 +24,12 @@ module.exports = {
|
||||
'no-void': 0
|
||||
},
|
||||
overrides: [
|
||||
{
|
||||
files: '**/*.md/*.js',
|
||||
rules: {
|
||||
'no-undef': 0
|
||||
}
|
||||
},
|
||||
{
|
||||
files: '*.spec.js',
|
||||
globals: {
|
||||
|
||||
@ -158,7 +158,9 @@ export default {
|
||||
},
|
||||
searchOptions () {
|
||||
function getLabel (item) {
|
||||
if (item.title) { return item.title + (item.titleExtra ? ' ' + item.titleExtra : '') }
|
||||
if (item.title) {
|
||||
return item.title + (item.titleExtra ? ' ' + item.titleExtra : '')
|
||||
}
|
||||
return item.name
|
||||
}
|
||||
if (!this.searchInputValue) return []
|
||||
|
||||
@ -30,7 +30,7 @@ export default {
|
||||
components: {
|
||||
IosAirplane
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
show: true
|
||||
}
|
||||
|
||||
@ -30,7 +30,7 @@ export default {
|
||||
components: {
|
||||
IosAirplane
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
show: true
|
||||
}
|
||||
|
||||
@ -28,7 +28,7 @@
|
||||
```js
|
||||
export default {
|
||||
methods: {
|
||||
scrollTo(href) {
|
||||
scrollTo (href) {
|
||||
this.$refs.anchor.scrollTo(href)
|
||||
}
|
||||
}
|
||||
|
||||
@ -28,7 +28,7 @@
|
||||
```js
|
||||
export default {
|
||||
methods: {
|
||||
scrollTo(href) {
|
||||
scrollTo (href) {
|
||||
this.$refs.anchor.scrollTo(href)
|
||||
}
|
||||
}
|
||||
|
||||
@ -22,7 +22,7 @@ Blur after selection or clear after selection.
|
||||
```js
|
||||
export default {
|
||||
computed: {
|
||||
options() {
|
||||
options () {
|
||||
return ['@gmail.com', '@163.com', '@qq.com'].map((suffix) => {
|
||||
const value = this.value === null ? '' : this.value
|
||||
const prefix = value.split('@')[0]
|
||||
@ -33,7 +33,7 @@ export default {
|
||||
})
|
||||
}
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: null
|
||||
}
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
```js
|
||||
export default {
|
||||
computed: {
|
||||
options() {
|
||||
options () {
|
||||
return ['@gmail.com', '@163.com', '@qq.com'].map((suffix) => {
|
||||
const prefix = this.value.split('@')[0]
|
||||
return {
|
||||
@ -17,7 +17,7 @@ export default {
|
||||
})
|
||||
}
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: ''
|
||||
}
|
||||
|
||||
@ -20,7 +20,7 @@ You can replace auto-complete's input element.
|
||||
```js
|
||||
export default {
|
||||
computed: {
|
||||
options() {
|
||||
options () {
|
||||
return ['@gmail.com', '@163.com', '@qq.com'].map((suffix) => {
|
||||
const prefix = this.value.split('@')[0]
|
||||
return {
|
||||
@ -30,7 +30,7 @@ export default {
|
||||
})
|
||||
}
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: ''
|
||||
}
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
```js
|
||||
export default {
|
||||
computed: {
|
||||
options() {
|
||||
options () {
|
||||
return [
|
||||
['Google', '@gmail.com'],
|
||||
['Netease', '@163.com'],
|
||||
@ -21,7 +21,7 @@ export default {
|
||||
})
|
||||
}
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: ''
|
||||
}
|
||||
|
||||
@ -26,7 +26,7 @@
|
||||
```js
|
||||
export default {
|
||||
computed: {
|
||||
options() {
|
||||
options () {
|
||||
return ['@gmail.com', '@163.com', '@qq.com'].map((suffix) => {
|
||||
const prefix = this.value.split('@')[0]
|
||||
return {
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
})
|
||||
}
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: ''
|
||||
}
|
||||
|
||||
@ -22,7 +22,7 @@
|
||||
```js
|
||||
export default {
|
||||
computed: {
|
||||
options() {
|
||||
options () {
|
||||
return ['@gmail.com', '@163.com', '@qq.com'].map((suffix) => {
|
||||
const value = this.value === null ? '' : this.value
|
||||
const prefix = value.split('@')[0]
|
||||
@ -33,7 +33,7 @@ export default {
|
||||
})
|
||||
}
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: null
|
||||
}
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
```js
|
||||
export default {
|
||||
computed: {
|
||||
options() {
|
||||
options () {
|
||||
return ['@gmail.com', '@163.com', '@qq.com'].map((suffix) => {
|
||||
const prefix = this.value.split('@')[0]
|
||||
return {
|
||||
@ -17,7 +17,7 @@ export default {
|
||||
})
|
||||
}
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: ''
|
||||
}
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
```js
|
||||
export default {
|
||||
computed: {
|
||||
options() {
|
||||
options () {
|
||||
return ['@gmail.com', '@163.com', '@qq.com'].map((suffix) => {
|
||||
const prefix = this.value.split('@')[0]
|
||||
return {
|
||||
@ -30,7 +30,7 @@ export default {
|
||||
})
|
||||
}
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: ''
|
||||
}
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
```js
|
||||
export default {
|
||||
computed: {
|
||||
options() {
|
||||
options () {
|
||||
return [
|
||||
['谷歌', '@gmail.com'],
|
||||
['网易', '@163.com'],
|
||||
@ -21,7 +21,7 @@ export default {
|
||||
})
|
||||
}
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: ''
|
||||
}
|
||||
|
||||
@ -26,7 +26,7 @@
|
||||
```js
|
||||
export default {
|
||||
computed: {
|
||||
options() {
|
||||
options () {
|
||||
return ['@gmail.com', '@163.com', '@qq.com'].map((suffix) => {
|
||||
const prefix = this.value.split('@')[0]
|
||||
return {
|
||||
@ -36,7 +36,7 @@ export default {
|
||||
})
|
||||
}
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: ''
|
||||
}
|
||||
|
||||
@ -15,7 +15,7 @@ Words' sizing would be auto adjusted in avatar.
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: 'Oasis'
|
||||
}
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: 'Oasis'
|
||||
}
|
||||
|
||||
@ -43,7 +43,7 @@ You can specify target to listen scroll event of.
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
target: () => this.$refs.scrollContainer
|
||||
}
|
||||
|
||||
@ -40,7 +40,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
target: () => this.$refs.scrollContainer
|
||||
}
|
||||
|
||||
@ -31,7 +31,7 @@ export default {
|
||||
MdAdd,
|
||||
MdRemove
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: 5
|
||||
}
|
||||
|
||||
@ -32,7 +32,7 @@ export default {
|
||||
MdAdd,
|
||||
MdRemove
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: 5,
|
||||
show: true
|
||||
|
||||
@ -39,7 +39,7 @@ export default {
|
||||
MdAdd,
|
||||
MdRemove
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: 101
|
||||
}
|
||||
|
||||
@ -27,7 +27,7 @@ export default {
|
||||
MdAdd,
|
||||
MdRemove
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: 5
|
||||
}
|
||||
|
||||
@ -33,7 +33,7 @@ export default {
|
||||
MdAdd,
|
||||
MdRemove
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: 0
|
||||
}
|
||||
|
||||
@ -24,7 +24,7 @@ Badge has `default`, `error`, `info`, `success`, `warning` types.
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: 10
|
||||
}
|
||||
|
||||
@ -31,7 +31,7 @@ export default {
|
||||
MdAdd,
|
||||
MdRemove
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: 5
|
||||
}
|
||||
|
||||
@ -32,7 +32,7 @@ export default {
|
||||
MdAdd,
|
||||
MdRemove
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: 5,
|
||||
show: true
|
||||
|
||||
@ -39,7 +39,7 @@ export default {
|
||||
MdAdd,
|
||||
MdRemove
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: 101
|
||||
}
|
||||
|
||||
@ -27,7 +27,7 @@ export default {
|
||||
MdAdd,
|
||||
MdRemove
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: 5
|
||||
}
|
||||
|
||||
@ -33,7 +33,7 @@ export default {
|
||||
MdAdd,
|
||||
MdRemove
|
||||
},
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: 0
|
||||
}
|
||||
|
||||
@ -24,7 +24,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: 10
|
||||
}
|
||||
|
||||
@ -10,7 +10,7 @@ Handle events on button.
|
||||
export default {
|
||||
inject: ['message'],
|
||||
methods: {
|
||||
handleClick() {
|
||||
handleClick () {
|
||||
this.message.info('Button Clicked')
|
||||
}
|
||||
}
|
||||
|
||||
@ -10,7 +10,7 @@ Button has loading status.
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
loading: false
|
||||
}
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
export default {
|
||||
inject: ['message'],
|
||||
methods: {
|
||||
handleClick() {
|
||||
handleClick () {
|
||||
this.message.info('Button Clicked')
|
||||
}
|
||||
}
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
loading: false
|
||||
}
|
||||
|
||||
@ -10,7 +10,7 @@ You may need when use it in modal.
|
||||
export default {
|
||||
inject: ['message'],
|
||||
methods: {
|
||||
handleClose() {
|
||||
handleClose () {
|
||||
this.message.info('Card Close')
|
||||
}
|
||||
}
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
export default {
|
||||
inject: ['message'],
|
||||
methods: {
|
||||
handleClose() {
|
||||
handleClose () {
|
||||
this.message.info('卡片关闭')
|
||||
}
|
||||
}
|
||||
|
||||
@ -22,7 +22,7 @@
|
||||
```
|
||||
|
||||
```js
|
||||
function genChildren(option) {
|
||||
function genChildren (option) {
|
||||
const children = []
|
||||
for (let i = 0; i <= option.depth; ++i) {
|
||||
children.push({
|
||||
@ -44,7 +44,7 @@ const options = [
|
||||
}
|
||||
]
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
leafOnly: true,
|
||||
cascade: true,
|
||||
@ -54,7 +54,7 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleLoad(option) {
|
||||
handleLoad (option) {
|
||||
return new Promise((resolve) => {
|
||||
window.setTimeout(() => {
|
||||
option.children = genChildren(option)
|
||||
|
||||
@ -24,7 +24,7 @@
|
||||
```
|
||||
|
||||
```js
|
||||
function genOptions(depth = 3, iterator = 1, prefix = '') {
|
||||
function genOptions (depth = 3, iterator = 1, prefix = '') {
|
||||
const length = 12
|
||||
const options = []
|
||||
for (let i = 1; i <= length; ++i) {
|
||||
@ -54,7 +54,7 @@ function genOptions(depth = 3, iterator = 1, prefix = '') {
|
||||
}
|
||||
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
leafOnly: true,
|
||||
cascade: true,
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
```
|
||||
|
||||
```js
|
||||
function genChildren(option) {
|
||||
function genChildren (option) {
|
||||
const children = []
|
||||
for (let i = 0; i <= option.depth; ++i) {
|
||||
children.push({
|
||||
@ -44,7 +44,7 @@ const options = [
|
||||
]
|
||||
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
leafOnly: true,
|
||||
cascade: true,
|
||||
@ -54,7 +54,7 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleLoad(option) {
|
||||
handleLoad (option) {
|
||||
return new Promise((resolve) => {
|
||||
window.setTimeout(() => {
|
||||
option.children = genChildren(option)
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
```
|
||||
|
||||
```js
|
||||
function genOptions(depth = 3, iterator = 1, prefix = '') {
|
||||
function genOptions (depth = 3, iterator = 1, prefix = '') {
|
||||
const length = 12
|
||||
const options = []
|
||||
for (let i = 1; i <= length; ++i) {
|
||||
@ -53,7 +53,7 @@ function genOptions(depth = 3, iterator = 1, prefix = '') {
|
||||
}
|
||||
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
leafOnly: true,
|
||||
cascade: true,
|
||||
|
||||
@ -29,7 +29,7 @@ Cascader has `small`, `medium` and `large` size.
|
||||
```
|
||||
|
||||
```js
|
||||
function genOptions(depth = 2, iterator = 1, prefix = '') {
|
||||
function genOptions (depth = 2, iterator = 1, prefix = '') {
|
||||
const length = 12
|
||||
const options = []
|
||||
for (let i = 1; i <= length; ++i) {
|
||||
@ -59,7 +59,7 @@ function genOptions(depth = 2, iterator = 1, prefix = '') {
|
||||
}
|
||||
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: null,
|
||||
options: genOptions()
|
||||
|
||||
@ -22,7 +22,7 @@
|
||||
```
|
||||
|
||||
```js
|
||||
function genChildren(option) {
|
||||
function genChildren (option) {
|
||||
const children = []
|
||||
for (let i = 0; i <= option.depth; ++i) {
|
||||
children.push({
|
||||
@ -44,7 +44,7 @@ const options = [
|
||||
}
|
||||
]
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
leafOnly: true,
|
||||
cascade: true,
|
||||
@ -54,7 +54,7 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleLoad(option) {
|
||||
handleLoad (option) {
|
||||
return new Promise((resolve) => {
|
||||
window.setTimeout(() => {
|
||||
option.children = genChildren(option)
|
||||
|
||||
@ -24,7 +24,7 @@
|
||||
```
|
||||
|
||||
```js
|
||||
function genOptions(depth = 3, iterator = 1, prefix = '') {
|
||||
function genOptions (depth = 3, iterator = 1, prefix = '') {
|
||||
const length = 12
|
||||
const options = []
|
||||
for (let i = 1; i <= length; ++i) {
|
||||
@ -54,7 +54,7 @@ function genOptions(depth = 3, iterator = 1, prefix = '') {
|
||||
}
|
||||
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
leafOnly: true,
|
||||
cascade: true,
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
```
|
||||
|
||||
```js
|
||||
function genChildren(option) {
|
||||
function genChildren (option) {
|
||||
const children = []
|
||||
for (let i = 0; i <= option.depth; ++i) {
|
||||
children.push({
|
||||
@ -44,7 +44,7 @@ const options = [
|
||||
]
|
||||
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
leafOnly: true,
|
||||
cascade: true,
|
||||
@ -54,7 +54,7 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleLoad(option) {
|
||||
handleLoad (option) {
|
||||
return new Promise((resolve) => {
|
||||
window.setTimeout(() => {
|
||||
option.children = genChildren(option)
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
```
|
||||
|
||||
```js
|
||||
function genOptions(depth = 3, iterator = 1, prefix = '') {
|
||||
function genOptions (depth = 3, iterator = 1, prefix = '') {
|
||||
const length = 12
|
||||
const options = []
|
||||
for (let i = 1; i <= length; ++i) {
|
||||
@ -53,7 +53,7 @@ function genOptions(depth = 3, iterator = 1, prefix = '') {
|
||||
}
|
||||
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
leafOnly: true,
|
||||
cascade: true,
|
||||
|
||||
@ -29,7 +29,7 @@
|
||||
```
|
||||
|
||||
```js
|
||||
function genOptions(depth = 2, iterator = 1, prefix = '') {
|
||||
function genOptions (depth = 2, iterator = 1, prefix = '') {
|
||||
const length = 12
|
||||
const options = []
|
||||
for (let i = 1; i <= length; ++i) {
|
||||
@ -59,7 +59,7 @@ function genOptions(depth = 2, iterator = 1, prefix = '') {
|
||||
}
|
||||
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: null,
|
||||
options: genOptions()
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: false,
|
||||
disabled: true
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: false
|
||||
}
|
||||
|
||||
@ -17,18 +17,18 @@
|
||||
```js
|
||||
export default {
|
||||
inject: ['message'],
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
checked: false,
|
||||
cities: null
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleCheckedChange(checked) {
|
||||
handleCheckedChange (checked) {
|
||||
this.checked = checked
|
||||
this.message.info(JSON.stringify(checked))
|
||||
},
|
||||
handleUpdateValue(value) {
|
||||
handleUpdateValue (value) {
|
||||
this.cities = value
|
||||
this.message.info(JSON.stringify(value))
|
||||
}
|
||||
|
||||
@ -57,7 +57,7 @@ Use checkbox with grid.
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: null
|
||||
}
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
cities: null
|
||||
}
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: false,
|
||||
indeterminate: false
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: false,
|
||||
disabled: true
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: false
|
||||
}
|
||||
|
||||
@ -17,18 +17,18 @@
|
||||
```js
|
||||
export default {
|
||||
inject: ['message'],
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
checked: false,
|
||||
cities: null
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleCheckedChange(checked) {
|
||||
handleCheckedChange (checked) {
|
||||
this.checked = checked
|
||||
this.message.info(JSON.stringify(checked))
|
||||
},
|
||||
handleUpdateValue(value) {
|
||||
handleUpdateValue (value) {
|
||||
this.cities = value
|
||||
this.message.info(JSON.stringify(value))
|
||||
}
|
||||
|
||||
@ -57,7 +57,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: null
|
||||
}
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
cities: null
|
||||
}
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
value: false,
|
||||
indeterminate: false
|
||||
|
||||
@ -27,7 +27,7 @@ def say_hello():
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
cppCode: `int main () {
|
||||
std::cout << "Hello Naive UI";
|
||||
|
||||
@ -27,7 +27,7 @@ def say_hello():
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
cppCode: `int main () {
|
||||
std::cout << "Hello Naive UI";
|
||||
|
||||
@ -15,7 +15,7 @@ Like an accordion.
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
activeNames: []
|
||||
}
|
||||
|
||||
@ -18,7 +18,7 @@ Use `arrow-placement` to set the placement of arrow.
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
activeNames: []
|
||||
}
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
activeNames: []
|
||||
}
|
||||
|
||||
@ -22,7 +22,7 @@ Set `display-directive` to `if` or `show` to determine whether to keep the DOM i
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
activeNames: [],
|
||||
activeNames2: []
|
||||
|
||||
@ -23,13 +23,13 @@
|
||||
```js
|
||||
export default {
|
||||
inject: ['message'],
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
activeNames: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleItemHeaderClick({ name, expanded }) {
|
||||
handleItemHeaderClick ({ name, expanded }) {
|
||||
this.message.info(`Name: ${name}, Expanded: ${expanded}`)
|
||||
}
|
||||
}
|
||||
|
||||
@ -22,7 +22,7 @@ It can be nested.
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
activeNames: [],
|
||||
activeNames2: []
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
activeNames: []
|
||||
}
|
||||
|
||||
@ -18,7 +18,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
activeNames: []
|
||||
}
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
activeNames: []
|
||||
}
|
||||
|
||||
@ -22,7 +22,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
activeNames: [],
|
||||
activeNames2: []
|
||||
|
||||
@ -23,13 +23,13 @@
|
||||
```js
|
||||
export default {
|
||||
inject: ['message'],
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
activeNames: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleItemHeaderClick({ name, expanded }) {
|
||||
handleItemHeaderClick ({ name, expanded }) {
|
||||
this.message.info(`Name: ${name}, Expanded: ${expanded}`)
|
||||
}
|
||||
}
|
||||
|
||||
@ -22,7 +22,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
activeNames: [],
|
||||
activeNames2: []
|
||||
|
||||
@ -20,10 +20,10 @@ Get current theme and namespace.
|
||||
export default {
|
||||
inject: ['message'],
|
||||
methods: {
|
||||
handleThemeChange(value, oldValue) {
|
||||
handleThemeChange (value, oldValue) {
|
||||
this.message.info('Theme Change: `' + value + '` theme')
|
||||
},
|
||||
handleNamespaceChange(value, oldValue) {
|
||||
handleNamespaceChange (value, oldValue) {
|
||||
this.message.info('Namespace Change: `' + value + '` namespace')
|
||||
}
|
||||
}
|
||||
|
||||
@ -20,7 +20,7 @@ Get current theme environment.
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
theme: 'dark',
|
||||
env: {
|
||||
|
||||
@ -20,10 +20,10 @@
|
||||
export default {
|
||||
inject: ['message'],
|
||||
methods: {
|
||||
handleThemeChange(value, oldValue) {
|
||||
handleThemeChange (value, oldValue) {
|
||||
this.message.info('Theme Change: `' + value + '` theme')
|
||||
},
|
||||
handleNamespaceChange(value, oldValue) {
|
||||
handleNamespaceChange (value, oldValue) {
|
||||
this.message.info('Namespace Change: `' + value + '` namespace')
|
||||
}
|
||||
}
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
theme: 'dark',
|
||||
env: {
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
date: null,
|
||||
lang: 'en-US'
|
||||
|
||||
@ -17,7 +17,7 @@ Some parts of component are detached to `document.body`. If you want to add a cl
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
ns: 'custom-app-namespace1',
|
||||
isActive: false
|
||||
|
||||
@ -12,7 +12,7 @@ Naive UI provides `useOsTheme` to get the current theme of your OS.
|
||||
import { useOsTheme } from 'naive-ui'
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
setup () {
|
||||
return {
|
||||
theme: useOsTheme()
|
||||
}
|
||||
|
||||
@ -18,7 +18,7 @@ Sometimes you may need some component to access some values at specific theme. Y
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
theme: 'dark',
|
||||
env: {
|
||||
|
||||
@ -15,7 +15,7 @@ Set theme of inner components of `n-config-provider`.
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
theme: 'dark'
|
||||
}
|
||||
|
||||
@ -20,7 +20,7 @@ If you don't need wrapper DOM, set `abstract` on it. (Note, in this case it can
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
theme: 'dark',
|
||||
env: {
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
date: null,
|
||||
lang: 'en-US'
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
ns: 'custom-app-namespace1',
|
||||
isActive: false
|
||||
|
||||
@ -12,7 +12,7 @@ Naive UI 提供 `useOsTheme` 来获取当前操作系统的主题。
|
||||
import { useOsTheme } from 'naive-ui'
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
setup () {
|
||||
return {
|
||||
theme: useOsTheme()
|
||||
}
|
||||
|
||||
@ -18,7 +18,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
theme: 'dark',
|
||||
env: {
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
theme: 'dark'
|
||||
}
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
|
||||
```js
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
theme: 'dark',
|
||||
env: {
|
||||
|
||||
@ -52,7 +52,7 @@ const data = Array.apply(null, { length: 987 }).map((_, index) => {
|
||||
}
|
||||
})
|
||||
|
||||
function query(page, pageSize = 10, order = 'ascend', filterValues = []) {
|
||||
function query (page, pageSize = 10, order = 'ascend', filterValues = []) {
|
||||
return new Promise((resolve) => {
|
||||
const copiedData = data.map((v) => v)
|
||||
const orderedData = order === 'descend' ? copiedData.reverse() : copiedData
|
||||
@ -73,7 +73,7 @@ function query(page, pageSize = 10, order = 'ascend', filterValues = []) {
|
||||
}
|
||||
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
data: [],
|
||||
columns,
|
||||
@ -87,7 +87,7 @@ export default {
|
||||
loading: true
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
mounted () {
|
||||
query(
|
||||
this.pagination.page,
|
||||
this.pagination.pageSize,
|
||||
@ -100,10 +100,10 @@ export default {
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
rowKey(rowData) {
|
||||
rowKey (rowData) {
|
||||
return rowData.column1
|
||||
},
|
||||
handleSorterChange(sorter) {
|
||||
handleSorterChange (sorter) {
|
||||
if (!sorter || sorter.columnKey === 'column1') {
|
||||
if (!this.loading) {
|
||||
this.loading = true
|
||||
@ -113,15 +113,15 @@ export default {
|
||||
!sorter ? false : sorter.order,
|
||||
this.Column2.filterOptionValues
|
||||
).then((data) => {
|
||||
;(this.Column1.sortOrder = !sorter ? false : sorter.order),
|
||||
(this.data = data.data)
|
||||
this.Column1.sortOrder = !sorter ? false : sorter.order
|
||||
this.data = data.data
|
||||
this.pagination.pageCount = data.pageCount
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
handleFiltersChange(filters) {
|
||||
handleFiltersChange (filters) {
|
||||
if (!this.loading) {
|
||||
this.loading = true
|
||||
const filterValues = filters.column2 || []
|
||||
@ -138,7 +138,7 @@ export default {
|
||||
})
|
||||
}
|
||||
},
|
||||
handlePageChange(currentPage) {
|
||||
handlePageChange (currentPage) {
|
||||
if (!this.loading) {
|
||||
this.loading = true
|
||||
console.log(currentPage)
|
||||
|
||||
@ -28,7 +28,7 @@ const createColumns = (instance) => {
|
||||
title: 'Tags',
|
||||
key: 'tags',
|
||||
width: '20%',
|
||||
render(row) {
|
||||
render (row) {
|
||||
const tags = row.tags.map((tagKey) => {
|
||||
return h(
|
||||
resolveComponent('n-tag'),
|
||||
@ -48,7 +48,7 @@ const createColumns = (instance) => {
|
||||
title: 'Action',
|
||||
key: 'actions',
|
||||
width: '20%',
|
||||
render(row) {
|
||||
render (row) {
|
||||
return h(
|
||||
resolveComponent('n-button'),
|
||||
{
|
||||
@ -88,19 +88,19 @@ const data = [
|
||||
|
||||
export default {
|
||||
inject: ['message'],
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
data: data,
|
||||
columns: createColumns(this)
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
pagination() {
|
||||
pagination () {
|
||||
return { total: this.data.length, pageSize: 10 }
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
sendMail(rowData) {
|
||||
sendMail (rowData) {
|
||||
this.message.info('send mail to ' + rowData.name)
|
||||
}
|
||||
}
|
||||
|
||||
@ -40,7 +40,7 @@ const createColumns = (instance) => {
|
||||
title: 'Tags',
|
||||
key: 'tags',
|
||||
width: '20%',
|
||||
render(row) {
|
||||
render (row) {
|
||||
const tags = row.tags.map((tagKey) => {
|
||||
return h(
|
||||
resolveComponent('n-tag'),
|
||||
@ -60,7 +60,7 @@ const createColumns = (instance) => {
|
||||
title: 'Action',
|
||||
key: 'actions',
|
||||
width: '20%',
|
||||
render(row) {
|
||||
render (row) {
|
||||
return h(
|
||||
resolveComponent('n-button'),
|
||||
{
|
||||
@ -100,19 +100,19 @@ const data = [
|
||||
|
||||
export default {
|
||||
inject: ['message'],
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
data: data,
|
||||
columns: createColumns(this)
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
pagination() {
|
||||
pagination () {
|
||||
return { total: this.data.length, pageSize: 10 }
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
sendMail(rowData) {
|
||||
sendMail (rowData) {
|
||||
this.message.info('send mail to ' + rowData.name)
|
||||
}
|
||||
}
|
||||
|
||||
@ -29,7 +29,7 @@ const addressColumn = {
|
||||
value: 'New York'
|
||||
}
|
||||
],
|
||||
filter(value, row) {
|
||||
filter (value, row) {
|
||||
return ~row.address.indexOf(value)
|
||||
}
|
||||
}
|
||||
@ -38,14 +38,14 @@ const columns = [
|
||||
{
|
||||
title: 'Name',
|
||||
key: 'name',
|
||||
sorter(rowA, rowB) {
|
||||
sorter (rowA, rowB) {
|
||||
return rowA.name.length - rowB.name.length
|
||||
}
|
||||
},
|
||||
{
|
||||
title: 'Age',
|
||||
key: 'age',
|
||||
sorter(rowA, rowB) {
|
||||
sorter (rowA, rowB) {
|
||||
return rowA.age - rowB.age
|
||||
}
|
||||
},
|
||||
@ -80,7 +80,7 @@ const data = [
|
||||
]
|
||||
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
data: data,
|
||||
columns,
|
||||
@ -89,13 +89,13 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
filterAddress() {
|
||||
filterAddress () {
|
||||
this.addressColumn.filterOptionValue = 'London'
|
||||
},
|
||||
unfilterAddress() {
|
||||
unfilterAddress () {
|
||||
this.addressColumn.filterOptionValue = null
|
||||
},
|
||||
handleFiltersChange(filters, sourceColumn) {
|
||||
handleFiltersChange (filters, sourceColumn) {
|
||||
this.addressColumn.filterOptionValue = filters[sourceColumn.key]
|
||||
}
|
||||
}
|
||||
|
||||
@ -33,7 +33,7 @@ const data = Array.apply(null, { length: 46 }).map((_, index) => ({
|
||||
}))
|
||||
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
data,
|
||||
columns,
|
||||
|
||||
@ -27,7 +27,7 @@ const ageColumn = {
|
||||
title: 'Age',
|
||||
key: 'age',
|
||||
sortOrder: false,
|
||||
sorter(rowA, rowB) {
|
||||
sorter (rowA, rowB) {
|
||||
return rowA.age - rowB.age
|
||||
}
|
||||
}
|
||||
@ -49,7 +49,7 @@ const columns = [
|
||||
value: 'New York'
|
||||
}
|
||||
],
|
||||
filter(value, row) {
|
||||
filter (value, row) {
|
||||
return row.address.indexOf(value) >= 0
|
||||
}
|
||||
}
|
||||
@ -83,7 +83,7 @@ const data = [
|
||||
]
|
||||
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
data: data,
|
||||
columns,
|
||||
@ -93,14 +93,14 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
sortName(order) {
|
||||
sortName (order) {
|
||||
this.nameColumn.sortOrder = order
|
||||
},
|
||||
clearSorter() {
|
||||
clearSorter () {
|
||||
this.nameColumn.sortOrder = false
|
||||
this.ageColumn.sortOrder = false
|
||||
},
|
||||
handleSorterChange(sorter) {
|
||||
handleSorterChange (sorter) {
|
||||
this.columns.forEach((column) => {
|
||||
/** column.sortOrder !== undefined means it is uncontrolled */
|
||||
if (column.sortOrder === undefined) return
|
||||
|
||||
@ -36,7 +36,7 @@ const data = [
|
||||
]
|
||||
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
data: data,
|
||||
columns: [
|
||||
@ -57,7 +57,7 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
rowClassName(row, index) {
|
||||
rowClassName (row, index) {
|
||||
if (row.age > 32) {
|
||||
return 'too-old'
|
||||
}
|
||||
|
||||
@ -61,7 +61,7 @@ const data = [
|
||||
|
||||
export default {
|
||||
inject: ['message'],
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
data,
|
||||
columns,
|
||||
@ -69,7 +69,7 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
sendMail(rowData) {
|
||||
sendMail (rowData) {
|
||||
this.message.info('Send mail to ' + rowData.name)
|
||||
}
|
||||
}
|
||||
|
||||
@ -40,7 +40,7 @@ const columns = [
|
||||
value: 'New York'
|
||||
}
|
||||
],
|
||||
filter(value, row) {
|
||||
filter (value, row) {
|
||||
return ~row.address.indexOf(value)
|
||||
}
|
||||
}
|
||||
@ -74,7 +74,7 @@ const data = [
|
||||
]
|
||||
|
||||
export default {
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
data: data,
|
||||
columns,
|
||||
@ -82,18 +82,18 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
filterAddress() {
|
||||
filterAddress () {
|
||||
this.$refs.table.filter({
|
||||
address: ['London']
|
||||
})
|
||||
},
|
||||
sortName() {
|
||||
sortName () {
|
||||
this.$refs.table.sort('name', 'ascend')
|
||||
},
|
||||
clearFilters() {
|
||||
clearFilters () {
|
||||
this.$refs.table.filter(null)
|
||||
},
|
||||
clearSorter() {
|
||||
clearSorter () {
|
||||
this.$refs.table.sort(null)
|
||||
}
|
||||
}
|
||||
|
||||
@ -33,21 +33,21 @@ const columns = [
|
||||
{
|
||||
title: 'Row',
|
||||
key: 'row',
|
||||
render(row, index) {
|
||||
render (row, index) {
|
||||
return h('span', ['row ', index])
|
||||
}
|
||||
},
|
||||
{
|
||||
title: 'Row1',
|
||||
key: 'row1',
|
||||
render(row, index) {
|
||||
render (row, index) {
|
||||
return h('span', ['row ', index])
|
||||
}
|
||||
},
|
||||
{
|
||||
title: 'Row2',
|
||||
key: 'row2',
|
||||
render(row, index) {
|
||||
render (row, index) {
|
||||
return h('span', ['row ', index])
|
||||
}
|
||||
},
|
||||
@ -68,19 +68,19 @@ const data = Array.apply(null, { length: 46 }).map((_, index) => ({
|
||||
|
||||
export default {
|
||||
inject: ['message'],
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
data,
|
||||
columns
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
pagination() {
|
||||
pagination () {
|
||||
return { pageSize: 10 }
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
sendMail(rowData) {
|
||||
sendMail (rowData) {
|
||||
this.message.info('send mail to ' + rowData.name)
|
||||
}
|
||||
}
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user