Merge branch 'hotfix/filename' into develop

Former-commit-id: ada9b9baac20395fc76609d975a7570bc74002c4 [formerly ada9b9baac20395fc76609d975a7570bc74002c4 [formerly ada9b9baac20395fc76609d975a7570bc74002c4 [formerly ada9b9baac20395fc76609d975a7570bc74002c4 [formerly d5e1b27e1b0e1dacbb9a085cd5310d6835366955 [formerly 8506219c6f8eafd7db397305aadba6bd77026dde]]]]]
Former-commit-id: c99ec82e7cd5463e96a25da1b22a1ed6a8cd9028
Former-commit-id: 28522d4cd6e04a994910f4c160e9052693806327
Former-commit-id: 61103ae518aa25b7916be6fb208819cd792da1d8 [formerly 8c2b7990551d7e81d360d12bf1e554922fdafc4d]
Former-commit-id: ba71105e94cec09858859044ae83d605e736140a
Former-commit-id: 074780a847ab0d8092eaf5d3f1c1b5d732054a66
Former-commit-id: 741848a47707c7add4d4b1d928e0cae61a4c8d97
Former-commit-id: 0bb9090b5cbabafcd52fc3b594f20645f6a61d48
Former-commit-id: 5e55e02b8d05944579d2e4bba069c08004c5dd22
This commit is contained in:
liyang
2018-11-17 12:49:57 +08:00
197 changed files with 946 additions and 234 deletions

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<d2-page-cover
title="示例"
sub-title="供借鉴和参考的页面">
@@ -7,3 +7,13 @@
</d2-page-cover>
</d2-container>
</template>
<script>
export default {
data () {
return {
filename: __filename
}
}
}
</script>

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<demo-page-header
slot="header"
@submit="handleSubmit"
@@ -28,6 +28,7 @@ export default {
},
data () {
return {
filename: __filename,
table: [],
loading: false,
page: {

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<d2-page-cover
title="图表"
sub-title="集成图表组件">
@@ -7,3 +7,13 @@
</d2-page-cover>
</d2-container>
</template>
<script>
export default {
data () {
return {
filename: __filename
}
}
}
</script>

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">一般</template>
<div class="inner">
<ve-bar :data="chartData" v-bind="pubSetting"></ve-bar>
@@ -18,6 +18,7 @@ export default {
],
data () {
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户', '下单用户', '下单率'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">指定指标维度</template>
<div class="inner">
<ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
@@ -22,6 +22,7 @@ export default {
metrics: ['访问用户']
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户', '下单用户', '下单率'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">排序条形图</template>
<div class="inner">
<ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
@@ -25,6 +25,7 @@ export default {
}
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户', '下单用户', '下单率'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">堆叠条形图</template>
<div class="inner">
<ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
@@ -23,6 +23,7 @@ export default {
}
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户', '下单用户', '下单率'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">纵轴为连续的数值轴</template>
<div class="inner">
<ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
@@ -21,6 +21,7 @@ export default {
yAxisType: 'value'
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">一般</template>
<div class="inner">
<ve-candle :data="chartData" v-bind="pubSetting"></ve-candle>
@@ -18,6 +18,7 @@ export default {
],
data () {
return {
filename: __filename,
chartData: {
columns: ['日期', 'open', 'close', 'lowest', 'highest', 'vol'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">显示 MA VOL</template>
<div class="inner">
<ve-candle :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-candle>
@@ -22,6 +22,7 @@ export default {
showVol: true
}
return {
filename: __filename,
chartData: {
columns: ['日期', 'open', 'close', 'lowest', 'highest', 'vol'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">修改指标名和图例文字</template>
<div class="inner">
<ve-candle :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-candle>
@@ -29,6 +29,7 @@ export default {
showDataZoom: true
}
return {
filename: __filename,
chartData: {
columns: ['日期', 'open', 'close', 'lowest', 'highest', 'vol'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">一般</template>
<div class="inner">
<ve-funnel :data="chartData" v-bind="pubSetting"></ve-funnel>
@@ -18,6 +18,7 @@ export default {
],
data () {
return {
filename: __filename,
chartData: {
columns: ['状态', '数值'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">金字塔</template>
<div class="inner">
<ve-funnel :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-funnel>
@@ -21,6 +21,7 @@ export default {
ascending: true
}
return {
filename: __filename,
chartData: {
columns: ['状态', '数值'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">一般</template>
<div class="inner">
<ve-gauge :data="chartData" v-bind="pubSetting"></ve-gauge>
@@ -18,6 +18,7 @@ export default {
],
data () {
return {
filename: __filename,
chartData: {
columns: ['type', 'a', 'b', 'value'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">一般</template>
<div class="inner">
<ve-heatmap :data="chartData" v-bind="pubSetting"></ve-heatmap>
@@ -18,6 +18,7 @@ export default {
],
data () {
return {
filename: __filename,
chartData: {
columns: ['时间', '地点', '人数'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">地图热力图</template>
<div class="inner">
<ve-heatmap :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-heatmap>
@@ -38,6 +38,7 @@ export default {
}
}
return {
filename: __filename,
chartData: {
columns: ['lat', 'lng', '人数'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">一般</template>
<div class="inner">
<ve-histogram :data="chartData" v-bind="pubSetting"></ve-histogram>
@@ -18,6 +18,7 @@ export default {
],
data () {
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户', '下单用户', '下单率'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">设置显示的指标维度</template>
<div class="inner">
<ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
@@ -22,6 +22,7 @@ export default {
dimension: ['日期']
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户', '下单用户', '下单率'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">柱状图+折线图</template>
<div class="inner">
<ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
@@ -21,6 +21,7 @@ export default {
showLine: ['下单用户']
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户', '下单用户', '下单率'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">堆叠柱状图</template>
<div class="inner">
<ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
@@ -21,6 +21,7 @@ export default {
stack: { '用户': ['访问用户', '下单用户'] }
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户', '下单用户', '下单率'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">默认显示柱状图数据</template>
<div class="inner">
<ve-histogram :data="chartData" :extend="extend" v-bind="pubSetting"></ve-histogram>
@@ -17,12 +17,13 @@ export default {
list
],
data () {
this.extend = {
series: {
label: { show: true, position: 'top' }
}
}
return {
filename: __filename,
extend: {
series: {
label: { show: true, position: 'top' }
}
},
chartData: {
columns: ['日期', '访问用户', '下单用户', '下单率'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">横轴为连续的数值轴</template>
<div class="inner">
<ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
@@ -21,6 +21,7 @@ export default {
xAxisType: 'value'
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户', '下单用户', '下单率'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">一般</template>
<div class="inner">
<ve-line :data="chartData" v-bind="pubSetting"></ve-line>
@@ -16,8 +16,9 @@ export default {
mixins: [
list
],
data: function () {
data () {
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户', '下单用户', '下单率'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">横坐标的倾斜</template>
<div class="inner">
<ve-line :data="chartData" :extend="extend" v-bind="pubSetting"></ve-line>
@@ -16,11 +16,12 @@ export default {
mixins: [
list
],
data: function () {
this.extend = {
'xAxis.0.axisLabel.rotate': 45
}
data () {
return {
filename: __filename,
extend: {
'xAxis.0.axisLabel.rotate': 45
},
chartData: {
columns: ['日期', '访问用户', '下单用户', '下单率'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">堆叠面积图</template>
<div class="inner">
<ve-line :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-line>
@@ -22,6 +22,7 @@ export default {
area: true
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户', '下单用户', '下单率'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">显示指标数值</template>
<div class="inner">
<ve-line :data="chartData" :extend="extend" v-bind="pubSetting"></ve-line>
@@ -17,16 +17,17 @@ export default {
list
],
data () {
this.extend = {
series: {
label: {
normal: {
show: true
return {
filename: __filename,
extend: {
series: {
label: {
normal: {
show: true
}
}
}
}
}
return {
},
chartData: {
columns: ['日期', '访问用户', '下单用户', '下单率'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">设置别名</template>
<div class="inner">
<ve-line :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-line>
@@ -27,6 +27,7 @@ export default {
}
}
return {
filename: __filename,
chartData: {
columns: ['date', 'PV', 'Order', 'OrderRate'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">一般</template>
<div class="inner">
<ve-map :data="chartData" v-bind="pubSetting" :settings="chartSettings"></ve-map>
@@ -22,6 +22,7 @@ export default {
chartSettings: {
mapOrigin
},
filename: __filename,
chartData: {
columns: ['位置', '税收', '人口', '面积'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">设置城市</template>
<div class="inner">
<ve-map :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-map>
@@ -23,6 +23,7 @@ export default {
position: 'province/beijing',
mapOrigin
},
filename: __filename,
chartData: {
columns: ['位置', '人口'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">设置样式</template>
<div class="inner">
<ve-map :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-map>
@@ -30,6 +30,7 @@ export default {
},
zoom: 1.2
},
filename: __filename,
chartData: {
columns: ['位置', '人口'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">一般</template>
<div class="inner">
<ve-pie :data="chartData" v-bind="pubSetting"></ve-pie>
@@ -18,6 +18,7 @@ export default {
],
data () {
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">设置指标维度</template>
<div class="inner">
<ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
@@ -22,6 +22,7 @@ export default {
metrics: '访问用户'
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">玫瑰图</template>
<div class="inner">
<ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
@@ -21,6 +21,7 @@ export default {
roseType: 'radius'
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">限制显示条数饼图</template>
<div class="inner">
<ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
@@ -21,6 +21,7 @@ export default {
limitShowNum: 5
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">多圆饼图</template>
<div class="inner">
<ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
@@ -24,6 +24,7 @@ export default {
]
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">设置饼图半径边距</template>
<div class="inner">
<ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
@@ -22,6 +22,7 @@ export default {
offsetY: 250
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">一般</template>
<div class="inner">
<ve-radar :data="chartData" v-bind="pubSetting"></ve-radar>
@@ -18,6 +18,7 @@ export default {
],
data () {
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户', '下单用户', '下单率'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">一般</template>
<div class="inner">
<ve-ring :data="chartData" v-bind="pubSetting"></ve-ring>
@@ -18,6 +18,7 @@ export default {
],
data () {
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">指定指标维度</template>
<div class="inner">
<ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
@@ -22,6 +22,7 @@ export default {
metrics: '访问用户'
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">玫瑰图</template>
<div class="inner">
<ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
@@ -21,6 +21,7 @@ export default {
roseType: 'radius'
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">限制显示条数环图</template>
<div class="inner">
<ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
@@ -21,6 +21,7 @@ export default {
limitShowNum: 3
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">设置环图半径</template>
<div class="inner">
<ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
@@ -22,6 +22,7 @@ export default {
offsetY: 250
}
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">一般</template>
<div class="inner">
<ve-sankey :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-sankey>
@@ -28,6 +28,7 @@ export default {
]
}
return {
filename: __filename,
chartData: {
columns: ['页面', '访问量'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">单维度多指标</template>
<div class="inner">
<ve-scatter :data="chartData" v-bind="pubSetting"></ve-scatter>
@@ -18,6 +18,7 @@ export default {
],
data () {
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户', '下单用户', '年龄'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">双维度多指标</template>
<div class="inner">
<ve-scatter :data="chartData" v-bind="pubSetting"></ve-scatter>
@@ -18,6 +18,7 @@ export default {
],
data () {
return {
filename: __filename,
chartData: {
columns: ['日期', '访问用户', '下单用户', '年龄'],
rows: {

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">径向树图</template>
<div class="inner">
<ve-tree :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-tree>
@@ -25,6 +25,7 @@ export default {
}
}
return {
filename: __filename,
chartData: {
columns: ['name', 'value'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">一般</template>
<div class="inner">
<ve-waterfall :data="chartData" v-bind="pubSetting"></ve-waterfall>
@@ -18,6 +18,7 @@ export default {
],
data () {
return {
filename: __filename,
chartData: {
columns: ['活动', '时间'],
rows: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container
<d2-container :filename="filename"
ref="container"
:type="containerType"
:better-scroll="betterScroll"
@@ -84,6 +84,7 @@ export default {
},
data () {
return {
filename: __filename,
containerType: 'full',
scrollDelay: 10,
scrollTop: 0

View File

@@ -1,5 +1,5 @@
<template>
<d2-container type="card" better-scroll>
<d2-container :filename="filename" type="card" better-scroll>
<template slot="header">Header</template>
<d2-demo-article/>
<template slot="footer">Footer</template>
@@ -11,6 +11,11 @@ import d2DemoArticle from './components/d2-demo-article'
export default {
components: {
'd2-demo-article': d2DemoArticle
},
data () {
return {
filename: __filename
}
}
}
</script>

View File

@@ -1,5 +1,5 @@
<template>
<d2-container type="card">
<d2-container :filename="filename" type="card">
<template slot="header">Header</template>
<d2-demo-article/>
<template slot="footer">Footer</template>
@@ -11,6 +11,11 @@ import d2DemoArticle from './components/d2-demo-article'
export default {
components: {
'd2-demo-article': d2DemoArticle
},
data () {
return {
filename: __filename
}
}
}
</script>

View File

@@ -1,5 +1,5 @@
<template>
<d2-container type="card">
<d2-container :filename="filename" type="card">
<d2-demo-article/>
</d2-container>
</template>
@@ -9,6 +9,11 @@ import d2DemoArticle from './components/d2-demo-article'
export default {
components: {
'd2-demo-article': d2DemoArticle
},
data () {
return {
filename: __filename
}
}
}
</script>

View File

@@ -1,5 +1,5 @@
<template>
<d2-container better-scroll>
<d2-container :filename="filename" better-scroll>
<template slot="header">Header</template>
<d2-demo-article/>
<template slot="footer">Header</template>
@@ -11,6 +11,11 @@ import d2DemoArticle from './components/d2-demo-article'
export default {
components: {
'd2-demo-article': d2DemoArticle
},
data () {
return {
filename: __filename
}
}
}
</script>

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">Header</template>
<d2-demo-article/>
<template slot="footer">Footer</template>
@@ -11,6 +11,11 @@ import d2DemoArticle from './components/d2-demo-article'
export default {
components: {
'd2-demo-article': d2DemoArticle
},
data () {
return {
filename: __filename
}
}
}
</script>

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<d2-demo-article/>
</d2-container>
</template>
@@ -9,6 +9,11 @@ import d2DemoArticle from './components/d2-demo-article'
export default {
components: {
'd2-demo-article': d2DemoArticle
},
data () {
return {
filename: __filename
}
}
}
</script>

View File

@@ -1,5 +1,5 @@
<template>
<d2-container type="ghost" better-scroll>
<d2-container :filename="filename" type="ghost" better-scroll>
<template slot="header">Header</template>
<div class="d2-pt d2-pb">
<el-card shadow="never" class="d2-card" style="width: 400px;">
@@ -15,6 +15,11 @@ import d2DemoArticle from './components/d2-demo-article'
export default {
components: {
'd2-demo-article': d2DemoArticle
},
data () {
return {
filename: __filename
}
}
}
</script>

View File

@@ -1,5 +1,5 @@
<template>
<d2-container type="ghost">
<d2-container :filename="filename" type="ghost">
<template slot="header">Header</template>
<div class="d2-pt d2-pb">
<el-card shadow="never" class="d2-card" style="width: 400px;">
@@ -15,6 +15,11 @@ import d2DemoArticle from './components/d2-demo-article'
export default {
components: {
'd2-demo-article': d2DemoArticle
},
data () {
return {
filename: __filename
}
}
}
</script>

View File

@@ -1,5 +1,5 @@
<template>
<d2-container type="ghost">
<d2-container :filename="filename" type="ghost">
<div class="d2-pt d2-pb">
<el-card shadow="never" class="d2-card" style="width: 400px;">
<d2-demo-article/>
@@ -13,6 +13,11 @@ import d2DemoArticle from './components/d2-demo-article'
export default {
components: {
'd2-demo-article': d2DemoArticle
},
data () {
return {
filename: __filename
}
}
}
</script>

View File

@@ -1,5 +1,5 @@
<template>
<d2-container type="card">
<d2-container :filename="filename" type="card">
<template slot="header">自定义事件</template>
<v-contextmenu ref="contextmenu">
<v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
@@ -30,6 +30,11 @@
<script>
export default {
data () {
return {
filename: __filename
}
},
methods: {
handleClick (vm, event) {
this.$message({

View File

@@ -1,5 +1,5 @@
<template>
<d2-container type="card">
<d2-container :filename="filename" type="card">
<template slot="header">禁用</template>
<v-contextmenu ref="contextmenu">
<v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
@@ -22,6 +22,11 @@
<script>
export default {
data () {
return {
filename: __filename
}
},
methods: {
handleClick (vm, event) {
this.$message({

View File

@@ -1,5 +1,5 @@
<template>
<d2-container type="card">
<d2-container :filename="filename" type="card">
<template slot="header">分割线</template>
<v-contextmenu ref="contextmenu">
<v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
@@ -15,6 +15,11 @@
<script>
export default {
data () {
return {
filename: __filename
}
},
methods: {
handleClick (vm, event) {
this.$message({

View File

@@ -1,5 +1,5 @@
<template>
<d2-container type="card">
<d2-container :filename="filename" type="card">
<template slot="header">按钮组</template>
<v-contextmenu ref="contextmenu">
<v-contextmenu-group>
@@ -24,6 +24,16 @@
</d2-container>
</template>
<script>
export default {
data () {
return {
filename: __filename
}
}
}
</script>
<style lang="scss" scoped>
@import './style/pub.scss';
</style>

View File

@@ -1,5 +1,5 @@
<template>
<d2-container type="card">
<d2-container :filename="filename" type="card">
<template slot="header">基础</template>
<v-contextmenu ref="contextmenu">
<v-contextmenu-item @click="handleClick">菜单1</v-contextmenu-item>
@@ -14,6 +14,11 @@
<script>
export default {
data () {
return {
filename: __filename
}
},
methods: {
handleClick (vm, event) {
this.$message({

View File

@@ -1,5 +1,5 @@
<template>
<d2-container type="card">
<d2-container :filename="filename" type="card">
<template slot="header">子菜单</template>
<v-contextmenu ref="contextmenu">
<v-contextmenu-item @click="handleClick">菜单 1</v-contextmenu-item>
@@ -24,6 +24,11 @@
<script>
export default {
data () {
return {
filename: __filename
}
},
methods: {
handleClick (vm, event) {
this.$message({

View File

@@ -1,5 +1,5 @@
<template>
<d2-container type="card" class="page">
<d2-container :filename="filename" type="card" class="page">
<template slot="header">数字动画组件</template>
<el-row :gutter="20">
<el-col :span="6">
@@ -58,6 +58,7 @@
export default {
data () {
return {
filename: __filename,
// 回调函数使用
className: '',
// 更新数值用

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">基本示例</template>
<d2-quill
style="min-height: 200px; margin-bottom: 20px;"
@@ -23,6 +23,7 @@ import value from './value'
export default {
data () {
return {
filename: __filename,
value
}
},

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">基本示例</template>
<d2-mde
v-model="text"
@@ -15,6 +15,7 @@ import text from './text'
export default {
data () {
return {
filename: __filename,
text
}
}

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">代码高亮组件</template>
<el-card shadow="never" class="d2-mb">
<p slot="title">javascript</p>
@@ -28,6 +28,7 @@ import codeHTML from './code/html'
export default {
data () {
return {
filename: __filename,
codeJavascript,
codeCSS,
codeSCSS,

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">图标组件</template>
<d2-icon class="d2-mr-10"/>
<d2-icon name="github" class="d2-mr-10"/>
@@ -8,6 +8,16 @@
</d2-container>
</template>
<script>
export default {
data () {
return {
filename: __filename
}
}
}
</script>
<style lang="scss" scoped>
.icon-demo {
transition: all .3s;

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">
<el-radio-group v-model="showIndex" size="mini">
<el-radio-button
@@ -27,6 +27,7 @@ export default {
},
data () {
return {
filename: __filename,
icon,
showIndex: 12
}

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">图标选择器</template>
<div class="title-group">
<p class="title">一般用法</p>
@@ -30,6 +30,7 @@
export default {
data () {
return {
filename: __filename,
icon: '',
icon2: ''
}

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">SVG图标组件</template>
<el-row>
<el-col class="icon-card" :span="4" v-for="(icon, index) in $IconSvg" :key="index">
@@ -12,6 +12,16 @@
</d2-container>
</template>
<script>
export default {
data () {
return {
filename: __filename
}
}
}
</script>
<style lang="scss" scoped>
.icon-card {
display: flex;

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<d2-page-cover
title="内置组件"
sub-title="D2Admin 为你提供了一些上手即用的组件">
@@ -7,3 +7,13 @@
</d2-page-cover>
</d2-container>
</template>
<script>
export default {
data () {
return {
filename: __filename
}
}
}
</script>

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<tree-view :data="packJson" :options="options"/>
</d2-container>
</template>
@@ -9,6 +9,7 @@ import packJson from '../../../../../package.json'
export default {
data () {
return {
filename: __filename,
options: {
maxDepth: 10,
rootObjectKey: 'package.json',

View File

@@ -1,5 +1,5 @@
<template>
<d2-container type="full" class="page">
<d2-container :filename="filename" type="full" class="page">
<d2-grid-layout
v-bind="layout"
@layout-updated="layoutUpdatedHandler">
@@ -28,6 +28,7 @@
export default {
data () {
return {
filename: __filename,
layout: {
layout: [
{ 'x': 0, 'y': 0, 'w': 4, 'h': 10, 'i': '0' },

View File

@@ -1,5 +1,5 @@
<template>
<d2-container type="card">
<d2-container :filename="filename" type="card">
<template slot="header">区域划分</template>
<div style="height: 400px; margin: -16px;">
<SplitPane :min-percent='20' :default-percent='30' split="vertical">
@@ -17,6 +17,11 @@
<script>
export default {
data () {
return {
filename: __filename
}
},
mounted () {
// 加载完成后显示提示
this.showInfo()

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">指定资源</template>
<d2-markdown :source="doc"/>
</d2-container>
@@ -10,6 +10,7 @@ import doc from './md/doc.md'
export default {
data () {
return {
filename: __filename,
doc
}
}

View File

@@ -1,6 +1,16 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">异步加载文件</template>
<d2-markdown url="markdown/demo.md"/>
</d2-container>
</template>
<script>
export default {
data () {
return {
filename: __filename
}
}
}
</script>

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">基础表格</template>
<d2-crud
ref="d2Crud"
@@ -24,6 +24,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">多选</template>
<d2-crud
:columns="columns"
@@ -26,6 +26,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">排序</template>
<d2-crud
:columns="columns"
@@ -25,6 +25,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">筛选</template>
<d2-crud
:columns="columns"
@@ -24,6 +24,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">表尾合计行</template>
<d2-crud
:columns="columns"
@@ -25,6 +25,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">合并行</template>
<d2-crud
:columns="columns"
@@ -25,6 +25,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">合并列</template>
<d2-crud
:columns="columns"
@@ -25,6 +25,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">新增数据</template>
<d2-crud
:columns="columns"
@@ -31,6 +31,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">修改数据</template>
<d2-crud
:columns="columns"
@@ -32,6 +32,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">删除数据</template>
<d2-crud
:columns="columns"
@@ -27,6 +27,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">自定义操作列</template>
<d2-crud
:columns="columns"
@@ -27,6 +27,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">带斑马纹表格</template>
<d2-crud
:columns="columns"
@@ -24,6 +24,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">表单组件渲染</template>
<d2-crud
:columns="columns"
@@ -30,6 +30,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">表单布局</template>
<d2-crud
:columns="columns"
@@ -30,6 +30,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">表单校验</template>
<d2-crud
:columns="columns"
@@ -32,6 +32,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">表格内编辑</template>
<d2-crud
:columns="columns"
@@ -23,6 +23,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">表格slot</template>
<d2-crud
ref="d2Crud"
@@ -27,6 +27,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">表格自定义组件</template>
<d2-crud
ref="d2Crud"
@@ -40,6 +40,7 @@ export default {
},
data () {
return {
filename: __filename,
doc,
codeOverall,
codePart,

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">表单自定义组件</template>
<d2-crud
ref="d2Crud"
@@ -44,6 +44,7 @@ export default {
},
data () {
return {
filename: __filename,
doc,
codeOverall,
codePart,

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">加载状态</template>
<el-button @click="handleLoading">点我切换加载状态</el-button>
<d2-crud
@@ -26,6 +26,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">自定义加载状态</template>
<el-button @click="handleLoading">点我切换加载状态</el-button>
<d2-crud
@@ -27,6 +27,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">分页</template>
<d2-crud
:columns="columns"
@@ -24,6 +24,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

View File

@@ -1,5 +1,5 @@
<template>
<d2-container>
<d2-container :filename="filename">
<template slot="header">带边框表格</template>
<d2-crud
:columns="columns"
@@ -24,6 +24,7 @@ import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [

Some files were not shown because too many files have changed in this diff Show More