eoss-ui 0.7.56 → 0.7.57

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 (244) hide show
  1. package/lib/calogin.js +233 -233
  2. package/lib/eoss-ui.common.js +757 -756
  3. package/lib/flow-list.js +81 -81
  4. package/lib/flow.js +289 -288
  5. package/lib/index.js +1 -1
  6. package/lib/main.js +140 -140
  7. package/lib/qr-code.js +13 -13
  8. package/package.json +160 -160
  9. package/packages/button/index.js +5 -5
  10. package/packages/button/src/main.vue +418 -418
  11. package/packages/button-group/index.js +5 -5
  12. package/packages/button-group/src/main.vue +346 -346
  13. package/packages/calendar/index.js +5 -5
  14. package/packages/calogin/index.js +5 -5
  15. package/packages/calogin/src/main.vue +412 -412
  16. package/packages/calogin/src/plugin.js +915 -915
  17. package/packages/card/index.js +5 -5
  18. package/packages/card/src/main.vue +156 -156
  19. package/packages/cascader/index.js +5 -5
  20. package/packages/cascader/src/main.vue +168 -168
  21. package/packages/checkbox-group/index.js +5 -5
  22. package/packages/checkbox-group/src/main.vue +333 -333
  23. package/packages/clients/index.js +5 -5
  24. package/packages/clients/src/main.vue +151 -151
  25. package/packages/data-table/index.js +5 -5
  26. package/packages/data-table/src/children.vue +39 -39
  27. package/packages/data-table/src/column.vue +992 -992
  28. package/packages/data-table/src/main.vue +1840 -1840
  29. package/packages/data-table/src/sizer.vue +195 -195
  30. package/packages/data-table-form/index.js +5 -5
  31. package/packages/data-table-form/src/checkbox.vue +101 -101
  32. package/packages/data-table-form/src/colgroup.vue +17 -17
  33. package/packages/data-table-form/src/main.vue +181 -181
  34. package/packages/data-table-form/src/radio.vue +65 -65
  35. package/packages/data-table-form/src/table.vue +233 -233
  36. package/packages/data-table-form/src/tbody.vue +336 -336
  37. package/packages/data-table-form/src/thead.vue +68 -68
  38. package/packages/date-picker/index.js +5 -5
  39. package/packages/date-picker/src/main.vue +236 -236
  40. package/packages/dialog/index.js +5 -5
  41. package/packages/enable-drag/index.js +5 -5
  42. package/packages/enterprise/index.js +5 -5
  43. package/packages/enterprise/src/main.vue +66 -66
  44. package/packages/error-page/index.js +5 -5
  45. package/packages/error-page/src/main.vue +44 -44
  46. package/packages/flow/index.js +5 -5
  47. package/packages/flow/src/component/Circulate.vue +413 -413
  48. package/packages/flow/src/component/CommonOpinions.vue +373 -373
  49. package/packages/flow/src/component/CustomPreset.vue +322 -322
  50. package/packages/flow/src/component/FileList.vue +97 -97
  51. package/packages/flow/src/component/FreeCirculation.vue +241 -241
  52. package/packages/flow/src/component/Preset.vue +255 -255
  53. package/packages/flow/src/component/SendMsg.vue +242 -242
  54. package/packages/flow/src/component/TimeLimit.vue +190 -190
  55. package/packages/flow/src/component/taskUnionExamine.vue +756 -756
  56. package/packages/flow/src/form.vue +121 -121
  57. package/packages/flow/src/freeStartFlow.vue +2846 -2846
  58. package/packages/flow/src/main.vue +3878 -3878
  59. package/packages/flow/src/processForm.vue +1365 -1365
  60. package/packages/flow/src/processReject.vue +309 -309
  61. package/packages/flow/src/reset.vue +942 -942
  62. package/packages/flow/src/startTaskRead.vue +693 -692
  63. package/packages/flow/src/supervise.vue +159 -159
  64. package/packages/flow/src/table.vue +58 -58
  65. package/packages/flow-group/index.js +5 -5
  66. package/packages/flow-group/src/main.vue +717 -717
  67. package/packages/flow-list/index.js +5 -5
  68. package/packages/flow-list/src/main.vue +1801 -1801
  69. package/packages/form/index.js +5 -5
  70. package/packages/form/src/main.vue +3901 -3901
  71. package/packages/form/src/table.vue +1512 -1512
  72. package/packages/handle-user/index.js +5 -5
  73. package/packages/handle-user/src/main.vue +137 -137
  74. package/packages/handler/index.js +5 -5
  75. package/packages/handler/src/main.vue +496 -496
  76. package/packages/icon/index.js +5 -5
  77. package/packages/icon/src/main.vue +104 -104
  78. package/packages/icons/index.js +5 -5
  79. package/packages/icons/src/main.vue +81 -81
  80. package/packages/input/index.js +5 -5
  81. package/packages/input/src/main.vue +356 -356
  82. package/packages/input-number/index.js +5 -5
  83. package/packages/input-number/src/main.vue +106 -106
  84. package/packages/label/index.js +5 -5
  85. package/packages/label/src/main.vue +457 -457
  86. package/packages/layout/index.js +5 -5
  87. package/packages/layout/src/item.vue +152 -152
  88. package/packages/layout/src/main.vue +31 -31
  89. package/packages/login/index.js +5 -5
  90. package/packages/login/src/main.vue +2082 -2082
  91. package/packages/login/src/resetPassword.vue +557 -557
  92. package/packages/main/index.js +5 -5
  93. package/packages/main/src/default/message.vue +249 -249
  94. package/packages/main/src/default/notice.vue +157 -157
  95. package/packages/main/src/default/userinfo.vue +503 -503
  96. package/packages/main/src/public/online.vue +89 -89
  97. package/packages/main/src/public/search.vue +464 -464
  98. package/packages/main/src/public/settings.vue +227 -227
  99. package/packages/main/src/simplicity/apps.vue +388 -388
  100. package/packages/main/src/simplicity/avatar.vue +82 -82
  101. package/packages/main/src/simplicity/handler.vue +160 -160
  102. package/packages/main/src/simplicity/index.vue +2307 -2307
  103. package/packages/main/src/simplicity/lists.vue +84 -84
  104. package/packages/main/src/simplicity/menu-list.vue +135 -135
  105. package/packages/main/src/simplicity/message.vue +293 -293
  106. package/packages/main/src/simplicity/notice.vue +222 -222
  107. package/packages/main/src/simplicity/router-page.vue +45 -45
  108. package/packages/main/src/simplicity/sub-menu.vue +274 -274
  109. package/packages/main/src/simplicity/user.vue +259 -259
  110. package/packages/main/src/simplicity/userinfo.vue +401 -401
  111. package/packages/menu/index.js +5 -5
  112. package/packages/menu/src/main.vue +595 -595
  113. package/packages/nav/index.js +5 -5
  114. package/packages/nav/src/main.vue +351 -351
  115. package/packages/notify/index.js +5 -5
  116. package/packages/notify/src/main.vue +538 -538
  117. package/packages/page/index.js +5 -5
  118. package/packages/page/src/main.vue +167 -167
  119. package/packages/pagination/index.js +5 -5
  120. package/packages/pagination/src/main.vue +96 -96
  121. package/packages/player/index.js +5 -5
  122. package/packages/player/src/main.vue +194 -194
  123. package/packages/qr-code/index.js +5 -5
  124. package/packages/qr-code/src/main.vue +170 -170
  125. package/packages/radio-group/index.js +6 -6
  126. package/packages/radio-group/src/main.vue +319 -319
  127. package/packages/retrial-auth/index.js +5 -5
  128. package/packages/retrial-auth/src/main.vue +280 -280
  129. package/packages/select/index.js +5 -5
  130. package/packages/select/src/main.vue +782 -782
  131. package/packages/select-ganged/index.js +5 -5
  132. package/packages/select-ganged/src/main.vue +724 -724
  133. package/packages/selector/index.js +5 -5
  134. package/packages/selector/src/main.vue +761 -761
  135. package/packages/selector-panel/index.js +5 -5
  136. package/packages/selector-panel/src/main.vue +1027 -1027
  137. package/packages/selector-panel/src/selection.vue +170 -170
  138. package/packages/selector-panel/src/tree.vue +129 -129
  139. package/packages/sizer/index.js +5 -5
  140. package/packages/sizer/src/main.vue +254 -254
  141. package/packages/steps/index.js +5 -5
  142. package/packages/steps/src/main.vue +181 -181
  143. package/packages/switch/index.js +5 -5
  144. package/packages/switch/src/main.vue +170 -170
  145. package/packages/table-form/index.js +5 -5
  146. package/packages/tabs/index.js +5 -5
  147. package/packages/tabs/src/main.vue +788 -788
  148. package/packages/tabs-panel/index.js +5 -5
  149. package/packages/tabs-panel/src/main.vue +29 -29
  150. package/packages/theme-chalk/src/base.scss +261 -261
  151. package/packages/theme-chalk/src/button-group.scss +176 -176
  152. package/packages/theme-chalk/src/button.scss +24 -24
  153. package/packages/theme-chalk/src/calendar.scss +113 -113
  154. package/packages/theme-chalk/src/card.scss +99 -99
  155. package/packages/theme-chalk/src/checkbox-group.scss +8 -8
  156. package/packages/theme-chalk/src/clients.scss +87 -87
  157. package/packages/theme-chalk/src/data-table-form.scss +67 -67
  158. package/packages/theme-chalk/src/data-table.scss +297 -297
  159. package/packages/theme-chalk/src/date-picker.scss +7 -7
  160. package/packages/theme-chalk/src/dialog.scss +77 -77
  161. package/packages/theme-chalk/src/enable-drag.scss +181 -181
  162. package/packages/theme-chalk/src/enterprise.scss +5 -5
  163. package/packages/theme-chalk/src/error-page.scss +18 -18
  164. package/packages/theme-chalk/src/flow-group.scss +110 -110
  165. package/packages/theme-chalk/src/flow-list.scss +39 -39
  166. package/packages/theme-chalk/src/flow.scss +351 -351
  167. package/packages/theme-chalk/src/form.scss +501 -501
  168. package/packages/theme-chalk/src/handle-user.scss +40 -40
  169. package/packages/theme-chalk/src/handler.scss +148 -148
  170. package/packages/theme-chalk/src/icon.scss +1608 -1608
  171. package/packages/theme-chalk/src/icons.scss +99 -99
  172. package/packages/theme-chalk/src/input.scss +9 -9
  173. package/packages/theme-chalk/src/label.scss +24 -24
  174. package/packages/theme-chalk/src/layout.scss +46 -46
  175. package/packages/theme-chalk/src/login.scss +1006 -1006
  176. package/packages/theme-chalk/src/main.scss +663 -663
  177. package/packages/theme-chalk/src/menu.scss +224 -224
  178. package/packages/theme-chalk/src/mixins/color.scss +117 -117
  179. package/packages/theme-chalk/src/nav.scss +111 -111
  180. package/packages/theme-chalk/src/page.scss +3 -3
  181. package/packages/theme-chalk/src/pagination.scss +29 -29
  182. package/packages/theme-chalk/src/player.scss +9 -9
  183. package/packages/theme-chalk/src/qr-code.scss +17 -17
  184. package/packages/theme-chalk/src/radio-group.scss +9 -9
  185. package/packages/theme-chalk/src/retrial-auth.scss +38 -38
  186. package/packages/theme-chalk/src/select-ganged.scss +8 -8
  187. package/packages/theme-chalk/src/select.scss +8 -8
  188. package/packages/theme-chalk/src/selector-panel.scss +204 -204
  189. package/packages/theme-chalk/src/selector.scss +114 -114
  190. package/packages/theme-chalk/src/simplicity.scss +1403 -1403
  191. package/packages/theme-chalk/src/sizer.scss +36 -36
  192. package/packages/theme-chalk/src/steps.scss +88 -88
  193. package/packages/theme-chalk/src/switch.scss +3 -3
  194. package/packages/theme-chalk/src/table-form.scss +1 -1
  195. package/packages/theme-chalk/src/tabs.scss +87 -87
  196. package/packages/theme-chalk/src/tips.scss +7 -7
  197. package/packages/theme-chalk/src/toolbar.scss +179 -179
  198. package/packages/theme-chalk/src/tree-group.scss +72 -72
  199. package/packages/theme-chalk/src/tree.scss +165 -165
  200. package/packages/theme-chalk/src/upload.scss +172 -172
  201. package/packages/theme-chalk/src/wxlogin.scss +3 -3
  202. package/packages/tips/index.js +5 -5
  203. package/packages/tips/src/main.vue +141 -141
  204. package/packages/toolbar/index.js +5 -5
  205. package/packages/toolbar/src/main.vue +430 -430
  206. package/packages/tree/index.js +5 -5
  207. package/packages/tree-group/index.js +5 -5
  208. package/packages/upload/index.js +5 -5
  209. package/packages/upload/src/main.vue +1344 -1344
  210. package/packages/upload/src/picture.js +15 -15
  211. package/packages/wujie/index.js +5 -5
  212. package/packages/wujie/src/main.vue +145 -145
  213. package/packages/wxlogin/index.js +5 -5
  214. package/packages/wxlogin/src/main.vue +128 -128
  215. package/src/config/api.js +317 -317
  216. package/src/config/image.js +2 -2
  217. package/src/index.js +163 -163
  218. package/src/utils/bus.js +3 -3
  219. package/src/utils/date-util.js +312 -312
  220. package/src/utils/http.js +50 -50
  221. package/src/utils/rules.js +18 -18
  222. package/src/utils/store.js +21 -21
  223. package/src/utils/webSocket.js +107 -107
  224. package/packages/.DS_Store +0 -0
  225. package/packages/calogin/.DS_Store +0 -0
  226. package/packages/date-picker/.DS_Store +0 -0
  227. package/packages/date-picker/src/.DS_Store +0 -0
  228. package/packages/dialog/.DS_Store +0 -0
  229. package/packages/flow/.DS_Store +0 -0
  230. package/packages/flow/src/.DS_Store +0 -0
  231. package/packages/flow-list/.DS_Store +0 -0
  232. package/packages/form/.DS_Store +0 -0
  233. package/packages/icon/.DS_Store +0 -0
  234. package/packages/login/.DS_Store +0 -0
  235. package/packages/main/.DS_Store +0 -0
  236. package/packages/main/src/.DS_Store +0 -0
  237. package/packages/menu/.DS_Store +0 -0
  238. package/packages/select/.DS_Store +0 -0
  239. package/packages/selector/.DS_Store +0 -0
  240. package/packages/selector-panel/.DS_Store +0 -0
  241. package/packages/theme-chalk/src/.DS_Store +0 -0
  242. package/packages/upload/.DS_Store +0 -0
  243. package/src/.DS_Store +0 -0
  244. package/src/utils/.DS_Store +0 -0
