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
@@ -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'
11
- import events from './data/events'
12
- import slots from './data/slots'
13
- export default {
14
- name: page.name,
15
- data() {
16
- return {
17
- tmpl: {
18
- title: '抽屉(nm-drawer)',
19
- icon: 'list',
20
- attrs,
21
- events,
22
- slots
9
+ import page from './page.js'
10
+ import attrs from './data/attrs'
11
+ import events from './data/events'
12
+ import slots from './data/slots'
13
+ export default {
14
+ name: page.name,
15
+ data() {
16
+ return {
17
+ tmpl: {
18
+ title: '抽屉(nm-drawer)',
19
+ icon: 'list',
20
+ attrs,
21
+ events,
22
+ slots
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>
@@ -11,14 +11,14 @@
11
11
  </nm-box>
12
12
  </template>
13
13
  <script>
14
- export default {
15
- data() {
16
- return {
17
- drawer1: false,
18
- drawer2: false,
19
- drawer3: false,
20
- drawer4: false
14
+ export default {
15
+ data() {
16
+ return {
17
+ drawer1: false,
18
+ drawer2: false,
19
+ drawer3: false,
20
+ drawer4: false
21
+ }
21
22
  }
22
23
  }
23
- }
24
24
  </script>
@@ -5,18 +5,18 @@
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'
8
+ import page from './page.js'
9
+ import Demo from './demo'
10
+ import code from '!!raw-loader!./demo'
11
11
 
12
- export default {
13
- name: page.name,
14
- components: { Demo },
15
- data() {
16
- return {
17
- timer: null,
18
- code
12
+ export default {
13
+ name: page.name,
14
+ components: { Demo },
15
+ data() {
16
+ return {
17
+ timer: null,
18
+ code
19
+ }
19
20
  }
20
21
  }
21
- }
22
22
  </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>
@@ -48,12 +48,12 @@
48
48
  </nm-container>
49
49
  </template>
50
50
  <script>
51
- export default {
52
- data() {
53
- return {
54
- split: 0.5,
55
- split1: 0.5
51
+ export default {
52
+ data() {
53
+ return {
54
+ split: 0.5,
55
+ split1: 0.5
56
+ }
56
57
  }
57
58
  }
58
- }
59
59
  </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>
@@ -2,24 +2,24 @@
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 slots from './data/slots.js'
8
- export default {
9
- name: page.name,
10
- data() {
11
- return {
12
- val: '',
13
- tmpl: {
14
- title: '标签(nm-tabs)',
15
- icon: 'card',
16
- attrs,
17
- slots
5
+ import page from './page.js'
6
+ import attrs from './data/attrs.js'
7
+ import slots from './data/slots.js'
8
+ export default {
9
+ name: page.name,
10
+ data() {
11
+ return {
12
+ val: '',
13
+ tmpl: {
14
+ title: '标签(nm-tabs)',
15
+ icon: 'card',
16
+ attrs,
17
+ slots
18
+ }
18
19
  }
20
+ },
21
+ created() {
22
+ this.setTabName(this.tmpl.title)
19
23
  }
20
- },
21
- created() {
22
- this.setTabName(this.tmpl.title)
23
24
  }
24
- }
25
25
  </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 methods from './data/methods.js'
10
- export default {
11
- name: page.name,
12
- data() {
13
- return {
14
- val: '',
15
- tmpl: {
16
- title: '滚动条(nm-scrollbar)',
17
- icon: 'list',
18
- attrs,
19
- methods
7
+ import page from './page.js'
8
+ import attrs from './data/attrs.js'
9
+ import methods from './data/methods.js'
10
+ export default {
11
+ name: page.name,
12
+ data() {
13
+ return {
14
+ val: '',
15
+ tmpl: {
16
+ title: '滚动条(nm-scrollbar)',
17
+ icon: 'list',
18
+ attrs,
19
+ methods
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>
@@ -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>