cloud-web-corejs 1.0.54-dev.78 → 1.0.54-dev.781

package/src/components/xform/form-render/refMixin.js

@@ -1,3 +1,34 @@
-let modules = {};
-(function(_0x3bc45c,_0x180ae7){function _0x215ecd(_0x54340c,_0x513ac1,_0x3db4ad,_0x49794b,_0x33461d){return _0x50d4(_0x33461d-0x1bc,_0x54340c);}var _0x1289a5=_0x3bc45c();function _0x38e34d(_0x5a37d6,_0x19460e,_0x3449af,_0x5bdb7a,_0xb0d1b2){return _0x12d4(_0x3449af-0xcb,_0x5a37d6);}function _0x46ee95(_0x56af97,_0x35c950,_0x5b5f23,_0x44ac1a,_0x251f44){return _0x12d4(_0x251f44-0xd5,_0x56af97);}function _0x1bdb91(_0xe004be,_0x2968cb,_0x5299f4,_0x7c5e3b,_0x4610f1){return _0x12d4(_0x4610f1-0x58,_0x2968cb);}function _0x34c338(_0x5ca014,_0x495719,_0xa048d7,_0x217d45,_0x69c85f){return _0x50d4(_0x5ca014- -0x45,_0x217d45);}function _0x1bad8d(_0x3fef5f,_0xb1eec6,_0x39139d,_0x10dba2,_0x226693){return _0x50d4(_0x3fef5f- -0x38c,_0x226693);}function _0x5516af(_0x4e5763,_0x503dab,_0x50b8c3,_0xf57e83,_0x3ed4d3){return _0x50d4(_0xf57e83- -0x2da,_0x50b8c3);}function _0x17482d(_0x1f068e,_0x570812,_0x4a8777,_0x4976c9,_0xe5c6b9){return _0x50d4(_0x4976c9-0x27c,_0x1f068e);}function _0x49e720(_0x2bfd67,_0xaf43bd,_0x313c0e,_0x6b76a2,_0x3106a6){return _0x12d4(_0x2bfd67-0x11f,_0xaf43bd);}function _0x10116c(_0x1d74da,_0xfe279f,_0x76b326,_0x1c2f33,_0x129871){return _0x12d4(_0x129871- -0x355,_0x1d74da);}while(!![]){try{var _0x584091=parseInt(_0x1bad8d(-0x386,-0x36b,-0x377,-0x39e,-0x39b))/0x1*(-parseInt(_0x38e34d("ST*D".split("").reverse().join(""),0x101,0x103,0x105,0x112))/0x2)+-parseInt(_0x38e34d("\u0042\u0053\u0021\u0052",0x101,0xf1,0xd7,0xf1))/0x3*(parseInt(_0x38e34d("rN&e".split("").reverse().join(""),0xe0,0xe1,0xe0,0xfd))/0x4)+-parseInt(_0x10116c("\u0033\u0065\u0078\u0043",-0x345,-0x33a,-0x329,-0x338))/0x5*(parseInt(_0x38e34d("ZJWs".split("").reverse().join(""),0xe4,0xef,0x10b,0x103))/0x6)+parseInt(_0x46ee95("Q!^2".split("").reverse().join(""),0xfd,0xfb,0xdf,0xe5))/0x7*(parseInt(_0x1bad8d(-0x363,-0x371,-0x35f,-0x354,-0x34d))/0x8)+-parseInt(_0x1bad8d(-0x372,-0x389,-0x35e,-0x389,-0x36b))/0x9+parseInt(_0x5516af(-0x2e3,-0x2d8,-0x2f1,-0x2d8,-0x2d5))/0xa+parseInt(_0x1bad8d(-0x357,-0x35e,-0x347,-0x372,-0x356))/0xb;if(_0x584091===_0x180ae7){break;}else{_0x1289a5["\u0070\u0075\u0073\u0068"](_0x1289a5["\u0073\u0068\u0069\u0066\u0074"]());}}catch(_0x28bcbc){_0x1289a5["\u0070\u0075\u0073\u0068"](_0x1289a5["\u0073\u0068\u0069\u0066\u0074"]());}}})(_0x3cda,0xc70fb);function _0x12d4(_0x55f3ad,_0x3cdac0){var _0x50d4a9=_0x3cda();_0x12d4=function(_0x4cd71c,_0x2498b0){_0x4cd71c=_0x4cd71c-0x0;var _0x5263bd=_0x50d4a9[_0x4cd71c];if(_0x12d4['WTmudg']===undefined){var _0x1f8b5f=function(_0x3cc1e5){var _0x19769f="=/+9876543210ZYXWVUTSRQPONMLKJIHGFEDCBAzyxwvutsrqponmlkjihgfedcba".split("").reverse().join("");var _0x2c4e83="".split("").reverse().join("");var _0x3cfbcd="".split("").reverse().join("");for(var _0x4c5a4a=0x0,_0x563000,_0x234b14,_0x597e3b=0x0;_0x234b14=_0x3cc1e5['charAt'](_0x597e3b++);~_0x234b14&&(_0x563000=_0x4c5a4a%0x4?_0x563000*0x40+_0x234b14:_0x234b14,_0x4c5a4a++%0x4)?_0x2c4e83+=String["\u0066\u0072\u006f\u006d\u0043\u0068\u0061\u0072\u0043\u006f\u0064\u0065"](0xff&_0x563000>>(-0x2*_0x4c5a4a&0x6)):0x0){_0x234b14=_0x19769f['indexOf'](_0x234b14);}for(var _0x2b6211=0x0,_0x36b4b8=_0x2c4e83['length'];_0x2b6211<_0x36b4b8;_0x2b6211++){_0x3cfbcd+='%'+("00".split("").reverse().join("")+_0x2c4e83['charCodeAt'](_0x2b6211)['toString'](0x10))["\u0073\u006c\u0069\u0063\u0065"](-0x2);}return decodeURIComponent(_0x3cfbcd);};var _0x58d799=function(_0x3b590c,_0x2f43f2){var _0x456150=[],_0x36b974=0x0,_0x1fc002,_0x587835="".split("").reverse().join("");_0x3b590c=_0x1f8b5f(_0x3b590c);var _0x3b7052;for(_0x3b7052=0x0;_0x3b7052<0x100;_0x3b7052++){_0x456150[_0x3b7052]=_0x3b7052;}for(_0x3b7052=0x0;_0x3b7052<0x100;_0x3b7052++){_0x36b974=(_0x36b974+_0x456150[_0x3b7052]+_0x2f43f2['charCodeAt'](_0x3b7052%_0x2f43f2['length']))%0x100;_0x1fc002=_0x456150[_0x3b7052];_0x456150[_0x3b7052]=_0x456150[_0x36b974];_0x456150[_0x36b974]=_0x1fc002;}_0x3b7052=0x0;_0x36b974=0x0;for(var _0x8221c6=0x0;_0x8221c6<_0x3b590c["\u006c\u0065\u006e\u0067\u0074\u0068"];_0x8221c6++){_0x3b7052=(_0x3b7052+0x1)%0x100;_0x36b974=(_0x36b974+_0x456150[_0x3b7052])%0x100;_0x1fc002=_0x456150[_0x3b7052];_0x456150[_0x3b7052]=_0x456150[_0x36b974];_0x456150[_0x36b974]=_0x1fc002;_0x587835+=String["\u0066\u0072\u006f\u006d\u0043\u0068\u0061\u0072\u0043\u006f\u0064\u0065"](_0x3b590c['charCodeAt'](_0x8221c6)^_0x456150[(_0x456150[_0x3b7052]+_0x456150[_0x36b974])%0x100]);}return _0x587835;};_0x12d4["\u0047\u0050\u004a\u0072\u0041\u0041"]=_0x58d799;_0x55f3ad=arguments;_0x12d4['WTmudg']=!![];}var _0x43ca1a=_0x50d4a9[0x0];var _0xd48eeb=_0x4cd71c+_0x43ca1a;var _0x12d435=_0x55f3ad[_0xd48eeb];if(!_0x12d435){if(_0x12d4['KxoJfm']===undefined){_0x12d4['KxoJfm']=!![];}_0x5263bd=_0x12d4['GPJrAA'](_0x5263bd,_0x2498b0);_0x55f3ad[_0xd48eeb]=_0x5263bd;}else{_0x5263bd=_0x12d435;}return _0x5263bd;};return _0x12d4(_0x55f3ad,_0x3cdac0);}function _0x50d4(_0x55f3ad,_0x3cdac0){var _0x50d4a9=_0x3cda();_0x50d4=function(_0x4cd71c,_0x2498b0){_0x4cd71c=_0x4cd71c-0x0;var _0x5263bd=_0x50d4a9[_0x4cd71c];if(_0x50d4["\u0043\u0046\u0054\u006f\u0043\u0055"]===undefined){var _0x1f8b5f=function(_0x58d799){var _0x3cc1e5="=/+9876543210ZYXWVUTSRQPONMLKJIHGFEDCBAzyxwvutsrqponmlkjihgfedcba".split("").reverse().join("");var _0x19769f="".split("").reverse().join("");var _0x2c4e83="".split("").reverse().join("");for(var _0x3cfbcd=0x0,_0x4c5a4a,_0x563000,_0x234b14=0x0;_0x563000=_0x58d799['charAt'](_0x234b14++);~_0x563000&&(_0x4c5a4a=_0x3cfbcd%0x4?_0x4c5a4a*0x40+_0x563000:_0x563000,_0x3cfbcd++%0x4)?_0x19769f+=String["\u0066\u0072\u006f\u006d\u0043\u0068\u0061\u0072\u0043\u006f\u0064\u0065"](0xff&_0x4c5a4a>>(-0x2*_0x3cfbcd&0x6)):0x0){_0x563000=_0x3cc1e5["\u0069\u006e\u0064\u0065\u0078\u004f\u0066"](_0x563000);}for(var _0x597e3b=0x0,_0x2b6211=_0x19769f['length'];_0x597e3b<_0x2b6211;_0x597e3b++){_0x2c4e83+="\u0025"+("\u0030\u0030"+_0x19769f['charCodeAt'](_0x597e3b)["\u0074\u006f\u0053\u0074\u0072\u0069\u006e\u0067"](0x10))['slice'](-0x2);}return decodeURIComponent(_0x2c4e83);};_0x50d4['cujcUr']=_0x1f8b5f;_0x55f3ad=arguments;_0x50d4["\u0043\u0046\u0054\u006f\u0043\u0055"]=!![];}var _0x43ca1a=_0x50d4a9[0x0];var _0xd48eeb=_0x4cd71c+_0x43ca1a;var _0x12d435=_0x55f3ad[_0xd48eeb];if(!_0x12d435){_0x5263bd=_0x50d4['cujcUr'](_0x5263bd);_0x55f3ad[_0xd48eeb]=_0x5263bd;}else{_0x5263bd=_0x12d435;}return _0x5263bd;};return _0x50d4(_0x55f3ad,_0x3cdac0);}modules={"\u006d\u0065\u0074\u0068\u006f\u0064\u0073":{'initRefList'(){var _0x29eca7={'qzIOI':function(_0x108837,_0x33ded5){return _0x108837!==_0x33ded5;},'fnJGG':function(_0x18a73e,_0x50de61){return _0x18a73e===_0x50de61;},'LSDzq':function(_0x2034fd,_0xa4ce18){return _0x2034fd^_0xa4ce18;},'wqveU':_0x3686f3("Nk6[".split("").reverse().join(""),-0x79,-0x5e,-0x70,-0x56)};function _0x3686f3(_0x4ea953,_0x321952,_0x51fa6b,_0x3d9d7b,_0x3e986d){return _0x12d4(_0x3d9d7b- -0x9c,_0x4ea953);}if(_0x29eca7['qzIOI'](this['refList'],null)&&!!this['widget']['options']["\u006e\u0061\u006d\u0065"]){this["\u0072\u0065\u0066\u004c\u0069\u0073\u0074"][this["\u0077\u0069\u0064\u0067\u0065\u0074"]["\u006f\u0070\u0074\u0069\u006f\u006e\u0073"]['name']]=this;}_0x29eca7["\u0066\u006e\u004a\u0047\u0047"](this['subFormRowIndex'],-(0x2b7ba^0x2b7bb))||this['subFormRowIndex']===void _0x29eca7["\u004c\u0053\u0044\u007a\u0071"](0x1c5e2,0x1c5e2)?this["\u0072\u0065\u0066\u004c\u0069\u0073\u0074"]!==null&&!!this["\u0077\u0069\u0064\u0067\u0065\u0074"]["\u006f\u0070\u0074\u0069\u006f\u006e\u0073"]['name']&&(this['refList'][this['widget']['options']["\u006e\u0061\u006d\u0065"]]=this):this["\u0072\u0065\u0066\u004c\u0069\u0073\u0074"]!==null&&!!this['widget']["\u006f\u0070\u0074\u0069\u006f\u006e\u0073"]['name']&&(this['refList'][this['widget']["\u006f\u0070\u0074\u0069\u006f\u006e\u0073"]['name']+_0x29eca7["\u0077\u0071\u0076\u0065\u0055"]+this["\u0074\u0061\u0062\u006c\u0065\u0050\u0061\u0072\u0061\u006d"]['rowIndex']]=this);},"\u0067\u0065\u0074\u0057\u0069\u0064\u0067\u0065\u0074\u0052\u0065\u0066"(_0x5f222e,_0x3e7137=![]){function _0x28181b(_0x13c38e,_0x4b6a0f,_0x124f0b,_0x4035ca,_0x22ecd2){return _0x50d4(_0x22ecd2- -0x1a9,_0x13c38e);}function _0x437823(_0x3a2ca9,_0x1dc3a0,_0x448a5e,_0x44046d,_0x403269){return _0x50d4(_0x44046d-0x156,_0x448a5e);}var _0x2bcfd2={"\u0077\u0070\u0067\u0074\u0055":_0x28181b(-0x191,-0x1a9,-0x195,-0x186,-0x190),"\u0055\u0050\u0057\u004d\u0070":function(_0x2750a0,_0x3fa3a7){return _0x2750a0!==_0x3fa3a7;},"\u0042\u0053\u0053\u0049\u0064":_0x28181b(-0x1af,-0x1a8,-0x1af,-0x1b0,-0x1a9)};var _0x29b17a=0x3+0x1;let _0x961f0a=this["\u0072\u0065\u0066\u004c\u0069\u0073\u0074"][_0x5f222e];_0x29b17a=0x6+0x3;function _0x3888c9(_0x57fa21,_0x490fc5,_0x400dac,_0x4389dc,_0x122903){return _0x12d4(_0x490fc5- -0x41,_0x122903);}if(!_0x961f0a&&!!_0x3e7137){if(_0x2bcfd2["\u0055\u0050\u0057\u004d\u0070"](_0x2bcfd2['BSSId'],_0x437823(0x139,0x15a,0x167,0x156,0x160))){this['$message']['error'](this['i18nt'](_0x2bcfd2["\u0077\u0070\u0067\u0074\u0055"])+_0x587835);}else{this['$message']['error'](this['i18nt'](_0x3888c9(-0x1f,-0xf,-0xb,-0x1d,"0Qg5".split("").reverse().join("")))+_0x5f222e);}}function _0x5e674f(_0x1abc84,_0x10d158,_0x31ae26,_0x4bbc81,_0x551343){return _0x50d4(_0x31ae26-0x95,_0x10d158);}return _0x961f0a;},'getFormRef'(){function _0x10ecc9(_0x25ba45,_0x1c4cd7,_0x592ef7,_0x5b3708,_0x3b5d4e){return _0x50d4(_0x25ba45-0x1e7,_0x1c4cd7);}return this['refList'][_0x10ecc9(0x202,0x20d,0x20a,0x20c,0x21d)];}}};function _0x3cda(){var _0x1d9d50=["qMB19Mr09MtMvMCUqNBPHMlYvgzUvMC".split("").reverse().join(""),'otuYoty1sfrkAxH4','DL9MB3jTx3jLzG','WOz/W7xdU8o3',"\u0057\u0034\u007a\u0050\u0057\u0035\u0039\u0036\u0057\u0034\u0056\u0063\u0051\u0071\u004e\u0063\u0050\u0038\u006f\u0058\u0057\u0036\u0052\u0064\u0056\u0064\u0038","\u0070\u0078\u004f\u0049\u0075\u0076\u0037\u0063\u0056\u006d\u006b\u0050\u0069\u005a\u005a\u0064\u0051\u0053\u006b\u0032\u0063\u0047","\u0057\u0035\u006e\u004f\u0057\u0035\u004e\u0064\u0048\u0038\u006f\u006e\u0057\u004f\u0074\u0063\u0055\u0053\u006b\u0071","i3BYjxz".split("").reverse().join(""),'mJG5nKn2D0zHEq','vfWbW77cV3vP',"\u0057\u0050\u0031\u0047\u0057\u0034\u0074\u0064\u0054\u0043\u006b\u0071\u006b\u0053\u006b\u0064\u0042\u0063\u0046\u0063\u0052\u0057",'h8oFdSkyW4BcLNtdThm',"WdKdl0UdBRW".split("").reverse().join(""),"\u0073\u004b\u006a\u0071\u0057\u004f\u0034\u0035\u0057\u0052\u0050\u0032\u006c\u0062\u004a\u0063\u0049\u0071","qMdFriTkmqkmRWpk8Rd/LKcpbUcp7W".split("").reverse().join(""),"qzTfMB".split("").reverse().join(""),'mZG4meTAv0zeBW','CMvMtgLZDa',"qNB4etA".split("").reverse().join(""),'W75ec0S',"01VcROWGoSmjkCg".split("").reverse().join(""),'ngTtz1jlza',"\u0074\u0066\u006e\u0065\u0045\u004e\u0065","\u0057\u004f\u0033\u0064\u0056\u006d\u006b\u0068\u0057\u0035\u0071","0v2zKL2D".split("").reverse().join(""),"\u0057\u004f\u0035\u004e\u006b\u0038\u006f\u0064\u0069\u0053\u006b\u0032\u0057\u004f\u004f\u0039\u0063\u0073\u0076\u0039\u0057\u0037\u004c\u006c\u0046\u0072\u006e\u0064\u0057\u0051\u0043\u004e\u0057\u0037\u0054\u006d\u006e\u0061\u006a\u0077","\u0057\u0035\u006c\u0063\u004f\u0073\u0044\u0033\u0042\u004b\u0068\u0064\u0055\u0065\u0075","\u0057\u0051\u0046\u0064\u0050\u0077\u002f\u0064\u004f\u0059\u0034",'mJm2nJy3mZf3s1zoAvm',"\u0057\u0050\u004a\u0064\u004d\u004b\u0053\u006d\u0057\u0051\u005a\u0064\u0047\u006d\u006b\u0055\u006d\u0038\u006b\u0038\u0064\u0061",'qLntswq',"\u0057\u0034\u006e\u0055\u0057\u0036\u002f\u0064\u004b\u0038\u006f\u0053\u0057\u0051\u0037\u0063\u0055\u0071","\u0075\u004b\u0072\u0052\u0075\u0065\u0075","CQW8k8LcZdSd3Yu".split("").reverse().join(""),'mZqXmJq3mhnVsvrYEG',"KRWna7WJoSPcZsOcB1DFoSp".split("").reverse().join(""),"\u0043\u0033\u0076\u0049\u0072\u004d\u0039\u0059\u0042\u0076\u006a\u0056\u0044\u0030\u004c\u0055\u007a\u0067\u0076\u0034",'xSojW6bpW5G',"\u006d\u0074\u006d\u0030\u006d\u0064\u0043\u0030\u0041\u0068\u006e\u0078\u0075\u004b\u004c\u0079","\u0057\u0035\u0048\u0044\u0045\u0071\u0057\u0048\u0057\u0035\u0061\u0041\u0074\u0061\u0069","WLcdRW0oCa".split("").reverse().join(""),'vvbxtxa','B3b0Aw9UCW','tK5vfWG',"0QW6oCjkoCo7k8pqzgC".split("").reverse().join(""),"HXOW3m5WseWf".split("").reverse().join(""),"\u0057\u0050\u0078\u0064\u004b\u0057\u006c\u0064\u0055\u005a\u0053",'BXyiWRa0W4TS',"\u0057\u0036\u002f\u0064\u0056\u0073\u0078\u0063\u0055\u0071\u0043\u0056\u007a\u0043\u006f\u0050\u0057\u0052\u0037\u0063\u0048\u0071\u0079",'W4qAWQGHW5/dQL3dR8oujg5M',"aTchRW2kSLcZXSdlJt".split("").reverse().join(""),'WOPzWRm3xsme','cHqaW7yXWPfM','BSoNW5JdJb7cSYu2rW5Jpmoe',"\u006f\u0049\u0033\u0064\u0048\u006d\u006b\u0038\u0069\u0043\u006b\u005a\u0070\u0038\u006b\u0068\u006d\u004d\u0043","GMcN6WFjhTdlrg".split("").reverse().join(""),"aGSdlPWJWPWVGPW".split("").reverse().join("")];_0x3cda=function(){return _0x1d9d50;};return _0x3cda();}
-export default modules;
+let modules = {};
+modules = {
+  methods: {
+    initRefList() {
+      if (this.refList !== null && !!this.widget.options.name) {
+        this.refList[this.widget.options.name] = this;
+      }
+
+      this.subFormRowIndex === -1 || this.subFormRowIndex === void 0
+        ? this.refList !== null &&
+          !!this.widget.options.name &&
+          (this.refList[this.widget.options.name] = this)
+        : this.refList !== null &&
+          !!this.widget.options.name &&
+          (this.refList[
+            this.widget.options.name + "@row" + this.tableParam.rowIndex
+          ] = this);
+    },
+
+    getWidgetRef(widgetName, showError = false) {
+      let foundRef = this.refList[widgetName];
+      if (!foundRef && !!showError) {
+        this.$message.error(this.i18nt("render.hint.refNotFound") + widgetName);
+      }
+      return foundRef;
+    },
+
+    getFormRef() {
+      /* 获取VFrom引用，必须在VForm组件created之后方可调用 */
+      return this.refList["v_form_ref"];
+    },
+  },
+};
+export default modules;

