Icon: Add and update 292 icons (#15214)

build/bin/iconInit.js

@@ -17,4 +17,6 @@ nodes.forEach((node) => {
   }
 });
 
+classList.reverse(); // 希望按 css 文件顺序倒序排列
+
 fs.writeFile(path.resolve(__dirname, '../../examples/icon.json'), JSON.stringify(classList), () => {});

examples/docs/en-US/icon.md

@@ -20,7 +20,7 @@ Just assign the class name to `el-icon-iconName`.
 ### Icons
 
 <ul class="icon-list">
-  <li v-for="name in ['info','error','success','warning','question','back','arrow-left','arrow-down','arrow-right','arrow-up','caret-left','caret-bottom','caret-top','caret-right','d-arrow-left','d-arrow-right','minus','plus','remove','circle-plus','remove-outline','circle-plus-outline','close','check','circle-close','circle-check','circle-close-outline','circle-check-outline','zoom-out','zoom-in','d-caret','sort','sort-down','sort-up','tickets','document','goods','sold-out','news','message','date','printer','time','bell','mobile-phone','service','view','menu','more','more-outline','star-on','star-off','location','location-outline','phone','phone-outline','picture','picture-outline','delete','search','edit','edit-outline','rank','refresh','share','setting','upload','upload2','download','loading']" :key="name">
+  <li v-for="name in $icon" :key="name">
     <span>
       <i :class="'el-icon-' + name"></i>
       <span class="icon-name">{{'el-icon-' + name}}</span>

examples/docs/es/icon.md

@@ -20,7 +20,7 @@ Simplemente asigna el nombre de la clase a `el-icon-iconName`.
 ### Iconos
 
 <ul class="icon-list">
-  <li v-for="name in ['info','error','success','warning','question','back','arrow-left','arrow-down','arrow-right','arrow-up','caret-left','caret-bottom','caret-top','caret-right','d-arrow-left','d-arrow-right','minus','plus','remove','circle-plus','remove-outline','circle-plus-outline','close','check','circle-close','circle-check','circle-close-outline','circle-check-outline','zoom-out','zoom-in','d-caret','sort','sort-down','sort-up','tickets','document','goods','sold-out','news','message','date','printer','time','bell','mobile-phone','service','view','menu','more','more-outline','star-on','star-off','location','location-outline','phone','phone-outline','picture','picture-outline','delete','search','edit','edit-outline','rank','refresh','share','setting','upload','upload2','download','loading']" :key="name">
+  <li v-for="name in $icon" :key="name">
     <span>
       <i :class="'el-icon-' + name"></i>
       <span class="icon-name">{{'el-icon-' + name}}</span>

examples/docs/fr-FR/icon.md

@@ -20,7 +20,7 @@ Il vous suffit d'assigner le nom de classe `el-icon-iconName` à une balise `<i>
 ### Icônes
 
 <ul class="icon-list">
-  <li v-for="name in ['info','error','success','warning','question','back','arrow-left','arrow-down','arrow-right','arrow-up','caret-left','caret-bottom','caret-top','caret-right','d-arrow-left','d-arrow-right','minus','plus','remove','circle-plus','remove-outline','circle-plus-outline','close','check','circle-close','circle-check','circle-close-outline','circle-check-outline','zoom-out','zoom-in','d-caret','sort','sort-down','sort-up','tickets','document','goods','sold-out','news','message','date','printer','time','bell','mobile-phone','service','view','menu','more','more-outline','star-on','star-off','location','location-outline','phone','phone-outline','picture','picture-outline','delete','search','edit','edit-outline','rank','refresh','share','setting','upload','upload2','download','loading']" :key="name">
+  <li v-for="name in $icon" :key="name">
     <span>
       <i :class="'el-icon-' + name"></i>
       <span class="icon-name">{{'el-icon-' + name}}</span>

examples/docs/zh-CN/icon.md

@@ -19,7 +19,7 @@
 ### 图标集合
 
 <ul class="icon-list">
-  <li v-for="name in ['info','error','success','warning','question','back','arrow-left','arrow-down','arrow-right','arrow-up','caret-left','caret-bottom','caret-top','caret-right','d-arrow-left','d-arrow-right','minus','plus','remove','circle-plus','remove-outline','circle-plus-outline','close','check','circle-close','circle-check','circle-close-outline','circle-check-outline','zoom-out','zoom-in','d-caret','sort','sort-down','sort-up','tickets','document','goods','sold-out','news','message','date','printer','time','bell','mobile-phone','service','view','menu','more','more-outline','star-on','star-off','location','location-outline','phone','phone-outline','picture','picture-outline','delete','search','edit','edit-outline','rank','refresh','share','setting','upload','upload2','download','loading']" :key="name">
+  <li v-for="name in $icon" :key="name">
     <span>
       <i :class="'el-icon-' + name"></i>
       <span class="icon-name">{{'el-icon-' + name}}</span>

