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
@@ -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>
@@ -60,28 +60,28 @@
60
60
  </nm-tmpl>
61
61
  </template>
62
62
  <script>
63
- import page from './page.js'
64
- import attrs from './data/attrs.js'
65
- import slots from './data/slots.js'
66
- import methods from './data/methods.js'
67
- import events from './data/events.js'
68
- export default {
69
- name: page.name,
70
- data() {
71
- return {
72
- val: '',
73
- tmpl: {
74
- title: '列表页(nm-list)',
75
- icon: 'card',
76
- attrs,
77
- slots,
78
- methods,
79
- events
63
+ import page from './page.js'
64
+ import attrs from './data/attrs.js'
65
+ import slots from './data/slots.js'
66
+ import methods from './data/methods.js'
67
+ import events from './data/events.js'
68
+ export default {
69
+ name: page.name,
70
+ data() {
71
+ return {
72
+ val: '',
73
+ tmpl: {
74
+ title: '列表页(nm-list)',
75
+ icon: 'card',
76
+ attrs,
77
+ slots,
78
+ methods,
79
+ events
80
+ }
80
81
  }
82
+ },
83
+ created() {
84
+ this.setTabName(this.tmpl.title)
81
85
  }
82
- },
83
- created() {
84
- this.setTabName(this.tmpl.title)
85
86
  }
86
- }
87
87
  </script>
@@ -13,78 +13,78 @@
13
13
  </nm-list>
14
14
  </template>
15
15
  <script>
16
- export default {
17
- data() {
18
- return {
19
- list: {
20
- title: '简单列表',
21
- icon: 'list',
22
- action: this.query,
23
- rowKey: 'id',
24
- treeProps: { children: 'children', hasChildren: 'hasChildren' },
25
- model: {
26
- name: ''
27
- },
28
- cols: [
29
- {
30
- name: 'id',
31
- label: '编号',
32
- show: false
33
- },
34
- {
35
- name: 'name',
36
- label: '姓名'
37
- },
38
- {
39
- name: 'age',
40
- label: '年龄'
16
+ export default {
17
+ data() {
18
+ return {
19
+ list: {
20
+ title: '简单列表',
21
+ icon: 'list',
22
+ action: this.query,
23
+ rowKey: 'id',
24
+ treeProps: { children: 'children', hasChildren: 'hasChildren' },
25
+ model: {
26
+ name: ''
41
27
  },
42
- {
43
- name: 'birthday',
44
- label: '出生日期',
45
- format: 'YYYY年MM月DD日'
46
- }
47
- ]
48
- }
49
- }
50
- },
51
- methods: {
52
- query() {
53
- const rows = [
54
- { id: 1, name: '张三', age: 22, birthday: '1991-1-8' },
55
- {
56
- id: 2,
57
- name: '李四',
58
- age: 26,
59
- birthday: '1991-1-8 10:33',
60
- children: [
28
+ cols: [
29
+ {
30
+ name: 'id',
31
+ label: '编号',
32
+ show: false
33
+ },
34
+ {
35
+ name: 'name',
36
+ label: '姓名'
37
+ },
61
38
  {
62
- id: 31,
63
- age: 29,
64
- birthday: '2016-05-01',
65
- name: '王小虎'
39
+ name: 'age',
40
+ label: '年龄'
66
41
  },
67
42
  {
68
- id: 32,
69
- age: 78,
70
- birthday: '2016-05-01',
71
- name: '王小虎'
43
+ name: 'birthday',
44
+ label: '出生日期',
45
+ format: 'YYYY年MM月DD日'
72
46
  }
73
47
  ]
74
- },
75
- { id: 3, name: '王五', age: 26, birthday: '1991-1-8' }
76
- ]
77
- return new Promise(resolve => {
78
- resolve({
79
- rows,
80
- total: 3
81
- })
82
- })
48
+ }
49
+ }
83
50
  },
84
- remove() {},
85
- onSuccess() {
86
- this.query()
51
+ methods: {
52
+ query() {
53
+ const rows = [
54
+ { id: 1, name: '张三', age: 22, birthday: '1991-1-8' },
55
+ {
56
+ id: 2,
57
+ name: '李四',
58
+ age: 26,
59
+ birthday: '1991-1-8 10:33',
60
+ children: [
61
+ {
62
+ id: 31,
63
+ age: 29,
64
+ birthday: '2016-05-01',
65
+ name: '王小虎'
66
+ },
67
+ {
68
+ id: 32,
69
+ age: 78,
70
+ birthday: '2016-05-01',
71
+ name: '王小虎'
72
+ }
73
+ ]
74
+ },
75
+ { id: 3, name: '王五', age: 26, birthday: '1991-1-8' }
76
+ ]
77
+ return new Promise(resolve => {
78
+ resolve({
79
+ rows,
80
+ total: 3
81
+ })
82
+ })
83
+ },
84
+ remove() {},
85
+ onSuccess() {
86
+ this.query()
87
+ }
87
88
  }
88
89
  }
89
- }
90
90
  </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>
@@ -17,62 +17,62 @@
17
17
  </nm-list>
18
18
  </template>
19
19
  <script>
20
- export default {
21
- data() {
22
- return {
23
- list: {
24
- title: '简单列表',
25
- icon: 'list',
26
- action: this.query,
27
- model: {
28
- name: '',
29
- age: ''
30
- },
31
- advanced: {
32
- enabled: true
33
- },
34
- pageSizes: [50, 100, 200],
35
- cols: [
36
- {
37
- name: 'id',
38
- label: '编号',
39
- show: false
20
+ export default {
21
+ data() {
22
+ return {
23
+ list: {
24
+ title: '简单列表',
25
+ icon: 'list',
26
+ action: this.query,
27
+ model: {
28
+ name: '',
29
+ age: ''
40
30
  },
41
- {
42
- name: 'name',
43
- label: '姓名'
31
+ advanced: {
32
+ enabled: true
44
33
  },
45
- {
46
- name: 'age',
47
- label: '年龄'
48
- },
49
- {
50
- name: 'birthday',
51
- label: '出生日期',
52
- format: 'YYYY年MM月DD日'
53
- }
54
- ]
34
+ pageSizes: [50, 100, 200],
35
+ cols: [
36
+ {
37
+ name: 'id',
38
+ label: '编号',
39
+ show: false
40
+ },
41
+ {
42
+ name: 'name',
43
+ label: '姓名'
44
+ },
45
+ {
46
+ name: 'age',
47
+ label: '年龄'
48
+ },
49
+ {
50
+ name: 'birthday',
51
+ label: '出生日期',
52
+ format: 'YYYY年MM月DD日'
53
+ }
54
+ ]
55
+ }
55
56
  }
56
- }
57
- },
58
- methods: {
59
- query() {
60
- const rows = [
61
- { id: 1, name: '张三', age: 22, birthday: '1991-1-8' },
62
- { id: 2, name: '李四', age: 26, birthday: '1991-1-8 10:33' },
63
- { id: 3, name: '王五', age: 26, birthday: '1991-1-8' }
64
- ]
65
- return new Promise(resolve => {
66
- resolve({
67
- rows,
68
- total: 3
69
- })
70
- })
71
57
  },
72
- remove() {},
73
- onSuccess() {
74
- this.query()
58
+ methods: {
59
+ query() {
60
+ const rows = [
61
+ { id: 1, name: '张三', age: 22, birthday: '1991-1-8' },
62
+ { id: 2, name: '李四', age: 26, birthday: '1991-1-8 10:33' },
63
+ { id: 3, name: '王五', age: 26, birthday: '1991-1-8' }
64
+ ]
65
+ return new Promise(resolve => {
66
+ resolve({
67
+ rows,
68
+ total: 3
69
+ })
70
+ })
71
+ },
72
+ remove() {},
73
+ onSuccess() {
74
+ this.query()
75
+ }
75
76
  }
76
77
  }
77
- }
78
78
  </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>
@@ -20,37 +20,37 @@
20
20
  </nm-list-agile>
21
21
  </template>
22
22
  <script>
23
- export default {
24
- data() {
25
- return {
26
- list: {
27
- title: '敏捷列表页--多表头',
28
- icon: 'list',
29
- action: this.query,
30
- model: {
31
- name: ''
23
+ export default {
24
+ data() {
25
+ return {
26
+ list: {
27
+ title: '敏捷列表页--多表头',
28
+ icon: 'list',
29
+ action: this.query,
30
+ model: {
31
+ name: ''
32
+ }
32
33
  }
33
34
  }
34
- }
35
- },
36
- methods: {
37
- query() {
38
- const rows = [
39
- { id: 1, name: '张三', age: 22 },
40
- { id: 2, name: '李四', age: 26 },
41
- { id: 3, name: '王五', age: 26 }
42
- ]
43
- return new Promise(resolve => {
44
- resolve({
45
- rows,
46
- total: 3
47
- })
48
- })
49
35
  },
50
- remove() {},
51
- onSuccess() {
52
- this.query()
36
+ methods: {
37
+ query() {
38
+ const rows = [
39
+ { id: 1, name: '张三', age: 22 },
40
+ { id: 2, name: '李四', age: 26 },
41
+ { id: 3, name: '王五', age: 26 }
42
+ ]
43
+ return new Promise(resolve => {
44
+ resolve({
45
+ rows,
46
+ total: 3
47
+ })
48
+ })
49
+ },
50
+ remove() {},
51
+ onSuccess() {
52
+ this.query()
53
+ }
53
54
  }
54
55
  }
55
- }
56
56
  </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-list-dialog)',
19
- icon: 'list',
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-list-dialog)',
19
+ icon: 'list',
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>
@@ -18,58 +18,58 @@
18
18
  </nm-box>
19
19
  </template>
20
20
  <script>
21
- export default {
22
- data() {
23
- return {
24
- show: false,
25
- dialog: {
26
- title: '列表页对话框示例',
27
- icon: 'list',
28
- width: '80%',
29
- height: '80%'
30
- },
31
- list: {
32
- noHeader: true,
33
- action: this.query,
34
- model: {
35
- name: ''
21
+ export default {
22
+ data() {
23
+ return {
24
+ show: false,
25
+ dialog: {
26
+ title: '列表页对话框示例',
27
+ icon: 'list',
28
+ width: '80%',
29
+ height: '80%'
36
30
  },
37
- cols: [
38
- {
39
- name: 'id',
40
- label: '编号',
41
- show: false
42
- },
43
- {
44
- name: 'name',
45
- label: '姓名'
31
+ list: {
32
+ noHeader: true,
33
+ action: this.query,
34
+ model: {
35
+ name: ''
46
36
  },
47
- {
48
- name: 'age',
49
- label: '年龄'
50
- }
51
- ]
37
+ cols: [
38
+ {
39
+ name: 'id',
40
+ label: '编号',
41
+ show: false
42
+ },
43
+ {
44
+ name: 'name',
45
+ label: '姓名'
46
+ },
47
+ {
48
+ name: 'age',
49
+ label: '年龄'
50
+ }
51
+ ]
52
+ }
52
53
  }
53
- }
54
- },
55
- methods: {
56
- query() {
57
- const rows = [
58
- { id: 1, name: '张三', age: 22 },
59
- { id: 2, name: '李四', age: 26 },
60
- { id: 3, name: '王五', age: 26 }
61
- ]
62
- return new Promise(resolve => {
63
- resolve({
64
- rows,
65
- total: 3
66
- })
67
- })
68
54
  },
69
- remove() {},
70
- onSuccess() {
71
- this.query()
55
+ methods: {
56
+ query() {
57
+ const rows = [
58
+ { id: 1, name: '张三', age: 22 },
59
+ { id: 2, name: '李四', age: 26 },
60
+ { id: 3, name: '王五', age: 26 }
61
+ ]
62
+ return new Promise(resolve => {
63
+ resolve({
64
+ rows,
65
+ total: 3
66
+ })
67
+ })
68
+ },
69
+ remove() {},
70
+ onSuccess() {
71
+ this.query()
72
+ }
72
73
  }
73
74
  }
74
- }
75
75
  </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>