haiwei-ui 1.0.2 → 1.0.4

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 (211) hide show
  1. package/.prettierrc +6 -4
  2. package/README.md +10 -0
  3. package/package.json +1 -1
  4. package/packages/components/box/index.vue +116 -125
  5. package/packages/components/box-col/index.vue +30 -33
  6. package/packages/components/box-row/index.vue +17 -17
  7. package/packages/components/box-small/index.vue +38 -38
  8. package/packages/components/button/index.vue +29 -42
  9. package/packages/components/button-copy/index.vue +46 -62
  10. package/packages/components/button-delete/index.vue +64 -77
  11. package/packages/components/button-delete-batch/index.vue +82 -95
  12. package/packages/components/button-has/index.vue +29 -42
  13. package/packages/components/checkbox-group/index.vue +85 -85
  14. package/packages/components/color-picker/index.vue +41 -50
  15. package/packages/components/container/index.vue +8 -8
  16. package/packages/components/date-range-picker/index.vue +92 -103
  17. package/packages/components/details/index.vue +72 -79
  18. package/packages/components/dialog/index.vue +281 -294
  19. package/packages/components/drag-sort/index.vue +36 -36
  20. package/packages/components/drag-sort-dialog/index.vue +58 -58
  21. package/packages/components/drawer/index.vue +157 -166
  22. package/packages/components/enums/sex/index.vue +1 -1
  23. package/packages/components/flex/index.vue +33 -33
  24. package/packages/components/form/index.vue +123 -138
  25. package/packages/components/form-dialog/index.vue +184 -217
  26. package/packages/components/form-page/index.vue +134 -151
  27. package/packages/components/icon/index.vue +6 -6
  28. package/packages/components/icon-picker/index.vue +30 -30
  29. package/packages/components/icon-picker/panel.vue +58 -58
  30. package/packages/components/label/index.vue +22 -30
  31. package/packages/components/list/components/export/index.vue +101 -99
  32. package/packages/components/list/components/footer/index.vue +42 -51
  33. package/packages/components/list/components/header/index.vue +34 -34
  34. package/packages/components/list/components/querybar/index.vue +145 -124
  35. package/packages/components/list/components/select-column/index.vue +30 -30
  36. package/packages/components/list/components/table/index.vue +169 -188
  37. package/packages/components/list/index.vue +336 -395
  38. package/packages/components/list-agile/index.vue +145 -145
  39. package/packages/components/list-dialog/index.vue +70 -84
  40. package/packages/components/listbox/index.vue +48 -48
  41. package/packages/components/login-default/index.vue +107 -107
  42. package/packages/components/login-neon/index.vue +104 -104
  43. package/packages/components/map/index.vue +229 -229
  44. package/packages/components/map-coord-picking/index.vue +220 -219
  45. package/packages/components/map-search/index.vue +75 -72
  46. package/packages/components/scrollbar/index.vue +11 -11
  47. package/packages/components/select-whether/index.vue +30 -30
  48. package/packages/components/split/index.vue +141 -141
  49. package/packages/components/split/trigger.vue +15 -15
  50. package/packages/components/tabnav/index.vue +125 -89
  51. package/packages/components/tabs/index.vue +31 -31
  52. package/packages/components/toolbar/components/fullscreen/index.vue +10 -10
  53. package/packages/components/toolbar/components/logout/index.vue +13 -13
  54. package/packages/components/toolbar/components/skin-toggle/form.vue +59 -59
  55. package/packages/components/toolbar/components/skin-toggle/index.vue +12 -12
  56. package/packages/components/toolbar/components/userInfo/index.vue +18 -18
  57. package/packages/components/toolbar/index.vue +12 -12
  58. package/packages/components/tree-select/mixins.vue +261 -270
  59. package/packages/components/txt/index.vue +17 -17
  60. package/packages/components/update-password/index.vue +45 -57
  61. package/packages/layout.vue +18 -18
  62. package/packages/mixins/components/checkbox.vue +71 -82
  63. package/packages/mixins/components/radio.vue +69 -69
  64. package/packages/page/403/index.vue +32 -28
  65. package/packages/page/404/index.vue +32 -28
  66. package/packages/page/default/index.vue +17 -13
  67. package/packages/page/iframe/index.vue +6 -6
  68. package/packages/page/login/index.vue +9 -9
  69. package/packages/page/userInfo/index.vue +5 -5
  70. package/packages/router/index.js +1 -9
  71. package/packages/skins/pretty/components/header/components/breadcrumb/index.vue +29 -29
  72. package/packages/skins/pretty/components/header/components/theme/index.vue +22 -21
  73. package/packages/skins/pretty/components/header/index.vue +12 -12
  74. package/packages/skins/pretty/components/main/index.vue +27 -27
  75. package/packages/skins/pretty/components/menus/index.vue +28 -28
  76. package/packages/skins/pretty/components/menus/item.vue +23 -23
  77. package/packages/skins/pretty/components/sidebar/index.vue +7 -7
  78. package/packages/skins/pretty/index.vue +6 -6
  79. package/packages/skins/pretty/styles/themes/blue-light/_index.scss +2 -2
  80. package/packages/skins/pretty/styles/themes/default/_index.scss +1 -1
  81. package/packages/skins/pretty/styles/themes/green/_index.scss +2 -2
  82. package/packages/skins/pretty/styles/themes/green-light/_index.scss +2 -2
  83. package/packages/styles/_mixins.scss +24 -25
  84. package/packages/styles/animation/_index.scss +22 -23
  85. package/packages/styles/animation/breadcrumb.scss +6 -6
  86. package/packages/styles/animation/fade.scss +11 -11
  87. package/packages/styles/animation/move.scss +98 -98
  88. package/packages/styles/components/box-small/_index.scss +58 -58
  89. package/packages/styles/components/button/_index.scss +7 -7
  90. package/packages/styles/components/container/_index.scss +26 -26
  91. package/packages/styles/components/date-range-picker/_index.scss +4 -4
  92. package/packages/styles/components/details/_index.scss +66 -67
  93. package/packages/styles/components/details-dialog/_index.scss +13 -13
  94. package/packages/styles/components/drag-sort/_index.scss +20 -20
  95. package/packages/styles/components/drag-sort-dialog/_index.scss +7 -7
  96. package/packages/styles/components/flex/_index.scss +56 -56
  97. package/packages/styles/components/form-dialog/_index.scss +11 -11
  98. package/packages/styles/components/icon/_index.scss +6 -6
  99. package/packages/styles/components/label/_index.scss +245 -245
  100. package/packages/styles/components/listbox/_index.scss +47 -47
  101. package/packages/styles/components/split/_index.scss +102 -102
  102. package/packages/styles/components/toolbar/_index.scss +98 -98
  103. package/packages/styles/components/txt/_index.scss +13 -13
  104. package/packages/styles/components/upload-dialog/_index.scss +44 -44
  105. package/packages/styles/components/upload-multiple/_index.scss +19 -19
  106. package/packages/styles/components/upload-single/_index.scss +16 -16
  107. package/packages/utils/resize-event.js +3 -3
  108. package/packages/vuter/attributes.json +30 -40
  109. package/packages/vuter/tags.json +11 -27
  110. package/public/lib/font/iconfont.js +47 -1
  111. package/src/api/config.js +1 -1
  112. package/src/components/code-preview/index.vue +56 -56
  113. package/src/components/tmpl/components/attributes/index.vue +3 -3
  114. package/src/components/tmpl/components/events/index.vue +3 -3
  115. package/src/components/tmpl/components/methods/index.vue +3 -3
  116. package/src/components/tmpl/components/slots/index.vue +3 -3
  117. package/src/components/tmpl/index.vue +42 -42
  118. package/src/style/element-ui.scss +4 -4
  119. package/src/views/components/advanced/details/_index/index.vue +16 -16
  120. package/src/views/components/advanced/details/demo1/demo.vue +42 -42
  121. package/src/views/components/advanced/details/demo1/index.vue +11 -11
  122. package/src/views/components/advanced/drag-sort/_index/index.vue +16 -16
  123. package/src/views/components/advanced/drag-sort/demo1/demo.vue +18 -18
  124. package/src/views/components/advanced/drag-sort/demo1/index.vue +11 -11
  125. package/src/views/components/advanced/drag-sort-dialog/_index/index.vue +16 -16
  126. package/src/views/components/advanced/drag-sort-dialog/demo1/demo.vue +24 -24
  127. package/src/views/components/advanced/drag-sort-dialog/demo1/index.vue +11 -11
  128. package/src/views/components/advanced/list/_index/index.vue +21 -21
  129. package/src/views/components/advanced/list/demo1/demo.vue +65 -65
  130. package/src/views/components/advanced/list/demo1/index.vue +11 -11
  131. package/src/views/components/advanced/list/demo2/demo.vue +52 -52
  132. package/src/views/components/advanced/list/demo2/index.vue +11 -11
  133. package/src/views/components/advanced/list/demo4/demo.vue +28 -28
  134. package/src/views/components/advanced/list/demo4/index.vue +11 -11
  135. package/src/views/components/advanced/list-dialog/_index/index.vue +21 -21
  136. package/src/views/components/advanced/list-dialog/demo1/demo.vue +48 -48
  137. package/src/views/components/advanced/list-dialog/demo1/index.vue +11 -11
  138. package/src/views/components/advanced/listbox/_index/index.vue +19 -19
  139. package/src/views/components/advanced/listbox/demo1/demo.vue +47 -47
  140. package/src/views/components/advanced/listbox/demo1/index.vue +11 -11
  141. package/src/views/components/base/box/_index/index.vue +22 -28
  142. package/src/views/components/base/box/demo1/index.vue +11 -11
  143. package/src/views/components/base/box/demo2/index.vue +11 -11
  144. package/src/views/components/base/box/demo3/demo.vue +15 -15
  145. package/src/views/components/base/box/demo3/index.vue +11 -11
  146. package/src/views/components/base/box/demo4/demo.vue +18 -24
  147. package/src/views/components/base/box/demo4/index.vue +11 -11
  148. package/src/views/components/base/box-col/_index/index.vue +17 -17
  149. package/src/views/components/base/box-col/demo1/index.vue +11 -11
  150. package/src/views/components/base/box-row/_index/index.vue +17 -17
  151. package/src/views/components/base/box-row/demo1/index.vue +11 -11
  152. package/src/views/components/base/box-small/_index/index.vue +17 -17
  153. package/src/views/components/base/box-small/demo1/demo.vue +30 -30
  154. package/src/views/components/base/box-small/demo1/index.vue +11 -11
  155. package/src/views/components/base/button/_index/index.vue +18 -18
  156. package/src/views/components/base/button/demo1/index.vue +11 -11
  157. package/src/views/components/base/button/demo2/demo.vue +53 -48
  158. package/src/views/components/base/button/demo2/index.vue +11 -11
  159. package/src/views/components/base/container/_index/index.vue +15 -15
  160. package/src/views/components/base/dialog/_index/index.vue +20 -20
  161. package/src/views/components/base/dialog/demo1/demo.vue +37 -37
  162. package/src/views/components/base/dialog/demo1/index.vue +11 -11
  163. package/src/views/components/base/drawer/_index/index.vue +18 -18
  164. package/src/views/components/base/drawer/demo1/demo.vue +8 -8
  165. package/src/views/components/base/drawer/demo1/index.vue +11 -11
  166. package/src/views/components/base/flex/_index/index.vue +17 -17
  167. package/src/views/components/base/flex/demo1/demo.vue +6 -6
  168. package/src/views/components/base/flex/demo1/index.vue +14 -14
  169. package/src/views/components/base/label/_index/index.vue +17 -17
  170. package/src/views/components/base/label/demo1/index.vue +14 -14
  171. package/src/views/components/base/scrollbar/_index/index.vue +17 -17
  172. package/src/views/components/base/scrollbar/demo1/demo.vue +47 -47
  173. package/src/views/components/base/scrollbar/demo1/index.vue +11 -11
  174. package/src/views/components/base/split/_index/index.vue +17 -17
  175. package/src/views/components/base/split/demo1/demo.vue +6 -6
  176. package/src/views/components/base/split/demo1/index.vue +11 -11
  177. package/src/views/components/base/tabs/_index/index.vue +21 -21
  178. package/src/views/components/base/tabs/demo1/demo.vue +47 -47
  179. package/src/views/components/base/tabs/demo1/index.vue +14 -14
  180. package/src/views/components/base/txt/_index/index.vue +17 -17
  181. package/src/views/components/base/txt/demo1/index.vue +14 -14
  182. package/src/views/components/form/checkbox-group/_index/index.vue +20 -20
  183. package/src/views/components/form/checkbox-group/demo1/demo.vue +35 -35
  184. package/src/views/components/form/checkbox-group/demo1/index.vue +11 -11
  185. package/src/views/components/form/color-picker/_index/index.vue +16 -16
  186. package/src/views/components/form/color-picker/demo1/demo.vue +10 -10
  187. package/src/views/components/form/color-picker/demo1/index.vue +11 -11
  188. package/src/views/components/form/date-range-picker/_index/index.vue +17 -17
  189. package/src/views/components/form/date-range-picker/demo1/demo.vue +21 -21
  190. package/src/views/components/form/date-range-picker/demo1/index.vue +11 -11
  191. package/src/views/components/form/form/_index/index.vue +18 -18
  192. package/src/views/components/form/form/demo1/demo.vue +33 -33
  193. package/src/views/components/form/form/demo1/index.vue +11 -11
  194. package/src/views/components/form/form-dialog/_index/index.vue +18 -18
  195. package/src/views/components/form/form-dialog/demo1/demo.vue +39 -39
  196. package/src/views/components/form/form-dialog/demo1/index.vue +14 -14
  197. package/src/views/components/form/form-page/_index/index.vue +18 -18
  198. package/src/views/components/form/form-page/demo1/demo.vue +19 -19
  199. package/src/views/components/form/form-page/demo1/index.vue +11 -11
  200. package/src/views/components/form/icon-picker/_index/index.vue +18 -17
  201. package/src/views/components/form/icon-picker/demo1/demo.vue +20 -20
  202. package/src/views/components/form/icon-picker/demo1/index.vue +11 -11
  203. package/src/views/components/form/select/_index/index.vue +19 -19
  204. package/src/views/components/form/select/demo1/demo.vue +39 -39
  205. package/src/views/components/form/select/demo1/index.vue +11 -11
  206. package/src/views/components/form/select/demo2/index.vue +6 -6
  207. package/src/views/components/map/map-coord-picking/_index/index.vue +22 -22
  208. package/src/views/components/map/map-coord-picking/demo1/demo.vue +23 -23
  209. package/src/views/components/map/map-coord-picking/demo1/index.vue +11 -11
  210. package/src/views/run/index.vue +37 -37
  211. package/vue.config.js +1 -1
