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
@@ -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>
@@ -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>