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
@@ -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>
@@ -23,27 +23,27 @@
23
23
  </nm-tmpl>
24
24
  </template>
25
25
  <script>
26
- import page from './page.js'
27
- import attrs from './data/attrs.js'
28
- import slots from './data/slots.js'
29
- import events from './data/events.js'
30
- import methods from './data/methods.js'
31
- export default {
32
- name: page.name,
33
- data() {
34
- return {
35
- tmpl: {
36
- title: '多选框(nm-checkbox-group)',
37
- icon: 'checkbox',
38
- attrs,
39
- slots,
40
- events,
41
- methods
26
+ import page from './page.js'
27
+ import attrs from './data/attrs.js'
28
+ import slots from './data/slots.js'
29
+ import events from './data/events.js'
30
+ import methods from './data/methods.js'
31
+ export default {
32
+ name: page.name,
33
+ data() {
34
+ return {
35
+ tmpl: {
36
+ title: '多选框(nm-checkbox-group)',
37
+ icon: 'checkbox',
38
+ attrs,
39
+ slots,
40
+ events,
41
+ methods
42
+ }
42
43
  }
44
+ },
45
+ created() {
46
+ this.setTabName(this.tmpl.title)
43
47
  }
44
- },
45
- created() {
46
- this.setTabName(this.tmpl.title)
47
48
  }
48
- }
49
49
  </script>
@@ -40,45 +40,45 @@
40
40
  </nm-box>
41
41
  </template>
42
42
  <script>
43
- export default {
44
- data() {
45
- return {
46
- model: {
47
- name: '',
48
- checked: []
49
- },
50
- model1: {
51
- name: '',
52
- checked: []
43
+ export default {
44
+ data() {
45
+ return {
46
+ model: {
47
+ name: '',
48
+ checked: []
49
+ },
50
+ model1: {
51
+ name: '',
52
+ checked: []
53
+ }
53
54
  }
54
- }
55
- },
56
- computed: {
57
- modelStr() {
58
- return '当前模型:' + JSON.stringify(this.model)
59
55
  },
60
- modelStr1() {
61
- return '当前模型:' + JSON.stringify(this.model1)
62
- }
63
- },
64
- methods: {
65
- query() {
66
- return new Promise(resolve => {
67
- resolve([
68
- { label: '南京', value: 'nj' },
69
- { label: '江苏', value: 'js' }
70
- ])
71
- })
56
+ computed: {
57
+ modelStr() {
58
+ return '当前模型:' + JSON.stringify(this.model)
59
+ },
60
+ modelStr1() {
61
+ return '当前模型:' + JSON.stringify(this.model1)
62
+ }
72
63
  },
73
- query1() {
74
- return new Promise(resolve => {
75
- resolve([
76
- { label: '南京', value: 'nj', disabled: true },
77
- { label: '江苏', value: 'js' }
78
- ])
79
- })
64
+ methods: {
65
+ query() {
66
+ return new Promise(resolve => {
67
+ resolve([
68
+ { label: '南京', value: 'nj' },
69
+ { label: '江苏', value: 'js' }
70
+ ])
71
+ })
72
+ },
73
+ query1() {
74
+ return new Promise(resolve => {
75
+ resolve([
76
+ { label: '南京', value: 'nj', disabled: true },
77
+ { label: '江苏', value: 'js' }
78
+ ])
79
+ })
80
+ }
80
81
  }
81
82
  }
82
- }
83
83
  </script>
84
84
  <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>
@@ -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>