@@ -48,12 +48,12 @@
48
48
  </nm-container>
49
49
  </template>
50
50
  <script>
51
- export default {
52
- data() {
53
- return {
54
- split: 0.5,
55
- split1: 0.5
51
+ export default {
52
+ data() {
53
+ return {
54
+ split: 0.5,
55
+ split1: 0.5
56
+ }
56
57
  }
57
58
  }
58
- }
59
59
  </script>
@@ -5,20 +5,20 @@
5
5
  </nm-container>
6
6
  </template>
7
7
  <script>
8
- import page from './page.js'
9
- import Demo from './demo'
10
- import code from '!!raw-loader!./demo'
11
- export default {
12
- name: page.name,
13
- components: { Demo },
14
- data() {
15
- return {
16
- timer: null,
17
- code
8
+ import page from './page.js'
9
+ import Demo from './demo'
10
+ import code from '!!raw-loader!./demo'
11
+ export default {
12
+ name: page.name,
13
+ components: { Demo },
14
+ data() {
15
+ return {
16
+ timer: null,
17
+ code
18
+ }
19
+ },
20
+ created() {
21
+ this.setTabName('标签示例代码')
18
22
  }
19
- },
20
- created() {
21
- this.setTabName('标签示例代码')
22
23
  }
23
- }
24
24
  </script>
@@ -2,24 +2,24 @@
2
2
  <nm-tmpl v-bind="tmpl"></nm-tmpl>
3
3
  </template>
4
4
  <script>
5
- import page from './page.js'
6
- import attrs from './data/attrs.js'
7
- import slots from './data/slots.js'
8
- export default {
9
- name: page.name,
10
- data() {
11
- return {
12
- val: '',
13
- tmpl: {
14
- title: '标签(nm-tabs)',
15
- icon: 'card',
16
- attrs,
17
- slots
5
+ import page from './page.js'
6
+ import attrs from './data/attrs.js'
7
+ import slots from './data/slots.js'
8
+ export default {
9
+ name: page.name,
10
+ data() {
11
+ return {
12
+ val: '',
13
+ tmpl: {
14
+ title: '标签(nm-tabs)',
15
+ icon: 'card',
16
+ attrs,
17
+ slots
18
+ }
18
19
  }
20
+ },
21
+ created() {
22
+ this.setTabName(this.tmpl.title)
19
23
  }
20
- },
21
- created() {
22
- this.setTabName(this.tmpl.title)
23
24
  }
24
- }
25
25
  </script>
@@ -5,20 +5,20 @@
5
5
  </nm-container>
6
6
  </template>
7
7
  <script>
8
- import page from './page.js'
9
- import Demo from './demo'
10
- import code from '!!raw-loader!./demo'
11
- export default {
12
- name: page.name,
13
- components: { Demo },
14
- data() {
15
- return {
16
- timer: null,
17
- code
8
+ import page from './page.js'
9
+ import Demo from './demo'
10
+ import code from '!!raw-loader!./demo'
11
+ export default {
12
+ name: page.name,
13
+ components: { Demo },
14
+ data() {
15
+ return {
16
+ timer: null,
17
+ code
18
+ }
19
+ },
20
+ created() {
21
+ this.setTabName('标签示例代码')
18
22
  }
19
- },
20
- created() {
21
- this.setTabName('标签示例代码')
22
23
  }
23
- }
24
24
  </script>
@@ -4,24 +4,24 @@
4
4
  </nm-tmpl>
5
5
  </template>
6
6
  <script>
7
- import page from './page.js'
8
- import attrs from './data/attrs.js'
9
- import methods from './data/methods.js'
10
- export default {
11
- name: page.name,
12
- data() {
13
- return {
14
- val: '',
15
- tmpl: {
16
- title: '滚动条(nm-scrollbar)',
17
- icon: 'list',
18
- attrs,
19
- methods
7
+ import page from './page.js'
8
+ import attrs from './data/attrs.js'
9
+ import methods from './data/methods.js'
10
+ export default {
11
+ name: page.name,
12
+ data() {
13
+ return {
14
+ val: '',
15
+ tmpl: {
16
+ title: '滚动条(nm-scrollbar)',
17
+ icon: 'list',
18
+ attrs,
19
+ methods
20
+ }
20
21
  }
22
+ },
23
+ created() {
24
+ this.setTabName(this.tmpl.title)
21
25
  }
22
- },
23
- created() {
24
- this.setTabName(this.tmpl.title)
25
26
  }
26
- }
27
27
  </script>
@@ -21,56 +21,56 @@
21
21
  </div>
22
22
  </template>
23
23
  <script>
24
- export default {
25
- data() {
26
- return {
27
- split: 0.3,
28
- listbox: [],
29
- list: {
30
- title: '用户列表',
31
- icon: 'list',
32
- action: this.query,
33
- model: {
34
- name: ''
35
- },
36
- cols: [
37
- {
38
- name: 'id',
39
- label: '编号',
40
- show: false
24
+ export default {
25
+ data() {
26
+ return {
27
+ split: 0.3,
28
+ listbox: [],
29
+ list: {
30
+ title: '用户列表',
31
+ icon: 'list',
32
+ action: this.query,
33
+ model: {
34
+ name: ''
41
35
  },
42
- {
43
- name: 'name',
44
- label: '姓名'
45
- },
46
- {
47
- name: 'age',
48
- label: '年龄'
49
- }
50
- ]
36
+ cols: [
37
+ {
38
+ name: 'id',
39
+ label: '编号',
40
+ show: false
41
+ },
42
+ {
43
+ name: 'name',
44
+ label: '姓名'
45
+ },
46
+ {
47
+ name: 'age',
48
+ label: '年龄'
49
+ }
50
+ ]
51
+ }
51
52
  }
52
- }
53
- },
54
- methods: {
55
- query() {
56
- const rows = [
57
- { id: 1, name: '张三', age: 22 },
58
- { id: 2, name: '李四', age: 26 },
59
- { id: 3, name: '王五', age: 26 }
60
- ]
61
- return new Promise(resolve => {
62
- resolve({
63
- rows,
64
- total: 3
65
- })
66
- })
67
53
  },
68
- onSelect(row) {
69
- this.listbox.push({
70
- label: row.name,
71
- value: row.id
72
- })
54
+ methods: {
55
+ query() {
56
+ const rows = [
57
+ { id: 1, name: '张三', age: 22 },
58
+ { id: 2, name: '李四', age: 26 },
59
+ { id: 3, name: '王五', age: 26 }
60
+ ]
61
+ return new Promise(resolve => {
62
+ resolve({
63
+ rows,
64
+ total: 3
65
+ })
66
+ })
67
+ },
68
+ onSelect(row) {
69
+ this.listbox.push({
70
+ label: row.name,
71
+ value: row.id
72
+ })
73
+ }
73
74
  }
74
75
  }
75
- }
76
76
  </script>
@@ -5,17 +5,17 @@
5
5
  </nm-container>
6
6
  </template>
7
7
  <script>
8
- import page from './page.js'
9
- import Demo from './demo'
10
- import code from '!!raw-loader!./demo'
11
- export default {
12
- name: page.name,
13
- components: { Demo },
14
- data() {
15
- return {
16
- timer: null,
17
- code
8
+ import page from './page.js'
9
+ import Demo from './demo'
10
+ import code from '!!raw-loader!./demo'
11
+ export default {
12
+ name: page.name,
13
+ components: { Demo },
14
+ data() {
15
+ return {
16
+ timer: null,
17
+ code
18
+ }
18
19
  }
19
20
  }
20
- }
21
21
  </script>
@@ -6,24 +6,24 @@
6
6
  </nm-tmpl>
7
7
  </template>
8
8
  <script>
9
- import page from './page.js'
10
- import attrs from './data/attrs.js'
11
- import events from './data/events.js'
12
- export default {
13
- name: page.name,
14
- data() {
15
- return {
16
- val: '',
17
- tmpl: {
18
- title: '面板分割(nm-split)',
19
- icon: 'list',
20
- attrs,
21
- events
9
+ import page from './page.js'
10
+ import attrs from './data/attrs.js'
11
+ import events from './data/events.js'
12
+ export default {
13
+ name: page.name,
14
+ data() {
15
+ return {
16
+ val: '',
17
+ tmpl: {
18
+ title: '面板分割(nm-split)',
19
+ icon: 'list',
20
+ attrs,
21
+ events
22
+ }
22
23
  }
24
+ },
25
+ created() {
26
+ this.setTabName(this.tmpl.title)
23
27
  }
24
- },
25
- created() {
26
- this.setTabName(this.tmpl.title)
27
28
  }
28
- }
29
29
  </script>
@@ -16,12 +16,12 @@
16
16
  </nm-split>
17
17
  </template>
18
18
  <script>
19
- export default {
20
- data() {
21
- return {
22
- split: 0.3,
23
- split1: 0.3
19
+ export default {
20
+ data() {
21
+ return {
22
+ split: 0.3,
23
+ split1: 0.3
24
+ }
24
25
  }
25
26
  }
26
- }
27
27
  </script>
@@ -5,17 +5,17 @@
5
5
  </nm-container>
6
6
  </template>
7
7
  <script>
8
- import page from './page.js'
9
- import Demo from './demo'
10
- import code from '!!raw-loader!./demo'
11
- export default {
12
- name: page.name,
13
- components: { Demo },
14
- data() {
15
- return {
16
- timer: null,
17
- code
8
+ import page from './page.js'
9
+ import Demo from './demo'
10
+ import code from '!!raw-loader!./demo'
11
+ export default {
12
+ name: page.name,
13
+ components: { Demo },
14
+ data() {
15
+ return {
16
+ timer: null,
17
+ code
18
+ }
18
19
  }
19
20
  }
20
- }
21
21
  </script>
@@ -4,28 +4,28 @@
4
4
  </nm-tmpl>
5
5
  </template>
6
6
  <script>
7
- import page from './page.js'
8
- import attrs from './data/attrs.js'
9
- import slots from './data/slots.js'
10
- import methods from './data/methods.js'
11
- import events from './data/events.js'
12
- export default {
13
- name: page.name,
14
- data() {
15
- return {
16
- val: '',
17
- tmpl: {
18
- title: '标签页(nm-tabs)',
19
- icon: 'card',
20
- attrs,
21
- slots,
22
- methods,
23
- events
7
+ import page from './page.js'
8
+ import attrs from './data/attrs.js'
9
+ import slots from './data/slots.js'
10
+ import methods from './data/methods.js'
11
+ import events from './data/events.js'
12
+ export default {
13
+ name: page.name,
14
+ data() {
15
+ return {
16
+ val: '',
17
+ tmpl: {
18
+ title: '标签页(nm-tabs)',
19
+ icon: 'card',
20
+ attrs,
21
+ slots,
22
+ methods,
23
+ events
24
+ }
24
25
  }
26
+ },
27
+ created() {
28
+ this.setTabName(this.tmpl.title)
25
29
  }
26
- },
27
- created() {
28
- this.setTabName(this.tmpl.title)
29
30
  }
30
- }
31
31
  </script>
@@ -25,55 +25,55 @@
25
25
  </nm-container>
26
26
  </template>
27
27
  <script>
28
- export default {
29
- data() {
30
- return {
31
- split: 0.2,
32
- tab: 'tab1',
33
- data: [
34
- {
35
- id: 1,
36
- label: '一级 2',
37
- children: [
38
- {
39
- id: 3,
40
- label: '二级 2-1',
41
- children: [
42
- {
43
- id: 4,
44
- label: '三级 3-1-1'
45
- },
46
- {
47
- id: 5,
48
- label: '三级 3-1-2',
49
- disabled: true
50
- }
51
- ]
52
- },
53
- {
54
- id: 2,
55
- label: '二级 2-2',
56
- disabled: true,
57
- children: [
58
- {
59
- id: 6,
60
- label: '三级 3-2-1'
61
- },
62
- {
63
- id: 7,
64
- label: '三级 3-2-2',
65
- disabled: true
66
- }
67
- ]
68
- }
69
- ]
28
+ export default {
29
+ data() {
30
+ return {
31
+ split: 0.2,
32
+ tab: 'tab1',
33
+ data: [
34
+ {
35
+ id: 1,
36
+ label: '一级 2',
37
+ children: [
38
+ {
39
+ id: 3,
40
+ label: '二级 2-1',
41
+ children: [
42
+ {
43
+ id: 4,
44
+ label: '三级 3-1-1'
45
+ },
46
+ {
47
+ id: 5,
48
+ label: '三级 3-1-2',
49
+ disabled: true
50
+ }
51
+ ]
52
+ },
53
+ {
54
+ id: 2,
55
+ label: '二级 2-2',
56
+ disabled: true,
57
+ children: [
58
+ {
59
+ id: 6,
60
+ label: '三级 3-2-1'
61
+ },
62
+ {
63
+ id: 7,
64
+ label: '三级 3-2-2',
65
+ disabled: true
66
+ }
67
+ ]
68
+ }
69
+ ]
70
+ }
71
+ ],
72
+ defaultProps: {
73
+ children: 'children',
74
+ label: 'label'
70
75
  }
71
- ],
72
- defaultProps: {
73
- children: 'children',
74
- label: 'label'
75
76
  }
76
77
  }
77
78
  }
78
- }
79
79
  </script>
@@ -5,20 +5,20 @@
5
5
  </nm-container>
6
6
  </template>
7
7
  <script>
8
- import page from './page.js'
9
- import Demo from './demo'
10
- import code from '!!raw-loader!./demo'
11
- export default {
12
- name: page.name,
13
- components: { Demo },
14
- data() {
15
- return {
16
- timer: null,
17
- code
8
+ import page from './page.js'
9
+ import Demo from './demo'
10
+ import code from '!!raw-loader!./demo'
11
+ export default {
12
+ name: page.name,
13
+ components: { Demo },
14
+ data() {
15
+ return {
16
+ timer: null,
17
+ code
18
+ }
19
+ },
20
+ created() {
21
+ this.setTabName('标签页示例代码')
18
22
  }
19
- },
20
- created() {
21
- this.setTabName('标签页示例代码')
22
23
  }
23
- }
24
24
  </script>
@@ -4,24 +4,24 @@
4
4
  </nm-tmpl>
5
5
  </template>
6
6
  <script>
7
- import page from './page.js'
8
- import attrs from './data/attrs.js'
9
- import slots from './data/slots.js'
10
- export default {
11
- name: page.name,
12
- data() {
13
- return {
14
- val: '',
15
- tmpl: {
16
- title: '标签页(nm-tabs)',
17
- icon: 'card',
18
- attrs,
19
- slots
7
+ import page from './page.js'
8
+ import attrs from './data/attrs.js'
9
+ import slots from './data/slots.js'
10
+ export default {
11
+ name: page.name,
12
+ data() {
13
+ return {
14
+ val: '',
15
+ tmpl: {
16
+ title: '标签页(nm-tabs)',
17
+ icon: 'card',
18
+ attrs,
19
+ slots
20
+ }
20
21
  }
22
+ },
23
+ created() {
24
+ this.setTabName(this.tmpl.title)
21
25
  }
22
- },
23
- created() {
24
- this.setTabName(this.tmpl.title)
25
26
  }
26
- }
27
27
  </script>
@@ -5,20 +5,20 @@
5
5
  </nm-container>
6
6
  </template>
7
7
  <script>
8
- import page from './page.js'
9
- import Demo from './demo'
10
- import code from '!!raw-loader!./demo'
11
- export default {
12
- name: page.name,
13
- components: { Demo },
14
- data() {
15
- return {
16
- timer: null,
17
- code
8
+ import page from './page.js'
9
+ import Demo from './demo'
10
+ import code from '!!raw-loader!./demo'
11
+ export default {
12
+ name: page.name,
13
+ components: { Demo },
14
+ data() {
15
+ return {
16
+ timer: null,
17
+ code
18
+ }
19
+ },
20
+ created() {
21
+ this.setTabName('标签页示例代码')
18
22
  }
19
- },
20
- created() {
21
- this.setTabName('标签页示例代码')
22
23
  }
23
- }
24
24
  </script>