@@ -1,5 +1,5 @@
1
- import EsIcon from './src/main';
2
-
3
- EsIcon.install = Vue => Vue.component(EsIcon.name, EsIcon);
4
-
5
- export default EsIcon;
1
+ import EsIcon from './src/main';
2
+
3
+ EsIcon.install = Vue => Vue.component(EsIcon.name, EsIcon);
4
+
5
+ export default EsIcon;
@@ -1,104 +1,104 @@
1
- <template>
2
- <component
3
- :is="tag"
4
- :class="[
5
- className,
6
- { 'es-pointer': Object.keys(event).length, 'es-icon_image': tag == 'img' }
7
- ]"
8
- :src="tag == 'img' ? url : ''"
9
- v-on="event"
10
- v-html="code"
11
- />
12
- </template>
13
- <script>
14
- import util from 'eoss-ui/src/utils/util';
15
- import { previewAdjunct } from 'eoss-ui/src/config/api.js';
16
- export default {
17
- name: 'EsIcon',
18
- inheritAttrs: true,
19
- props: {
20
- preview: {
21
- type: String,
22
- default: `${previewAdjunct}?adjunctId=`
23
- },
24
- contents: [Object, String]
25
- },
26
- watch: {
27
- contents: {
28
- immediate: true,
29
- deep: true,
30
- handler(val) {
31
- if (val) {
32
- if (typeof val == 'string' && val) {
33
- if (
34
- val.indexOf('.jpge') > 1 ||
35
- val.indexOf('.jpg') > 1 ||
36
- val.indexOf('.gif') > 1 ||
37
- val.indexOf('.png') > 1 ||
38
- val.indexOf('data:image/jpge;base64') > -1 ||
39
- val.indexOf('data:image/jpg;base64') > -1 ||
40
- val.indexOf('data:image/gif;base64') > -1 ||
41
- val.indexOf('data:image/png;base64') > -1 ||
42
- util.startWith(val, ['http', 'https', '/'])
43
- ) {
44
- this.tag = 'img';
45
- this.url = val;
46
- } else {
47
- this.tag = 'i';
48
- if (this.unicode(val)) {
49
- this.code = '';
50
- this.className = val;
51
- } else if (this.isId(val)) {
52
- this.tag = 'img';
53
- let dochubConfig = sessionStorage.getItem('dochubConfig');
54
- if (!dochubConfig) {
55
- this.url = this.preview + val;
56
- } else {
57
- dochubConfig = JSON.parse(dochubConfig);
58
- this.url = `${dochubConfig.downloadDocumentUrl}?documentId=${val}`;
59
- }
60
- } else {
61
- this.code = val;
62
- this.className = 'es-icon';
63
- }
64
- }
65
- } else {
66
- this.code = val.code;
67
- this.className = val.class || val.className;
68
- val.events && (this.event = val.events);
69
- }
70
- }
71
- }
72
- }
73
- },
74
- data() {
75
- return {
76
- tag: 'i',
77
- url: '',
78
- code: '',
79
- className: '',
80
- event: { click: this.clickd }
81
- };
82
- },
83
- created() {},
84
- methods: {
85
- clickd(e) {
86
- this.$emit('click', e);
87
- },
88
- unicode(res) {
89
- if (!res) {
90
- return false;
91
- }
92
- var reg = new RegExp(/^(es-|el-)\S+/, 'g');
93
- return res.match(reg) ? res.match(reg).length : 0;
94
- },
95
- isId(res) {
96
- if (!res) {
97
- return false;
98
- }
99
- var reg = new RegExp(/[a-z0-9]+-[a-z0-9]+-[a-z0-9]+-[a-z0-9]+\S+/, 'g');
100
- return res.match(reg) ? res.match(reg).length : 0;
101
- }
102
- }
103
- };
104
- </script>
1
+ <template>
2
+ <component
3
+ :is="tag"
4
+ :class="[
5
+ className,
6
+ { 'es-pointer': Object.keys(event).length, 'es-icon_image': tag == 'img' }
7
+ ]"
8
+ :src="tag == 'img' ? url : ''"
9
+ v-on="event"
10
+ v-html="code"
11
+ />
12
+ </template>
13
+ <script>
14
+ import util from 'eoss-ui/src/utils/util';
15
+ import { previewAdjunct } from 'eoss-ui/src/config/api.js';
16
+ export default {
17
+ name: 'EsIcon',
18
+ inheritAttrs: true,
19
+ props: {
20
+ preview: {
21
+ type: String,
22
+ default: `${previewAdjunct}?adjunctId=`
23
+ },
24
+ contents: [Object, String]
25
+ },
26
+ watch: {
27
+ contents: {
28
+ immediate: true,
29
+ deep: true,
30
+ handler(val) {
31
+ if (val) {
32
+ if (typeof val == 'string' && val) {
33
+ if (
34
+ val.indexOf('.jpge') > 1 ||
35
+ val.indexOf('.jpg') > 1 ||
36
+ val.indexOf('.gif') > 1 ||
37
+ val.indexOf('.png') > 1 ||
38
+ val.indexOf('data:image/jpge;base64') > -1 ||
39
+ val.indexOf('data:image/jpg;base64') > -1 ||
40
+ val.indexOf('data:image/gif;base64') > -1 ||
41
+ val.indexOf('data:image/png;base64') > -1 ||
42
+ util.startWith(val, ['http', 'https', '/'])
43
+ ) {
44
+ this.tag = 'img';
45
+ this.url = val;
46
+ } else {
47
+ this.tag = 'i';
48
+ if (this.unicode(val)) {
49
+ this.code = '';
50
+ this.className = val;
51
+ } else if (this.isId(val)) {
52
+ this.tag = 'img';
53
+ let dochubConfig = sessionStorage.getItem('dochubConfig');
54
+ if (!dochubConfig) {
55
+ this.url = this.preview + val;
56
+ } else {
57
+ dochubConfig = JSON.parse(dochubConfig);
58
+ this.url = `${dochubConfig.downloadDocumentUrl}?documentId=${val}`;
59
+ }
60
+ } else {
61
+ this.code = val;
62
+ this.className = 'es-icon';
63
+ }
64
+ }
65
+ } else {
66
+ this.code = val.code;
67
+ this.className = val.class || val.className;
68
+ val.events && (this.event = val.events);
69
+ }
70
+ }
71
+ }
72
+ }
73
+ },
74
+ data() {
75
+ return {
76
+ tag: 'i',
77
+ url: '',
78
+ code: '',
79
+ className: '',
80
+ event: { click: this.clickd }
81
+ };
82
+ },
83
+ created() {},
84
+ methods: {
85
+ clickd(e) {
86
+ this.$emit('click', e);
87
+ },
88
+ unicode(res) {
89
+ if (!res) {
90
+ return false;
91
+ }
92
+ var reg = new RegExp(/^(es-|el-)\S+/, 'g');
93
+ return res.match(reg) ? res.match(reg).length : 0;
94
+ },
95
+ isId(res) {
96
+ if (!res) {
97
+ return false;
98
+ }
99
+ var reg = new RegExp(/[a-z0-9]+-[a-z0-9]+-[a-z0-9]+-[a-z0-9]+\S+/, 'g');
100
+ return res.match(reg) ? res.match(reg).length : 0;
101
+ }
102
+ }
103
+ };
104
+ </script>
@@ -1,5 +1,5 @@
1
- import EsIcons from './src/main';
2
-
3
- EsIcons.install = Vue => Vue.component(EsIcons.name, EsIcons);
4
-
5
- export default EsIcons;
1
+ import EsIcons from './src/main';
2
+
3
+ EsIcons.install = Vue => Vue.component(EsIcons.name, EsIcons);
4
+
5
+ export default EsIcons;
@@ -1,81 +1,81 @@
1
- <template>
2
- <div class="es-icons" :class="{ 'es-icon-readonly': readonly }">
3
- <el-input
4
- v-if="!readonly"
5
- v-bind="$attrs"
6
- v-on="$listeners"
7
- :placeholder="placeholder"
8
- readonly
9
- v-model="model"
10
- >
11
- <i class="es-iconfont" :class="model" slot="prepend" v-if="model"></i>
12
- <el-button slot="suffix" type="primary" size="small" @click="handleClick"
13
- >选择</el-button
14
- >
15
- </el-input>
16
- <i class="es-iconfont" :class="model" slot="prepend" v-else></i>
17
- <es-dialog title="选择图标" :visible.sync="visible">
18
- <el-scrollbar class="es-scrollbar" ref="scrollbar">
19
- <ul class="es-icon-list">
20
- <li v-for="name in list" :key="name" @click.stop="handleSelect(name)">
21
- <span>
22
- <i :class="'es-icon-' + name"></i>
23
- <span class="icon-name">{{ 'es-icon-' + name }}</span>
24
- </span>
25
- </li>
26
- </ul>
27
- </el-scrollbar>
28
- </es-dialog>
29
- </div>
30
- </template>
31
- <script>
32
- import icon from './icon.json';
33
- export default {
34
- name: 'EsIcons',
35
- inheritAttrs: false,
36
- props: {
37
- value: String,
38
- placeholder: {
39
- type: String,
40
- default: '请选择图标'
41
- },
42
- label: '',
43
- readonly: Boolean
44
- },
45
- computed: {
46
- model: {
47
- get() {
48
- return this.value ? this.value : this.icon;
49
- },
50
- set(val) {
51
- return val;
52
- }
53
- }
54
- },
55
- watch: {
56
- model(val) {
57
- this.$emit('change', val);
58
- }
59
- },
60
- data() {
61
- return {
62
- list: icon,
63
- icon: null,
64
- visible: false
65
- };
66
- },
67
- created() {
68
- //this.loadsub(this.param);
69
- },
70
- methods: {
71
- handleClick() {
72
- this.visible = true;
73
- },
74
- handleSelect(name) {
75
- this.$emit('input', `es-icon-${name}`);
76
- this.icon = `es-icon-${name}`;
77
- this.visible = false;
78
- }
79
- }
80
- };
81
- </script>
1
+ <template>
2
+ <div class="es-icons" :class="{ 'es-icon-readonly': readonly }">
3
+ <el-input
4
+ v-if="!readonly"
5
+ v-bind="$attrs"
6
+ v-on="$listeners"
7
+ :placeholder="placeholder"
8
+ readonly
9
+ v-model="model"
10
+ >
11
+ <i class="es-iconfont" :class="model" slot="prepend" v-if="model"></i>
12
+ <el-button slot="suffix" type="primary" size="small" @click="handleClick"
13
+ >选择</el-button
14
+ >
15
+ </el-input>
16
+ <i class="es-iconfont" :class="model" slot="prepend" v-else></i>
17
+ <es-dialog title="选择图标" :visible.sync="visible">
18
+ <el-scrollbar class="es-scrollbar" ref="scrollbar">
19
+ <ul class="es-icon-list">
20
+ <li v-for="name in list" :key="name" @click.stop="handleSelect(name)">
21
+ <span>
22
+ <i :class="'es-icon-' + name"></i>
23
+ <span class="icon-name">{{ 'es-icon-' + name }}</span>
24
+ </span>
25
+ </li>
26
+ </ul>
27
+ </el-scrollbar>
28
+ </es-dialog>
29
+ </div>
30
+ </template>
31
+ <script>
32
+ import icon from './icon.json';
33
+ export default {
34
+ name: 'EsIcons',
35
+ inheritAttrs: false,
36
+ props: {
37
+ value: String,
38
+ placeholder: {
39
+ type: String,
40
+ default: '请选择图标'
41
+ },
42
+ label: '',
43
+ readonly: Boolean
44
+ },
45
+ computed: {
46
+ model: {
47
+ get() {
48
+ return this.value ? this.value : this.icon;
49
+ },
50
+ set(val) {
51
+ return val;
52
+ }
53
+ }
54
+ },
55
+ watch: {
56
+ model(val) {
57
+ this.$emit('change', val);
58
+ }
59
+ },
60
+ data() {
61
+ return {
62
+ list: icon,
63
+ icon: null,
64
+ visible: false
65
+ };
66
+ },
67
+ created() {
68
+ //this.loadsub(this.param);
69
+ },
70
+ methods: {
71
+ handleClick() {
72
+ this.visible = true;
73
+ },
74
+ handleSelect(name) {
75
+ this.$emit('input', `es-icon-${name}`);
76
+ this.icon = `es-icon-${name}`;
77
+ this.visible = false;
78
+ }
79
+ }
80
+ };
81
+ </script>
@@ -1,5 +1,5 @@
1
- import EsInput from './src/main';
2
-
3
- EsInput.install = Vue => Vue.component(EsInput.name, EsInput);
4
-
5
- export default EsInput;
1
+ import EsInput from './src/main';
2
+
3
+ EsInput.install = Vue => Vue.component(EsInput.name, EsInput);
4
+
5
+ export default EsInput;