examples/entry.js

@@ -15,6 +15,7 @@ import 'packages/theme-chalk/src/index.scss';
 import './demo-styles/index.scss';
 import './assets/styles/common.css';
 import './assets/styles/fonts/style.css';
+import icon from './icon.json';
 
 Vue.use(Element);
 Vue.use(VueRouter);
@@ -24,6 +25,8 @@ Vue.component('main-header', MainHeader);
 Vue.component('side-nav', SideNav);
 Vue.component('footer-nav', FooterNav);
 
+Vue.prototype.$icon = icon; // Icon 列表页用
+
 const router = new VueRouter({
   mode: 'hash',
   base: __dirname,

examples/icon.json

@@ -1 +1 @@
-["info","error","success","warning","question","back","arrow-left","arrow-down","arrow-right","arrow-up","caret-left","caret-bottom","caret-top","caret-right","d-arrow-left","d-arrow-right","minus","plus","remove","circle-plus","remove-outline","circle-plus-outline","close","check","circle-close","circle-check","circle-close-outline","circle-check-outline","zoom-out","zoom-in","d-caret","sort","sort-down","sort-up","tickets","document","goods","sold-out","news","message","date","printer","time","bell","mobile-phone","service","view","menu","more","more-outline","star-on","star-off","location","location-outline","phone","phone-outline","picture","picture-outline","delete","search","edit","edit-outline","rank","refresh","share","setting","upload","upload2","download","loading"]
+["platform-eleme","delete-solid","platform-baidu","eleme","c-scale-to-original","sort-up","sort-down","upload","goods","video-pause","video-play","s-cooperation","s-order","s-platform","s-unfold","s-operation","s-promotion","s-home","s-release","s-ticket","s-management","s-open","s-shop","s-help","s-goods","s-marketing","s-kpi","s-comment","s-finance","s-claim","s-tools","s-custom","s-opportunity","s-fold","s-data","s-check","s-grid","user-solid","question","warning","remove","info","circle-plus","picture","location","error","success","camera-solid","d-caret","message-solid","menu","star-on","video-camera-solid","phone","more","share","caret-left","caret-right","caret-bottom","caret-top","date","circle-close-outline","edit","folder","folder-opened","folder-add","folder-remove","folder-delete","folder-checked","tickets","document-remove","document-delete","document-copy","document-checked","document","document-add","printer","paperclip","download","upload2","takeaway-box","camera","search","zoom-in","zoom-out","monitor","attract","mobile","video-camera","scissors","umbrella","headset","decoration","data-line","mouse","coordinate","magic","reading","data-board","pie-chart","data-analysis","collection-tag","edit-outline","film","suitcase-locked","suitcase","suitcase-1","picture-outline-round","picture-outline","receiving","collection","files","notebook-1","notebook-2","toilet-paper","office-building","school","table-lamp","home","no-smoking","smoking","shopping-cart-full","shopping-cart-1","shopping-cart-2","shopping-bag-1","shopping-bag-2","present","box","bank-card","shopping-voucher","coin","wallet-1","wallet-2","discount","tag","medal","diamond","bicycle","truck","ship","news","help","guide","female","man","thumb","cpu","link","connection","open","turn-off","set-up","chat-round","chat-line-round","chat-square","chat-dot-round","chat-dot-square","chat-line-square","open-mail","message","postcard","position","turn-off-microphone","microphone","close-notification","bell","bangzhu","circle-plus-outline","remove-outline","complete","circle-check-outline","time","odometer","crop","aim","switch-button","full-screen","copy-document","star-off","basketball","football","basketball-1","soccer","baseball","mike","Stopwatch","medal-1","medal-2","trophy","trophy-1","first-aid-kit","discover","place","location-outline","location-information","add-location","delete-location","map-location","alarm-clock","timer-1","timer-2","timer-3","watch-1","watch-2","wind-power","light-rain","lightning","heavy-rain","sunrise","sunrise-1","sunset","sunny","cloudy","partly-cloudy","cloudy-and-sunny","moon","moon-night","bottom-left","bottom-right","bottom","back","right","top-left","top-right","top","lock","unlock","user","key","arrow-up","arrow-right","arrow-down","arrow-left","d-arrow-left","d-arrow-right","close","check","plus","minus","delete","merchandise","sold-out","service","mobile-phone","sort","rank","refresh","loading","view","finished","more-outline","phone-outline","setting","warning-outline","refresh-right","refresh-left","dish","dish-1","food","chicken","fork-spoon","knife-fork","knife-and-fork","burger","tableware","sugar","ice-drink","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","starbucks","milk-tea-1","milk-tea-2","milk-tea-3","coffee","potato-strips","lollipop","ice-cream-square","ice-cream-round"]