From 529f3bf92d36c9b88491c8e650db977f01240dab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E4=BB=AA=E5=BC=8F?= <854085467@qq.com>
Date: Wed, 9 Sep 2020 14:38:59 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=95=E5=85=A5=20dropdown=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=EF=BC=8C=E4=BF=AE=E6=94=B9=E7=A4=BE=E5=8C=BA=E5=85=A5?=
 =?UTF-8?q?=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                   | 2 +-
 component/pear/css/pear-module/dropdown.css | 7 +++++++
 component/pear/css/pear.css                 | 1 +
 component/pear/module/dropdown.js           | 7 +++++++
 component/pear/pear.all.js                  | 4 +++-
 component/pear/pear.js                      | 3 ++-
 6 files changed, 21 insertions(+), 3 deletions(-)
 create mode 100644 component/pear/css/pear-module/dropdown.css
 create mode 100644 component/pear/module/dropdown.js

diff --git a/README.md b/README.md
index 0c95498..80c2471 100644
--- a/README.md
+++ b/README.md
@@ -10,7 +10,7 @@
     开 箱 即 用 的 前 后 端 解 决 方 案
   </h4> 
 
-  [预 览](http://layui.pearadmin.com)   |   [官 网](http://www.pearadmin.com/)   |   [群聊](https://jq.qq.com/?_wv=1027&k=5OdSmve)   |   [社区](http://fly.pearadmin.com/posts)
+  [预 览](http://layui.pearadmin.com)   |   [官 网](http://www.pearadmin.com/)   |   [群聊](https://jq.qq.com/?_wv=1027&k=5OdSmve)   |   [社区](http://forum.pearadmin.com/)
 
 
 </div>
diff --git a/component/pear/css/pear-module/dropdown.css b/component/pear/css/pear-module/dropdown.css
new file mode 100644
index 0000000..f5a4385
--- /dev/null
+++ b/component/pear/css/pear-module/dropdown.css
@@ -0,0 +1,7 @@
+/**
+ * layui_dropdown
+ * v2.3.2
+ * by Microanswer
+ * http://layuidropdown.microanswer.cn/
+ **/
+html #layuicss-dropdown_css{display:none;position:absolute;width:1989px}.dropdown-root{position:fixed;outline:0;overflow:hidden}.dropdown-pointer{width:0;height:0;position:absolute;display:block;overflow:hidden;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAgBAMAAABQs2O3AAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABVQTFRFAAAAgICAgICAgICAhISE8PDw////jUnEegAAAAd0Uk5TAB/2/////74r3wgAAACOSURBVHicfcztDYAgDEVR2MCwgXEDwwbGDYwbyP4jyJfYlvbdvzc5zrH8ti8OFeKxou+384JEiPeDiAykhIgMpASICiCiAoDogE10wCQGYBEDMAgC6AQBVIIBGsEAhRDATAhgIiZAEhMgCAXghAIwQgUooQKEMICfMIBBmMBHmEAnANAIADQCAYVwCCjEC5fhzAE36RUGAAAAAElFTkSuQmCC) bottom center no-repeat;background-size:100% 50%;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}.dropdown-pointer.bottom{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}.dropdown-root .dropdown-content{background-color:#fff;border-radius:3px;box-shadow:1px 1px 5px #979797;overflow-x:auto;overflow-y:hidden}.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-thead{display:table-header-group}.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-tbody{display:table-row-group}.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-tr{display:table-row}.dropdown-root .dropdown-content .dropdown-content-table,.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-td,.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-th{display:table-cell;border:unset;text-align:unset;font-weight:400;min-height:unset;font-size:12px;line-height:12px;padding-top:0;padding-bottom:0}.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-th{font-weight:700}.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-tr,.dropdown-root .dropdown-content .dropdown-content-table .dropdown-content-tr:hover{background-color:unset}.dropdown-root .dropdown-content .dropdown-menu-wrap{border-right:1px solid transparent;overflow-y:auto;overflow-x:hidden}.dropdown-root .dropdown-content .dropdown-menu-fixed-head{border-right:1px solid transparent;overflow:hidden}.dropdown-root .dropdown-content .dropdown-menu-fixed-head .menu-fixed-head{margin:6px 14px 2px;color:#a8a8a8;font-size:12px}.dropdown-root .dropdown-content .dropdown-menu-fixed-head.menu-splitor,.dropdown-root .dropdown-content .dropdown-menu-wrap.menu-splitor{border-right:1px solid #D9D9D9}.dropdown-root .dropdown-content .dropdown-menu-wrap.overflowauto{overflow-y:auto;overflow-x:hidden}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu{padding:0;margin:0}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap{list-style:none;outline:0}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap:first-child{margin-top:10px}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap.nomargin{margin-top:0!important}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap:last-child{margin-bottom:10px}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-header{margin-top:6px}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-header.withLine{margin-left:0;margin-bottom:0;margin-right:0}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-header,.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-header legend{font-size:12px!important;line-height:15px!important;padding:0 14px!important;color:#a8a8a8}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-item{line-height:36px}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-item a{display:block;color:#333;padding:0 20px;min-width:40px;text-indent:0;font-size:14px;white-space:nowrap}.dropdown-root .dropdown-content .dropdown-menu-wrap .dropdown-menu .menu-item-wrap .menu-item a:hover{background-color:#D9D9D9}
\ No newline at end of file
diff --git a/component/pear/css/pear.css b/component/pear/css/pear.css
index dc225e2..7694da5 100644
--- a/component/pear/css/pear.css
+++ b/component/pear/css/pear.css
@@ -6,6 +6,7 @@
 @import url("pear-module/dtree/dtree.css");
 @import url("pear-module/iconPicker.css");
 @import url("pear-module/treetable.css");
+@import url("pear-module/dropdown.css");
 @import url("pear-module/topBar.css");
 @import url("pear-module/select.css");
 @import url("pear-module/layout.css");
diff --git a/component/pear/module/dropdown.js b/component/pear/module/dropdown.js
new file mode 100644
index 0000000..43676f5
--- /dev/null
+++ b/component/pear/module/dropdown.js
@@ -0,0 +1,7 @@
+/**
+ * layui_dropdown
+ * v2.3.2
+ * by Microanswer
+ * http://layuidropdown.microanswer.cn/
+ **/
+layui.define(["jquery","laytpl"],function(i){var s=layui.jquery||layui.$,r=layui.laytpl,e="a",d={},c="1",u="2",m="3";function f(i){if(!i)throw new Error("菜单条目内必须填写内容。");if("hr"===i)return"hr";if(0!==i.indexOf("{"))throw new Error("除了分割线hr，别的菜单条目都必须保证是合格的Javascript对象或json对象。");return new Function("return "+i)()}function a(i){if(i&&0<i.length){for(var n=0,t=new Array(i.length),o=0;o<i.length;o++)for(var e=i[o],d=0;d<e.length;d++)e[d].header&&e[d].fixed&&(n++,t[o]=e[d],e.splice(d,1),d--);if(0<n)return t}return null}var l=window.MICROANSWER_DROPDOWAN||"dropdown",p="<div tabindex='0' class='layui-anim layui-anim-upbit dropdown-root' "+l+"-id='{{d.downid}}' style='display: none;z-index: {{d.zIndex}}'>{{# if (d.arrow){ }}<div class='dropdown-pointer'></div>{{# } }}<div class='dropdown-content' style='margin: {{d.gap}}px {{d.gap}}px;background-color: {{d.backgroundColor}};min-width: {{d.minWidth}}px;max-width: {{d.maxWidth}}px;min-height: {{d.minHeight}}px;max-height: {{d.maxHeight}}px;white-space: {{d.nowrap?\"nowrap\":\"normal\"}}'>",h="</div></div>",w=p+"<div class='dropdown-content-table' cellpadding='0' cellspacing='0'>{{# if (d.fixHeaders && d.fixHeaders.length > 0){ }}<div class='dropdown-content-thead'><div class='dropdown-content-tr'>{{# layui.each(d.fixHeaders, function(i, fixHeader){ }}{{# if (fixHeader) { }}<div class='dropdown-content-th'><div class='dropdown-menu-fixed-head {{(d.menuSplitor && i < (d.menus.length-1))?\"menu-splitor\":\"\"}}'><div class='menu-fixed-head' style='text-align: {{fixHeader.align||\"center\"}}'>{{fixHeader.header}}</div></div></div>{{# } else { }}<th><div class='dropdown-menu-fixed-head {{(d.menuSplitor && i < (d.menus.length-1))?\"menu-splitor\":\"\"}}'><div class='menu-fixed-head'>&nbsp;</div></div></th>{{# } }}{{# }); }}</div></div>{{# } }}<div class='dropdown-content-tbody'><div class='dropdown-content-tr'>{{# layui.each(d.menus, function(i, menu){ }}<div class='dropdown-content-td' valign='top'><div class='dropdown-menu-wrap {{(d.menuSplitor && i < (d.menus.length-1))?\"menu-splitor\":\"\"}} overflowauto' style='min-height: {{d.minHeight}}px;max-height: {{d.maxHeight - ((d.fixHeaders)?24:0)}}px;'><ul class='dropdown-menu' style=''>{{# layui.each(menu, function(index, item){ }}<li class='menu-item-wrap {{(d.fixHeaders && d.fixHeaders.length) > 0?\"nomargin\":\"\"}}'>{{# if ('hr' === item) { }}<hr>{{# } else if (item.header) { }}{{# if (item.withLine) { }}<fieldset class=\"layui-elem-field layui-field-title menu-header withLine\"><legend>{{item.header}}</legend></fieldset>{{# } else { }}<div class='menu-header' style='text-align: {{item.align||\"left\"}}'>{{item.header}}</div>{{# } }}{{# } else { }}<div class='menu-item'><a href='javascript:;' lay-event='{{item.event}}'>{{# if (item.layIcon){ }}<i class='layui-icon {{item.layIcon}}'></i>&nbsp;{{# } }}<span class='{{item.txtClass||\"\"}}'>{{item.txt}}</span></a></div>{{# } }}</li>{{# }); }}</ul></div></div>{{#});}}</div></div></div>"+h,t={menus:[],templateMenu:"",template:"",showBy:"click",align:"left",minWidth:80,maxWidth:500,minHeight:10,maxHeight:400,zIndex:891,gap:8,onHide:function(i,n){},onShow:function(i,n){},scrollBehavior:"follow",backgroundColor:"#FFF",cssLink:"https://cdn.jsdelivr.net/gh/microanswer/layui_dropdown@2.3.2/dist/dropdown.css",immed:!1,arrow:!0,templateMenuSptor:"[]",menuSplitor:!0};function v(i,n){"string"==typeof i&&(i=s(i)),this.$dom=i,this.option=s.extend({downid:String(Math.random()).split(".")[1],filter:i.attr("lay-filter")},t,n),20<this.option.gap&&(this.option.gap=20),this.init()}function o(i,o){s(i||"[lay-"+l+"]").each(function(){var i=s(this),n=new Function("return "+(i.attr("lay-"+l)||"{}"))();i.removeAttr("lay-"+l);var t=i.data(l)||new v(i,s.extend({},n,o||{}));i.data(l,t)})}window[l+"_useOwnCss"]||layui.link(window[l+"_cssLink"]||t.cssLink,function(){},l+"_css"),v.prototype.init=function(){var n=this,i=!1;if(n.option.menus&&0<n.option.menus.length){i=!0;var t=n.option.menus[0];Array.isArray(t)||(n.option.menus=[n.option.menus]),n.option.fixHeaders=a(n.option.menus),n.option.nowrap=!0,r(w).render(n.option,function(i){n.downHtml=i,n.initEvent()})}else if(n.option.templateMenu){var o;i=!0,o=-1===n.option.templateMenu.indexOf("#")?"#"+n.option.templateMenu:n.option.templateMenu;var e=s.extend(s.extend({},n.option),n.option.data||{});r(s(o).text()).render(e,function(i){n.option.menus=function(i,n){if(!i)return"";if(!n)throw new Error("请指定菜单模板限定符。");for(var t,o,e=n.charAt(0),d=n.charAt(1),s=i.length,r=0,a=c,l=!1,p=[];r<s;){var h=i.charAt(r);a!==c||l?a!==u||l?a===m&&(l?(o.srcStr+=h,l=!1):"\\"===h?l=!0:h===d?(o=f(o.srcStr),t.push(o),a=u):o.srcStr+=h):e===h?(o={srcStr:""},a=m):d===h&&(a=c):e===h&&(t=[],p.push(t),a=u),r+=1}return p}(i,n.option.templateMenuSptor),n.option.fixHeaders=a(n.option.menus),n.option.nowrap=!0,r(w).render(n.option,function(i){n.downHtml=i,n.initEvent()})})}else if(n.option.template){var d;i=!0,d=-1===n.option.template.indexOf("#")?"#"+n.option.template:n.option.template,(e=s.extend(s.extend({},n.option),n.option.data||{})).nowrap=!1,r(p+s(d).html()+h).render(e,function(i){n.downHtml=i,n.initEvent()})}else layui.hint().error("下拉框目前即没配置菜单项，也没配置下拉模板。[#"+(n.$dom.attr("id")||"")+",filter="+n.option.filter+"]");i&&this.option.immed&&this.downHtml&&this.show()},v.prototype.initSize=function(){if(this.$down&&(this.$down.find(".dropdown-pointer").css({width:2*this.option.gap,height:2*this.option.gap}),!this._sized)){var i=0;this.$down.find(".dropdown-menu-wrap").each(function(){i=Math.max(i,s(this).height())}),this.$down.find(".dropdown-menu-wrap").css({height:i}),this._sized=!0}},v.prototype.initPosition=function(){if(this.$down){var i,n,t,o,e=this.$dom.offset(),d=this.$dom.outerHeight(),s=this.$dom.outerWidth(),r=e.left,a=e.top-window.pageYOffset,l=this.$down.outerHeight(),p=this.$down.outerWidth();n=d+a,(i="right"===this.option.align?r+s-p+this.option.gap:"center"===this.option.align?r+(s-p)/2:r-this.option.gap)+p>=window.innerWidth&&(i=window.innerWidth-p-2*this.option.gap),t=i<r?s<p?r-i+s/2:p/2:s<p?i+(r+s-i)/2:p/2,t-=this.option.gap;var h=this.$arrowDom;o=-this.option.gap,h.css("left",t),h.css("right","unset"),n+l>=window.innerHeight?(n=a-l,o=l-this.option.gap,h.css("top",o).addClass("bottom")):h.css("top",o).removeClass("bottom"),this.$down.css("left",i),this.$down.css("top",n)}},v.prototype.show=function(){var t,i,n=this,o=!1;n.$down||(n.$down=s(n.downHtml),n.$dom.after(n.$down),n.$arrowDom=n.$down.find(".dropdown-pointer"),o=!0),n.initPosition(),n.opening=!0,setTimeout(function(){n.$down.focus()},100),n.$down.addClass("layui-show"),n.initSize(),n.opened=!0,o&&n.initDropdownEvent(),t=n,i=d[e]||[],s.each(i,function(i,n){n(t)}),o&&n.onSuccess(),n.option.onShow&&n.option.onShow(n.$dom,n.$down)},v.prototype.hide=function(){this.opened&&(this.fcd=!1,this.$down.removeClass("layui-show"),this.opened=!1,this.option.onHide&&this.option.onHide(this.$dom,this.$down))},v.prototype.hideWhenCan=function(){this.mic||this.opening||this.fcd||this.hide()},v.prototype.toggle=function(){this.opened?this.hide():this.show()},v.prototype.onSuccess=function(){this.option.success&&this.option.success(this.$down)},v.prototype._onScroll=function(){var i=this;i.opened&&("follow"===this.option.scrollBehavior?setTimeout(function(){i.initPosition()},1):this.hide())},v.prototype.initEvent=function(){var i,n,t,o=this;n=function(i){i!==o&&o.hide()},(t=d[i=e]||[]).push(n),d[i]=t,s(window).on("scroll",function(){o._onScroll()}),o.$dom.parents().on("scroll",function(){o._onScroll()}),s(window).on("resize",function(){o.opened&&o.initPosition()}),o.initDomEvent()},v.prototype.initDomEvent=function(){var i=this;i.$dom.mouseenter(function(){i.mic=!0,"hover"===i.option.showBy&&(i.fcd=!0,i.show())}),i.$dom.mouseleave(function(){i.mic=!1}),"click"===i.option.showBy&&i.$dom.on("click",function(){i.fcd=!0,i.toggle()}),i.$dom.on("blur",function(){i.fcd=!1,i.hideWhenCan()})},v.prototype.initDropdownEvent=function(){var o=this;o.$down.find(".dropdown-menu-wrap").on("mousewheel",function(i){var n=s(this);(i=i||window.event).cancelable=!0,i.cancelBubble=!0,i.preventDefault(),i.stopPropagation(),i.stopImmediatePropagation&&i.stopImmediatePropagation(),i.returnValue=!1,o.scrolling&&n.finish();var t=-i.originalEvent.wheelDelta||i.originalEvent.detail;0<t?(50<t&&(t=50),o.scrolling=!0,n.animate({scrollTop:n.scrollTop()+t},{duration:170,complete:function(){o.scrolling=!1}})):t<0?(t<-50&&(t=-50),o.scrolling=!0,n.animate({scrollTop:n.scrollTop()+t},{duration:170,complete:function(){o.scrolling=!1}})):o.scrolling=!1}),o.$down.mouseenter(function(){o.mic=!0,o.$down.focus()}),o.$down.mouseleave(function(){o.mic=!1}),o.$down.on("blur",function(){o.fcd=!1,o.hideWhenCan()}),o.$down.on("focus",function(){o.opening=!1}),o.option.menus&&s("["+l+"-id='"+o.option.downid+"']").on("click","a",function(){var i=(s(this).attr("lay-event")||"").trim();i?(layui.event.call(this,l,l+"("+o.option.filter+")",i),o.hide()):layui.hint().error("菜单条目["+this.outerHTML+"]未设置event。")})},o(),i(l,{suite:o,onFilter:function(i,n){layui.onevent(l,l+"("+i+")",function(i){n&&n(i)})},hide:function(i){s(i).each(function(){var i=s(this).data(l);i&&i.hide()})},show:function(n,t){s(n).each(function(){var i=s(this).data(l);i?i.show():(layui.hint().error("警告：尝试在选择器【"+n+"】上进行下拉框show操作，但此选择器对应的dom并没有初始化下拉框。"),(t=t||{}).immed=!0,o(n,t))})},version:"2.3.2"})});
\ No newline at end of file
diff --git a/component/pear/pear.all.js b/component/pear/pear.all.js
index e39a08e..586c32f 100644
--- a/component/pear/pear.all.js
+++ b/component/pear/pear.all.js
@@ -28,5 +28,7 @@ layui.config({
 	area:"area",
 	count:"count",
 	topBar: "topBar",
-	button: "button"
+	button: "button",
+	design: "design",
+	dropdown: "dropdown"
 });
diff --git a/component/pear/pear.js b/component/pear/pear.js
index e39f810..586c32f 100644
--- a/component/pear/pear.js
+++ b/component/pear/pear.js
@@ -29,5 +29,6 @@ layui.config({
 	count:"count",
 	topBar: "topBar",
 	button: "button",
-	design: "design"
+	design: "design",
+	dropdown: "dropdown"
 });