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
@@ -4,56 +4,56 @@
4
4
  </nm-box>
5
5
  </template>
6
6
  <script>
7
- export default {
8
- data() {
9
- return {
10
- details: {
11
- action() {
12
- return new Promise(resolve => {
13
- resolve({
14
- id: 1,
15
- title: '三星Galaxy Node 10',
16
- price: 6999,
17
- store: 98989,
18
- des: `三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy
7
+ export default {
8
+ data() {
9
+ return {
10
+ details: {
11
+ action() {
12
+ return new Promise(resolve => {
13
+ resolve({
14
+ id: 1,
15
+ title: '三星Galaxy Node 10',
16
+ price: 6999,
17
+ store: 98989,
18
+ des: `三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy
19
19
  Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10
20
20
  三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10
21
21
  三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10
22
22
  三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10
23
23
  三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10`
24
+ })
24
25
  })
25
- })
26
- },
27
- options: [
28
- [
29
- {
30
- label: '编号',
31
- prop: 'id'
32
- },
33
- {
34
- label: '产品名称',
35
- prop: 'title'
36
- }
37
- ],
38
- [
39
- {
40
- label: '价格',
41
- prop: 'price'
42
- },
43
- {
44
- label: '库存',
45
- prop: 'store'
46
- }
47
- ],
48
- [
49
- {
50
- label: '介绍',
51
- prop: 'des'
52
- }
26
+ },
27
+ options: [
28
+ [
29
+ {
30
+ label: '编号',
31
+ prop: 'id'
32
+ },
33
+ {
34
+ label: '产品名称',
35
+ prop: 'title'
36
+ }
37
+ ],
38
+ [
39
+ {
40
+ label: '价格',
41
+ prop: 'price'
42
+ },
43
+ {
44
+ label: '库存',
45
+ prop: 'store'
46
+ }
47
+ ],
48
+ [
49
+ {
50
+ label: '介绍',
51
+ prop: 'des'
52
+ }
53
+ ]
53
54
  ]
54
- ]
55
+ }
55
56
  }
56
57
  }
57
58
  }
58
- }
59
59
  </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,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'
8
- export default {
9
- name: page.name,
10
- data() {
11
- return {
12
- tmpl: {
13
- title: '拖动排序(nm-drag-sort)',
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'
8
+ export default {
9
+ name: page.name,
10
+ data() {
11
+ return {
12
+ tmpl: {
13
+ title: '拖动排序(nm-drag-sort)',
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>
@@ -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>