haiwei-ui 1.0.2 → 1.0.3

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 (105) hide show
  1. package/.prettierrc +6 -4
  2. package/package.json +1 -1
  3. package/packages/components/list/components/querybar/index.vue +32 -11
  4. package/packages/components/list/index.vue +9 -14
  5. package/src/api/config.js +1 -1
  6. package/src/components/code-preview/index.vue +56 -56
  7. package/src/components/tmpl/components/attributes/index.vue +3 -3
  8. package/src/components/tmpl/components/events/index.vue +3 -3
  9. package/src/components/tmpl/components/methods/index.vue +3 -3
  10. package/src/components/tmpl/components/slots/index.vue +3 -3
  11. package/src/components/tmpl/index.vue +42 -42
  12. package/src/style/element-ui.scss +4 -4
  13. package/src/views/components/advanced/details/_index/index.vue +16 -16
  14. package/src/views/components/advanced/details/demo1/demo.vue +42 -42
  15. package/src/views/components/advanced/details/demo1/index.vue +11 -11
  16. package/src/views/components/advanced/drag-sort/_index/index.vue +16 -16
  17. package/src/views/components/advanced/drag-sort/demo1/demo.vue +18 -18
  18. package/src/views/components/advanced/drag-sort/demo1/index.vue +11 -11
  19. package/src/views/components/advanced/drag-sort-dialog/_index/index.vue +16 -16
  20. package/src/views/components/advanced/drag-sort-dialog/demo1/demo.vue +24 -24
  21. package/src/views/components/advanced/drag-sort-dialog/demo1/index.vue +11 -11
  22. package/src/views/components/advanced/list/_index/index.vue +21 -21
  23. package/src/views/components/advanced/list/demo1/demo.vue +65 -65
  24. package/src/views/components/advanced/list/demo1/index.vue +11 -11
  25. package/src/views/components/advanced/list/demo2/demo.vue +52 -52
  26. package/src/views/components/advanced/list/demo2/index.vue +11 -11
  27. package/src/views/components/advanced/list/demo4/demo.vue +28 -28
  28. package/src/views/components/advanced/list/demo4/index.vue +11 -11
  29. package/src/views/components/advanced/list-dialog/_index/index.vue +21 -21
  30. package/src/views/components/advanced/list-dialog/demo1/demo.vue +48 -48
  31. package/src/views/components/advanced/list-dialog/demo1/index.vue +11 -11
  32. package/src/views/components/advanced/listbox/_index/index.vue +19 -19
  33. package/src/views/components/advanced/listbox/demo1/demo.vue +47 -47
  34. package/src/views/components/advanced/listbox/demo1/index.vue +11 -11
  35. package/src/views/components/base/box/_index/index.vue +22 -28
  36. package/src/views/components/base/box/demo1/index.vue +11 -11
  37. package/src/views/components/base/box/demo2/index.vue +11 -11
  38. package/src/views/components/base/box/demo3/demo.vue +15 -15
  39. package/src/views/components/base/box/demo3/index.vue +11 -11
  40. package/src/views/components/base/box/demo4/demo.vue +18 -24
  41. package/src/views/components/base/box/demo4/index.vue +11 -11
  42. package/src/views/components/base/box-col/_index/index.vue +17 -17
  43. package/src/views/components/base/box-col/demo1/index.vue +11 -11
  44. package/src/views/components/base/box-row/_index/index.vue +17 -17
  45. package/src/views/components/base/box-row/demo1/index.vue +11 -11
  46. package/src/views/components/base/box-small/_index/index.vue +17 -17
  47. package/src/views/components/base/box-small/demo1/demo.vue +30 -30
  48. package/src/views/components/base/box-small/demo1/index.vue +11 -11
  49. package/src/views/components/base/button/_index/index.vue +18 -18
  50. package/src/views/components/base/button/demo1/index.vue +11 -11
  51. package/src/views/components/base/button/demo2/demo.vue +53 -48
  52. package/src/views/components/base/button/demo2/index.vue +11 -11
  53. package/src/views/components/base/container/_index/index.vue +15 -15
  54. package/src/views/components/base/dialog/_index/index.vue +20 -20
  55. package/src/views/components/base/dialog/demo1/demo.vue +37 -37
  56. package/src/views/components/base/dialog/demo1/index.vue +11 -11
  57. package/src/views/components/base/drawer/_index/index.vue +18 -18
  58. package/src/views/components/base/drawer/demo1/demo.vue +8 -8
  59. package/src/views/components/base/drawer/demo1/index.vue +11 -11
  60. package/src/views/components/base/flex/_index/index.vue +17 -17
  61. package/src/views/components/base/flex/demo1/demo.vue +6 -6
  62. package/src/views/components/base/flex/demo1/index.vue +14 -14
  63. package/src/views/components/base/label/_index/index.vue +17 -17
  64. package/src/views/components/base/label/demo1/index.vue +14 -14
  65. package/src/views/components/base/scrollbar/_index/index.vue +17 -17
  66. package/src/views/components/base/scrollbar/demo1/demo.vue +47 -47
  67. package/src/views/components/base/scrollbar/demo1/index.vue +11 -11
  68. package/src/views/components/base/split/_index/index.vue +17 -17
  69. package/src/views/components/base/split/demo1/demo.vue +6 -6
  70. package/src/views/components/base/split/demo1/index.vue +11 -11
  71. package/src/views/components/base/tabs/_index/index.vue +21 -21
  72. package/src/views/components/base/tabs/demo1/demo.vue +47 -47
  73. package/src/views/components/base/tabs/demo1/index.vue +14 -14
  74. package/src/views/components/base/txt/_index/index.vue +17 -17
  75. package/src/views/components/base/txt/demo1/index.vue +14 -14
  76. package/src/views/components/form/checkbox-group/_index/index.vue +20 -20
  77. package/src/views/components/form/checkbox-group/demo1/demo.vue +35 -35
  78. package/src/views/components/form/checkbox-group/demo1/index.vue +11 -11
  79. package/src/views/components/form/color-picker/_index/index.vue +16 -16
  80. package/src/views/components/form/color-picker/demo1/demo.vue +10 -10
  81. package/src/views/components/form/color-picker/demo1/index.vue +11 -11
  82. package/src/views/components/form/date-range-picker/_index/index.vue +17 -17
  83. package/src/views/components/form/date-range-picker/demo1/demo.vue +21 -21
  84. package/src/views/components/form/date-range-picker/demo1/index.vue +11 -11
  85. package/src/views/components/form/form/_index/index.vue +18 -18
  86. package/src/views/components/form/form/demo1/demo.vue +33 -33
  87. package/src/views/components/form/form/demo1/index.vue +11 -11
  88. package/src/views/components/form/form-dialog/_index/index.vue +18 -18
  89. package/src/views/components/form/form-dialog/demo1/demo.vue +39 -39
  90. package/src/views/components/form/form-dialog/demo1/index.vue +14 -14
  91. package/src/views/components/form/form-page/_index/index.vue +18 -18
  92. package/src/views/components/form/form-page/demo1/demo.vue +19 -19
  93. package/src/views/components/form/form-page/demo1/index.vue +11 -11
  94. package/src/views/components/form/icon-picker/_index/index.vue +18 -17
  95. package/src/views/components/form/icon-picker/demo1/demo.vue +20 -20
  96. package/src/views/components/form/icon-picker/demo1/index.vue +11 -11
  97. package/src/views/components/form/select/_index/index.vue +19 -19
  98. package/src/views/components/form/select/demo1/demo.vue +39 -39
  99. package/src/views/components/form/select/demo1/index.vue +11 -11
  100. package/src/views/components/form/select/demo2/index.vue +6 -6
  101. package/src/views/components/map/map-coord-picking/_index/index.vue +22 -22
  102. package/src/views/components/map/map-coord-picking/demo1/demo.vue +23 -23
  103. package/src/views/components/map/map-coord-picking/demo1/index.vue +11 -11
  104. package/src/views/run/index.vue +37 -37
  105. package/vue.config.js +1 -1
