| 1 |
- layui.define(["laypage","form"],function(i){"use strict";var n=function(){this.v="1.1"},o=layui.jquery;layui.laypage,layui.form;n.prototype.render=function(i){var l=i,c=l.elem,e=null==l.type?"fontClass":l.type,a=null==l.page||l.page,t=null==l.limit?12:l.limit,r=null==l.search||l.search,s=l.cellWidth,p=l.click,u=l.success,d={},f=(new Date).getTime(),y="fontClass"===l.type,h=o(c).val(),m="layui-select-title-"+f,g="layui-iconpicker-"+f,k="layui-iconpicker-body-"+f,b="layui-iconpicker-page-"+f,v="layui-iconpicker-list-box",x="layui-form-selected",w={init:function(){return d=_.getData[e](),w.hideElem().createSelect().createBody().toggleSelect(),w.preventEvent().inputListen(),_.loadCss(),u&&u(this.successHandle()),w},successHandle:function(){return{options:l,data:d,id:f,elem:o("#"+g)}},hideElem:function(){return o(c).hide(),w},createSelect:function(){var i='<i class="iconfont">';""===h&&(h=y?"":""),y?i='<i class="iconfont '+h+'">':i+=h;var n='<div class="layui-iconpicker layui-unselect layui-form-select" id="'+g+'"><div class="layui-select-title" id="'+m+'"><div class="layui-iconpicker-item"><span class="layui-iconpicker-icon layui-unselect">'+(i+="</i>")+'</span><i class="layui-edge"></i></div></div><div class="layui-anim layui-anim-upbit" style="">123</div>';return o(c).after(n),w},toggleSelect:function(){var i="#"+m+" .layui-iconpicker-item,#"+m+" .layui-iconpicker-item .layui-edge";return w.event("click",i,function(i){var n=o("#"+g);n.hasClass(x)?n.removeClass(x).addClass("layui-unselect"):(o(".layui-form-select").removeClass(x),n.addClass(x).removeClass("layui-unselect")),i.stopPropagation()}),w},createBody:function(){var i="";r&&(i='<div class="layui-iconpicker-search"><input class="layui-input"><i class="iconfont icon-search"></i></div>');var n='<div class="layui-iconpicker-body" id="'+k+'">'+i+'<div class="'+v+'"></div> </div>';return o("#"+g).find(".layui-anim").eq(0).html(n),w.search().createList().check().page(),w},createList:function(i){for(var n=d,l=n.length,c="",e=o('<div class="layui-iconpicker-list">'),r=t,p=l%r==0||parseInt(l/r+1),u=[],h=0;h<l;h++){var m=n[h];if(!i||-1!==m.indexOf(i)){var x="";null!==s&&(x+=' style="width:'+s+'"');var _='<div class="layui-iconpicker-icon-item" title="'+m+'" '+x+">";_+=y?'<i class="iconfont '+m+'"></i>':'<i class="iconfont">'+m.replace("amp;","")+"</i>",_+="</div>",u.push(_)}}p=(l=u.length)%r==0?l/r:parseInt(l/r+1);for(h=0;h<p;h++){for(var z=o('<div class="layui-iconpicker-icon-limit" id="layui-iconpicker-icon-limit-'+f+(h+1)+'">'),C=h*r;C<(h+1)*r&&C<l;C++)z.append(u[C]);e.append(z)}return 0===l&&e.append('<p class="layui-iconpicker-tips">无数据</p>'),a&&(o("#"+k).addClass("layui-iconpicker-body-page"),c='<div class="layui-iconpicker-page" id="'+b+'"><div class="layui-iconpicker-page-count"><span id="'+b+'-current">1</span>/<span id="'+b+'-pages">'+p+'</span> (<span id="'+b+'-length">'+l+'</span>)</div><div class="layui-iconpicker-page-operate"><i class="iconfont icon-icon-test" id="'+b+'-prev" data-index="0" prev></i> <i class="iconfont icon-icon-test1" id="'+b+'-next" data-index="2" next></i> </div></div>'),o("#"+g).find(".layui-anim").find("."+v).html("").append(e).append(c),w},preventEvent:function(){var i="#"+g+" .layui-anim";return w.event("click",i,function(i){i.stopPropagation()}),w},page:function(){var i="#"+b+" .layui-iconpicker-page-operate .iconfont";return o(i).unbind("click"),w.event("click",i,function(n){var l=n.currentTarget,c=parseInt(o("#"+b+"-pages").html()),e=void 0!==o(l).attr("prev"),a=(parseInt(o(l).attr("data-index")),o("#"+b+"-current")),t=parseInt(a.html());e&&t>1?(t-=1,o(i+"[prev]").attr("data-index",t)):!e&&t<c&&(t+=1,o(i+"[next]").attr("data-index",t)),a.html(t),o("#"+g+" .layui-iconpicker-icon-limit").hide(),o("#layui-iconpicker-icon-limit-"+f+t).show(),n.stopPropagation()}),w},search:function(){var i="#"+k+" .layui-iconpicker-search .layui-input";return w.event("input propertychange",i,function(i){var n=i.target,l=o(n).val();w.createList(l)}),w},check:function(){var i="#"+k+" .layui-iconpicker-icon-item";return w.event("click",i,function(i){var n=o(i.currentTarget).find(".iconfont"),l="";if(y){var e=n.attr("class").split(/[\s\n]/);l=e[1];o("#"+m).find(".layui-iconpicker-item .iconfont").html("").attr("class",e.join(" "))}else{l=n.html();o("#"+m).find(".layui-iconpicker-item .iconfont").html(l)}o("#"+g).removeClass(x).addClass("layui-unselect"),o(c).val(l).attr("value",l),p&&p({icon:l})}),w},inputListen:function(){var i=o(c);return w.event("change",c,function(){i.val()}),w},event:function(i,n,l){o("body").on(i,n,l)}},_={loadCss:function(){0===o("head").find("style[iconpicker]").length&&o("head").append('<style rel="stylesheet" iconpicker>.layui-iconpicker {max-width: 280px;}.layui-iconpicker .layui-anim{display:none;position:absolute;left:0;top:42px;padding:5px 0;z-index:899;min-width:100%;border:1px solid #d2d2d2;max-height:300px;overflow-y:auto;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12);box-sizing:border-box;}.layui-iconpicker-item{border:1px solid #e6e6e6;width:90px;height:38px;border-radius:4px;cursor:pointer;position:relative;}.layui-iconpicker-icon{border-right:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:60px;height:100%;float:left;text-align:center;background:#fff;transition:all .3s;}.layui-iconpicker-icon i{line-height:38px;font-size:18px;}.layui-iconpicker-item > .layui-edge{left:70px;}.layui-iconpicker-item:hover{border-color:#D2D2D2!important;}.layui-iconpicker-item:hover .layui-iconpicker-icon{border-color:#D2D2D2!important;}.layui-iconpicker.layui-form-selected .layui-anim{display:block;}.layui-iconpicker-body{padding:6px;}.layui-iconpicker .layui-iconpicker-list{background-color:#fff;border:1px solid #ccc;border-radius:4px;}.layui-iconpicker .layui-iconpicker-icon-item{display:inline-block;width:21.1%;line-height:36px;text-align:center;cursor:pointer;vertical-align:top;height:36px;margin:4px;border:1px solid #ddd;border-radius:2px;transition:300ms;}.layui-iconpicker .layui-iconpicker-icon-item i.iconfont{font-size:17px;}.layui-iconpicker .layui-iconpicker-icon-item:hover{background-color:#eee;border-color:#ccc;-webkit-box-shadow:0 0 2px #aaa,0 0 2px #fff inset;-moz-box-shadow:0 0 2px #aaa,0 0 2px #fff inset;box-shadow:0 0 2px #aaa,0 0 2px #fff inset;text-shadow:0 0 1px #fff;}.layui-iconpicker-search{position:relative;margin:0 0 6px 0;border:1px solid #e6e6e6;border-radius:2px;transition:300ms;}.layui-iconpicker-search:hover{border-color:#D2D2D2!important;}.layui-iconpicker-search .layui-input{cursor:text;display:inline-block;width:86%;border:none;padding-right:0;margin-top:1px;}.layui-iconpicker-search .iconfont{position:absolute;top:11px;right:4%;}.layui-iconpicker-tips{text-align:center;padding:8px 0;cursor:not-allowed;}.layui-iconpicker-page{margin-top:6px;margin-bottom:-6px;font-size:12px;padding:0 2px;}.layui-iconpicker-page-count{display:inline-block;}.layui-iconpicker-page-operate{display:inline-block;float:right;cursor:default;}.layui-iconpicker-page-operate .iconfont{font-size:12px;cursor:pointer;}.layui-iconpicker-body-page .layui-iconpicker-icon-limit{display:none;}.layui-iconpicker-body-page .layui-iconpicker-icon-limit:first-child{display:block;}</style>')},getData:{fontClass:function(){return["icon-at-line","icon-at-fill","icon-medal-fill","icon-medal-line","icon-vidicon-fill","icon-vidicon-line","icon-donut-chart-fill","icon-donut-chart-line","icon-line-chart-fill","icon-line-chart-line","icon-pie-chart-2-fill","icon-pie-chart-2-line","icon-printer-fill","icon-printer-line","icon-stack-fill","icon-stack-line","icon-window-fill","icon-window-line","icon-barcode-line","icon-barcode-fill","icon-code-s-slash-fill","icon-code-s-slash-line","icon-coupon-line","icon-coupon-fill","icon-download-2-line","icon-download-2-fill","icon-drag-move-2-fill","icon-drag-move-2-line","icon-eye-close-fill","icon-eye-fill","icon-eye-close-line","icon-eye-line","icon-eye-off-fill","icon-eye-off-line","icon-fingerprint-line","icon-fingerprint-fill","icon-map-fill","icon-map-2-line","icon-mini-program-line","icon-mini-program-fill","icon-movie-2-fill","icon-movie-2-line","icon-music-2-fill","icon-music-2-line","icon-notification-3-line","icon-notification-3-fill","icon-notification-4-fill","icon-notification-4-line","icon-qr-code-fill","icon-qr-code-line","icon-qr-scan-2-fill","icon-qr-scan-2-line","icon-red-packet-fill","icon-red-packet-line","icon-riding-fill","icon-riding-line","icon-rocket-2-fill","icon-rocket-2-line","icon-shape-2-fill","icon-shape-2-line","icon-shape-fill","icon-shape-line","icon-shield-keyhole-line","icon-shield-keyhole-fill","icon-shopping-bag-fill","icon-shopping-bag-line","icon-sound-module-fill","icon-sound-module-line","icon-stock-fill","icon-stock-line","icon-t-shirt-2-fill","icon-t-shirt-2-line","icon-t-shirt-fill","icon-t-shirt-line","icon-table-alt-fill","icon-table-alt-line","icon-table-fill","icon-table-line","icon-takeaway-fill","icon-takeaway-line","icon-taxi-fill","icon-taxi-line","icon-truck-fill","icon-truck-line","icon-zoom-in-line","icon-zoom-out-fill","icon-zoom-out-line","icon-zoom-in-fill","icon-hospital-fill","icon-hospital-line","icon-store-2-fill","icon-store-line","icon-store-2-line","icon-store-fill","icon-advertisement-line","icon-advertisement-fill","icon-archive-line","icon-archive-fill","icon-bar-chart-fill","icon-bar-chart-grouped-line","icon-bar-chart-2-line","icon-bar-chart-grouped-fill","icon-bar-chart-horizontal-fill","icon-bar-chart-horizontal-line","icon-bubble-chart-fill","icon-bubble-chart-line","icon-qq-fill","icon-qq-line","icon-alipay-fill","icon-alipay-line","icon-translate-2","icon-translate","icon-baidu-fill","icon-baidu-line","icon-dingding-fill","icon-dingding-line","icon-github-fill","icon-github-line","icon-taobao-fill","icon-taobao-line","icon-wechat-2-fill","icon-wechat-2-line","icon-wechat-pay-fill","icon-wechat-fill","icon-wechat-line","icon-wechat-pay-line","icon-sina-fill","icon-sina-line","icon-calendar-2-fill","icon-calendar-2-line","icon-calendar-check-fill","icon-calendar-check-line","icon-recycle-fill","icon-recycle-line","icon-money","icon-upload2-fill","icon-upload2-line","icon-upload-fill","icon-upload-line","icon-tools-fill","icon-tools-line","icon-database-2-line","icon-database-2-fill","icon-file-fill","icon-file-line","icon-file-list-3-fill","icon-file-list-3-line","icon-file-paper-2-fill","icon-file-paper-2-line","icon-file-shield-2-fill","icon-file-shield-2-line","icon-gift-fill","icon-money-cny-box-line","icon-gift-line","icon-money-cny-box-fill","icon-history","icon-history-filling","icon-file-settings-fill","icon-file-settings-line","icon-user-fill","icon-user-line","icon-shield-user-fill","icon-shield-user-line","icon-user-unfollow-fill","icon-user-unfollow-line","icon-shuaxin","icon-user-add-fill","icon-user-add-line","icon-user-heart-line","icon-user-heart-fill","icon-user-shared-2-fill","icon-user-shared-2-line","icon-user-star-fill","icon-user-star-line","icon-mail-add-line","icon-mail-check-fill","icon-mail-check-line","icon-mail-add-fill","icon-mail-close-line","icon-mail-download-line","icon-mail-close-fill","icon-mail-fill","icon-mail-forbid-fill","icon-mail-line","icon-mail-forbid-line","icon-mail-lock-fill","icon-mail-download-fill","icon-mail-lock-line","icon-mail-open-fill","icon-mail-open-line","icon-mail-send-line","icon-mail-send-fill","icon-mail-settings-line","icon-mail-star-line","icon-mail-star-fill","icon-mail-unread-line","icon-mail-unread-fill","icon-mail-volume-line","icon-mail-settings-fill","icon-mail-volume-fill","icon-edit-2-fill","icon-edit-2-line","icon-file-code-fill","icon-file-code-line","icon-reactjs-line","icon-reactjs-fill","icon-logout-box-line","icon-logout-box-r-line","icon-group-fill","icon-group-line","icon-user-settings-line","icon-user-settings-fill","icon-palette-fill","icon-palette-line","icon-git-branch-fill","icon-git-branch-line","icon-book-2-fill","icon-book-2-line","icon-book-open-fill","icon-book-open-line","icon-vip-fill","icon-vip-line","icon-equalizer-fill","icon-equalizer-line","icon-shujutu","icon-draft-fill","icon-draft-line","icon-apps-fill","icon-apps-line","icon-alarm-fill","icon-alarm-line","icon-circle-fill","icon-circle-line","icon-oschina","icon-cry","icon-meh","icon-smile","icon-smile-filling","icon-meh-filling","icon-cry-filling","icon-add","icon-close","icon-min","icon-fa-arrows-alt-v","icon-arrows-alt-h","icon-redo-alt","icon-undo-alt","icon-falling","icon-leftarrow","icon-rising","icon-Rightarrow","icon-vip1","icon-shuaxin1","icon-renwu","icon-icon-test","icon-icon-test1","icon-tongji","icon-shenhe","icon-tubiaoqiehuan","icon-tiyanjiankong","icon-yonghu","icon-male","icon-female","icon-global","icon-liebiaosousuo","icon-dibu","icon-dingbu","icon-right","icon-caigou-xianxing","icon-caigou","icon-shiyongwendang","icon-peoplefill","icon-people","icon-hotfill","icon-hot","icon-cloud-upload","icon-cloud","icon-cloud-download","icon-cloud-sync","icon-apartment","icon-bug-fill","icon-bug","icon-rankfill","icon-rank","icon-other","icon-send","icon-tailor","icon-warning_fill","icon-warning","icon-workbench_fill","icon-workbench","icon-search","icon-searchfill","icon-accessory","icon-addition_fill","icon-addition","icon-browse_fill","icon-browse","icon-brush","icon-brush_fill","icon-collection_fill","icon-collection","icon-coordinates_fill","icon-coordinates","icon-createtask_fill","icon-createtask","icon-delete_fill","icon-delete","icon-emoji_fill","icon-emoji","icon-enterinto","icon-enterinto_fill","icon-feedback_fill","icon-feedback","icon-flag_fill","icon-flag","icon-flashlight","icon-flashlight_fill","icon-fullscreen","icon-homepage_fill","icon-homepage","icon-interactive_fill","icon-interactive","icon-label","icon-label_fill","icon-like_fill","icon-like","icon-lock_fill","icon-lock","icon-manage_fill","icon-manage","icon-more","icon-narrow","icon-offline_fill","icon-offline","icon-picture_fill","icon-picture","icon-playon_fill","icon-playon","icon-praise_fill","icon-praise","icon-prompt_fill","icon-prompt","icon-qrcode_fill","icon-qrcode","icon-select_fill","icon-select","icon-setup_fill","icon-setup","icon-share_fill","icon-share","icon-stealth_fill","icon-stealth","icon-success_fill","icon-success","icon-switch","icon-systemprompt_fill","icon-systemprompt","icon-time_fill","icon-time","icon-trash","icon-trash_fill","icon-undo","icon-unlock_fill","icon-unlock","icon-packup","icon-unfold","icon-yidong","icon-beifenruanjian","icon-zidongxiufu","icon-lianjie"]}}};return w.init(),new n},n.prototype.checkIcon=function(i,n){var l=o("*[lay-filter="+i+"]"),c=l.next().find(".layui-iconpicker-item .iconfont"),e=n;e.indexOf("#xe")>0?c.html(e):c.html("").attr("class","iconfont "+e),l.attr("value",e).val(e)},i("iconPicker",new n)});
|
