haiwei-ui 1.0.1 → 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 (106) hide show
  1. package/.prettierrc +6 -4
  2. package/README.md +95 -11
  3. package/package.json +1 -1
  4. package/packages/components/list/components/querybar/index.vue +32 -11
  5. package/packages/components/list/index.vue +9 -14
  6. package/src/api/config.js +1 -1
  7. package/src/components/code-preview/index.vue +56 -56
  8. package/src/components/tmpl/components/attributes/index.vue +3 -3
  9. package/src/components/tmpl/components/events/index.vue +3 -3
  10. package/src/components/tmpl/components/methods/index.vue +3 -3
  11. package/src/components/tmpl/components/slots/index.vue +3 -3
  12. package/src/components/tmpl/index.vue +42 -42
  13. package/src/style/element-ui.scss +4 -4
  14. package/src/views/components/advanced/details/_index/index.vue +16 -16
  15. package/src/views/components/advanced/details/demo1/demo.vue +42 -42
  16. package/src/views/components/advanced/details/demo1/index.vue +11 -11
  17. package/src/views/components/advanced/drag-sort/_index/index.vue +16 -16
  18. package/src/views/components/advanced/drag-sort/demo1/demo.vue +18 -18
  19. package/src/views/components/advanced/drag-sort/demo1/index.vue +11 -11
  20. package/src/views/components/advanced/drag-sort-dialog/_index/index.vue +16 -16
  21. package/src/views/components/advanced/drag-sort-dialog/demo1/demo.vue +24 -24
  22. package/src/views/components/advanced/drag-sort-dialog/demo1/index.vue +11 -11
  23. package/src/views/components/advanced/list/_index/index.vue +21 -21
  24. package/src/views/components/advanced/list/demo1/demo.vue +65 -65
  25. package/src/views/components/advanced/list/demo1/index.vue +11 -11
  26. package/src/views/components/advanced/list/demo2/demo.vue +52 -52
  27. package/src/views/components/advanced/list/demo2/index.vue +11 -11
  28. package/src/views/components/advanced/list/demo4/demo.vue +28 -28
  29. package/src/views/components/advanced/list/demo4/index.vue +11 -11
  30. package/src/views/components/advanced/list-dialog/_index/index.vue +21 -21
  31. package/src/views/components/advanced/list-dialog/demo1/demo.vue +48 -48
  32. package/src/views/components/advanced/list-dialog/demo1/index.vue +11 -11
  33. package/src/views/components/advanced/listbox/_index/index.vue +19 -19
  34. package/src/views/components/advanced/listbox/demo1/demo.vue +47 -47
  35. package/src/views/components/advanced/listbox/demo1/index.vue +11 -11
  36. package/src/views/components/base/box/_index/index.vue +22 -28
  37. package/src/views/components/base/box/demo1/index.vue +11 -11
  38. package/src/views/components/base/box/demo2/index.vue +11 -11
  39. package/src/views/components/base/box/demo3/demo.vue +15 -15
  40. package/src/views/components/base/box/demo3/index.vue +11 -11
  41. package/src/views/components/base/box/demo4/demo.vue +18 -24
  42. package/src/views/components/base/box/demo4/index.vue +11 -11
  43. package/src/views/components/base/box-col/_index/index.vue +17 -17
  44. package/src/views/components/base/box-col/demo1/index.vue +11 -11
  45. package/src/views/components/base/box-row/_index/index.vue +17 -17
  46. package/src/views/components/base/box-row/demo1/index.vue +11 -11
  47. package/src/views/components/base/box-small/_index/index.vue +17 -17
  48. package/src/views/components/base/box-small/demo1/demo.vue +30 -30
  49. package/src/views/components/base/box-small/demo1/index.vue +11 -11
  50. package/src/views/components/base/button/_index/index.vue +18 -18
  51. package/src/views/components/base/button/demo1/index.vue +11 -11
  52. package/src/views/components/base/button/demo2/demo.vue +53 -48
  53. package/src/views/components/base/button/demo2/index.vue +11 -11
  54. package/src/views/components/base/container/_index/index.vue +15 -15
  55. package/src/views/components/base/dialog/_index/index.vue +20 -20
  56. package/src/views/components/base/dialog/demo1/demo.vue +37 -37
  57. package/src/views/components/base/dialog/demo1/index.vue +11 -11
  58. package/src/views/components/base/drawer/_index/index.vue +18 -18
  59. package/src/views/components/base/drawer/demo1/demo.vue +8 -8
  60. package/src/views/components/base/drawer/demo1/index.vue +11 -11
  61. package/src/views/components/base/flex/_index/index.vue +17 -17
  62. package/src/views/components/base/flex/demo1/demo.vue +6 -6
  63. package/src/views/components/base/flex/demo1/index.vue +14 -14
  64. package/src/views/components/base/label/_index/index.vue +17 -17
  65. package/src/views/components/base/label/demo1/index.vue +14 -14
  66. package/src/views/components/base/scrollbar/_index/index.vue +17 -17
  67. package/src/views/components/base/scrollbar/demo1/demo.vue +47 -47
  68. package/src/views/components/base/scrollbar/demo1/index.vue +11 -11
  69. package/src/views/components/base/split/_index/index.vue +17 -17
  70. package/src/views/components/base/split/demo1/demo.vue +6 -6
  71. package/src/views/components/base/split/demo1/index.vue +11 -11
  72. package/src/views/components/base/tabs/_index/index.vue +21 -21
  73. package/src/views/components/base/tabs/demo1/demo.vue +47 -47
  74. package/src/views/components/base/tabs/demo1/index.vue +14 -14
  75. package/src/views/components/base/txt/_index/index.vue +17 -17
  76. package/src/views/components/base/txt/demo1/index.vue +14 -14
  77. package/src/views/components/form/checkbox-group/_index/index.vue +20 -20
  78. package/src/views/components/form/checkbox-group/demo1/demo.vue +35 -35
  79. package/src/views/components/form/checkbox-group/demo1/index.vue +11 -11
  80. package/src/views/components/form/color-picker/_index/index.vue +16 -16
  81. package/src/views/components/form/color-picker/demo1/demo.vue +10 -10
  82. package/src/views/components/form/color-picker/demo1/index.vue +11 -11
  83. package/src/views/components/form/date-range-picker/_index/index.vue +17 -17
  84. package/src/views/components/form/date-range-picker/demo1/demo.vue +21 -21
  85. package/src/views/components/form/date-range-picker/demo1/index.vue +11 -11
  86. package/src/views/components/form/form/_index/index.vue +18 -18
  87. package/src/views/components/form/form/demo1/demo.vue +33 -33
  88. package/src/views/components/form/form/demo1/index.vue +11 -11
  89. package/src/views/components/form/form-dialog/_index/index.vue +18 -18
  90. package/src/views/components/form/form-dialog/demo1/demo.vue +39 -39
  91. package/src/views/components/form/form-dialog/demo1/index.vue +14 -14
  92. package/src/views/components/form/form-page/_index/index.vue +18 -18
  93. package/src/views/components/form/form-page/demo1/demo.vue +19 -19
  94. package/src/views/components/form/form-page/demo1/index.vue +11 -11
  95. package/src/views/components/form/icon-picker/_index/index.vue +18 -17
  96. package/src/views/components/form/icon-picker/demo1/demo.vue +20 -20
  97. package/src/views/components/form/icon-picker/demo1/index.vue +11 -11
  98. package/src/views/components/form/select/_index/index.vue +19 -19
  99. package/src/views/components/form/select/demo1/demo.vue +39 -39
  100. package/src/views/components/form/select/demo1/index.vue +11 -11
  101. package/src/views/components/form/select/demo2/index.vue +6 -6
  102. package/src/views/components/map/map-coord-picking/_index/index.vue +22 -22
  103. package/src/views/components/map/map-coord-picking/demo1/demo.vue +23 -23
  104. package/src/views/components/map/map-coord-picking/demo1/index.vue +11 -11
  105. package/src/views/run/index.vue +37 -37
  106. package/vue.config.js +1 -1