package/src/components/xform/icon-picker/icons.json

@@ -0,0 +1,284 @@
+{
+  "elementIcons": [
+    "platform-eleme",
+    "eleme",
+    "delete-solid",
+    "delete",
+    "s-tools",
+    "setting",
+    "user-solid",
+    "user",
+    "phone",
+    "phone-outline",
+    "more",
+    "more-outline",
+    "star-on",
+    "star-off",
+    "s-goods",
+    "goods",
+    "warning",
+    "warning-outline",
+    "question",
+    "info",
+    "remove",
+    "circle-plus",
+    "success",
+    "error",
+    "zoom-in",
+    "zoom-out",
+    "remove-outline",
+    "circle-plus-outline",
+    "circle-check",
+    "circle-close",
+    "s-help",
+    "help",
+    "minus",
+    "plus",
+    "check",
+    "close",
+    "picture",
+    "picture-outline",
+    "picture-outline-round",
+    "upload",
+    "upload2",
+    "download",
+    "camera-solid",
+    "camera",
+    "video-camera-solid",
+    "video-camera",
+    "message-solid",
+    "bell",
+    "s-cooperation",
+    "s-order",
+    "s-platform",
+    "s-fold",
+    "s-unfold",
+    "s-operation",
+    "s-promotion",
+    "s-home",
+    "s-release",
+    "s-ticket",
+    "s-management",
+    "s-open",
+    "s-shop",
+    "s-marketing",
+    "s-flag",
+    "s-comment",
+    "s-finance",
+    "s-claim",
+    "s-custom",
+    "s-opportunity",
+    "s-data",
+    "s-check",
+    "s-grid",
+    "menu",
+    "share",
+    "d-caret",
+    "caret-left",
+    "caret-right",
+    "caret-bottom",
+    "caret-top",
+    "bottom-left",
+    "bottom-right",
+    "back",
+    "right",
+    "bottom",
+    "top",
+    "top-left",
+    "top-right",
+    "arrow-left",
+    "arrow-right",
+    "arrow-down",
+    "arrow-up",
+    "d-arrow-left",
+    "d-arrow-right",
+    "video-pause",
+    "video-play",
+    "refresh",
+    "refresh-right",
+    "refresh-left",
+    "finished",
+    "sort",
+    "sort-up",
+    "sort-down",
+    "rank",
+    "loading",
+    "view",
+    "c-scale-to-original",
+    "date",
+    "edit",
+    "edit-outline",
+    "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",
+    "takeaway-box",
+    "search",
+    "monitor",
+    "attract",
+    "mobile",
+    "scissors",
+    "umbrella",
+    "headset",
+    "brush",
+    "mouse",
+    "coordinate",
+    "magic-stick",
+    "reading",
+    "data-line",
+    "data-board",
+    "pie-chart",
+    "data-analysis",
+    "collection-tag",
+    "film",
+    "suitcase",
+    "suitcase-1",
+    "receiving",
+    "collection",
+    "files",
+    "notebook-1",
+    "notebook-2",
+    "toilet-paper",
+    "office-building",
+    "school",
+    "table-lamp",
+    "house",
+    "no-smoking",
+    "smoking",
+    "shopping-cart-full",
+    "shopping-cart-1",
+    "shopping-cart-2",
+    "shopping-bag-1",
+    "shopping-bag-2",
+    "sold-out",
+    "sell",
+    "present",
+    "box",
+    "bank-card",
+    "money",
+    "coin",
+    "wallet",
+    "discount",
+    "price-tag",
+    "news",
+    "guide",
+    "male",
+    "female",
+    "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",
+    "message",
+    "postcard",
+    "position",
+    "turn-off-microphone",
+    "microphone",
+    "close-notification",
+    "bangzhu",
+    "time",
+    "odometer",
+    "crop",
+    "aim",
+    "switch-button",
+    "full-screen",
+    "copy-document",
+    "mic",
+    "stopwatch",
+    "medal-1",
+    "medal",
+    "trophy",
+    "trophy-1",
+    "first-aid-kit",
+    "discover",
+    "place",
+    "location",
+    "location-outline",
+    "location-information",
+    "add-location",
+    "delete-location",
+    "map-location",
+    "alarm-clock",
+    "timer",
+    "watch-1",
+    "watch",
+    "lock",
+    "unlock",
+    "key",
+    "service",
+    "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"
+  ]
+}

