diff --git a/src/main/resources/images/redpacket/gesture/paper.png b/src/main/resources/images/redpacket/gesture/paper.png index a2ae69ec..6a0db031 100644 Binary files a/src/main/resources/images/redpacket/gesture/paper.png and b/src/main/resources/images/redpacket/gesture/paper.png differ diff --git a/src/main/resources/images/redpacket/gesture/rock.png b/src/main/resources/images/redpacket/gesture/rock.png index b8694547..e40838c2 100644 Binary files a/src/main/resources/images/redpacket/gesture/rock.png and b/src/main/resources/images/redpacket/gesture/rock.png differ diff --git a/src/main/resources/images/redpacket/gesture/scissors.png b/src/main/resources/images/redpacket/gesture/scissors.png index a856cf76..53fe8706 100644 Binary files a/src/main/resources/images/redpacket/gesture/scissors.png and b/src/main/resources/images/redpacket/gesture/scissors.png differ diff --git a/src/main/resources/js/chat-room.js b/src/main/resources/js/chat-room.js index 18dc4bc4..945f78b8 100644 --- a/src/main/resources/js/chat-room.js +++ b/src/main/resources/js/chat-room.js @@ -34,6 +34,9 @@ var x = 0; var y = 0; var isClick = true; var thisClient = 'Web/PC网页端'; +// 弹幕颜色选择器 +var BarragerColorPicker = null; +var DarwColorPicker = null; var ChatRoom = { init: function () { // 聊天窗口高度设置 @@ -484,15 +487,45 @@ var ChatRoom = { $("#paintContent").slideUp(1000); } }); + BarragerColorPicker = new XNColorPicker({ + color: "#ffffff", + selector: "#selectBarragerColor", + showhistorycolor:false, + colorTypeOption:'single', + autoConfirm:true, + onError:function(e){}, + onCancel:function(color){}, + onChange:function(color){ + }, + onConfirm:function(color){ + } + }) // 监听弹幕颜色 - $('#selectBarragerColor').cxColor({ - color: '#ffffff' - }); + // $('#selectBarragerColor').cxColor({ + // color: '#ffffff' + // }); // 监听修改颜色 - $('#selectColor').cxColor(); - $("#selectColor").bind("change", function () { - ChatRoom.changeColor(this.value); - }); + // $('#selectColor').cxColor(); + DarwColorPicker = new XNColorPicker({ + color: "#000000", + selector: "#selectColor", + showhistorycolor:false, + colorTypeOption:'single', + autoConfirm:true, + onError:function(e){}, + onCancel:function(color){}, + onChange:function(color){ + // console.log("change",color.color.rgba) + ChatRoom.changeColor(color.color.rgba); + }, + onConfirm:function(color){ + // console.log("change",color.color.rgba) + ChatRoom.changeColor(color.color.rgba); + } + }) + // $("#selectColor").bind("change", function () { + // ChatRoom.changeColor(this.value); + // }); $("#selectWidth").bind("change", function () { let width = $("#selectWidth").val(); ChatRoom.changeWidth(width); @@ -501,7 +534,8 @@ var ChatRoom = { setInterval(ChatRoom.reloadMessages, 15 * 60 * 1000); }, sendBarrager: function () { - let color = $("#selectBarragerColor")[0].value; + // let color = $("#selectBarragerColor")[0].value; + let color = BarragerColorPicker.color.rgba; let content = $('#barragerInput').val(); let json = { color: color, @@ -1543,6 +1577,9 @@ ${result.info.msg} ChatRoom.renderRedPacket(result.who, result.info.count, result.info.got, result.recivers, result.diceRet, result.info.userName) if (result.info.count === result.info.got) { $("#chatroom" + oId).find(".hongbao__item").css("opacity", ".36").attr('onclick', "ChatRoom.unpackRedPacket(" + oId + ")"); + if(!$("#chatroom" + oId).find(".hongbao__item").hasClass('opened')){ + $("#chatroom" + oId).find(".hongbao__item").addClass('opened') + } if (result.dice === true) { $("#chatroom" + oId).find(".redPacketDesc").html("已开盘"); } else { diff --git a/src/main/resources/js/xncolorpicker.min.js b/src/main/resources/js/xncolorpicker.min.js new file mode 100644 index 00000000..285ea87b --- /dev/null +++ b/src/main/resources/js/xncolorpicker.min.js @@ -0,0 +1,41 @@ +!function(){"use strict";var n={"./node_modules/css-loader/dist/runtime/api.js": +/*!*****************************************************!*\ + !*** ./node_modules/css-loader/dist/runtime/api.js ***! + \*****************************************************/function(e){e.exports=function(n){var l=[];return l.toString=function(){return this.map(function(e){var t=n(e);return e[2]?"@media ".concat(e[2]," {").concat(t,"}"):t}).join("")},l.i=function(e,t,n){"string"==typeof e&&(e=[[null,e,""]]);var r={};if(n)for(var o=0;oe.length)&&(t=e.length);for(var n=0,r=new Array(t);n>10|55296,1023&r|56320)}function t(){m()}var e,f,b,i,r,h,p,g,C,c,d,m,x,o,A,v,a,s,y,B="sizzle"+ +new Date,w=n.document,k=0,I=0,l=ie(),T=ie(),S=ie(),E=function(e,t){return e===t&&(d=!0),0},N={}.hasOwnProperty,j=[],D=j.pop,L=j.push,F=j.push,H=j.slice,O=function(e,t){for(var n=0,r=e.length;n+~]|"+q+")"+q+"*"),G=new RegExp("="+q+"*([^\\]'\"]*?)"+q+"*\\]","g"),Y=new RegExp(_),V=new RegExp("^"+W+"$"),Q={ID:new RegExp("^#("+R+")"),CLASS:new RegExp("^\\.("+R+")"),TAG:new RegExp("^("+R.replace("w","w*")+")"),ATTR:new RegExp("^"+z),PSEUDO:new RegExp("^"+_),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+q+"*(even|odd|(([+-]|)(\\d*)n|)"+q+"*(?:([+-]|)"+q+"*(\\d+)|))"+q+"*\\)|)","i"),bool:new RegExp("^(?:"+M+")$","i"),needsContext:new RegExp("^"+q+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+q+"*((?:-\\d)?\\d*)"+q+"*\\)|)(?=[^-]|$)","i")},K=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,Z=/^[^{]+\{\s*\[native \w/,ee=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,te=/[+~]/,ne=/'|\\/g,re=new RegExp("\\\\([\\da-f]{1,6}"+q+"?|("+q+")|.)","ig");try{F.apply(j=H.call(w.childNodes),w.childNodes),j[w.childNodes.length].nodeType}catch(e){F={apply:j.length?function(e,t){L.apply(e,H.call(t))}:function(e,t){for(var n=e.length,r=0;e[n++]=t[r++];);e.length=n-1}}}function oe(e,t,n,r){var o,i,a,s,l,c,d,u,p;if((t?t.ownerDocument||t:w)!==x&&m(t),n=n||[],a=(t=t||x).nodeType,"string"!=typeof e||!e||1!==a&&9!==a&&11!==a)return n;if(!r&&A){if(11!==a&&(o=ee.exec(e)))if(c=o[1]){if(9===a){if(!(i=t.getElementById(c))||!i.parentNode)return n;if(i.id===c)return n.push(i),n}else if(t.ownerDocument&&(i=t.ownerDocument.getElementById(c))&&y(t,i)&&i.id===c)return n.push(i),n}else{if(o[2])return F.apply(n,t.getElementsByTagName(e)),n;if((c=o[3])&&f.getElementsByClassName)return F.apply(n,t.getElementsByClassName(c)),n}if(f.qsa&&(!v||!v.test(e))){if(d=c=B,u=t,p=1!==a&&e,1===a&&"object"!==t.nodeName.toLowerCase()){for(l=h(e),(c=t.getAttribute("id"))?d=c.replace(ne,"\\$&"):t.setAttribute("id",d),d="[id='"+d+"'] ",s=l.length;s--;)l[s]=d+fe(l[s]);u=te.test(e)&&ue(t.parentNode)||t,p=l.join(",")}if(p)try{return F.apply(n,u.querySelectorAll(p)),n}catch(e){}finally{c||t.removeAttribute("id")}}}return g(e.replace(U,"$1"),t,n,r)}function ie(){var n=[];function r(e,t){return n.push(e+" ")>b.cacheLength&&delete r[n.shift()],r[e+" "]=t}return r}function ae(e){return e[B]=!0,e}function se(e){var t=x.createElement("div");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function le(e,t){for(var n=e.split("|"),r=e.length;r--;)b.attrHandle[n[r]]=t}function ce(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||1<<31)-(~e.sourceIndex||1<<31);if(r)return r;if(n)for(;n=n.nextSibling;)if(n===t)return-1;return e?1:-1}function de(a){return ae(function(i){return i=+i,ae(function(e,t){for(var n,r=a([],e.length,i),o=r.length;o--;)e[n=r[o]]&&(e[n]=!(t[n]=e[n]))})})}function ue(e){return e&&void 0!==e.getElementsByTagName&&e}for(e in f=oe.support={},r=oe.isXML=function(e){e=e&&(e.ownerDocument||e).documentElement;return!!e&&"HTML"!==e.nodeName},m=oe.setDocument=function(e){var l=e?e.ownerDocument||e:w;return l!==x&&9===l.nodeType&&l.documentElement?(o=(x=l).documentElement,(e=l.defaultView)&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",t,!1):e.attachEvent&&e.attachEvent("onunload",t)),A=!r(l),f.attributes=se(function(e){return e.className="i",!e.getAttribute("className")}),f.getElementsByTagName=se(function(e){return e.appendChild(l.createComment("")),!e.getElementsByTagName("*").length}),f.getElementsByClassName=Z.test(l.getElementsByClassName),f.getById=se(function(e){return o.appendChild(e).id=B,!l.getElementsByName||!l.getElementsByName(B).length}),f.getById?(b.find.ID=function(e,t){if(void 0!==t.getElementById&&A){e=t.getElementById(e);return e&&e.parentNode?[e]:[]}},b.filter.ID=function(e){var t=e.replace(re,u);return function(e){return e.getAttribute("id")===t}}):(delete b.find.ID,b.filter.ID=function(e){var t=e.replace(re,u);return function(e){e=void 0!==e.getAttributeNode&&e.getAttributeNode("id");return e&&e.value===t}}),b.find.TAG=f.getElementsByTagName?function(e,t){return void 0!==t.getElementsByTagName?t.getElementsByTagName(e):f.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],o=0,i=t.getElementsByTagName(e);if("*"!==e)return i;for(;n=i[o++];)1===n.nodeType&&r.push(n);return r},b.find.CLASS=f.getElementsByClassName&&function(e,t){return A?t.getElementsByClassName(e):void 0},a=[],v=[],(f.qsa=Z.test(l.querySelectorAll))&&(se(function(e){o.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+q+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+q+"*(?:value|"+M+")"),e.querySelectorAll("[id~="+B+"-]").length||v.push("~="),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+B+"+*").length||v.push(".#.+[+~]")}),se(function(e){var t=l.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+q+"*[*^$|!~]?="),e.querySelectorAll(":enabled").length||v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(f.matchesSelector=Z.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&se(function(e){f.disconnectedMatch=s.call(e,"div"),s.call(e,"[s!='']:x"),a.push("!=",_)}),v=v.length&&new RegExp(v.join("|")),a=a.length&&new RegExp(a.join("|")),e=Z.test(o.compareDocumentPosition),y=e||Z.test(o.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,t=t&&t.parentNode;return e===t||!(!t||1!==t.nodeType||!(n.contains?n.contains(t):e.compareDocumentPosition&&16&e.compareDocumentPosition(t)))}:function(e,t){if(t)for(;t=t.parentNode;)if(t===e)return!0;return!1},E=e?function(e,t){if(e===t)return d=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!f.sortDetached&&t.compareDocumentPosition(e)===n?e===l||e.ownerDocument===w&&y(w,e)?-1:t===l||t.ownerDocument===w&&y(w,t)?1:c?O(c,e)-O(c,t):0:4&n?-1:1)}:function(e,t){if(e===t)return d=!0,0;var n,r=0,o=e.parentNode,i=t.parentNode,a=[e],s=[t];if(!o||!i)return e===l?-1:t===l?1:o?-1:i?1:c?O(c,e)-O(c,t):0;if(o===i)return ce(e,t);for(n=e;n=n.parentNode;)a.unshift(n);for(n=t;n=n.parentNode;)s.unshift(n);for(;a[r]===s[r];)r++;return r?ce(a[r],s[r]):a[r]===w?-1:s[r]===w?1:0},l):x},oe.matches=function(e,t){return oe(e,null,null,t)},oe.matchesSelector=function(e,t){if((e.ownerDocument||e)!==x&&m(e),t=t.replace(G,"='$1']"),!(!f.matchesSelector||!A||a&&a.test(t)||v&&v.test(t)))try{var n=s.call(e,t);if(n||f.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(re,u),e[3]=(e[3]||e[4]||e[5]||"").replace(re,u),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||oe.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&oe.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return Q.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&Y.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(re,u).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=l[e+" "];return t||(t=new RegExp("(^|"+q+")"+e+"("+q+"|$)"))&&l(e,function(e){return t.test("string"==typeof e.className&&e.className||void 0!==e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(t,n,r){return function(e){e=oe.attr(e,t);return null==e?"!="===n:!n||(e+="","="===n?e===r:"!="===n?e!==r:"^="===n?r&&0===e.indexOf(r):"*="===n?r&&-1(?:<\/\1>|)$/,y=/^.[^:#\[\.,]*$/;function b(e,n,r){if(C.isFunction(n))return C.grep(e,function(e,t){return!!n.call(e,t,e)!==r});if(n.nodeType)return C.grep(e,function(e){return e===n!==r});if("string"==typeof n){if(y.test(n))return C.filter(n,e,r);n=C.filter(n,e)}return C.grep(e,function(e){return 0<=C.inArray(e,n)!==r})}C.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?C.find.matchesSelector(r,e)?[r]:[]:C.find.matches(e,C.grep(t,function(e){return 1===e.nodeType}))},C.fn.extend({find:function(e){var t,n=[],r=this,o=r.length;if("string"!=typeof e)return this.pushStack(C(e).filter(function(){for(t=0;t)[^>]*|#([\w-]*))$/;(C.fn.init=function(e,t){var n,r;if(!e)return this;if("string"!=typeof e)return e.nodeType?(this.context=this[0]=e,this.length=1,this):C.isFunction(e)?void 0!==x.ready?x.ready(e):e(C):(void 0!==e.selector&&(this.selector=e.selector,this.context=e.context),C.makeArray(e,this));if(!(n="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&3<=e.length?[null,e,null]:w.exec(e))||!n[1]&&t)return(!t||t.jquery?t||x:this.constructor(t)).find(e);if(n[1]){if(t=t instanceof C?t[0]:t,C.merge(this,C.parseHTML(n[1],t&&t.nodeType?t.ownerDocument||t:B,!0)),v.test(n[1])&&C.isPlainObject(t))for(n in t)C.isFunction(this[n])?this[n](t[n]):this.attr(n,t[n]);return this}if((r=B.getElementById(n[2]))&&r.parentNode){if(r.id!==n[2])return x.find(e);this.length=1,this[0]=r}return this.context=B,this.selector=e,this}).prototype=C.fn,x=C(B);var k=/^(?:parents|prev(?:Until|All))/,I={children:!0,contents:!0,next:!0,prev:!0};function T(e,t){for(;e=e[t],e&&1!==e.nodeType;);return e}C.extend({dir:function(e,t,n){for(var r=[],o=e[t];o&&9!==o.nodeType&&(void 0===n||1!==o.nodeType||!C(o).is(n));)1===o.nodeType&&r.push(o),o=o[t];return r},sibling:function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}}),C.fn.extend({has:function(e){var t,n=C(e,this),r=n.length;return this.filter(function(){for(t=0;t
a",A.leadingWhitespace=3===t.firstChild.nodeType,A.tbody=!t.getElementsByTagName("tbody").length,A.htmlSerialize=!!t.getElementsByTagName("link").length,A.html5Clone="<:nav>"!==B.createElement("nav").cloneNode(!0).outerHTML,e.type="checkbox",e.checked=!0,n.appendChild(e),A.appendChecked=e.checked,t.innerHTML="",A.noCloneChecked=!!t.cloneNode(!0).lastChild.defaultValue,n.appendChild(t),t.innerHTML="",A.checkClone=t.cloneNode(!0).cloneNode(!0).lastChild.checked,A.noCloneEvent=!0,t.attachEvent&&(t.attachEvent("onclick",function(){A.noCloneEvent=!1}),t.cloneNode(!0).click()),null==A.deleteExpando){A.deleteExpando=!0;try{delete t.test}catch(e){A.deleteExpando=!1}}}(),function(){var e,t,n=B.createElement("div");for(e in{submit:!0,change:!0,focusin:!0})t="on"+e,(A[e+"Bubbles"]=t in h)||(n.setAttribute(t,"t"),A[e+"Bubbles"]=!1===n.attributes[t].expando);n=null}();var $=/^(?:input|select|textarea)$/i,G=/^key/,Y=/^(?:mouse|pointer|contextmenu)|click/,V=/^(?:focusinfocus|focusoutblur)$/,Q=/^([^.]*)(?:\.(.+)|)$/;function K(){return!0}function J(){return!1}function Z(){try{return B.activeElement}catch(e){}}function ee(e){var t=te.split("|"),n=e.createDocumentFragment();if(n.createElement)for(;t.length;)n.createElement(t.pop());return n}C.event={global:{},add:function(e,t,n,r,o){var i,a,s,l,c,d,u,p,f,h=C._data(e);if(h){for(n.handler&&(n=(s=n).handler,o=s.selector),n.guid||(n.guid=C.guid++),(i=h.events)||(i=h.events={}),(c=h.handle)||((c=h.handle=function(e){return(void 0===C?"undefined":on(C))===F||e&&C.event.triggered===e.type?void 0:C.event.dispatch.apply(c.elem,arguments)}).elem=e),a=(t=(t||"").match(E)||[""]).length;a--;)u=f=(d=Q.exec(t[a])||[])[1],p=(d[2]||"").split(".").sort(),u&&(l=C.event.special[u]||{},u=(o?l.delegateType:l.bindType)||u,l=C.event.special[u]||{},d=C.extend({type:u,origType:f,data:r,handler:n,guid:n.guid,selector:o,needsContext:o&&C.expr.match.needsContext.test(o),namespace:p.join(".")},s),(f=i[u])||((f=i[u]=[]).delegateCount=0,l.setup&&!1!==l.setup.call(e,r,p,c)||(e.addEventListener?e.addEventListener(u,c,!1):e.attachEvent&&e.attachEvent("on"+u,c))),l.add&&(l.add.call(e,d),d.handler.guid||(d.handler.guid=n.guid)),o?f.splice(f.delegateCount++,0,d):f.push(d),C.event.global[u]=!0);e=null}},remove:function(e,t,n,r,o){var i,a,s,l,c,d,u,p,f,h,g,m=C.hasData(e)&&C._data(e);if(m&&(d=m.events)){for(c=(t=(t||"").match(E)||[""]).length;c--;)if(f=g=(s=Q.exec(t[c])||[])[1],h=(s[2]||"").split(".").sort(),f){for(u=C.event.special[f]||{},p=d[f=(r?u.delegateType:u.bindType)||f]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),l=i=p.length;i--;)a=p[i],!o&&g!==a.origType||n&&n.guid!==a.guid||s&&!s.test(a.namespace)||r&&r!==a.selector&&("**"!==r||!a.selector)||(p.splice(i,1),a.selector&&p.delegateCount--,u.remove&&u.remove.call(e,a));l&&!p.length&&(u.teardown&&!1!==u.teardown.call(e,h,m.handle)||C.removeEvent(e,f,m.handle),delete d[f])}else for(f in d)C.event.remove(e,f+t[c],n,r,!0);C.isEmptyObject(d)&&(delete m.handle,C._removeData(e,"events"))}},trigger:function(e,t,n,r){var o,i,a,s,l,c,d=[n||B],u=m.call(e,"type")?e.type:e,p=m.call(e,"namespace")?e.namespace.split("."):[],f=l=n=n||B;if(3!==n.nodeType&&8!==n.nodeType&&!V.test(u+C.event.triggered)&&(0<=u.indexOf(".")&&(u=(p=u.split(".")).shift(),p.sort()),i=u.indexOf(":")<0&&"on"+u,(e=e[C.expando]?e:new C.Event(u,"object"==(void 0===e?"undefined":on(e))&&e)).isTrigger=r?2:3,e.namespace=p.join("."),e.namespace_re=e.namespace?new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:C.makeArray(t,[e]),s=C.event.special[u]||{},r||!s.trigger||!1!==s.trigger.apply(n,t))){if(!r&&!s.noBubble&&!C.isWindow(n)){for(a=s.delegateType||u,V.test(a+u)||(f=f.parentNode);f;f=f.parentNode)d.push(f),l=f;l===(n.ownerDocument||B)&&d.push(l.defaultView||l.parentWindow||h)}for(c=0;(f=d[c++])&&!e.isPropagationStopped();)e.type=1]","i"),oe=/^\s+/,ie=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,ae=/<([\w:]+)/,se=/\s*$/g,he={option:[1,""],legend:[1,"
","
"],area:[1,"",""],param:[1,"",""],thead:[1,"","
"],tr:[2,"","
"],col:[2,"","
"],td:[3,"","
"],_default:A.htmlSerialize?[0,"",""]:[1,"X
","
"]},ge=ee(B).appendChild(B.createElement("div"));function me(e,t){var n,r,o=0,i=on(e.getElementsByTagName)!==F?e.getElementsByTagName(t||"*"):on(e.querySelectorAll)!==F?e.querySelectorAll(t||"*"):void 0;if(!i)for(i=[],n=e.childNodes||e;null!=(r=n[o]);o++)!t||C.nodeName(r,t)?i.push(r):C.merge(i,me(r,t));return void 0===t||t&&C.nodeName(e,t)?C.merge([e],i):i}function Ae(e){X.test(e.type)&&(e.defaultChecked=e.checked)}function ve(e,t){return C.nodeName(e,"table")&&C.nodeName(11!==t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function ye(e){return e.type=(null!==C.find.attr(e,"type"))+"/"+e.type,e}function be(e){var t=pe.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function Ce(e,t){for(var n,r=0;null!=(n=e[r]);r++)C._data(n,"globalEval",!t||C._data(t[r],"globalEval"))}function xe(e,t){if(1===t.nodeType&&C.hasData(e)){var n,r,o,i=C._data(e),e=C._data(t,i),a=i.events;if(a)for(n in delete e.handle,e.events={},a)for(r=0,o=a[n].length;r")?i=e.cloneNode(!0):(ge.innerHTML=e.outerHTML,ge.removeChild(i=ge.firstChild)),!(A.noCloneEvent&&A.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||C.isXMLDoc(e)))for(r=me(i),s=me(e),a=0;null!=(o=s[a]);++a)r[a]&&function(e,t){var n,r,o;if(1===t.nodeType){if(n=t.nodeName.toLowerCase(),!A.noCloneEvent&&t[C.expando]){for(r in(o=C._data(t)).events)C.removeEvent(t,r,o.handle);t.removeAttribute(C.expando)}"script"===n&&t.text!==e.text?(ye(t).text=e.text,be(t)):"object"===n?(t.parentNode&&(t.outerHTML=e.outerHTML),A.html5Clone&&e.innerHTML&&!C.trim(t.innerHTML)&&(t.innerHTML=e.innerHTML)):"input"===n&&X.test(e.type)?(t.defaultChecked=t.checked=e.checked,t.value!==e.value&&(t.value=e.value)):"option"===n?t.defaultSelected=t.selected=e.defaultSelected:"input"!==n&&"textarea"!==n||(t.defaultValue=e.defaultValue)}}(o,r[a]);if(t)if(n)for(s=s||me(e),r=r||me(i),a=0;null!=(o=s[a]);a++)xe(o,r[a]);else xe(e,i);return 0<(r=me(i,"script")).length&&Ce(r,!l&&me(e,"script")),r=s=o=null,i},buildFragment:function(e,t,n,r){for(var o,i,a,s,l,c,d,u=e.length,p=ee(t),f=[],h=0;h")+d[2],o=d[0];o--;)s=s.lastChild;if(!A.leadingWhitespace&&oe.test(i)&&f.push(t.createTextNode(oe.exec(i)[0])),!A.tbody)for(o=(i="table"!==l||se.test(i)?""!==d[1]||se.test(i)?0:s:s.firstChild)&&i.childNodes.length;o--;)C.nodeName(c=i.childNodes[o],"tbody")&&!c.childNodes.length&&i.removeChild(c);for(C.merge(f,s.childNodes),s.textContent="";s.firstChild;)s.removeChild(s.firstChild);s=p.lastChild}else f.push(t.createTextNode(i));for(s&&p.removeChild(s),A.appendChecked||C.grep(me(f,"input"),Ae),h=0;i=f[h++];)if((!r||-1===C.inArray(i,r))&&(a=C.contains(i.ownerDocument,i),s=me(p.appendChild(i),"script"),a&&Ce(s),n))for(o=0;i=s[o++];)ue.test(i.type||"")&&n.push(i);return s=null,p},cleanData:function(e,t){for(var n,r,o,i,a=0,s=C.expando,l=C.cache,c=A.deleteExpando,d=C.event.special;null!=(n=e[a]);a++)if((t||C.acceptData(n))&&(i=(o=n[s])&&l[o])){if(i.events)for(r in i.events)d[r]?C.event.remove(n,r):C.removeEvent(n,r,i.handle);l[o]&&(delete l[o],c?delete n[s]:on(n.removeAttribute)!==F?n.removeAttribute(s):n[s]=null,u.push(o))}}}),C.fn.extend({text:function(e){return U(this,function(e){return void 0===e?C.text(this):this.empty().append((this[0]&&this[0].ownerDocument||B).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||ve(this,e).appendChild(e)})},prepend:function(){return this.domManip(arguments,function(e){var t;1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(t=ve(this,e)).insertBefore(e,t.firstChild)})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){for(var n,r=e?C.filter(e,this):this,o=0;null!=(n=r[o]);o++)t||1!==n.nodeType||C.cleanData(me(n)),n.parentNode&&(t&&C.contains(n.ownerDocument,n)&&Ce(me(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){for(var e,t=0;null!=(e=this[t]);t++){for(1===e.nodeType&&C.cleanData(me(e,!1));e.firstChild;)e.removeChild(e.firstChild);e.options&&C.nodeName(e,"select")&&(e.options.length=0)}return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return C.clone(this,e,t)})},html:function(e){return U(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e)return 1===t.nodeType?t.innerHTML.replace(ne,""):void 0;if(!("string"!=typeof e||ce.test(e)||!A.htmlSerialize&&re.test(e)||!A.leadingWhitespace&&oe.test(e)||he[(ae.exec(e)||["",""])[1].toLowerCase()])){e=e.replace(ie,"<$1>");try{for(;n")).appendTo(t.documentElement))[0].contentWindow||Be[0].contentDocument).document).write(),t.close(),n=Ie(e,t),Be.detach()),ke[e]=n),n}A.shrinkWrapBlocks=function(){return null!=we?we:(we=!1,(t=B.getElementsByTagName("body")[0])&&t.style?(e=B.createElement("div"),(n=B.createElement("div")).style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",t.appendChild(n).appendChild(e),on(e.style.zoom)!==F&&(e.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",e.appendChild(B.createElement("div")).style.width="5px",we=3!==e.offsetWidth),t.removeChild(n),we):void 0);var e,t,n};var Se,Ee,Ne,je,De,Le,Fe=/^margin/,He=new RegExp("^("+_+")(?!px)[a-z%]+$","i"),Oe=/^(top|right|bottom|left)$/;function Me(t,n){return{get:function(){var e=t();if(null!=e)return e?void delete this.get:(this.get=n).apply(this,arguments)}}}function qe(){var e,t,n,r=B.getElementsByTagName("body")[0];r&&r.style&&(e=B.createElement("div"),(t=B.createElement("div")).style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",r.appendChild(t).appendChild(e),e.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin-top:1%;top:1%;border:1px;padding:1px;width:4px;position:absolute",Ne=je=!1,Le=!0,h.getComputedStyle&&(Ne="1%"!==(h.getComputedStyle(e,null)||{}).top,je="4px"===(h.getComputedStyle(e,null)||{width:"4px"}).width,(n=e.appendChild(B.createElement("div"))).style.cssText=e.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",n.style.marginRight=n.style.width="0",e.style.width="1px",Le=!parseFloat((h.getComputedStyle(n,null)||{}).marginRight),e.removeChild(n)),e.innerHTML="
t
",(n=e.getElementsByTagName("td"))[0].style.cssText="margin:0;border:0;padding:0;display:none",(De=0===n[0].offsetHeight)&&(n[0].style.display="",n[1].style.display="none",De=0===n[0].offsetHeight),r.removeChild(t))}h.getComputedStyle?(Se=function(e){return(e.ownerDocument.defaultView.opener?e.ownerDocument.defaultView:h).getComputedStyle(e,null)},Ee=function(e,t,n){var r,o=e.style,i=(n=n||Se(e))?n.getPropertyValue(t)||n[t]:void 0;return n&&(""!==i||C.contains(e.ownerDocument,e)||(i=C.style(e,t)),He.test(i)&&Fe.test(t)&&(r=o.width,e=o.minWidth,t=o.maxWidth,o.minWidth=o.maxWidth=o.width=i,i=n.width,o.width=r,o.minWidth=e,o.maxWidth=t)),void 0===i?i:i+""}):B.documentElement.currentStyle&&(Se=function(e){return e.currentStyle},Ee=function(e,t,n){var r,o,i,a=e.style;return null==(i=(n=n||Se(e))?n[t]:void 0)&&a&&a[t]&&(i=a[t]),He.test(i)&&!Oe.test(t)&&(r=a.left,(n=(o=e.runtimeStyle)&&o.left)&&(o.left=e.currentStyle.left),a.left="fontSize"===t?"1em":i,i=a.pixelLeft+"px",a.left=r,n&&(o.left=n)),void 0===i?i:i+""||"auto"}),(tt=B.createElement("div")).innerHTML="
a",(nt=(nt=tt.getElementsByTagName("a")[0])&&nt.style)&&(nt.cssText="float:left;opacity:.5",A.opacity="0.5"===nt.opacity,A.cssFloat=!!nt.cssFloat,tt.style.backgroundClip="content-box",tt.cloneNode(!0).style.backgroundClip="",A.clearCloneStyle="content-box"===tt.style.backgroundClip,A.boxSizing=""===nt.boxSizing||""===nt.MozBoxSizing||""===nt.WebkitBoxSizing,C.extend(A,{reliableHiddenOffsets:function(){return null==De&&qe(),De},boxSizingReliable:function(){return null==je&&qe(),je},pixelPosition:function(){return null==Ne&&qe(),Ne},reliableMarginRight:function(){return null==Le&&qe(),Le}})),C.swap=function(e,t,n,r){var o,i={};for(o in t)i[o]=e.style[o],e.style[o]=t[o];for(o in r=n.apply(e,r||[]),t)e.style[o]=i[o];return r};var Re=/alpha\([^)]*\)/i,We=/opacity\s*=\s*([^)]*)/,ze=/^(none|table(?!-c[ea]).+)/,_e=new RegExp("^("+_+")(.*)$","i"),Pe=new RegExp("^([+-])=("+_+")","i"),Ue={position:"absolute",visibility:"hidden",display:"block"},Xe={letterSpacing:"0",fontWeight:"400"},$e=["Webkit","O","Moz","ms"];function Ge(e,t){if(t in e)return t;for(var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,o=$e.length;o--;)if((t=$e[o]+n)in e)return t;return r}function Ye(e,t){for(var n,r,o,i=[],a=0,s=e.length;a
a",p=rt.getElementsByTagName("a")[0],nt=(tt=B.createElement("select")).appendChild(B.createElement("option")),_=rt.getElementsByTagName("input")[0],p.style.cssText="top:1px",A.getSetAttribute="t"!==rt.className,A.style=/top/.test(p.getAttribute("style")),A.hrefNormalized="/a"===p.getAttribute("href"),A.checkOn=!!_.value,A.optSelected=nt.selected,A.enctype=!!B.createElement("form").enctype,tt.disabled=!0,A.optDisabled=!nt.disabled,(_=B.createElement("input")).setAttribute("value",""),A.input=""===_.getAttribute("value"),_.value="t",_.setAttribute("type","radio"),A.radioValue="t"===_.value;var ft=/\r/g;C.fn.extend({val:function(t){var n,e,r,o=this[0];return arguments.length?(r=C.isFunction(t),this.each(function(e){1===this.nodeType&&(null==(e=r?t.call(this,e,C(this).val()):t)?e="":"number"==typeof e?e+="":C.isArray(e)&&(e=C.map(e,function(e){return null==e?"":e+""})),(n=C.valHooks[this.type]||C.valHooks[this.nodeName.toLowerCase()])&&"set"in n&&void 0!==n.set(this,e,"value")||(this.value=e))})):o?(n=C.valHooks[o.type]||C.valHooks[o.nodeName.toLowerCase()])&&"get"in n&&void 0!==(e=n.get(o,"value"))?e:"string"==typeof(e=o.value)?e.replace(ft,""):null==e?"":e:void 0}}),C.extend({valHooks:{option:{get:function(e){var t=C.find.attr(e,"value");return null!=t?t:C.trim(C.text(e))}},select:{get:function(e){for(var t,n=e.options,r=e.selectedIndex,o="select-one"===e.type||r<0,i=o?null:[],a=o?r+1:n.length,s=r<0?a:o?r:0;s").append(C.parseHTML(e)).find(r):e)}).complete(n&&function(e,t){a.each(n,o||[e.responseText,t,e])}),this},C.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){C.fn[t]=function(e){return this.on(t,e)}}),C.expr.filters.animated=function(t){return C.grep(C.timers,function(e){return t===e.elem}).length};var Kt=h.document.documentElement;function Jt(e){return C.isWindow(e)?e:9===e.nodeType&&(e.defaultView||e.parentWindow)}C.offset={setOffset:function(e,t,n){var r,o,i,a,s=C.css(e,"position"),l=C(e),c={};"static"===s&&(e.style.position="relative"),i=l.offset(),r=C.css(e,"top"),a=C.css(e,"left"),a=("absolute"===s||"fixed"===s)&&-1*{\r\n cursor: auto;\r\n}\r\n.fcolorpicker .fcolor-list{\r\n display: flex;\r\n flex-wrap: wrap;\r\n border-bottom: 1px solid #ddd;\r\n margin-left: 2px;\r\n padding: 4px 0;\r\n padding-bottom: 0;\r\n}\r\n.fcolorpicker .color-item{\r\n flex:0 0 39px;\r\n cursor: pointer;\r\n width:39px;\r\n height:18px;\r\n background:rgba(239,83,79,1);\r\n border-radius:2px 0px 0px 0px;\r\n margin-bottom: 1px;\r\n margin-right:1px;\r\n position: relative;\r\n /*background-image: url(opacity.png);*/\r\n /*border:1px solid #E0E0E0;*/\r\n}\r\n.fcolorpicker .color-item span{\r\n position: absolute;\r\n display: block;\r\n pointer-events: none;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n.fcolorpicker .color-item:before{\r\n content:'';\r\n display: block;\r\n background:url("+n+");\r\n -webkit-background-size: contain;\r\n background-size: 8px;\r\n position: absolute;\r\n width:100%;\r\n height:100%;\r\n top:0;\r\n left:0;\r\n}\r\n.fcolorpicker .color-latest .color-item{\r\n width:26px;\r\n height:18px;\r\n background:rgba(255,255,255,1);\r\n border-radius:2px;\r\n /*border:1px solid rgba(224,224,224,1);*/\r\n flex:0 0 26px;\r\n margin-right: 4px;\r\n margin-bottom: 4px;\r\n}\r\n.fcolorpicker .color-btns{\r\n /*display: flex;*/\r\n /*justify-content: space-between;*/\r\n padding-top: 10px;\r\n /*align-items: center;*/\r\n}\r\n.fcolorpicker .color-btns .color-preview{\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom:6px;\r\n}\r\n.fcolorpicker .color-palette{\r\n display: flex;\r\n height: 131px;\r\n /*padding: 8px;*/\r\n margin-top:6px;\r\n}\r\n.fcolorpicker .color-palette .lightness{\r\n flex:0 0 212px;\r\n height: 129px;\r\n margin-right: 8px;\r\n /*border:1px solid #ccc;*/\r\n position: relative;\r\n overflow: visible;\r\n}\r\n.fcolorpicker .color-palette .lightness canvas{\r\n width:100%;\r\n height: 100%;\r\n cursor: pointer;\r\n}\r\n.fcolorpicker .color-palette .hue{\r\n flex:0 0 6px;\r\n margin-right: 8px;\r\n /*border:1px solid #ccc;*/\r\n position: relative;\r\n}\r\n.fcolorpicker .color-palette .hue canvas,.color-palette .opacity canvas{\r\n height: 100%;\r\n width: 100%;\r\n cursor: pointer;\r\n}\r\n.fcolorpicker .color-palette .opacity{\r\n flex:0 0 6px;\r\n /*border:1px solid #ccc;*/\r\n position: relative;\r\n}\r\n.fcolorpicker .color-palette .opacity canvas{\r\n background:url("+n+");\r\n -webkit-background-size: contain;\r\n background-size: contain;\r\n}\r\n.fcolorpicker .color-palette .lightbar{\r\n position: absolute;\r\n border-radius: 50%;\r\n left: 0px;\r\n box-shadow: 0 0px 2px rgba(204,204,192,1);\r\n pointer-events: none;\r\n margin-top: -7px;\r\n margin-left:-7px;\r\n width: 14px;\r\n height: 14px;\r\n background: none;\r\n border: 4px solid #e0e0e0;\r\n box-sizing: border-box;\r\n}\r\n.fcolorpicker .color-palette .huebar,.color-palette .opacitybar{\r\n position: absolute;\r\n border-radius: 50%;\r\n left: -4px;\r\n box-shadow: 0 2px 7px -1px rgb(81 81 78);\r\n pointer-events: none;\r\n margin-top: -7px;\r\n width: 14px;\r\n height: 14px;\r\n background: #fff;\r\n box-sizing: border-box;\r\n z-index:9;\r\n}\r\n.fcolorpicker .current-color{\r\n border-radius: 2px;\r\n flex: 0 0 26px;\r\n height: 26px;\r\n /*border: 1px solid #f3f3f3;*/\r\n}\r\n.current-color-value{\r\n border: 1px solid #ccc;\r\n line-height: 24px;\r\n height: 24px;\r\n margin-left: 2px;\r\n flex:auto;\r\n padding: 0 6px;\r\n font-size: 12px;\r\n border-radius: 2px;\r\n color: #666;\r\n background: #fff;\r\n\r\n}\r\n.current-color-value input{\r\n width: 100%;\r\n border: 0;\r\n outline: none;\r\n color: #666;\r\n}\r\n.fcolorpicker .color-btn-group{\r\n align-items: center;\r\n display: flex;\r\n justify-content: flex-end;\r\n flex: 0 0 82px;\r\n}\r\n.fcolorpicker .color-btn-group>a{\r\n display: inline-block;\r\n font-size: 12px;\r\n text-align: center;\r\n background: red;\r\n color: #fff;\r\n cursor: pointer;\r\n height: 27px;\r\n border-radius: 2px;\r\n line-height: 26px;\r\n padding: 0 10px;\r\n margin-left: 6px;\r\n}\r\n.fcolorpicker .color-btn-group .cancel-color{\r\n background: #d9e5f4;\r\n color: #333;\r\n}\r\n.fcolorpicker .color-btn-group .confirm-color{\r\n background: #57a4ff;\r\n}\r\n\r\n\r\n.fcolorpicker .color-gradient{\r\n width: calc(100% - 18px);\r\n margin-left: 9px;\r\n}\r\n.fcolorpicker .gradient-bar-container{\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n position: relative;\r\n padding-top:34px;\r\n}\r\n\r\n\r\n.fcolorpicker .gradient-colors{\r\n position: absolute;\r\n width: calc(100% - 22px);\r\n left: 0;\r\n top: 6px;\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item{\r\n width:16px;\r\n height:16px;\r\n position: absolute;\r\n top:0;\r\n border:1px solid #d9d7d7;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-left: -9px;\r\n cursor: pointer;\r\n background: #fff;\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item.on{\r\n border:1px solid #57a4ff;\r\n /*background: #57a4ff;*/\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item.deleting-item:after{\r\n content:'';\r\n display: block;\r\n position: absolute;\r\n width:100%;\r\n height:100%;\r\n background: rgba(0,0,0,.5);\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item:before{\r\n position: absolute;\r\n top: 12px;\r\n color: #928f8f;\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item .color{\r\n background:blue;\r\n width:12px;\r\n height:12px;\r\n}\r\n.fcolorpicker .gradient-bar{\r\n flex:auto;\r\n height:14px;\r\n\r\n margin-right:6px;\r\n position: relative;\r\n}\r\n.fcolorpicker .gradient-bar span{\r\n position: absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n display: block;\r\n}\r\n.fcolorpicker .gradient-bar:before{\r\n content:'';\r\n display: block;\r\n position: absolute;\r\n left:0;\r\n top:0;\r\n width:100%;\r\n height:100%;\r\n background: url("+n+");\r\n background-size: 10px;\r\n}\r\n.fcolorpicker .add-gradient{\r\n flex:0 0 16px;\r\n height:16px;\r\n width:16px;\r\n color: #57A4FF;\r\n cursor:pointer;\r\n}\r\n.fcolorpicker .gradient-angle{\r\n padding-top: 10px;\r\n margin-bottom:22px;\r\n}\r\n.fcolorpicker .gradient-angle .current-angle{\r\n width:100%;\r\n height:4px;\r\n background:#d5d3d3;\r\n position: relative;\r\n}\r\n.fcolorpicker .gradient-angle .current-angle div{\r\n width:14px;\r\n height:14px;\r\n border-radius:50%;\r\n background:#57A4FF;\r\n position: absolute;\r\n top: -6px;\r\n margin-left:-7px;\r\n cursor: pointer;\r\n}\r\n.fcolorpicker .gradient-angle .current-angle span{\r\n font-size: 12px;\r\n position: absolute;\r\n top: 8px;\r\n}\r\n.fcolorpicker .color-type{\r\n font-size:14px;\r\n margin-bottom:0px;\r\n}\r\n.fcolorpicker .color-type span{\r\n cursor: pointer;\r\n}\r\n.fcolorpicker .color-type .on{\r\n color: #57a4ff;\r\n font-weight: BOLD;\r\n}\r\n.fcolorpicker .color-slidedown{\r\n position: relative;\r\n display: inline-block;\r\n padding-right:14px;\r\n cursor: pointer;\r\n font-size: 12px;\r\n margin-right:2px;\r\n}\r\n.fcolorpicker .color-slidedown:before{\r\n position: absolute;\r\n right: 0px;\r\n top: 3px;\r\n font-size: 12px;\r\n color: #666;\r\n}\r\n.fcolorpicker .color-slidedown p{\r\n margin:0;\r\n cursor: pointer;\r\n}\r\n.fcolorpicker .color-slidedown ul{\r\n display: block;\r\n position: absolute;\r\n background: #000;\r\n z-index: 9;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n line-height: 26px;\r\n box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);\r\n border-radius: 2px;\r\n padding: 4px 10px;\r\n font-size: 12px;\r\n color: #fff;\r\n white-space: nowrap;\r\n display: none;\r\n}\r\n.fcolorpicker .color-slidedown.down ul{\r\n display: block;\r\n}\r\n.fcolorpicker .color-slidedown ul li{\r\n cursor: pointer;\r\n}\r\n\r\n.fcolorpicker .color-slidedown.color-format-type ul{\r\n bottom:20px;\r\n}\r\n","",{version:3,sources:["webpack://./src/xncolorpicker.css"],names:[],mappings:"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,0BAA0B;AAC9B;AACA;IACI,kBAAkB;IAClB,SAAS;IACT,cAAc;AAClB;AACA;IACI,eAAe;IACf,UAAU;IACV,WAAW;AACf;AACA;IACI,SAAS;IACT,WAAW;;IAEX,gBAAgB;IAChB,kBAAkB;AACtB;AACA;IACI,kBAAkB;IAClB,KAAK;IACL,MAAM;IACN,UAAU;IACV,WAAW;IACX,cAAc;AAClB;AACA;IACI,UAAU;IACV,cAAc;IACd,kBAAkB;IAClB,MAAM;IACN,KAAK;IACL,UAAU;IACV,WAAW;IACX,mDAA4B;IAC5B,qBAAqB;AACzB;AACA;IACI,aAAa;IACb,WAAW;IACX,UAAU;IACV,cAAc;IACd,cAAc;AAClB;AACA;IACI,iBAAiB;IACjB,kBAAkB;AACtB;AACA;IACI,UAAU;IACV,UAAU;IACV,kBAAkB;IAClB,kBAAkB;AACtB;AACA;IACI,UAAU;IACV,WAAW;IACX,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;IAClB,SAAS;IACT,gBAAgB;IAChB,eAAe;AACnB;AACA;IACI,eAAe;IACf,kBAAkB;IAClB,QAAQ;AACZ;AACA;IACI,cAAc;IACd,iBAAiB;AACrB;AACA;IACI,eAAe;AACnB;AACA;IACI,cAAc;IACd,iBAAiB;AACrB;AACA;IACI,kBAAkB;IAClB,qBAAqB;IACrB,kBAAkB;IAClB,eAAe;IACf,eAAe;IACf,gBAAgB;AACpB;AACA;IACI,kBAAkB;IAClB,UAAU;IACV,QAAQ;IACR,eAAe;IACf,WAAW;AACf;AACA;IACI,QAAQ;IACR,eAAe;AACnB;AACA;IACI,cAAc;IACd,kBAAkB;IAClB,gBAAgB;IAChB,UAAU;IACV,gBAAgB;IAChB,UAAU;IACV,SAAS;IACT,iBAAiB;IACjB,sCAAsC;IACtC,kBAAkB;IAClB,iBAAiB;IACjB,eAAe;IACf,WAAW;IACX,mBAAmB;IACnB,aAAa;AACjB;AACA;IACI,cAAc;AAClB;AACA;IACI,eAAe;AACnB;;AAEA;IACI,WAAW;AACf",sourcesContent:[".fcolorpicker-curbox{\r\n width: 30px;\r\n height: 30px;\r\n cursor: pointer;\r\n}\r\n.fcolorpicker{\r\n width: 264px;\r\n background: #fff;\r\n border:1px solid #ccc;\r\n position: fixed;\r\n top: 100px;\r\n padding: 6px 10px;\r\n box-sizing: border-box;\r\n z-index: 999999;\r\n /*display: none;*/\r\n user-select: none;\r\n}\r\n.fcolorpicker.canmove{\r\n cursor: move;\r\n}\r\n.fcolorpicker>*{\r\n cursor: auto;\r\n}\r\n.fcolorpicker .fcolor-list{\r\n display: flex;\r\n flex-wrap: wrap;\r\n border-bottom: 1px solid #ddd;\r\n margin-left: 2px;\r\n padding: 4px 0;\r\n padding-bottom: 0;\r\n}\r\n.fcolorpicker .color-item{\r\n flex:0 0 39px;\r\n cursor: pointer;\r\n width:39px;\r\n height:18px;\r\n background:rgba(239,83,79,1);\r\n border-radius:2px 0px 0px 0px;\r\n margin-bottom: 1px;\r\n margin-right:1px;\r\n position: relative;\r\n /*background-image: url(opacity.png);*/\r\n /*border:1px solid #E0E0E0;*/\r\n}\r\n.fcolorpicker .color-item span{\r\n position: absolute;\r\n display: block;\r\n pointer-events: none;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n.fcolorpicker .color-item:before{\r\n content:'';\r\n display: block;\r\n background:url(opacity.png);\r\n -webkit-background-size: contain;\r\n background-size: 8px;\r\n position: absolute;\r\n width:100%;\r\n height:100%;\r\n top:0;\r\n left:0;\r\n}\r\n.fcolorpicker .color-latest .color-item{\r\n width:26px;\r\n height:18px;\r\n background:rgba(255,255,255,1);\r\n border-radius:2px;\r\n /*border:1px solid rgba(224,224,224,1);*/\r\n flex:0 0 26px;\r\n margin-right: 4px;\r\n margin-bottom: 4px;\r\n}\r\n.fcolorpicker .color-btns{\r\n /*display: flex;*/\r\n /*justify-content: space-between;*/\r\n padding-top: 10px;\r\n /*align-items: center;*/\r\n}\r\n.fcolorpicker .color-btns .color-preview{\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom:6px;\r\n}\r\n.fcolorpicker .color-palette{\r\n display: flex;\r\n height: 131px;\r\n /*padding: 8px;*/\r\n margin-top:6px;\r\n}\r\n.fcolorpicker .color-palette .lightness{\r\n flex:0 0 212px;\r\n height: 129px;\r\n margin-right: 8px;\r\n /*border:1px solid #ccc;*/\r\n position: relative;\r\n overflow: visible;\r\n}\r\n.fcolorpicker .color-palette .lightness canvas{\r\n width:100%;\r\n height: 100%;\r\n cursor: pointer;\r\n}\r\n.fcolorpicker .color-palette .hue{\r\n flex:0 0 6px;\r\n margin-right: 8px;\r\n /*border:1px solid #ccc;*/\r\n position: relative;\r\n}\r\n.fcolorpicker .color-palette .hue canvas,.color-palette .opacity canvas{\r\n height: 100%;\r\n width: 100%;\r\n cursor: pointer;\r\n}\r\n.fcolorpicker .color-palette .opacity{\r\n flex:0 0 6px;\r\n /*border:1px solid #ccc;*/\r\n position: relative;\r\n}\r\n.fcolorpicker .color-palette .opacity canvas{\r\n background:url(opacity.png);\r\n -webkit-background-size: contain;\r\n background-size: contain;\r\n}\r\n.fcolorpicker .color-palette .lightbar{\r\n position: absolute;\r\n border-radius: 50%;\r\n left: 0px;\r\n box-shadow: 0 0px 2px rgba(204,204,192,1);\r\n pointer-events: none;\r\n margin-top: -7px;\r\n margin-left:-7px;\r\n width: 14px;\r\n height: 14px;\r\n background: none;\r\n border: 4px solid #e0e0e0;\r\n box-sizing: border-box;\r\n}\r\n.fcolorpicker .color-palette .huebar,.color-palette .opacitybar{\r\n position: absolute;\r\n border-radius: 50%;\r\n left: -4px;\r\n box-shadow: 0 2px 7px -1px rgb(81 81 78);\r\n pointer-events: none;\r\n margin-top: -7px;\r\n width: 14px;\r\n height: 14px;\r\n background: #fff;\r\n box-sizing: border-box;\r\n z-index:9;\r\n}\r\n.fcolorpicker .current-color{\r\n border-radius: 2px;\r\n flex: 0 0 26px;\r\n height: 26px;\r\n /*border: 1px solid #f3f3f3;*/\r\n}\r\n.current-color-value{\r\n border: 1px solid #ccc;\r\n line-height: 24px;\r\n height: 24px;\r\n margin-left: 2px;\r\n flex:auto;\r\n padding: 0 6px;\r\n font-size: 12px;\r\n border-radius: 2px;\r\n color: #666;\r\n background: #fff;\r\n\r\n}\r\n.current-color-value input{\r\n width: 100%;\r\n border: 0;\r\n outline: none;\r\n color: #666;\r\n}\r\n.fcolorpicker .color-btn-group{\r\n align-items: center;\r\n display: flex;\r\n justify-content: flex-end;\r\n flex: 0 0 82px;\r\n}\r\n.fcolorpicker .color-btn-group>a{\r\n display: inline-block;\r\n font-size: 12px;\r\n text-align: center;\r\n background: red;\r\n color: #fff;\r\n cursor: pointer;\r\n height: 27px;\r\n border-radius: 2px;\r\n line-height: 26px;\r\n padding: 0 10px;\r\n margin-left: 6px;\r\n}\r\n.fcolorpicker .color-btn-group .cancel-color{\r\n background: #d9e5f4;\r\n color: #333;\r\n}\r\n.fcolorpicker .color-btn-group .confirm-color{\r\n background: #57a4ff;\r\n}\r\n\r\n\r\n.fcolorpicker .color-gradient{\r\n width: calc(100% - 18px);\r\n margin-left: 9px;\r\n}\r\n.fcolorpicker .gradient-bar-container{\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n position: relative;\r\n padding-top:34px;\r\n}\r\n\r\n\r\n.fcolorpicker .gradient-colors{\r\n position: absolute;\r\n width: calc(100% - 22px);\r\n left: 0;\r\n top: 6px;\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item{\r\n width:16px;\r\n height:16px;\r\n position: absolute;\r\n top:0;\r\n border:1px solid #d9d7d7;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-left: -9px;\r\n cursor: pointer;\r\n background: #fff;\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item.on{\r\n border:1px solid #57a4ff;\r\n /*background: #57a4ff;*/\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item.deleting-item:after{\r\n content:'';\r\n display: block;\r\n position: absolute;\r\n width:100%;\r\n height:100%;\r\n background: rgba(0,0,0,.5);\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item:before{\r\n position: absolute;\r\n top: 12px;\r\n color: #928f8f;\r\n}\r\n.fcolorpicker .gradient-colors .gradient-item .color{\r\n background:blue;\r\n width:12px;\r\n height:12px;\r\n}\r\n.fcolorpicker .gradient-bar{\r\n flex:auto;\r\n height:14px;\r\n\r\n margin-right:6px;\r\n position: relative;\r\n}\r\n.fcolorpicker .gradient-bar span{\r\n position: absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n display: block;\r\n}\r\n.fcolorpicker .gradient-bar:before{\r\n content:'';\r\n display: block;\r\n position: absolute;\r\n left:0;\r\n top:0;\r\n width:100%;\r\n height:100%;\r\n background: url(opacity.png);\r\n background-size: 10px;\r\n}\r\n.fcolorpicker .add-gradient{\r\n flex:0 0 16px;\r\n height:16px;\r\n width:16px;\r\n color: #57A4FF;\r\n cursor:pointer;\r\n}\r\n.fcolorpicker .gradient-angle{\r\n padding-top: 10px;\r\n margin-bottom:22px;\r\n}\r\n.fcolorpicker .gradient-angle .current-angle{\r\n width:100%;\r\n height:4px;\r\n background:#d5d3d3;\r\n position: relative;\r\n}\r\n.fcolorpicker .gradient-angle .current-angle div{\r\n width:14px;\r\n height:14px;\r\n border-radius:50%;\r\n background:#57A4FF;\r\n position: absolute;\r\n top: -6px;\r\n margin-left:-7px;\r\n cursor: pointer;\r\n}\r\n.fcolorpicker .gradient-angle .current-angle span{\r\n font-size: 12px;\r\n position: absolute;\r\n top: 8px;\r\n}\r\n.fcolorpicker .color-type{\r\n font-size:14px;\r\n margin-bottom:0px;\r\n}\r\n.fcolorpicker .color-type span{\r\n cursor: pointer;\r\n}\r\n.fcolorpicker .color-type .on{\r\n color: #57a4ff;\r\n font-weight: BOLD;\r\n}\r\n.fcolorpicker .color-slidedown{\r\n position: relative;\r\n display: inline-block;\r\n padding-right:14px;\r\n cursor: pointer;\r\n font-size: 12px;\r\n margin-right:2px;\r\n}\r\n.fcolorpicker .color-slidedown:before{\r\n position: absolute;\r\n right: 0px;\r\n top: 3px;\r\n font-size: 12px;\r\n color: #666;\r\n}\r\n.fcolorpicker .color-slidedown p{\r\n margin:0;\r\n cursor: pointer;\r\n}\r\n.fcolorpicker .color-slidedown ul{\r\n display: block;\r\n position: absolute;\r\n background: #000;\r\n z-index: 9;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n line-height: 26px;\r\n box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);\r\n border-radius: 2px;\r\n padding: 4px 10px;\r\n font-size: 12px;\r\n color: #fff;\r\n white-space: nowrap;\r\n display: none;\r\n}\r\n.fcolorpicker .color-slidedown.down ul{\r\n display: block;\r\n}\r\n.fcolorpicker .color-slidedown ul li{\r\n cursor: pointer;\r\n}\r\n\r\n.fcolorpicker .color-slidedown.color-format-type ul{\r\n bottom:20px;\r\n}\r\n"],sourceRoot:""}]),t.default=o},"./src/xncolorpicker.css": +/*!*******************************!*\ + !*** ./src/xncolorpicker.css ***! + \*******************************/function(e,t,n){n.r(t);var r=n(/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=n.n(r),r=n(/*! !!../node_modules/css-loader/dist/cjs.js!./xncolorpicker.css */"./node_modules/css-loader/dist/cjs.js!./src/xncolorpicker.css"),n={insert:"head",singleton:!1};o()(r.default,n);t.default=r.default.locals||{}},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js": +/*!****************************************************************************!*\ + !*** ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***! + \****************************************************************************/function(e,t,o){var n,r,s=function(){return n=void 0===n?Boolean(window&&document&&document.all&&!window.atob):n},i=(r={},function(e){if(void 0===r[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}r[e]=t}return r[e]}),c=[];function d(e){for(var t=-1,n=0;n'+this.colorTypeList[this.option.lang][o]+""}var i='\n
\n

\n
    \n '+n+'\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n \n
\n
\n
\n
\n 30°\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \x3c!--

最近使用

--\x3e\n
\n
\n\x3c!--

预置颜色

--\x3e\n
\n
\n\n
\n
\n
\n

RGBA

\n
    \n
  • RGBA
  • \n
  • HEX
  • \n
  • HSLA
  • \n
\n
\n
\n
\n \n
\n
\n \n \n
";t.innerHTML=i,this.dom=t,document.body.appendChild(this.dom),this.canvasSize={width:212,height:129},this.lightbar=this.dom.querySelector(".lightbar"),this.huebar=this.dom.querySelector(".huebar"),this.opacitybar=this.dom.querySelector(".opacitybar"),this.option.showprecolor||(0,s.default)(this.dom).find(".color-recommend").hide(),this.option.showhistorycolor||(0,s.default)(this.dom).find(".color-latest").hide(),this.option.colorTypeOption.length<2&&(0,s.default)(this.dom).find(".color-type").remove(),this.setPosition(),e||this.addEvent(),this.addBlurEvent()},addPosEvent:function(){var e=this;o.addEventListener("scroll",function(){e.setPosition()}),o.addEventListener("resize",function(){e.setPosition()})},moveDom:function(e,t){var n;this.dom&&(this.moved=!0,n=t.clientX-e.x+this.pos.left,e=t.clientY-e.y+this.pos.top,this.dom.style.top=e+"px",this.dom.style.left=n+"px")},setPosition:function(){var e,t,n,r,o,i,a;this.dom&&!this.moved&&(e=document.documentElement.clientWidth,t=document.documentElement.clientHeight,r=(n=this.$el[0].querySelector("div")).getBoundingClientRect().top,a=n.getBoundingClientRect().left,o=(0,s.default)(this.dom).outerWidth(),i=(0,s.default)(this.dom).outerHeight(),a=e-a<=o?a-o-10:a+10+n.offsetWidth,(r=t-r\n \n\n ',(0,s.default)(this.dom).find(".color-latest").append(e))}},setPrevColors:function(){if(this.option.showprecolor)for(var e=0;e\n \n\n ';(0,s.default)(this.dom).find(".color-recommend").append(t)}},addBlurEvent:function(){var t=this;this.dom.querySelector("input").onblur=function(e){t.initColorFormat(t.dom.querySelector(".current-color-value input").value),t.fillOpacity(),t.fillPalette(),t.addHistoryColors()}},cancleFun:function(){this.initColorFormat(this.lastColor,!0);var e={colorType:this.currentColorType};"single"==this.currentColorType?(e.color=this.color,this.lastColor=this.color.rgba):(e.color=this.gradientColor,this.lastColor=this.gradientColor.str),this.changeCurColorDom(),this.option.onCancel(e),this.changeShow(!0)},getCurrentColor:function(e){this.initColorFormat(this.dom.querySelector(".current-color-value input").value,!0),this.addHistoryColors();var t={colorType:this.currentColorType};return"single"==this.currentColorType?(t.color=this.color,e&&(this.lastColor=this.color.rgba)):(t.color=this.gradientColor,e&&(this.lastColor=this.gradientColor.str)),this.changeCurColorDom(),t},addEvent:function(){var r=this,o=null,i=this,a={top:0,left:0,bartop:0,isGradientBar:!1,$ele:null};i.dom.addEventListener("mousedown",function(e){var t,n=(0,s.default)(e.target);o=null,0this.dom.querySelector(".lightness canvas").getBoundingClientRect().width&&(r=this.dom.querySelector(".lightness canvas").getBoundingClientRect().width),o>this.dom.querySelector(".lightness canvas").getBoundingClientRect().height&&(o=this.dom.querySelector(".lightness canvas").getBoundingClientRect().height);var a=this.color.hslav[0],s=r/this.canvasSize.width*100,l=100-o/this.canvasSize.height*100,l=this.HSBToRGB({h:a,s:s,b:l}),c="rgba("+l.r+","+l.g+","+l.b+","+this.color.rgbav[3]+")";this.lightbar.style.top=o+"px",this.lightbar.style.left=r+"px";break;case"opacity":i=99.2\n
\n ';(0,s.default)(this.dom).find(".gradient-colors").empty().append(e),(0,s.default)(this.dom).find(".gradient-item").removeClass("on").eq(this.gradientIndex).addClass("on")},setColorTypeDom:function(){(0,s.default)(this.dom).find(".color-type")[0]&&((0,s.default)(this.dom).find(".color-type li").removeClass("on"),(0,s.default)(this.dom).find(".color-type-item[data-type="+this.currentColorType+"]").addClass("on"),(0,s.default)(this.dom).find(".color-type").removeClass("down"),(0,s.default)(this.dom).find(".color-type .color-slidedown-curbox")[0].innerHTML=(0,s.default)(this.dom).find(".color-type-item[data-type="+this.currentColorType+"]")[0].innerHTML)},changeColorFormatType:function(){(0,s.default)(this.dom).find(".color-format-type li").removeClass("on"),(0,s.default)(this.dom).find(".color-format-type-item[data-type="+this.currentColorFormat+"]").addClass("on"),(0,s.default)(this.dom).find(".color-format-type").removeClass("down"),(0,s.default)(this.dom).find(".color-format-type .color-slidedown-curbox")[0].innerHTML=(0,s.default)(this.dom).find(".color-format-type-item[data-type="+this.currentColorFormat+"]")[0].innerHTML;var e=this.getCurrentColor(this.option.autoConfirm);this.rendInputValue(),this.option.onChange(e),this.option.autoConfirm&&this.option.onConfirm(e)},changeColorType:function(e){this.gradientIndex=0;var t=this.option.colorTypeOption.indexOf(this.currentColorType)<0;t&&(this.currentColorType=this.option.colorTypeOption[0]),"single"==this.currentColorType?(e&&!t||this.getColorFormat(this.gradientColor?this.gradientColor.arry.colors[0].color:"#ffffff"),(0,s.default)(this.dom).find(".color-gradient").hide()):(e&&!t||this.gradientColor||(this.gradientColor={type:this.currentColorType},this.initColorFormat({type:this.currentColorType,angle:0,colors:[{per:0,color:this.color.rgba},{per:100,color:"rgba(0,0,0,0)"}]})),this.gradientColor.arry.type!=this.currentColorType&&(this.gradientColor.arry.type=this.currentColorType,this.gradientColor=this.revertGradientToString(this.gradientColor.arry)),(0,s.default)(this.dom).find(".color-gradient").show(),this.rendGradientColors(),this.updateGradientBar(),this.updateAngleBar(),this.changeCurColorDom(),"linear-gradient"==this.currentColorType?(0,s.default)(this.dom).find(".gradient-angle").show():(0,s.default)(this.dom).find(".gradient-angle").hide()),this.setColorTypeDom(),this.rendInputValue(),this.setPosition()},getColorFormat:function(e){this.color=this.getColorFormatFunc(e),this.color.rgbav=this.color.rgba.slice(5,this.color.rgba.indexOf(")")).split(","),this.color.hslav=this.color.hsla.slice(5,this.color.hsla.indexOf(")")).split(",").map(function(e){return-1发送
- 弹幕颜色: + 弹幕颜色:
发送弹幕每次将花费 ${barragerCost} ${barragerUnit}
@@ -208,6 +208,7 @@ + +