@@ -2,23 +2,23 @@
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 events from './data/events.js'
8
- export default {
9
- name: page.name,
10
- data() {
11
- return {
12
- tmpl: {
13
- title: '颜色选择器(nm-color-picker)',
14
- icon: 'list',
15
- attrs,
16
- events
5
+ import page from './page.js'
6
+ import attrs from './data/attrs.js'
7
+ import events from './data/events.js'
8
+ export default {
9
+ name: page.name,
10
+ data() {
11
+ return {
12
+ tmpl: {
13
+ title: '颜色选择器(nm-color-picker)',
14
+ icon: 'list',
15
+ attrs,
16
+ events
17
+ }
17
18
  }
19
+ },
20
+ created() {
21
+ this.setTabName(this.tmpl.title)
18
22
  }
19
- },
20
- created() {
21
- this.setTabName(this.tmpl.title)
22
23
  }
23
- }
24
24
  </script>
@@ -28,17 +28,17 @@
28
28
  </nm-box>
29
29
  </template>
30
30
  <script>
31
- export default {
32
- data() {
33
- return {
34
- model: {
35
- color: '',
36
- color1: '',
37
- color2: ''
38
- },
39
- predefine: ['#ccc', '#744914', '#B80A04', '#808080']
31
+ export default {
32
+ data() {
33
+ return {
34
+ model: {
35
+ color: '',
36
+ color1: '',
37
+ color2: ''
38
+ },
39
+ predefine: ['#ccc', '#744914', '#B80A04', '#808080']
40
+ }
40
41
  }
41
42
  }
42
- }
43
43
  </script>
44
44
  <style></style>
@@ -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>
@@ -5,24 +5,24 @@
5
5
  </nm-tmpl>
6
6
  </template>
7
7
  <script>
8
- import page from './page.js'
9
- import attrs from './data/attrs.js'
10
- import events from './data/events.js'
11
- export default {
12
- name: page.name,
13
- data() {
14
- return {
15
- file: '',
16
- tmpl: {
17
- title: '日起段选择(nm-date-range-picker)',
18
- icon: 'list',
19
- attrs,
20
- events
8
+ import page from './page.js'
9
+ import attrs from './data/attrs.js'
10
+ import events from './data/events.js'
11
+ export default {
12
+ name: page.name,
13
+ data() {
14
+ return {
15
+ file: '',
16
+ tmpl: {
17
+ title: '日起段选择(nm-date-range-picker)',
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>
@@ -7,29 +7,29 @@
7
7
  </nm-list>
8
8
  </template>
9
9
  <script>
10
- export default {
11
- data() {
12
- return {
13
- curr: { id: '' },
14
- list: {
15
- title: '时间段组件示例代码',
16
- cols: [],
17
- action: () => {
18
- return new Promise(resolve => {
19
- resolve({ code: 0, data: { row: [] } })
20
- })
21
- },
22
- model: {
23
- startDate: null,
24
- endDate: null
10
+ export default {
11
+ data() {
12
+ return {
13
+ curr: { id: '' },
14
+ list: {
15
+ title: '时间段组件示例代码',
16
+ cols: [],
17
+ action: () => {
18
+ return new Promise(resolve => {
19
+ resolve({ code: 0, data: { row: [] } })
20
+ })
21
+ },
22
+ model: {
23
+ startDate: null,
24
+ endDate: null
25
+ }
25
26
  }
26
27
  }
27
- }
28
- },
29
- methods: {
30
- refresh() {
31
- this.$refs.list.refresh()
28
+ },
29
+ methods: {
30
+ refresh() {
31
+ this.$refs.list.refresh()
32
+ }
32
33
  }
33
34
  }
34
- }
35
35
  </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>
@@ -2,25 +2,25 @@
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 methods from './data/methods'
8
- import events from './data/events.js'
9
- export default {
10
- name: page.name,
11
- data() {
12
- return {
13
- tmpl: {
14
- title: '基础表单(nm-form)',
15
- icon: 'list',
16
- attrs,
17
- methods,
18
- events
5
+ import page from './page.js'
6
+ import attrs from './data/attrs.js'
7
+ import methods from './data/methods'
8
+ import events from './data/events.js'
9
+ export default {
10
+ name: page.name,
11
+ data() {
12
+ return {
13
+ tmpl: {
14
+ title: '基础表单(nm-form)',
15
+ icon: 'list',
16
+ attrs,
17
+ methods,
18
+ events
19
+ }
19
20
  }
21
+ },
22
+ created() {
23
+ this.setTabName(this.tmpl.title)
20
24
  }
21
- },
22
- created() {
23
- this.setTabName(this.tmpl.title)
24
25
  }
25
- }
26
26
  </script>
@@ -48,42 +48,42 @@
48
48
  </div>
49
49
  </template>
50
50
  <script>
51
- export default {
52
- data() {
53
- return {
54
- drawer1: false,
55
- drawer2: false,
56
- drawer3: false,
57
- drawer4: false,
58
- form1: {
59
- model: {
60
- name: '',
61
- age: 0
51
+ export default {
52
+ data() {
53
+ return {
54
+ drawer1: false,
55
+ drawer2: false,
56
+ drawer3: false,
57
+ drawer4: false,
58
+ form1: {
59
+ model: {
60
+ name: '',
61
+ age: 0
62
+ },
63
+ rules: {
64
+ name: [{ required: true, message: '请输入姓名' }]
65
+ },
66
+ action() {
67
+ return new Promise(resolve => {
68
+ resolve()
69
+ })
70
+ }
62
71
  },
63
- rules: {
64
- name: [{ required: true, message: '请输入姓名' }]
65
- },
66
- action() {
67
- return new Promise(resolve => {
68
- resolve()
69
- })
70
- }
71
- },
72
- form2: {
73
- model: {
74
- name: '',
75
- age: 0
76
- },
77
- rules: {
78
- name: [{ required: true, message: '请输入姓名' }]
79
- },
80
- action() {
81
- return new Promise(resolve => {
82
- resolve()
83
- })
72
+ form2: {
73
+ model: {
74
+ name: '',
75
+ age: 0
76
+ },
77
+ rules: {
78
+ name: [{ required: true, message: '请输入姓名' }]
79
+ },
80
+ action() {
81
+ return new Promise(resolve => {
82
+ resolve()
83
+ })
84
+ }
84
85
  }
85
86
  }
86
87
  }
87
88
  }
88
- }
89
89
  </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>
@@ -2,25 +2,25 @@
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 methods from './data/methods'
8
- import events from './data/events.js'
9
- export default {
10
- name: page.name,
11
- data() {
12
- return {
13
- tmpl: {
14
- title: '对话框表单(nm-form-dialog)',
15
- icon: 'list',
16
- attrs,
17
- methods,
18
- events
5
+ import page from './page.js'
6
+ import attrs from './data/attrs.js'
7
+ import methods from './data/methods'
8
+ import events from './data/events.js'
9
+ export default {
10
+ name: page.name,
11
+ data() {
12
+ return {
13
+ tmpl: {
14
+ title: '对话框表单(nm-form-dialog)',
15
+ icon: 'list',
16
+ attrs,
17
+ methods,
18
+ events
19
+ }
19
20
  }
21
+ },
22
+ created() {
23
+ this.setTabName(this.tmpl.title)
20
24
  }
21
- },
22
- created() {
23
- this.setTabName(this.tmpl.title)
24
25
  }
25
- }
26
26
  </script>
@@ -33,49 +33,49 @@
33
33
  </nm-box>
34
34
  </template>
35
35
  <script>
36
- export default {
37
- data() {
38
- return {
39
- dialog: {
40
- add: false,
41
- edit: false
42
- },
43
- dialogAdd: {
44
- header: true,
45
- title: '新增',
46
- icon: 'add',
47
- draggable: true,
48
- model: {
49
- name: '',
50
- age: 0
36
+ export default {
37
+ data() {
38
+ return {
39
+ dialog: {
40
+ add: false,
41
+ edit: false
51
42
  },
52
- rules: {
53
- name: [{ required: true, message: '请输入姓名' }]
43
+ dialogAdd: {
44
+ header: true,
45
+ title: '新增',
46
+ icon: 'add',
47
+ draggable: true,
48
+ model: {
49
+ name: '',
50
+ age: 0
51
+ },
52
+ rules: {
53
+ name: [{ required: true, message: '请输入姓名' }]
54
+ },
55
+ action() {
56
+ return new Promise(resolve => {
57
+ resolve()
58
+ })
59
+ }
54
60
  },
55
- action() {
56
- return new Promise(resolve => {
57
- resolve()
58
- })
59
- }
60
- },
61
- dialogEdit: {
62
- header: true,
63
- title: '编辑',
64
- icon: 'edit',
65
- model: {
66
- name: '',
67
- age: 0
68
- },
69
- rules: {
70
- name: [{ required: true, message: '请输入姓名' }]
71
- },
72
- action() {
73
- return new Promise(resolve => {
74
- resolve()
75
- })
61
+ dialogEdit: {
62
+ header: true,
63
+ title: '编辑',
64
+ icon: 'edit',
65
+ model: {
66
+ name: '',
67
+ age: 0
68
+ },
69
+ rules: {
70
+ name: [{ required: true, message: '请输入姓名' }]
71
+ },
72
+ action() {
73
+ return new Promise(resolve => {
74
+ resolve()
75
+ })
76
+ }
76
77
  }
77
78
  }
78
79
  }
79
80
  }
80
- }
81
81
  </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>
@@ -6,25 +6,25 @@
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 methods from './data/methods'
12
- import events from './data/events.js'
13
- export default {
14
- name: page.name,
15
- data() {
16
- return {
17
- tmpl: {
18
- title: '页表单(nm-form-page)',
19
- icon: 'list',
20
- attrs,
21
- methods,
22
- events
9
+ import page from './page.js'
10
+ import attrs from './data/attrs.js'
11
+ import methods from './data/methods'
12
+ import events from './data/events.js'
13
+ export default {
14
+ name: page.name,
15
+ data() {
16
+ return {
17
+ tmpl: {
18
+ title: '页表单(nm-form-page)',
19
+ icon: 'list',
20
+ attrs,
21
+ methods,
22
+ events
23
+ }
23
24
  }
25
+ },
26
+ created() {
27
+ this.setTabName(this.tmpl.title)
24
28
  }
25
- },
26
- created() {
27
- this.setTabName(this.tmpl.title)
28
29
  }
29
- }
30
30
  </script>
@@ -15,27 +15,27 @@
15
15
  </nm-form-page>
16
16
  </template>
17
17
  <script>
18
- export default {
19
- data() {
20
- return {
21
- form: {
22
- header: true,
23
- title: '页表单示例',
24
- icon: 'add',
25
- model: {
26
- name: '',
27
- age: 0
28
- },
29
- rules: {
30
- name: [{ required: true, message: '请输入姓名' }]
31
- },
32
- action() {
33
- return new Promise(resolve => {
34
- resolve()
35
- })
18
+ export default {
19
+ data() {
20
+ return {
21
+ form: {
22
+ header: true,
23
+ title: '页表单示例',
24
+ icon: 'add',
25
+ model: {
26
+ name: '',
27
+ age: 0
28
+ },
29
+ rules: {
30
+ name: [{ required: true, message: '请输入姓名' }]
31
+ },
32
+ action() {
33
+ return new Promise(resolve => {
34
+ resolve()
35
+ })
36
+ }
36
37
  }
37
38
  }
38
39
  }
39
40
  }
40
- }
41
41
  </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>