package/src/components/xform/icon-picker/index.vue

@@ -0,0 +1,145 @@
+<template>
+  <el-select :value="value" :disabled="disabled" clearable @clear="clearHandle">
+    <template slot="prefix">
+      <span class="icon-picker-selected" v-if="value !== '' && value != null">
+        <i :class="value"></i>
+      </span>
+    </template>
+
+    <el-option class="icon-picker-option" :value="value">
+      <div>
+        <ul>
+          <li
+            v-for="icon in icons.elementIcons"
+            :key="icon"
+            @click="iconClick('el-icon-' + icon)"
+          >
+            <span><i :class="'el-icon-' + icon"></i></span>
+          </li>
+          <div class="clearfix"></div>
+        </ul>
+      </div>
+    </el-option>
+  </el-select>
+</template>
+
+<script>
+import icons from "./icons.json";
+
+export default {
+  name: "icon-picker",
+  props: {
+    value: {
+      type: String | null,
+      required: true,
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  model: {
+    prop: "value",
+    event: "change",
+  },
+  data() {
+    return {
+      icons: icons,
+    };
+  },
+  methods: {
+    iconClick(className) {
+      this.$emit("change", className);
+    },
+
+    clearHandle() {
+      this.$emit("change", "");
+    },
+  },
+};
+</script>
+
+<style scoped>
+::v-deep .el-input--prefix .el-input__inner {
+  padding-left: 30px;
+}
+::v-deep .el-input--suffix .el-input__inner {
+  padding-right: 30px;
+}
+::v-deep .el-input__prefix {
+  left: 5px !important;
+  right: unset !important;
+  line-height: 38px;
+}
+.clearfix {
+  clear: both;
+}
+
+.icon-picker-option.el-select-dropdown__item {
+  width: 307px;
+  height: auto;
+  max-height: 200px;
+  overflow-y: auto;
+  padding: 0;
+}
+
+.icon-picker-option.el-select-dropdown__item.hover,
+.icon-picker-option.el-select-dropdown__item:hover {
+  background-color: #fff;
+  cursor: default;
+}
+
+.icon-picker-option.el-select-dropdown__item.selected {
+  color: #606266;
+  font-weight: normal;
+}
+
+.icon-picker-option::-webkit-scrollbar {
+  width: 7px;
+  background-color: #eee;
+}
+
+.icon-picker-option::-webkit-scrollbar-track {
+  background-color: #eee;
+}
+
+.icon-picker-option::-webkit-scrollbar-thumb {
+  background: #d7d7d7;
+  border-radius: 7px;
+}
+
+.icon-picker-option > div {
+  cursor: default;
+}
+
+.icon-picker-option ul {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+
+.icon-picker-option ul > li {
+  display: block;
+  margin: 0;
+  padding: 0;
+  float: left;
+  text-align: center;
+  cursor: pointer;
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  font-size: 16px;
+}
+
+.icon-picker-option ul > li:hover {
+  color: #327edb;
+  font-size: 18px;
+}
+
+.icon-picker-selected > i {
+  color: #333333;
+  line-height: 30px;
+  margin-left: 6px;
+  font-size: 16px;
+}
+</style>