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
@@ -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,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>
@@ -10,22 +10,22 @@
10
10
  </nm-box>
11
11
  </template>
12
12
  <script>
13
- export default {
14
- data() {
15
- return {
16
- box: {
17
- header: true,
18
- title: '工具栏示例',
19
- icon: 'app',
20
- fullscreen: true,
21
- collapse: true
13
+ export default {
14
+ data() {
15
+ return {
16
+ box: {
17
+ header: true,
18
+ title: '工具栏示例',
19
+ icon: 'app',
20
+ fullscreen: true,
21
+ collapse: true
22
+ }
23
+ }
24
+ },
25
+ methods: {
26
+ onClick() {
27
+ this._success('我是自定义工具栏按钮')
22
28
  }
23
- }
24
- },
25
- methods: {
26
- onClick() {
27
- this._success('我是自定义工具栏按钮')
28
29
  }
29
30
  }
30
- }
31
31
  </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>
@@ -1,12 +1,6 @@
1
1
  <template>
2
2
  <nm-box v-bind="box">
3
- <el-alert
4
- title="盒子页"
5
- type="warning"
6
- description="通过设置 page 属性为true,可以让盒子变成一个盒子页,盒子页高度会自动填充满整个父级元素,当内容超出时会有滚动条"
7
- show-icon
8
- :closable="false"
9
- ></el-alert>
3
+ <el-alert title="盒子页" type="warning" description="通过设置 page 属性为true,可以让盒子变成一个盒子页,盒子页高度会自动填充满整个父级元素,当内容超出时会有滚动条" show-icon :closable="false"></el-alert>
10
4
  <pre>
11
5
  水调歌头·明月几时有
12
6
 
@@ -35,24 +29,24 @@
35
29
  </nm-box>
36
30
  </template>
37
31
  <script>
38
- export default {
39
- data() {
40
- return {
41
- box: {
42
- page: true,
43
- header: true,
44
- footer: true,
45
- title: '盒子页示例',
46
- icon: 'app',
47
- fullscreen: true,
48
- collapse: true
32
+ export default {
33
+ data() {
34
+ return {
35
+ box: {
36
+ page: true,
37
+ header: true,
38
+ footer: true,
39
+ title: '盒子页示例',
40
+ icon: 'app',
41
+ fullscreen: true,
42
+ collapse: true
43
+ }
44
+ }
45
+ },
46
+ methods: {
47
+ onClick() {
48
+ this._success('保存成功')
49
49
  }
50
- }
51
- },
52
- methods: {
53
- onClick() {
54
- this._success('保存成功')
55
50
  }
56
51
  }
57
- }
58
52
  </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,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-box-row)',
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-box-row)',
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,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>
@@ -7,24 +7,24 @@
7
7
  </nm-tmpl>
8
8
  </template>
9
9
  <script>
10
- import page from './page.js'
11
- import attrs from './data/attrs.js'
12
- import slots from './data/slots.js'
13
- export default {
14
- name: page.name,
15
- data() {
16
- return {
17
- val: '',
18
- tmpl: {
19
- title: '盒子栅格行(nm-box-row)',
20
- icon: 'card',
21
- attrs,
22
- slots
10
+ import page from './page.js'
11
+ import attrs from './data/attrs.js'
12
+ import slots from './data/slots.js'
13
+ export default {
14
+ name: page.name,
15
+ data() {
16
+ return {
17
+ val: '',
18
+ tmpl: {
19
+ title: '盒子栅格行(nm-box-row)',
20
+ icon: 'card',
21
+ attrs,
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>
@@ -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>
@@ -7,24 +7,24 @@
7
7
  </nm-tmpl>
8
8
  </template>
9
9
  <script>
10
- import page from './page.js'
11
- import attrs from './data/attrs.js'
12
- import events from './data/events.js'
13
- export default {
14
- name: page.name,
15
- data() {
16
- return {
17
- val: '',
18
- tmpl: {
19
- title: '小盒子(nm-box-small)',
20
- icon: 'card',
21
- attrs,
22
- events
10
+ import page from './page.js'
11
+ import attrs from './data/attrs.js'
12
+ import events from './data/events.js'
13
+ export default {
14
+ name: page.name,
15
+ data() {
16
+ return {
17
+ val: '',
18
+ tmpl: {
19
+ title: '小盒子(nm-box-small)',
20
+ icon: 'card',
21
+ attrs,
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>
@@ -14,37 +14,37 @@
14
14
  </nm-box>
15
15
  </template>
16
16
  <script>
17
- export default {
18
- data() {
19
- return {
20
- box: {
21
- label: '总消费额',
22
- value: 12352.11,
23
- unit: '元',
24
- icon: 'money',
25
- more: true
26
- },
27
- box1: {
28
- label: '总收入',
29
- value: 42352.11,
30
- unit: '元',
31
- icon: 'money',
32
- more: true,
33
- bgColor: 'warning'
34
- },
35
- box2: {
36
- label: '总支出',
37
- value: 562352.11,
38
- unit: '元',
39
- icon: 'money',
40
- bgColor: 'primary'
17
+ export default {
18
+ data() {
19
+ return {
20
+ box: {
21
+ label: '总消费额',
22
+ value: 12352.11,
23
+ unit: '元',
24
+ icon: 'money',
25
+ more: true
26
+ },
27
+ box1: {
28
+ label: '总收入',
29
+ value: 42352.11,
30
+ unit: '元',
31
+ icon: 'money',
32
+ more: true,
33
+ bgColor: 'warning'
34
+ },
35
+ box2: {
36
+ label: '总支出',
37
+ value: 562352.11,
38
+ unit: '元',
39
+ icon: 'money',
40
+ bgColor: 'primary'
41
+ }
42
+ }
43
+ },
44
+ methods: {
45
+ onMore() {
46
+ this._success('没有更多了~')
41
47
  }
42
- }
43
- },
44
- methods: {
45
- onMore() {
46
- this._success('没有更多了~')
47
48
  }
48
49
  }
49
- }
50
50
  </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,25 +4,25 @@
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 events from './data/events.js'
11
- export default {
12
- name: page.name,
13
- data() {
14
- return {
15
- tmpl: {
16
- title: '按钮(nm-button)',
17
- icon: 'button',
18
- attrs,
19
- slots,
20
- events
7
+ import page from './page.js'
8
+ import attrs from './data/attrs.js'
9
+ import slots from './data/slots.js'
10
+ import events from './data/events.js'
11
+ export default {
12
+ name: page.name,
13
+ data() {
14
+ return {
15
+ tmpl: {
16
+ title: '按钮(nm-button)',
17
+ icon: 'button',
18
+ attrs,
19
+ slots,
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,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>