@@ -11,24 +11,24 @@
11
11
  </nm-box>
12
12
  </template>
13
13
  <script>
14
- export default {
15
- data() {
16
- let list = []
17
- for (var i = 1; i < 10; i++) {
18
- list.push({
19
- id: i,
20
- label: `第${i}个`,
21
- sort: i
22
- })
23
- }
24
- return {
25
- list
26
- }
27
- },
28
- computed: {
29
- listJson() {
30
- return JSON.stringify(this.list, null, 2)
14
+ export default {
15
+ data() {
16
+ let list = []
17
+ for (var i = 1; i < 10; i++) {
18
+ list.push({
19
+ id: i,
20
+ label: `第${i}个`,
21
+ sort: i
22
+ })
23
+ }
24
+ return {
25
+ list
26
+ }
27
+ },
28
+ computed: {
29
+ listJson() {
30
+ return JSON.stringify(this.list, null, 2)
31
+ }
31
32
  }
32
33
  }
33
- }
34
34
  </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,23 +6,23 @@
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'
12
- export default {
13
- name: page.name,
14
- data() {
15
- return {
16
- tmpl: {
17
- title: '拖动排序对话框(nm-drag-sort-dialog)',
18
- icon: 'list',
19
- attrs,
20
- events
9
+ import page from './page.js'
10
+ import attrs from './data/attrs.js'
11
+ import events from './data/events'
12
+ export default {
13
+ name: page.name,
14
+ data() {
15
+ return {
16
+ tmpl: {
17
+ title: '拖动排序对话框(nm-drag-sort-dialog)',
18
+ icon: 'list',
19
+ attrs,
20
+ events
21
+ }
21
22
  }
23
+ },
24
+ created() {
25
+ this.setTabName(this.tmpl.title)
22
26
  }
23
- },
24
- created() {
25
- this.setTabName(this.tmpl.title)
26
27
  }
27
- }
28
28
  </script>
@@ -5,32 +5,32 @@
5
5
  </nm-box>
6
6
  </template>
7
7
  <script>
8
- export default {
9
- data() {
10
- return {
11
- show: false
12
- }
13
- },
14
- methods: {
15
- query() {
16
- let options = []
17
- for (var i = 1; i < 10; i++) {
18
- options.push({
19
- id: i,
20
- label: `第${i}个`,
21
- sort: i
22
- })
8
+ export default {
9
+ data() {
10
+ return {
11
+ show: false
23
12
  }
24
-
25
- return new Promise(resolve => {
26
- resolve({ options })
27
- })
28
13
  },
29
- update() {
30
- return new Promise(resolve => {
31
- resolve({ code: 1, data: '' })
32
- })
14
+ methods: {
15
+ query() {
16
+ let options = []
17
+ for (var i = 1; i < 10; i++) {
18
+ options.push({
19
+ id: i,
20
+ label: `第${i}个`,
21
+ sort: i
22
+ })
23
+ }
24
+
25
+ return new Promise(resolve => {
26
+ resolve({ options })
27
+ })
28
+ },
29
+ update() {
30
+ return new Promise(resolve => {
31
+ resolve({ code: 1, data: '' })
32
+ })
33
+ }
33
34
  }
34
35
  }
35
- }
36
36
  </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>
@@ -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>