ap-dev 1.1.17 → 1.1.18

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.
@@ -10,7 +10,7 @@
10
10
  :props="defaultProps"
11
11
  default-expand-all
12
12
  :filter-node-method="filterNode"
13
- @node-click="handleNodeClick"
13
+ @node-click="handleNodeClick"
14
14
  />
15
15
  </div>
16
16
  </ap-aside>
@@ -23,6 +23,7 @@
23
23
 
24
24
  <script>
25
25
  import menus from './menus'
26
+ import ApiIconList from './modules/ApiIconList'
26
27
 
27
28
  // 批量导入modules下的组件
28
29
  const allComponents = require.context('./modules', false, /\.vue$/)
@@ -32,6 +33,8 @@ allComponents.keys().forEach(fileName => {
32
33
  apiComponents[fileName.replace(/^\.\/(.*)\.\w+$/, '$1')] = comp.default
33
34
  })
34
35
 
36
+ apiComponents.ApiIconList = ApiIconList
37
+
35
38
  export default {
36
39
  name: 'ApiPanel',
37
40
  components: apiComponents,
@@ -65,4 +68,4 @@ export default {
65
68
 
66
69
  <style scoped>
67
70
 
68
- </style>
71
+ </style>
@@ -0,0 +1,433 @@
1
+ const iconGroup = [
2
+ {
3
+ name: "报表类",
4
+ icons: [
5
+ 'search',
6
+ 'fenlei',
7
+ 'fenlei2',
8
+ 'bottom-left',
9
+
10
+ 's-marketing',
11
+ 's-data',
12
+ 'pie-chart',
13
+ 'chart-radar',
14
+ 'chart-gauge',
15
+ 'chart-pie',
16
+ 'chart-line',
17
+ 'dashboard',
18
+ 'chart-bar',
19
+
20
+ 'monitor',
21
+ 'data-line',
22
+ 'data-analysis',
23
+ 'data-board',
24
+ 'pc',
25
+ ]
26
+ }, {
27
+ name: "模块类",
28
+ icons: [
29
+ 's-grid',
30
+ 'menu',
31
+ 'mokuai2',
32
+ 'mokuai1',
33
+ 'fenlei3',
34
+ 'mokuai5',
35
+ 'mokuai4',
36
+ 'mokuai3',
37
+ 'mokuai',
38
+ 'component',
39
+ 'group2',
40
+ 'example',
41
+ 'yingyongmokuai',
42
+ 'group',
43
+ 'zhongxin1',
44
+
45
+ 'coin',
46
+ 'pic-part',
47
+ 'part',
48
+ 'share',
49
+ 'list',
50
+ ]
51
+ }, {
52
+ name: "配置类",
53
+ icons: [
54
+ 's-tools',
55
+ 'setting',
56
+ 'canshupeizhi',
57
+ 'peizhi2',
58
+ 'peizhi3',
59
+ 'kaifapeizhi',
60
+
61
+
62
+ 'set-up',
63
+ 'key',
64
+ 'key',
65
+ 'auth',
66
+
67
+ 's-operation',
68
+ 'peizhi4',
69
+ 'peizhi1',
70
+ 'close-notification',
71
+ ]
72
+ }, {
73
+ name: "人员类",
74
+ icons: [
75
+ 'bumenguanli',
76
+ 'org',
77
+ 'tree',
78
+ 'tree-table',
79
+
80
+ 'delete-location',
81
+ 'users',
82
+ 'users2',
83
+ 'peoples',
84
+ 'users3',
85
+
86
+ 'user-solid',
87
+ 'user',
88
+ 's-custom',
89
+ 'wode',
90
+ 'user-setting',
91
+ 'user2',
92
+ 'role',
93
+ 'user-auth',
94
+ 'user-key',
95
+ 'my',
96
+ 'service',
97
+ 'idcard',
98
+ ]
99
+ }, {
100
+ name: "信息类",
101
+ icons: [
102
+ 's-promotion',
103
+ 'guide',
104
+ 'position',
105
+ 's-flag',
106
+ 'collection-tag',
107
+ 'price-tag',
108
+ 'discount',
109
+
110
+ 'warning',
111
+ 'warning-outline',
112
+ 'question',
113
+ 'info',
114
+
115
+
116
+ 's-help',
117
+ 'help',
118
+ 'bangzhu',
119
+ 'loading',
120
+ 'time',
121
+ 'workTime',
122
+
123
+ 'news',
124
+ 'youjian',
125
+ 'email',
126
+ 's-comment',
127
+ 'chat-round',
128
+ 'chat-line-round',
129
+ 'chat-square',
130
+ 'chat-dot-square',
131
+ 'chat-line-square',
132
+ 'message',
133
+ 'duanxin',
134
+ 'xiaoxi',
135
+ 'xiaoxi1',
136
+ 'message',
137
+ 'tooltip',
138
+ 'chat-dot-round',
139
+ ]
140
+ }, {
141
+ name: "操作类",
142
+ icons: [
143
+ 'refresh',
144
+ 'refresh-right',
145
+ 'refresh-left',
146
+ 'transfer',
147
+ 'exchange',
148
+ 'mail-forward',
149
+ 'mail-reply',
150
+ 'history',
151
+ 'switch-button',
152
+ 'close2',
153
+ 'out',
154
+ 'upload2',
155
+ 'download',
156
+ 'upload',
157
+ 'copy-document',
158
+ 'copy',
159
+ 'copy2',
160
+ 'edit',
161
+ 'edit-outline',
162
+ 'floppy-o',
163
+ 'delete-solid',
164
+ 'delete',
165
+ 'trash-o',
166
+
167
+ // 增删改查
168
+ 'remove',
169
+ 'circle-plus',
170
+ 'success',
171
+ 'error',
172
+ 'zoom-in',
173
+ 'zoom-out',
174
+ 'remove-outline',
175
+ 'circle-plus-outline',
176
+ 'circle-check',
177
+ 'circle-close',
178
+ 'finished',
179
+ 'minus',
180
+ 'plus',
181
+ 'check',
182
+ 'close',
183
+
184
+ // 方向
185
+ 'd-caret',
186
+ 'caret-left',
187
+ 'caret-right',
188
+ 'ap-caret-right',
189
+ 'ap-caret-left',
190
+ 'caret-bottom',
191
+ 'caret-top',
192
+ 'title-flag',
193
+ 'arrow-down',
194
+ 'arrow-up',
195
+ 'd-arrow-left',
196
+ 'd-arrow-right',
197
+ 'sort',
198
+ 'sort-up',
199
+ 'sort-down',
200
+ 'bottom-right',
201
+ 'back',
202
+ 'right',
203
+ 'bottom',
204
+ 'top',
205
+ 'top-left',
206
+ 'top-right',
207
+ 'arrow-left',
208
+ 'arrow-right',
209
+
210
+ 'video-pause',
211
+ 'video-play',
212
+ 'star-on',
213
+ 'star-off',
214
+ 'more-outline',
215
+ 'more',
216
+
217
+ 's-fold',
218
+ 's-unfold',
219
+ 'aim',
220
+ 'lock',
221
+ 'unlock',
222
+ 'password',
223
+ 'rank',
224
+ 'full-screen',
225
+ 'drag',
226
+ 'crop',
227
+
228
+ 'eye-slash',
229
+ 'eye',
230
+ 'view',
231
+ 'eye-open',
232
+ 'exit-fullscreen',
233
+ 'fullscreen',
234
+
235
+
236
+ 'female',
237
+ 'male',
238
+ 'link',
239
+ 'connection',
240
+
241
+ 'model',
242
+ 'place',
243
+ 'location',
244
+ 'location-information',
245
+ 'location-outline',
246
+ 'add-location',
247
+ 'map-location',
248
+
249
+
250
+
251
+ // 富文本
252
+ 'button',
253
+ 'check-square-o',
254
+ 'open',
255
+ 'turn-off',
256
+ 'input-number',
257
+ 'nested',
258
+ 'textarea',
259
+ 'select',
260
+ 'switch',
261
+ 'fixed-left',
262
+ 'fixed-right',
263
+ 'layout-sx',
264
+ 'icon',
265
+ 'input',
266
+ 'tab',
267
+ 'container-row',
268
+ 'date',
269
+ 'language',
270
+ 'size',
271
+ 'radio',
272
+ 'date-time',
273
+ 'table',
274
+ 'code',
275
+ 'c-scale-to-original',
276
+
277
+ 'thumb',
278
+ 'zhipai',
279
+ '404',
280
+ ]
281
+ }, {
282
+ name: "文档类",
283
+ icons: [
284
+ 'folder',
285
+ 'folder-opened',
286
+ 'files',
287
+ 'receiving',
288
+ 'folder-add',
289
+ 'folder-remove',
290
+ 'folder-delete',
291
+ 'folder-checked',
292
+
293
+
294
+ 'skill',
295
+ 'wendangpeizhi',
296
+ 'form',
297
+
298
+ 's-order',
299
+ 's-release',
300
+ 's-claim',
301
+ 'tickets',
302
+ 'document-add',
303
+ 'document-remove',
304
+ 'document-delete',
305
+ 'document-checked',
306
+ 'document',
307
+ 'postcard',
308
+ 'file-o',
309
+ 'documentation',
310
+ 'file-text-o',
311
+
312
+ 'message-box',
313
+ 'document-copy',
314
+ 'clipboard',
315
+
316
+ 'dictionary',
317
+ 's-management',
318
+ 'notebook-2',
319
+ 'notebook-1',
320
+ 'collection',
321
+
322
+ 'reading',
323
+ 'education',
324
+
325
+ 'excel',
326
+ 'pdf',
327
+ 'zip',
328
+ 'printer',
329
+ ]
330
+ }, {
331
+ name: "财务类",
332
+ icons: [
333
+ 'wallet',
334
+ 'money',
335
+ 'bank-card',
336
+
337
+ ]
338
+ }, {
339
+ name: "物品类",
340
+ icons: [
341
+ 's-goods',
342
+ 'goods',
343
+ 'picture',
344
+ 'picture-outline',
345
+ 'picture-outline-round',
346
+ 'camera-solid',
347
+ 'camera',
348
+ 'video-camera-solid',
349
+ 'video-camera',
350
+ 'message-solid',
351
+ 'bell',
352
+ 's-cooperation',
353
+ 's-platform',
354
+ 's-open',
355
+ 's-finance',
356
+ 'brush',
357
+ 'scissors',
358
+ 'umbrella',
359
+ 'headset',
360
+ 'mouse',
361
+ 'coordinate',
362
+ 'suitcase',
363
+ 'suitcase-1',
364
+ 'toilet-paper',
365
+ 'table-lamp',
366
+ 'phone',
367
+ 'phone-outline',
368
+ 's-check',
369
+ 's-ticket',
370
+ 's-opportunity',
371
+ 'paperclip',
372
+ 'takeaway-box',
373
+ 'attract',
374
+ 'mobile',
375
+ 'magic-stick',
376
+ 'film',
377
+ 'no-smoking',
378
+ 'shopping',
379
+ 'shopping-cart-full',
380
+ 'shopping-cart-1',
381
+ 'shopping-cart-2',
382
+ 'shopping-bag-1',
383
+ 'shopping-bag-2',
384
+ 'sold-out',
385
+ 'sell',
386
+ 'present',
387
+ 'box',
388
+ 'cpu',
389
+ 'odometer',
390
+ 'microphone',
391
+ 'turn-off-microphone',
392
+ 'first-aid-kit',
393
+ 'stopwatch',
394
+ 'discover',
395
+ 'medal-1',
396
+ 'medal',
397
+ 'trophy',
398
+ 'trophy-1',
399
+ 'alarm-clock',
400
+ 'timer',
401
+ 'watch-1',
402
+ 'watch',
403
+ 'bug',
404
+ 'international',
405
+
406
+ 'smoking',
407
+ 'mic',
408
+ 'theme',
409
+ 'xin',
410
+ 'star',
411
+
412
+ 'home',
413
+ 's-shop',
414
+ 'office-building',
415
+ 'school',
416
+ 'house',
417
+ 's-home',
418
+
419
+ 'mobile-phone', 'bicycle', 'truck', 'ship', 'basketball', 'football', 'soccer', 'baseball', 'wind-power', 'light-rain', 'lightning', 'heavy-rain', 'sunrise', 'sunrise-1', 'sunset', 'sunny', 'cloudy', 'partly-cloudy', 'cloudy-and-sunny', 'moon', 'moon-night', 'dish', 'dish-1', 'food', 'chicken', 'fork-spoon', 'knife-fork', 'burger', 'tableware', 'sugar', 'dessert', 'ice-cream', 'hot-water', 'water-cup', 'coffee-cup', 'cold-drink', 'goblet', 'goblet-full', 'goblet-square', 'goblet-square-full', 'refrigerator', 'grape', 'watermelon', 'cherry', 'apple', 'pear', 'orange', 'coffee', 'ice-tea', 'ice-drink', 'milk-tea', 'potato-strips', 'lollipop', 'ice-cream-square', 'ice-cream-round',
420
+
421
+ 'vue',
422
+ 'java',
423
+ 'qq',
424
+ 'wechat',
425
+ 'dingding',
426
+ 'qiyeweixin',
427
+ 'sems',
428
+
429
+ ]
430
+ }
431
+ ]
432
+
433
+ export default iconGroup
@@ -1,21 +1,40 @@
1
1
  <template>
2
2
  <ap-container>
3
3
  <ap-header margin="1101">
4
+ <el-radio v-model="showType" :label="0">分类显示</el-radio>
4
5
  <el-radio v-model="showType" :label="1">自定义</el-radio>
5
6
  <el-radio v-model="showType" :label="2">Element默认</el-radio>
6
7
  <el-radio v-model="showType" :label="3">图片</el-radio>
7
8
  <div class="ap-split-line"/>
8
9
  </ap-header>
9
10
  <ap-main margin="0111" class="icons-container">
11
+ <template v-if="showType == 0">
12
+ <template v-for="group of iconGroup">
13
+ <el-collapse v-model="activeNames">
14
+ <el-collapse-item :title="group.name" :name="group.name">
15
+ <div v-for="item of group.icons" class="icon-ctn">
16
+ <div class="icon-item-ctn">
17
+ <span class="icon-item">
18
+ <i :class="getIconClass(item) " @click="copyIconCode(item,$event)"/>
19
+ </span>
20
+ </div>
21
+ <div class="icon-text-ctn">
22
+ <span class="icon-text" @click="copyIconClass(item,$event)">{{ getIconClass(item) }}</span>
23
+ </div>
24
+ </div>
25
+ </el-collapse-item>
26
+ </el-collapse>
27
+
28
+ </template>
29
+
30
+ </template>
31
+
10
32
  <template v-if="showType == 1">
11
33
  <div v-for="item of myIcons" :key="item.icon_id" class="icon-ctn">
12
34
  <div class="icon-item-ctn">
13
- <span class="icon-item">
14
- <i
15
- :class="getIconClass(item.font_class) "
16
- @click="copyIconCode(item.font_class,$event)"
17
- />
18
- </span>
35
+ <span class="icon-item">
36
+ <i :class="getIconClass(item.font_class) " @click="copyIconCode(item.font_class,$event)"/>
37
+ </span>
19
38
  </div>
20
39
  <div class="icon-text-ctn">
21
40
  <span class="icon-text"
@@ -56,6 +75,7 @@
56
75
  import clipboard from 'ap-util/util/ClipboardUtil'
57
76
  import icons from 'ap-frame/frame/assets/icon/iconfont.json'
58
77
  import elementIcons from './element-icons'
78
+ import iconGroup from './iconGroup'
59
79
 
60
80
  // 批量导入modules下的组件
61
81
  const allImg = require.context('ap-frame/frame/assets/images/icon', false)
@@ -67,14 +87,24 @@ allImg.keys().forEach(fileName => {
67
87
  export default {
68
88
  name: 'Icons',
69
89
  data() {
70
- const myIcons = icons.glyphs
90
+ const myIcons = icons.glyphs;
91
+ let activeNames = ["未分组"];
92
+ for (let i = 0; i < iconGroup.length; i++) {
93
+ activeNames.push(iconGroup[i].name)
94
+ }
71
95
  return {
72
96
  myIcons,
73
97
  elementIcons,
74
- showType: 1,
75
- iconImgs: iconImgs
98
+ showType: 0,
99
+ iconImgs: iconImgs,
100
+ iconGroup,
101
+ activeNames: activeNames
76
102
  }
77
103
  },
104
+ mounted() {
105
+ // 未分组处理
106
+ this.initUnGroup();
107
+ },
78
108
  methods: {
79
109
  getIconCode(value) {
80
110
  return `<i class="el-icon-${value}" />`
@@ -97,6 +127,40 @@ export default {
97
127
  copyIconImgName(value, event) {
98
128
  clipboard(value, event)
99
129
  },
130
+ initUnGroup(){
131
+ // 已分组
132
+ let addedArr = [];
133
+ for (let i = 0; i < this.iconGroup.length; i++) {
134
+ let icons = this.iconGroup[i].icons;
135
+ for (let j = 0; j < icons.length; j++) {
136
+ addedArr.push(icons[j]);
137
+ }
138
+ }
139
+
140
+ let unAddedArr = [];
141
+ // element自带
142
+ for (let i = 0; i < this.elementIcons.length; i++) {
143
+ let item = this.elementIcons[i];
144
+ if (addedArr.indexOf(item) < 0){
145
+ unAddedArr.push(item);
146
+ }
147
+ }
148
+
149
+ // 自定义
150
+ for (let i = 0; i < this.myIcons.length; i++) {
151
+ let name = this.myIcons[i].font_class;
152
+ if (addedArr.indexOf(name) < 0){
153
+ unAddedArr.push(name);
154
+ }
155
+ }
156
+ if (unAddedArr.length > 0) {
157
+ let unGroup = {
158
+ name: "未分组",
159
+ icons: unAddedArr
160
+ };
161
+ iconGroup.unshift(unGroup);
162
+ }
163
+ }
100
164
  }
101
165
  }
102
166
  </script>
@@ -154,5 +218,7 @@ export default {
154
218
  color: #1890FF;
155
219
  }
156
220
 
157
-
221
+ .icons-container .el-divider--horizontal {
222
+ float: left;
223
+ }
158
224
  </style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ap-dev",
3
- "version": "1.1.17",
3
+ "version": "1.1.18",
4
4
  "description": "===== ap-dev =====",
5
5
  "author": "xiexinbin",
6
6
  "email": "876818817@qq.com",