xt-element-ui 2.1.61 → 2.1.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/docs/components/base/xt-bar.md +5 -5
  2. package/docs/components/base/xt-chart.md +5 -5
  3. package/docs/components/base/xt-line.md +4 -4
  4. package/docs/components/base/xt-multi.md +5 -5
  5. package/docs/components/base/xt-pie.md +5 -5
  6. package/lib/index.common.js +275 -143
  7. package/lib/index.css +1 -1
  8. package/lib/index.umd.js +278 -146
  9. package/lib/index.umd.min.js +1 -1
  10. package/package.json +7 -6
  11. package/src/components/xt-tab-pane/index.js +10 -0
  12. package/src/components/{xt-tabs/TabPane.vue → xt-tab-pane/index.vue} +14 -1
  13. package/src/components/xt-tabs/index.js +1 -3
  14. package/src/components/xt-tabs/index.vue +303 -44
  15. package/src/index.js +2 -0
package/docs/components/base/xt-bar.md CHANGED
@@ -5,7 +5,7 @@
5
5
  ::: demo 基本用法
6
6
  ```vue
7
7
  <template>
8
- <XtBar :chart-data="chartData" width="600px" height="400px" />
8
+ <div class="demo-container"><XtBar :chart-data="chartData" /></div>
9
9
  </template>
10
10
 
11
11
  <script>
@@ -55,7 +55,7 @@ export default {
55
55
  ::: demo 横向柱状图
56
56
  ```vue
57
57
  <template>
58
- <XtBar :chart-data="chartData" reverse />
58
+ <div class="demo-container"><XtBar :chart-data="chartData" reverse /></div>
59
59
  </template>
60
60
 
61
61
  <script>
@@ -80,7 +80,7 @@ export default {
80
80
  ::: demo 显示数据标记
81
81
  ```vue
82
82
  <template>
83
- <XtBar :chart-data="chartData" :mark-point="true" />
83
+ <div class="demo-container"><XtBar :chart-data="chartData" :mark-point="true" /></div>
84
84
  </template>
85
85
 
86
86
  <script>
@@ -106,7 +106,7 @@ export default {
106
106
  ::: demo 极简模式
107
107
  ```vue
108
108
  <template>
109
- <XtBar :chart-data="chartData" simple-mode />
109
+ <div class="demo-container"><XtBar :chart-data="chartData" simple-mode /></div>
110
110
  </template>
111
111
 
112
112
  <script>
@@ -130,7 +130,7 @@ export default {
130
130
  ::: demo 自定义字段映射
131
131
  ```vue
132
132
  <template>
133
- <XtBar :chart-data="chartData" :field-keys="{ label: 'name', value: 'score' }" />
133
+ <div class="demo-container"><XtBar :chart-data="chartData" :field-keys="{ label: 'name', value: 'score' }" /></div>
134
134
  </template>
135
135
 
136
136
  <script>
package/docs/components/base/xt-chart.md CHANGED
@@ -5,7 +5,7 @@
5
5
  ::: demo 基本用法
6
6
  ```vue
7
7
  <template>
8
- <XtChart type="bar" :chart-data="chartData" style="height: 400px;" />
8
+ <div class="demo-container"><XtChart type="bar" :chart-data="chartData" /></div>
9
9
  </template>
10
10
 
11
11
  <script>
@@ -39,7 +39,7 @@ export default {
39
39
  ::: demo 柱状图
40
40
  ```vue
41
41
  <template>
42
- <XtChart type="bar" :chart-data="chartData" style="height: 400px;" />
42
+ <div class="demo-container"><XtChart type="bar" :chart-data="chartData" /></div>
43
43
  </template>
44
44
 
45
45
  <script>
@@ -65,7 +65,7 @@ export default {
65
65
  ::: demo 折线图
66
66
  ```vue
67
67
  <template>
68
- <XtChart type="line" :chart-data="chartData" style="height: 400px;" />
68
+ <div class="demo-container"><XtChart type="line" :chart-data="chartData" /></div>
69
69
  </template>
70
70
 
71
71
  <script>
@@ -91,7 +91,7 @@ export default {
91
91
  ::: demo 饼图
92
92
  ```vue
93
93
  <template>
94
- <XtChart type="pie" :chart-data="chartData" style="height: 400px;" />
94
+ <div class="demo-container"><XtChart type="pie" :chart-data="chartData" /></div>
95
95
  </template>
96
96
 
97
97
  <script>
@@ -116,7 +116,7 @@ export default {
116
116
  ::: demo 组合图
117
117
  ```vue
118
118
  <template>
119
- <XtChart type="multi" :chart-data="chartData" style="height: 400px;" />
119
+ <div class="demo-container"><XtChart type="multi" :chart-data="chartData" /></div>
120
120
  </template>
121
121
 
122
122
  <script>
package/docs/components/base/xt-line.md CHANGED
@@ -5,7 +5,7 @@
5
5
  ::: demo 基本用法
6
6
  ```vue
7
7
  <template>
8
- <XtLine :chart-data="chartData" />
8
+ <div class="demo-container"><XtLine :chart-data="chartData" /></div>
9
9
  </template>
10
10
 
11
11
  <script>
@@ -44,7 +44,7 @@ export default {
44
44
  ::: demo 面积图
45
45
  ```vue
46
46
  <template>
47
- <XtLine :chart-data="chartData" :is-area="true" />
47
+ <div class="demo-container"><XtLine :chart-data="chartData" :is-area="true" /></div>
48
48
  </template>
49
49
 
50
50
  <script>
@@ -70,7 +70,7 @@ export default {
70
70
  ::: demo 极简模式
71
71
  ```vue
72
72
  <template>
73
- <XtLine :chart-data="chartData" simple-mode />
73
+ <div class="demo-container"><XtLine :chart-data="chartData" simple-mode /></div>
74
74
  </template>
75
75
 
76
76
  <script>
@@ -94,7 +94,7 @@ export default {
94
94
  ::: demo 自定义字段映射
95
95
  ```vue
96
96
  <template>
97
- <XtLine :chart-data="chartData" :field-keys="{ label: 'month', value: 'amount' }" />
97
+ <div class="demo-container"><XtLine :chart-data="chartData" :field-keys="{ label: 'month', value: 'amount' }" /></div>
98
98
  </template>
99
99
 
100
100
  <script>
package/docs/components/base/xt-multi.md CHANGED
@@ -5,7 +5,7 @@
5
5
  ::: demo 基本用法
6
6
  ```vue
7
7
  <template>
8
- <XtMulti :chart-data="chartData" />
8
+ <div class="demo-container"><XtMulti :chart-data="chartData" /></div>
9
9
  </template>
10
10
 
11
11
  <script>
@@ -68,7 +68,7 @@ export default {
68
68
  ::: demo 多单位组合图
69
69
  ```vue
70
70
  <template>
71
- <XtMulti :chart-data="chartData" />
71
+ <div class="demo-container"><XtMulti :chart-data="chartData" /></div>
72
72
  </template>
73
73
 
74
74
  <script>
@@ -116,7 +116,7 @@ export default {
116
116
  ::: demo 折线与柱状图组合
117
117
  ```vue
118
118
  <template>
119
- <XtMulti :chart-data="chartData" />
119
+ <div class="demo-container"><XtMulti :chart-data="chartData" /></div>
120
120
  </template>
121
121
 
122
122
  <script>
@@ -157,7 +157,7 @@ export default {
157
157
  ::: demo 自定义颜色
158
158
  ```vue
159
159
  <template>
160
- <XtMulti :chart-data="chartData" :colors="['#1890ff', '#52c41a', '#faad14']" />
160
+ <div class="demo-container"><XtMulti :chart-data="chartData" :colors="['#1890ff', '#52c41a', '#faad14']" /></div>
161
161
  </template>
162
162
 
163
163
  <script>
@@ -202,7 +202,7 @@ export default {
202
202
  ::: demo 极简模式
203
203
  ```vue
204
204
  <template>
205
- <XtMulti :chart-data="chartData" simple-mode />
205
+ <div class="demo-container"><XtMulti :chart-data="chartData" simple-mode /></div>
206
206
  </template>
207
207
 
208
208
  <script>
package/docs/components/base/xt-pie.md CHANGED
@@ -5,7 +5,7 @@
5
5
  ::: demo 基本用法
6
6
  ```vue
7
7
  <template>
8
- <XtPie :chart-data="chartData" />
8
+ <div class="demo-container"><XtPie :chart-data="chartData" /></div>
9
9
  </template>
10
10
 
11
11
  <script>
@@ -47,7 +47,7 @@ export default {
47
47
  ::: demo 玫瑰图
48
48
  ```vue
49
49
  <template>
50
- <XtPie :chart-data="chartData" rose-type="radius" />
50
+ <div class="demo-container"><XtPie :chart-data="chartData" rose-type="radius" /></div>
51
51
  </template>
52
52
 
53
53
  <script>
@@ -73,7 +73,7 @@ export default {
73
73
  ::: demo 隐藏图例
74
74
  ```vue
75
75
  <template>
76
- <XtPie :chart-data="chartData" :show-legend="false" />
76
+ <div class="demo-container"><XtPie :chart-data="chartData" :show-legend="false" /></div>
77
77
  </template>
78
78
 
79
79
  <script>
@@ -98,7 +98,7 @@ export default {
98
98
  ::: demo 自定义颜色
99
99
  ```vue
100
100
  <template>
101
- <XtPie :chart-data="chartData" :colors="['#1890ff', '#52c41a', '#faad14', '#f5222d']" />
101
+ <div class="demo-container"><XtPie :chart-data="chartData" :colors="['#1890ff', '#52c41a', '#faad14', '#f5222d']" /></div>
102
102
  </template>
103
103
 
104
104
  <script>
@@ -123,7 +123,7 @@ export default {
123
123
  ::: demo 极简模式
124
124
  ```vue
125
125
  <template>
126
- <XtPie :chart-data="chartData" simple-mode />
126
+ <div class="demo-container"><XtPie :chart-data="chartData" simple-mode /></div>
127
127
  </template>
128
128
 
129
129
  <script>