npm - w-component-vue - Versions diffs - 2.3.64 → 2.3.65 - Mend

w-component-vue 2.3.64 → 2.3.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1286) hide show

package/docs/examples/app.umd.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * app v2.3.64
+ * app v2.3.65
  * (c) 2018-2021 yuda-lyu(semisphere)
  * Released under the MIT License.
  */
@@ -20,5 +20,5 @@
    *
    * Date: 2023-09-17T03:16:38.052Z
    */
-!function(n,e){n.exports=function(){function n(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function e(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(n){a(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}function t(n){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},t(n)}function o(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function r(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,s(o.key),o)}}function i(n,e,t){return e&&r(n.prototype,e),t&&r(n,t),Object.defineProperty(n,"prototype",{writable:!1}),n}function a(n,e,t){return(e=s(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function l(n,e){if("object"!=typeof n||null===n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var o=t.call(n,e||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(n)}function s(n){var e=l(n,"string");return"symbol"==typeof e?e:String(e)}var d={backdrop:!0,button:!0,navbar:!0,title:!0,toolbar:!0,className:"",container:"body",filter:null,fullscreen:!0,inheritedAttributes:["crossOrigin","decoding","isMap","loading","referrerPolicy","sizes","srcset","useMap"],initialCoverage:.9,initialViewIndex:0,inline:!1,interval:5e3,keyboard:!0,focus:!0,loading:!0,loop:!0,minWidth:200,minHeight:100,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,slideOnTouch:!0,toggleOnDblclick:!0,tooltip:!0,transition:!0,zIndex:2015,zIndexInline:0,zoomRatio:.1,minZoomRatio:.01,maxZoomRatio:100,url:"src",ready:null,show:null,shown:null,hide:null,hidden:null,view:null,viewed:null,move:null,moved:null,rotate:null,rotated:null,scale:null,scaled:null,zoom:null,zoomed:null,play:null,stop:null},c='<div class="viewer-container" tabindex="-1" touch-action="none"><div class="viewer-canvas"></div><div class="viewer-footer"><div class="viewer-title"></div><div class="viewer-toolbar"></div><div class="viewer-navbar"><ul class="viewer-list" role="navigation"></ul></div></div><div class="viewer-tooltip" role="alert" aria-hidden="true"></div><div class="viewer-button" data-viewer-action="mix" role="button"></div><div class="viewer-player"></div></div>',u="undefined"!=typeof window&&void 0!==window.document,p=u?window:{},m=!(!u||!p.document.documentElement)&&"ontouchstart"in p.document.documentElement,g=!!u&&"PointerEvent"in p,v="viewer",h="move",f="switch",b="zoom",y="".concat(v,"-active"),x="".concat(v,"-close"),k="".concat(v,"-fade"),C="".concat(v,"-fixed"),w="".concat(v,"-fullscreen"),S="".concat(v,"-fullscreen-exit"),W="".concat(v,"-hide"),_="".concat(v,"-hide-md-down"),I="".concat(v,"-hide-sm-down"),T="".concat(v,"-hide-xs-down"),A="".concat(v,"-in"),B="".concat(v,"-invisible"),H="".concat(v,"-loading"),L="".concat(v,"-move"),P="".concat(v,"-open"),D="".concat(v,"-show"),F="".concat(v,"-transition"),R="click",j="dblclick",z="dragstart",Z="focusin",V="keydown",$="load",E="error",G=m?"touchend touchcancel":"mouseup",X=m?"touchmove":"mousemove",M=m?"touchstart":"mousedown",N=g?"pointerdown":M,O=g?"pointermove":X,K=g?"pointerup pointercancel":G,Y="resize",J="transitionend",U="wheel",Q="ready",q="show",nn="shown",en="hide",tn="hidden",on="view",rn="viewed",an="move",ln="moved",sn="rotate",dn="rotated",cn="scale",un="scaled",pn="zoom",mn="zoomed",gn="play",vn="stop",hn="".concat(v,"Action"),fn=/\s\s*/,bn=["zoom-in","zoom-out","one-to-one","reset","prev","play","next","rotate-left","rotate-right","flip-horizontal","flip-vertical"];function yn(n){return"string"==typeof n}var xn=Number.isNaN||p.isNaN;function kn(n){return"number"==typeof n&&!xn(n)}function Cn(n){return void 0===n}function wn(n){return"object"===t(n)&&null!==n}var Sn=Object.prototype.hasOwnProperty;function Wn(n){if(!wn(n))return!1;try{var e=n.constructor,t=e.prototype;return e&&t&&Sn.call(t,"isPrototypeOf")}catch(n){return!1}}function _n(n){return"function"==typeof n}function In(n,e){if(n&&_n(e))if(Array.isArray(n)||kn(n.length)){var t,o=n.length;for(t=0;t<o&&!1!==e.call(n,n[t],t,n);t+=1);}else wn(n)&&Object.keys(n).forEach((function(t){e.call(n,n[t],t,n)}));return n}var Tn=Object.assign||function(n){for(var e=arguments.length,t=new Array(e>1?e-1:0),o=1;o<e;o++)t[o-1]=arguments[o];return wn(n)&&t.length>0&&t.forEach((function(e){wn(e)&&Object.keys(e).forEach((function(t){n[t]=e[t]}))})),n},An=/^(?:width|height|left|top|marginLeft|marginTop)$/;function Bn(n,e){var t=n.style;In(e,(function(n,e){An.test(e)&&kn(n)&&(n+="px"),t[e]=n}))}function Hn(n){return yn(n)?n.replace(/&(?!amp;|quot;|#39;|lt;|gt;)/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;"):n}function Ln(n,e){return!(!n||!e)&&(n.classList?n.classList.contains(e):n.className.indexOf(e)>-1)}function Pn(n,e){if(n&&e)if(kn(n.length))In(n,(function(n){Pn(n,e)}));else if(n.classList)n.classList.add(e);else{var t=n.className.trim();t?t.indexOf(e)<0&&(n.className="".concat(t," ").concat(e)):n.className=e}}function Dn(n,e){n&&e&&(kn(n.length)?In(n,(function(n){Dn(n,e)})):n.classList?n.classList.remove(e):n.className.indexOf(e)>=0&&(n.className=n.className.replace(e,"")))}function Fn(n,e,t){e&&(kn(n.length)?In(n,(function(n){Fn(n,e,t)})):t?Pn(n,e):Dn(n,e))}var Rn=/([a-z\d])([A-Z])/g;function jn(n){return n.replace(Rn,"$1-$2").toLowerCase()}function zn(n,e){return wn(n[e])?n[e]:n.dataset?n.dataset[e]:n.getAttribute("data-".concat(jn(e)))}function Zn(n,e,t){wn(t)?n[e]=t:n.dataset?n.dataset[e]=t:n.setAttribute("data-".concat(jn(e)),t)}var Vn=function(){var n=!1;if(u){var e=!1,t=function(){},o=Object.defineProperty({},"once",{get:function(){return n=!0,e},set:function(n){e=n}});p.addEventListener("test",t,o),p.removeEventListener("test",t,o)}return n}();function $n(n,e,t){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},r=t;e.trim().split(fn).forEach((function(e){if(!Vn){var i=n.listeners;i&&i[e]&&i[e][t]&&(r=i[e][t],delete i[e][t],0===Object.keys(i[e]).length&&delete i[e],0===Object.keys(i).length&&delete n.listeners)}n.removeEventListener(e,r,o)}))}function En(n,e,t){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},r=t;e.trim().split(fn).forEach((function(e){if(o.once&&!Vn){var i=n.listeners,a=void 0===i?{}:i;r=function(){delete a[e][t],n.removeEventListener(e,r,o);for(var i=arguments.length,l=new Array(i),s=0;s<i;s++)l[s]=arguments[s];t.apply(n,l)},a[e]||(a[e]={}),a[e][t]&&n.removeEventListener(e,a[e][t],o),a[e][t]=r,n.listeners=a}n.addEventListener(e,r,o)}))}function Gn(n,t,o,r){var i;return _n(Event)&&_n(CustomEvent)?i=new CustomEvent(t,e({bubbles:!0,cancelable:!0,detail:o},r)):(i=document.createEvent("CustomEvent")).initCustomEvent(t,!0,!0,o),n.dispatchEvent(i)}function Xn(n){var e=n.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}function Mn(n){var e=n.rotate,t=n.scaleX,o=n.scaleY,r=n.translateX,i=n.translateY,a=[];kn(r)&&0!==r&&a.push("translateX(".concat(r,"px)")),kn(i)&&0!==i&&a.push("translateY(".concat(i,"px)")),kn(e)&&0!==e&&a.push("rotate(".concat(e,"deg)")),kn(t)&&1!==t&&a.push("scaleX(".concat(t,")")),kn(o)&&1!==o&&a.push("scaleY(".concat(o,")"));var l=a.length?a.join(" "):"none";return{WebkitTransform:l,msTransform:l,transform:l}}function Nn(n){return yn(n)?decodeURIComponent(n.replace(/^.*\//,"").replace(/[?&#].*$/,"")):""}var On=p.navigator&&/Version\/\d+(\.\d+)+?\s+Safari/i.test(p.navigator.userAgent);function Kn(n,e,t){var o=document.createElement("img");if(n.naturalWidth&&!On)return t(n.naturalWidth,n.naturalHeight),o;var r=document.body||document.documentElement;return o.onload=function(){t(o.width,o.height),On||r.removeChild(o)},In(e.inheritedAttributes,(function(e){var t=n.getAttribute(e);null!==t&&o.setAttribute(e,t)})),o.src=n.src,On||(o.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",r.appendChild(o)),o}function Yn(n){switch(n){case 2:return T;case 3:return I;case 4:return _;default:return""}}function Jn(n){var t=e({},n),o=[];return In(n,(function(n,e){delete t[e],In(t,(function(e){var t=Math.abs(n.startX-e.startX),r=Math.abs(n.startY-e.startY),i=Math.abs(n.endX-e.endX),a=Math.abs(n.endY-e.endY),l=Math.sqrt(t*t+r*r),s=(Math.sqrt(i*i+a*a)-l)/l;o.push(s)}))})),o.sort((function(n,e){return Math.abs(n)<Math.abs(e)})),o[0]}function Un(n,t){var o=n.pageX,r=n.pageY,i={endX:o,endY:r};return t?i:e({timeStamp:Date.now(),startX:o,startY:r},i)}function Qn(n){var e=0,t=0,o=0;return In(n,(function(n){var r=n.startX,i=n.startY;e+=r,t+=i,o+=1})),{pageX:e/=o,pageY:t/=o}}var qn,ne={render:function(){this.initContainer(),this.initViewer(),this.initList(),this.renderViewer()},initBody:function(){var n=this.element.ownerDocument,e=n.body||n.documentElement;this.body=e,this.scrollbarWidth=window.innerWidth-n.documentElement.clientWidth,this.initialBodyPaddingRight=e.style.paddingRight,this.initialBodyComputedPaddingRight=window.getComputedStyle(e).paddingRight},initContainer:function(){this.containerData={width:window.innerWidth,height:window.innerHeight}},initViewer:function(){var n,e=this.options,t=this.parent;e.inline&&(n={width:Math.max(t.offsetWidth,e.minWidth),height:Math.max(t.offsetHeight,e.minHeight)},this.parentData=n),!this.fulled&&n||(n=this.containerData),this.viewerData=Tn({},n)},renderViewer:function(){this.options.inline&&!this.fulled&&Bn(this.viewer,this.viewerData)},initList:function(){var n=this,e=this.element,t=this.options,o=this.list,r=[];o.innerHTML="",In(this.images,(function(e,i){var a=e.src,l=e.alt||Nn(a),s=n.getImageURL(e);if(a||s){var d=document.createElement("li"),c=document.createElement("img");In(t.inheritedAttributes,(function(n){var t=e.getAttribute(n);null!==t&&c.setAttribute(n,t)})),t.navbar&&(c.src=a||s),c.alt=l,c.setAttribute("data-original-url",s||a),d.setAttribute("data-index",i),d.setAttribute("data-viewer-action","view"),d.setAttribute("role","button"),t.keyboard&&d.setAttribute("tabindex",0),d.appendChild(c),o.appendChild(d),r.push(d)}})),this.items=r,In(r,(function(e){var o,r,i=e.firstElementChild;Zn(i,"filled",!0),t.loading&&Pn(e,H),En(i,$,o=function(o){$n(i,E,r),t.loading&&Dn(e,H),n.loadImage(o)},{once:!0}),En(i,E,r=function(){$n(i,$,o),t.loading&&Dn(e,H)},{once:!0})})),t.transition&&En(e,rn,(function(){Pn(o,F)}),{once:!0})},renderList:function(){var n=this.index,e=this.items[n];if(e){var t=e.nextElementSibling,o=parseInt(window.getComputedStyle(t||e).marginLeft,10),r=e.offsetWidth,i=r+o;Bn(this.list,Tn({width:i*this.length-o},Mn({translateX:(this.viewerData.width-r)/2-i*n})))}},resetList:function(){var n=this.list;n.innerHTML="",Dn(n,F),Bn(n,Mn({translateX:0}))},initImage:function(n){var e,t=this,o=this.options,r=this.image,i=this.viewerData,a=this.footer.offsetHeight,l=i.width,s=Math.max(i.height-a,a),d=this.imageData||{};this.imageInitializing={abort:function(){e.onload=null}},e=Kn(r,o,(function(e,r){var i=e/r,a=Math.max(0,Math.min(1,o.initialCoverage)),c=l,u=s;t.imageInitializing=!1,s*i>l?u=l/i:c=s*i,a=kn(a)?a:.9,c=Math.min(c*a,e),u=Math.min(u*a,r);var p=(l-c)/2,m=(s-u)/2,g={left:p,top:m,x:p,y:m,width:c,height:u,oldRatio:1,ratio:c/e,aspectRatio:i,naturalWidth:e,naturalHeight:r},v=Tn({},g);o.rotatable&&(g.rotate=d.rotate||0,v.rotate=0),o.scalable&&(g.scaleX=d.scaleX||1,g.scaleY=d.scaleY||1,v.scaleX=1,v.scaleY=1),t.imageData=g,t.initialImageData=v,n&&n()}))},renderImage:function(n){var e=this,t=this.image,o=this.imageData;if(Bn(t,Tn({width:o.width,height:o.height,marginLeft:o.x,marginTop:o.y},Mn(o))),n)if((this.viewing||this.moving||this.rotating||this.scaling||this.zooming)&&this.options.transition&&Ln(t,F)){var r=function(){e.imageRendering=!1,n()};this.imageRendering={abort:function(){$n(t,J,r)}},En(t,J,r,{once:!0})}else n()},resetImage:function(){var n=this.image;n&&(this.viewing&&this.viewing.abort(),n.parentNode.removeChild(n),this.image=null,this.title.innerHTML="")}},ee={bind:function(){var n=this.options,e=this.viewer,t=this.canvas,o=this.element.ownerDocument;En(e,R,this.onClick=this.click.bind(this)),En(e,z,this.onDragStart=this.dragstart.bind(this)),En(t,N,this.onPointerDown=this.pointerdown.bind(this)),En(o,O,this.onPointerMove=this.pointermove.bind(this)),En(o,K,this.onPointerUp=this.pointerup.bind(this)),En(o,V,this.onKeyDown=this.keydown.bind(this)),En(window,Y,this.onResize=this.resize.bind(this)),n.zoomable&&n.zoomOnWheel&&En(e,U,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),n.toggleOnDblclick&&En(t,j,this.onDblclick=this.dblclick.bind(this))},unbind:function(){var n=this.options,e=this.viewer,t=this.canvas,o=this.element.ownerDocument;$n(e,R,this.onClick),$n(e,z,this.onDragStart),$n(t,N,this.onPointerDown),$n(o,O,this.onPointerMove),$n(o,K,this.onPointerUp),$n(o,V,this.onKeyDown),$n(window,Y,this.onResize),n.zoomable&&n.zoomOnWheel&&$n(e,U,this.onWheel,{passive:!1,capture:!0}),n.toggleOnDblclick&&$n(t,j,this.onDblclick)}},te={click:function(n){var e=this.options,t=this.imageData,o=n.target,r=zn(o,hn);switch(r||"img"!==o.localName||"li"!==o.parentElement.localName||(r=zn(o=o.parentElement,hn)),m&&n.isTrusted&&o===this.canvas&&clearTimeout(this.clickCanvasTimeout),r){case"mix":this.played?this.stop():e.inline?this.fulled?this.exit():this.full():this.hide();break;case"hide":this.pointerMoved||this.hide();break;case"view":this.view(zn(o,"index"));break;case"zoom-in":this.zoom(.1,!0);break;case"zoom-out":this.zoom(-.1,!0);break;case"one-to-one":this.toggle();break;case"reset":this.reset();break;case"prev":this.prev(e.loop);break;case"play":this.play(e.fullscreen);break;case"next":this.next(e.loop);break;case"rotate-left":this.rotate(-90);break;case"rotate-right":this.rotate(90);break;case"flip-horizontal":this.scaleX(-t.scaleX||-1);break;case"flip-vertical":this.scaleY(-t.scaleY||-1);break;default:this.played&&this.stop()}},dblclick:function(n){n.preventDefault(),this.viewed&&n.target===this.image&&(m&&n.isTrusted&&clearTimeout(this.doubleClickImageTimeout),this.toggle(n.isTrusted?n:n.detail&&n.detail.originalEvent))},load:function(){var n=this;this.timeout&&(clearTimeout(this.timeout),this.timeout=!1);var e=this.element,t=this.options,o=this.image,r=this.index,i=this.viewerData;Dn(o,B),t.loading&&Dn(this.canvas,H),o.style.cssText="height:0;"+"margin-left:".concat(i.width/2,"px;")+"margin-top:".concat(i.height/2,"px;")+"max-width:none!important;position:relative;width:0;",this.initImage((function(){Fn(o,L,t.movable),Fn(o,F,t.transition),n.renderImage((function(){n.viewed=!0,n.viewing=!1,_n(t.viewed)&&En(e,rn,t.viewed,{once:!0}),Gn(e,rn,{originalImage:n.images[r],index:r,image:o},{cancelable:!1})}))}))},loadImage:function(n){var e=n.target,t=e.parentNode,o=t.offsetWidth||30,r=t.offsetHeight||50,i=!!zn(e,"filled");Kn(e,this.options,(function(n,t){var a=n/t,l=o,s=r;r*a>o?i?l=r*a:s=o/a:i?s=o/a:l=r*a,Bn(e,Tn({width:l,height:s},Mn({translateX:(o-l)/2,translateY:(r-s)/2})))}))},keydown:function(n){var e=this.options;if(e.keyboard){var t=n.keyCode||n.which||n.charCode;if(13===t&&this.viewer.contains(n.target)&&this.click(n),this.fulled)switch(t){case 27:this.played?this.stop():e.inline?this.fulled&&this.exit():this.hide();break;case 32:this.played&&this.stop();break;case 37:this.played&&this.playing?this.playing.prev():this.prev(e.loop);break;case 38:n.preventDefault(),this.zoom(e.zoomRatio,!0);break;case 39:this.played&&this.playing?this.playing.next():this.next(e.loop);break;case 40:n.preventDefault(),this.zoom(-e.zoomRatio,!0);break;case 48:case 49:n.ctrlKey&&(n.preventDefault(),this.toggle())}}},dragstart:function(n){"img"===n.target.localName&&n.preventDefault()},pointerdown:function(n){var e=this.options,t=this.pointers,o=n.buttons,r=n.button;if(this.pointerMoved=!1,!(!this.viewed||this.showing||this.viewing||this.hiding||("mousedown"===n.type||"pointerdown"===n.type&&"mouse"===n.pointerType)&&(kn(o)&&1!==o||kn(r)&&0!==r||n.ctrlKey))){n.preventDefault(),n.changedTouches?In(n.changedTouches,(function(n){t[n.identifier]=Un(n)})):t[n.pointerId||0]=Un(n);var i=!!e.movable&&h;e.zoomOnTouch&&e.zoomable&&Object.keys(t).length>1?i=b:e.slideOnTouch&&("touch"===n.pointerType||"touchstart"===n.type)&&this.isSwitchable()&&(i=f),!e.transition||i!==h&&i!==b||Dn(this.image,F),this.action=i}},pointermove:function(n){var e=this.pointers,t=this.action;this.viewed&&t&&(n.preventDefault(),n.changedTouches?In(n.changedTouches,(function(n){Tn(e[n.identifier]||{},Un(n,!0))})):Tn(e[n.pointerId||0]||{},Un(n,!0)),this.change(n))},pointerup:function(n){var e,t=this,o=this.options,r=this.action,i=this.pointers;n.changedTouches?In(n.changedTouches,(function(n){e=i[n.identifier],delete i[n.identifier]})):(e=i[n.pointerId||0],delete i[n.pointerId||0]),r&&(n.preventDefault(),!o.transition||r!==h&&r!==b||Pn(this.image,F),this.action=!1,m&&r!==b&&e&&Date.now()-e.timeStamp<500&&(clearTimeout(this.clickCanvasTimeout),clearTimeout(this.doubleClickImageTimeout),o.toggleOnDblclick&&this.viewed&&n.target===this.image?this.imageClicked?(this.imageClicked=!1,this.doubleClickImageTimeout=setTimeout((function(){Gn(t.image,j,{originalEvent:n})}),50)):(this.imageClicked=!0,this.doubleClickImageTimeout=setTimeout((function(){t.imageClicked=!1}),500)):(this.imageClicked=!1,o.backdrop&&"static"!==o.backdrop&&n.target===this.canvas&&(this.clickCanvasTimeout=setTimeout((function(){Gn(t.canvas,R,{originalEvent:n})}),50)))))},resize:function(){var n=this;if(this.isShown&&!this.hiding&&(this.fulled&&(this.close(),this.initBody(),this.open()),this.initContainer(),this.initViewer(),this.renderViewer(),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage()})),this.played)){if(this.options.fullscreen&&this.fulled&&!(document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement||document.msFullscreenElement))return void this.stop();In(this.player.getElementsByTagName("img"),(function(e){En(e,$,n.loadImage.bind(n),{once:!0}),Gn(e,$)}))}},wheel:function(n){var e=this;if(this.viewed&&(n.preventDefault(),!this.wheeling)){this.wheeling=!0,setTimeout((function(){e.wheeling=!1}),50);var t=Number(this.options.zoomRatio)||.1,o=1;n.deltaY?o=n.deltaY>0?1:-1:n.wheelDelta?o=-n.wheelDelta/120:n.detail&&(o=n.detail>0?1:-1),this.zoom(-o*t,!0,null,n)}}},oe={show:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.element,t=this.options;if(t.inline||this.showing||this.isShown||this.showing)return this;if(!this.ready)return this.build(),this.ready&&this.show(n),this;if(_n(t.show)&&En(e,q,t.show,{once:!0}),!1===Gn(e,q)||!this.ready)return this;this.hiding&&this.transitioning.abort(),this.showing=!0,this.open();var o=this.viewer;if(Dn(o,W),o.setAttribute("role","dialog"),o.setAttribute("aria-labelledby",this.title.id),o.setAttribute("aria-modal",!0),o.removeAttribute("aria-hidden"),t.transition&&!n){var r=this.shown.bind(this);this.transitioning={abort:function(){$n(o,J,r),Dn(o,A)}},Pn(o,F),o.initialOffsetWidth=o.offsetWidth,En(o,J,r,{once:!0}),Pn(o,A)}else Pn(o,A),this.shown();return this},hide:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=this.element,o=this.options;if(o.inline||this.hiding||!this.isShown&&!this.showing)return this;if(_n(o.hide)&&En(t,en,o.hide,{once:!0}),!1===Gn(t,en))return this;this.showing&&this.transitioning.abort(),this.hiding=!0,this.played?this.stop():this.viewing&&this.viewing.abort();var r=this.viewer,i=this.image,a=function(){Dn(r,A),n.hidden()};if(o.transition&&!e){var l=function e(t){t&&t.target===r&&($n(r,J,e),n.hidden())},s=function(){Ln(r,F)?(En(r,J,l),Dn(r,A)):a()};this.transitioning={abort:function(){n.viewed&&Ln(i,F)?$n(i,J,s):Ln(r,F)&&$n(r,J,l)}},this.viewed&&Ln(i,F)?(En(i,J,s,{once:!0}),this.zoomTo(0,!1,null,null,!0)):s()}else a();return this},view:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.initialViewIndex;if(e=Number(e)||0,this.hiding||this.played||e<0||e>=this.length||this.viewed&&e===this.index)return this;if(!this.isShown)return this.index=e,this.show();this.viewing&&this.viewing.abort();var t=this.element,o=this.options,r=this.title,i=this.canvas,a=this.items[e],l=a.querySelector("img"),s=zn(l,"originalUrl"),d=l.getAttribute("alt"),c=document.createElement("img");if(In(o.inheritedAttributes,(function(n){var e=l.getAttribute(n);null!==e&&c.setAttribute(n,e)})),c.src=s,c.alt=d,_n(o.view)&&En(t,on,o.view,{once:!0}),!1===Gn(t,on,{originalImage:this.images[e],index:e,image:c})||!this.isShown||this.hiding||this.played)return this;var u=this.items[this.index];u&&(Dn(u,y),u.removeAttribute("aria-selected")),Pn(a,y),a.setAttribute("aria-selected",!0),o.focus&&a.focus(),this.image=c,this.viewed=!1,this.index=e,this.imageData={},Pn(c,B),o.loading&&Pn(i,H),i.innerHTML="",i.appendChild(c),this.renderList(),r.innerHTML="";var p,m,g=function(){var e=n.imageData,t=Array.isArray(o.title)?o.title[1]:o.title;r.innerHTML=Hn(_n(t)?t.call(n,c,e):"".concat(d," (").concat(e.naturalWidth," × ").concat(e.naturalHeight,")"))};return En(t,rn,g,{once:!0}),this.viewing={abort:function(){$n(t,rn,g),c.complete?n.imageRendering?n.imageRendering.abort():n.imageInitializing&&n.imageInitializing.abort():(c.src="",$n(c,$,p),n.timeout&&clearTimeout(n.timeout))}},c.complete?this.load():(En(c,$,p=function(){$n(c,E,m),n.load()},{once:!0}),En(c,E,m=function(){$n(c,$,p),n.timeout&&(clearTimeout(n.timeout),n.timeout=!1),Dn(c,B),o.loading&&Dn(n.canvas,H)},{once:!0}),this.timeout&&clearTimeout(this.timeout),this.timeout=setTimeout((function(){Dn(c,B),n.timeout=!1}),1e3)),this},prev:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.index-1;return e<0&&(e=n?this.length-1:0),this.view(e),this},next:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.length-1,t=this.index+1;return t>e&&(t=n?0:e),this.view(t),this},move:function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,t=this.imageData;return this.moveTo(Cn(n)?n:t.x+Number(n),Cn(e)?e:t.y+Number(e)),this},moveTo:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=this.element,i=this.options,a=this.imageData;if(n=Number(n),t=Number(t),this.viewed&&!this.played&&i.movable){var l=a.x,s=a.y,d=!1;if(kn(n)?d=!0:n=l,kn(t)?d=!0:t=s,d){if(_n(i.move)&&En(r,an,i.move,{once:!0}),!1===Gn(r,an,{x:n,y:t,oldX:l,oldY:s,originalEvent:o}))return this;a.x=n,a.y=t,a.left=n,a.top=t,this.moving=!0,this.renderImage((function(){e.moving=!1,_n(i.moved)&&En(r,ln,i.moved,{once:!0}),Gn(r,ln,{x:n,y:t,oldX:l,oldY:s,originalEvent:o},{cancelable:!1})}))}}return this},rotate:function(n){return this.rotateTo((this.imageData.rotate||0)+Number(n)),this},rotateTo:function(n){var e=this,t=this.element,o=this.options,r=this.imageData;if(kn(n=Number(n))&&this.viewed&&!this.played&&o.rotatable){var i=r.rotate;if(_n(o.rotate)&&En(t,sn,o.rotate,{once:!0}),!1===Gn(t,sn,{degree:n,oldDegree:i}))return this;r.rotate=n,this.rotating=!0,this.renderImage((function(){e.rotating=!1,_n(o.rotated)&&En(t,dn,o.rotated,{once:!0}),Gn(t,dn,{degree:n,oldDegree:i},{cancelable:!1})}))}return this},scaleX:function(n){return this.scale(n,this.imageData.scaleY),this},scaleY:function(n){return this.scale(this.imageData.scaleX,n),this},scale:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,o=this.element,r=this.options,i=this.imageData;if(n=Number(n),t=Number(t),this.viewed&&!this.played&&r.scalable){var a=i.scaleX,l=i.scaleY,s=!1;if(kn(n)?s=!0:n=a,kn(t)?s=!0:t=l,s){if(_n(r.scale)&&En(o,cn,r.scale,{once:!0}),!1===Gn(o,cn,{scaleX:n,scaleY:t,oldScaleX:a,oldScaleY:l}))return this;i.scaleX=n,i.scaleY=t,this.scaling=!0,this.renderImage((function(){e.scaling=!1,_n(r.scaled)&&En(o,un,r.scaled,{once:!0}),Gn(o,un,{scaleX:n,scaleY:t,oldScaleX:a,oldScaleY:l},{cancelable:!1})}))}}return this},zoom:function(n){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,r=this.imageData;return n=(n=Number(n))<0?1/(1-n):1+n,this.zoomTo(r.width*n/r.naturalWidth,e,t,o),this},zoomTo:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=arguments.length>4&&void 0!==arguments[4]&&arguments[4],a=this.element,l=this.options,s=this.pointers,d=this.imageData,c=d.x,u=d.y,p=d.width,m=d.height,g=d.naturalWidth,v=d.naturalHeight;if(kn(n=Math.max(0,n))&&this.viewed&&!this.played&&(i||l.zoomable)){if(!i){var h=Math.max(.01,l.minZoomRatio),f=Math.min(100,l.maxZoomRatio);n=Math.min(Math.max(n,h),f)}if(r)switch(r.type){case"wheel":l.zoomRatio>=.055&&n>.95&&n<1.05&&(n=1);break;case"pointermove":case"touchmove":case"mousemove":n>.99&&n<1.01&&(n=1)}var b=g*n,y=v*n,x=b-p,k=y-m,C=d.ratio;if(_n(l.zoom)&&En(a,pn,l.zoom,{once:!0}),!1===Gn(a,pn,{ratio:n,oldRatio:C,originalEvent:r}))return this;if(this.zooming=!0,r){var w=Xn(this.viewer),S=s&&Object.keys(s).length>0?Qn(s):{pageX:r.pageX,pageY:r.pageY};d.x-=x*((S.pageX-w.left-c)/p),d.y-=k*((S.pageY-w.top-u)/m)}else Wn(o)&&kn(o.x)&&kn(o.y)?(d.x-=x*((o.x-c)/p),d.y-=k*((o.y-u)/m)):(d.x-=x/2,d.y-=k/2);d.left=d.x,d.top=d.y,d.width=b,d.height=y,d.oldRatio=C,d.ratio=n,this.renderImage((function(){e.zooming=!1,_n(l.zoomed)&&En(a,mn,l.zoomed,{once:!0}),Gn(a,mn,{ratio:n,oldRatio:C,originalEvent:r},{cancelable:!1})})),t&&this.tooltip()}return this},play:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!this.isShown||this.played)return this;var t=this.element,o=this.options;if(_n(o.play)&&En(t,gn,o.play,{once:!0}),!1===Gn(t,gn))return this;var r=this.player,i=this.loadImage.bind(this),a=[],l=0,s=0;if(this.played=!0,this.onLoadWhenPlay=i,e&&this.requestFullscreen(e),Pn(r,D),In(this.items,(function(n,e){var t=n.querySelector("img"),d=document.createElement("img");d.src=zn(t,"originalUrl"),d.alt=t.getAttribute("alt"),d.referrerPolicy=t.referrerPolicy,l+=1,Pn(d,k),Fn(d,F,o.transition),Ln(n,y)&&(Pn(d,A),s=e),a.push(d),En(d,$,i,{once:!0}),r.appendChild(d)})),kn(o.interval)&&o.interval>0){var d=function e(){clearTimeout(n.playing.timeout),Dn(a[s],A),Pn(a[s=(s-=1)>=0?s:l-1],A),n.playing.timeout=setTimeout(e,o.interval)},c=function e(){clearTimeout(n.playing.timeout),Dn(a[s],A),Pn(a[s=(s+=1)<l?s:0],A),n.playing.timeout=setTimeout(e,o.interval)};l>1&&(this.playing={prev:d,next:c,timeout:setTimeout(c,o.interval)})}return this},stop:function(){var n=this;if(!this.played)return this;var e=this.element,t=this.options;if(_n(t.stop)&&En(e,vn,t.stop,{once:!0}),!1===Gn(e,vn))return this;var o=this.player;return clearTimeout(this.playing.timeout),this.playing=!1,this.played=!1,In(o.getElementsByTagName("img"),(function(e){$n(e,$,n.onLoadWhenPlay)})),Dn(o,D),o.innerHTML="",this.exitFullscreen(),this},full:function(){var n=this,e=this.options,t=this.viewer,o=this.image,r=this.list;return!this.isShown||this.played||this.fulled||!e.inline||(this.fulled=!0,this.open(),Pn(this.button,S),e.transition&&(Dn(r,F),this.viewed&&Dn(o,F)),Pn(t,C),t.setAttribute("role","dialog"),t.setAttribute("aria-labelledby",this.title.id),t.setAttribute("aria-modal",!0),t.removeAttribute("style"),Bn(t,{zIndex:e.zIndex}),e.focus&&this.enforceFocus(),this.initContainer(),this.viewerData=Tn({},this.containerData),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage((function(){e.transition&&setTimeout((function(){Pn(o,F),Pn(r,F)}),0)}))}))),this},exit:function(){var n=this,e=this.options,t=this.viewer,o=this.image,r=this.list;return this.isShown&&!this.played&&this.fulled&&e.inline?(this.fulled=!1,this.close(),Dn(this.button,S),e.transition&&(Dn(r,F),this.viewed&&Dn(o,F)),e.focus&&this.clearEnforceFocus(),t.removeAttribute("role"),t.removeAttribute("aria-labelledby"),t.removeAttribute("aria-modal"),Dn(t,C),Bn(t,{zIndex:e.zIndexInline}),this.viewerData=Tn({},this.parentData),this.renderViewer(),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage((function(){e.transition&&setTimeout((function(){Pn(o,F),Pn(r,F)}),0)}))})),this):this},tooltip:function(){var n=this,e=this.options,t=this.tooltipBox,o=this.imageData;return this.viewed&&!this.played&&e.tooltip?(t.textContent="".concat(Math.round(100*o.ratio),"%"),this.tooltipping?clearTimeout(this.tooltipping):e.transition?(this.fading&&Gn(t,J),Pn(t,D),Pn(t,k),Pn(t,F),t.removeAttribute("aria-hidden"),t.initialOffsetWidth=t.offsetWidth,Pn(t,A)):(Pn(t,D),t.removeAttribute("aria-hidden")),this.tooltipping=setTimeout((function(){e.transition?(En(t,J,(function(){Dn(t,D),Dn(t,k),Dn(t,F),t.setAttribute("aria-hidden",!0),n.fading=!1}),{once:!0}),Dn(t,A),n.fading=!0):(Dn(t,D),t.setAttribute("aria-hidden",!0)),n.tooltipping=!1}),1e3),this):this},toggle:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return 1===this.imageData.ratio?this.zoomTo(this.imageData.oldRatio,!0,null,n):this.zoomTo(1,!0,null,n),this},reset:function(){return this.viewed&&!this.played&&(this.imageData=Tn({},this.initialImageData),this.renderImage()),this},update:function(){var n=this,e=this.element,t=this.options,o=this.isImg;if(o&&!e.parentNode)return this.destroy();var r=[];if(In(o?[e]:e.querySelectorAll("img"),(function(e){_n(t.filter)?t.filter.call(n,e)&&r.push(e):n.getImageURL(e)&&r.push(e)})),!r.length)return this;if(this.images=r,this.length=r.length,this.ready){var i=[];if(In(this.items,(function(n,e){var t=n.querySelector("img"),o=r[e];o&&t&&o.src===t.src&&o.alt===t.alt||i.push(e)})),Bn(this.list,{width:"auto"}),this.initList(),this.isShown)if(this.length){if(this.viewed){var a=i.indexOf(this.index);if(a>=0)this.viewed=!1,this.view(Math.max(Math.min(this.index-a,this.length-1),0));else{var l=this.items[this.index];Pn(l,y),l.setAttribute("aria-selected",!0)}}}else this.image=null,this.viewed=!1,this.index=0,this.imageData={},this.canvas.innerHTML="",this.title.innerHTML=""}else this.build();return this},destroy:function(){var n=this.element,e=this.options;return n[v]?(this.destroyed=!0,this.ready?(this.played&&this.stop(),e.inline?(this.fulled&&this.exit(),this.unbind()):this.isShown?(this.viewing&&(this.imageRendering?this.imageRendering.abort():this.imageInitializing&&this.imageInitializing.abort()),this.hiding&&this.transitioning.abort(),this.hidden()):this.showing&&(this.transitioning.abort(),this.hidden()),this.ready=!1,this.viewer.parentNode.removeChild(this.viewer)):e.inline&&(this.delaying?this.delaying.abort():this.initializing&&this.initializing.abort()),e.inline||$n(n,R,this.onStart),n[v]=void 0,this):this}},re={getImageURL:function(n){var e=this.options.url;return e=yn(e)?n.getAttribute(e):_n(e)?e.call(this,n):""},enforceFocus:function(){var n=this;this.clearEnforceFocus(),En(document,Z,this.onFocusin=function(e){var t=n.viewer,o=e.target;if(o!==document&&o!==t&&!t.contains(o)){for(;o;){if(null!==o.getAttribute("tabindex")||"true"===o.getAttribute("aria-modal"))return;o=o.parentElement}t.focus()}})},clearEnforceFocus:function(){this.onFocusin&&($n(document,Z,this.onFocusin),this.onFocusin=null)},open:function(){var n=this.body;Pn(n,P),this.scrollbarWidth>0&&(n.style.paddingRight="".concat(this.scrollbarWidth+(parseFloat(this.initialBodyComputedPaddingRight)||0),"px"))},close:function(){var n=this.body;Dn(n,P),this.scrollbarWidth>0&&(n.style.paddingRight=this.initialBodyPaddingRight)},shown:function(){var n=this.element,e=this.options,t=this.viewer;this.fulled=!0,this.isShown=!0,this.render(),this.bind(),this.showing=!1,e.focus&&(t.focus(),this.enforceFocus()),_n(e.shown)&&En(n,nn,e.shown,{once:!0}),!1!==Gn(n,nn)&&this.ready&&this.isShown&&!this.hiding&&this.view(this.index)},hidden:function(){var n=this.element,e=this.options,t=this.viewer;e.fucus&&this.clearEnforceFocus(),this.close(),this.unbind(),Pn(t,W),t.removeAttribute("role"),t.removeAttribute("aria-labelledby"),t.removeAttribute("aria-modal"),t.setAttribute("aria-hidden",!0),this.resetList(),this.resetImage(),this.fulled=!1,this.viewed=!1,this.isShown=!1,this.hiding=!1,this.destroyed||(_n(e.hidden)&&En(n,tn,e.hidden,{once:!0}),Gn(n,tn,null,{cancelable:!1}))},requestFullscreen:function(n){var e=this.element.ownerDocument;if(this.fulled&&!(e.fullscreenElement||e.webkitFullscreenElement||e.mozFullScreenElement||e.msFullscreenElement)){var t=e.documentElement;t.requestFullscreen?Wn(n)?t.requestFullscreen(n):t.requestFullscreen():t.webkitRequestFullscreen?t.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT):t.mozRequestFullScreen?t.mozRequestFullScreen():t.msRequestFullscreen&&t.msRequestFullscreen()}},exitFullscreen:function(){var n=this.element.ownerDocument;this.fulled&&(n.fullscreenElement||n.webkitFullscreenElement||n.mozFullScreenElement||n.msFullscreenElement)&&(n.exitFullscreen?n.exitFullscreen():n.webkitExitFullscreen?n.webkitExitFullscreen():n.mozCancelFullScreen?n.mozCancelFullScreen():n.msExitFullscreen&&n.msExitFullscreen())},change:function(n){var e=this.options,t=this.pointers,o=t[Object.keys(t)[0]];if(o){var r=o.endX-o.startX,i=o.endY-o.startY;switch(this.action){case h:0===r&&0===i||(this.pointerMoved=!0,this.move(r,i,n));break;case b:this.zoom(Jn(t),!1,null,n);break;case f:this.action="switched";var a=Math.abs(r);a>1&&a>Math.abs(i)&&(this.pointers={},r>1?this.prev(e.loop):r<-1&&this.next(e.loop))}In(t,(function(n){n.startX=n.endX,n.startY=n.endY}))}},isSwitchable:function(){var n=this.imageData,e=this.viewerData;return this.length>1&&n.x>=0&&n.y>=0&&n.width<=e.width&&n.height<=e.height}},ie=p.Viewer,ae=(qn=-1,function(){return qn+=1}),le=function(){function n(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(o(this,n),!e||1!==e.nodeType)throw new Error("The first argument is required and must be an element.");this.element=e,this.options=Tn({},d,Wn(t)&&t),this.action=!1,this.fading=!1,this.fulled=!1,this.hiding=!1,this.imageClicked=!1,this.imageData={},this.index=this.options.initialViewIndex,this.isImg=!1,this.isShown=!1,this.length=0,this.moving=!1,this.played=!1,this.playing=!1,this.pointers={},this.ready=!1,this.rotating=!1,this.scaling=!1,this.showing=!1,this.timeout=!1,this.tooltipping=!1,this.viewed=!1,this.viewing=!1,this.wheeling=!1,this.zooming=!1,this.pointerMoved=!1,this.id=ae(),this.init()}return i(n,[{key:"init",value:function(){var n=this,e=this.element,t=this.options;if(!e[v]){e[v]=this,t.focus&&!t.keyboard&&(t.focus=!1);var o="img"===e.localName,r=[];if(In(o?[e]:e.querySelectorAll("img"),(function(e){_n(t.filter)?t.filter.call(n,e)&&r.push(e):n.getImageURL(e)&&r.push(e)})),this.isImg=o,this.length=r.length,this.images=r,this.initBody(),Cn(document.createElement(v).style.transition)&&(t.transition=!1),t.inline){var i=0,a=function(){var e;(i+=1)===n.length&&(n.initializing=!1,n.delaying={abort:function(){clearTimeout(e)}},e=setTimeout((function(){n.delaying=!1,n.build()}),0))};this.initializing={abort:function(){In(r,(function(n){n.complete||($n(n,$,a),$n(n,E,a))}))}},In(r,(function(n){var e,t;n.complete?a():(En(n,$,e=function(){$n(n,E,t),a()},{once:!0}),En(n,E,t=function(){$n(n,$,e),a()},{once:!0}))}))}else En(e,R,this.onStart=function(e){var o=e.target;"img"!==o.localName||_n(t.filter)&&!t.filter.call(n,o)||n.view(n.images.indexOf(o))})}}},{key:"build",value:function(){if(!this.ready){var n=this.element,e=this.options,t=n.parentNode,o=document.createElement("div");o.innerHTML=c;var r=o.querySelector(".".concat(v,"-container")),i=r.querySelector(".".concat(v,"-title")),a=r.querySelector(".".concat(v,"-toolbar")),l=r.querySelector(".".concat(v,"-navbar")),s=r.querySelector(".".concat(v,"-button")),d=r.querySelector(".".concat(v,"-canvas"));if(this.parent=t,this.viewer=r,this.title=i,this.toolbar=a,this.navbar=l,this.button=s,this.canvas=d,this.footer=r.querySelector(".".concat(v,"-footer")),this.tooltipBox=r.querySelector(".".concat(v,"-tooltip")),this.player=r.querySelector(".".concat(v,"-player")),this.list=r.querySelector(".".concat(v,"-list")),r.id="".concat(v).concat(this.id),i.id="".concat(v,"Title").concat(this.id),Pn(i,e.title?Yn(Array.isArray(e.title)?e.title[0]:e.title):W),Pn(l,e.navbar?Yn(e.navbar):W),Fn(s,W,!e.button),e.keyboard&&s.setAttribute("tabindex",0),e.backdrop&&(Pn(r,"".concat(v,"-backdrop")),e.inline||"static"===e.backdrop||Zn(d,hn,"hide")),yn(e.className)&&e.className&&e.className.split(fn).forEach((function(n){Pn(r,n)})),e.toolbar){var u=document.createElement("ul"),p=Wn(e.toolbar),m=bn.slice(0,3),g=bn.slice(7,9),h=bn.slice(9);p||Pn(a,Yn(e.toolbar)),In(p?e.toolbar:bn,(function(n,t){var o=p&&Wn(n),r=p?jn(t):n,i=o&&!Cn(n.show)?n.show:n;if(i&&(e.zoomable||-1===m.indexOf(r))&&(e.rotatable||-1===g.indexOf(r))&&(e.scalable||-1===h.indexOf(r))){var a=o&&!Cn(n.size)?n.size:n,l=o&&!Cn(n.click)?n.click:n,s=document.createElement("li");e.keyboard&&s.setAttribute("tabindex",0),s.setAttribute("role","button"),Pn(s,"".concat(v,"-").concat(r)),_n(l)||Zn(s,hn,r),kn(i)&&Pn(s,Yn(i)),-1!==["small","large"].indexOf(a)?Pn(s,"".concat(v,"-").concat(a)):"play"===r&&Pn(s,"".concat(v,"-large")),_n(l)&&En(s,R,l),u.appendChild(s)}})),a.appendChild(u)}else Pn(a,W);if(!e.rotatable){var f=a.querySelectorAll('li[class*="rotate"]');Pn(f,B),In(f,(function(n){a.appendChild(n)}))}if(e.inline)Pn(s,w),Bn(r,{zIndex:e.zIndexInline}),"static"===window.getComputedStyle(t).position&&Bn(t,{position:"relative"}),t.insertBefore(r,n.nextSibling);else{Pn(s,x),Pn(r,C),Pn(r,k),Pn(r,W),Bn(r,{zIndex:e.zIndex});var b=e.container;yn(b)&&(b=n.ownerDocument.querySelector(b)),b||(b=this.body),b.appendChild(r)}e.inline&&(this.render(),this.bind(),this.isShown=!0),this.ready=!0,_n(e.ready)&&En(n,Q,e.ready,{once:!0}),!1!==Gn(n,Q)?this.ready&&e.inline&&this.view(this.index):this.ready=!1}}}],[{key:"noConflict",value:function(){return window.Viewer=ie,n}},{key:"setDefaults",value:function(n){Tn(d,Wn(n)&&n)}}]),n}();return Tn(le.prototype,ne,ee,te,oe,re),le}()}({get exports(){return BC},set exports(n){BC=n}});var HC=BC;async function LC(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=!0,r=null,i=El();if(na(t)||(t={}),!sa(n))return i.reject("eleImg is not a HTMLElement"),i;if(r=n,null!==e){if(!sa(e))return i.reject("eleGroup is not a HTMLElement"),i;o=!1,r=e}if(!o){let n=Oo(e.querySelectorAll("img"));if(0===n)return i.reject("eleGroup does not contain any img"),i;1===n&&(o=!0)}let a={button:!1,navbar:!1,title:!1,toolbar:{zoomIn:4,zoomOut:4,oneToOne:4,reset:4,prev:0,play:0,next:0,rotateLeft:4,rotateRight:4,flipHorizontal:4,flipVertical:4},tooltip:!1,movable:!0,zoomable:!0,rotatable:!0,scalable:!0,transition:!0,fullscreen:!1,keyboard:!0};o||(a=function(){let n={button:!1,navbar:!1,title:!1,toolbar:{zoomIn:4,zoomOut:4,oneToOne:4,reset:4,prev:0,play:0,next:0,rotateLeft:4,rotateRight:4,flipHorizontal:4,flipVertical:4},tooltip:!1,movable:!0,zoomable:!0,rotatable:!0,scalable:!0,transition:!0,fullscreen:!1,keyboard:!0};return n.navbar=!0,n.toolbar.prev=4,n.toolbar.next=4,n}()),a=AC(a,pi(t));let l=!1;a.hide=function(){l||(l=!0,d.hide(!0))},a.hidden=function(){d.destroy(),i.resolve("close")};let s=function(){let n=Eg();return HC||n.Viewer}(),d=new s(r,a);return d.show(),i}async function PC(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3?arguments[3]:void 0;return Ca(o)||(o=["https://cdn.jsdelivr.net/npm/viewerjs@1.11.5/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.11.5/dist/viewer.min.js"]),await zk(o),LC(n,e,t)}const DC={components:{WIconLoading:hd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/viewerjs@1.10.5/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.10.5/dist/viewer.min.js"]},images:{type:Array,default:()=>[]},imageStyle:{type:Object,default:()=>{}},opt:{type:Object,default:()=>{}},multiple:{type:Boolean,default:!1}},data:function(){return{loading:!0}},mounted:function(){let n=this;zk(n.pathItems).then((e=>{n.loading=!1,n.$nextTick((()=>{Ze(fn(n,"$refs.wiv",[]),((n,e)=>{_f(n,{duration:200,delay:100*e})}))}))}))},computed:{useImageStyle:function(){return AC({margin:"5px"},this.imageStyle)}},methods:{showImg:function(n){let e=this,t=null;e.multiple&&(t=e.$refs.wig),PC(n.currentTarget,t,e.opt,e.pathItems).catch((n=>{console.log(n)}))}}};var FC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n.loading?t("WIconLoading"):t("div",{ref:"wig"},n._l(n.images,(function(e,o){return t("div",{key:o,ref:"wiv",refInFor:!0,staticStyle:{display:"inline-block",opacity:"0","user-select":"none",cursor:"pointer",outline:"none"},attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.showImg.apply(null,arguments)},click:n.showImg}},[t("img",{style:n.useImageStyle,attrs:{src:e}})])})),0)],1)};FC._withStripped=!0;const RC={components:{demolink:eu,WImageViewerDyn:Sa({render:FC,staticRenderFns:[]},(function(n){n&&n("data-v-35b6b4fe_0",{source:"\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\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\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\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\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WImageViewerDyn.vue"},media:void 0})}),DC,"data-v-35b6b4fe",false,undefined,!1,_a,void 0,void 0)},props:{},data:function(){return{WImageViewerDyn:{opt1:{images:["https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/view/001.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/view/002.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/view/003.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/view/004.jpg"],imageStyle:{maxWidth:"300px",maxHeight:"300px"},opt:{}},opt2:{images:["https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/view/005.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/view/006.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/view/007.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/view/008.jpg"],imageStyle:{maxWidth:"300px",maxHeight:"300px"},opt:{}}},actions:[]}}};var jC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-viewer-dyn",casename:"one image"}}),n._v(" "),t("w-image-viewer-dyn",{attrs:{images:n.WImageViewerDyn.opt1.images,imageStyle:n.WImageViewerDyn.opt1.imageStyle,opt:n.WImageViewerDyn.opt1.opt}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-viewer-dyn",casename:"multiple image with navbar"}}),n._v(" "),t("w-image-viewer-dyn",{attrs:{images:n.WImageViewerDyn.opt2.images,imageStyle:n.WImageViewerDyn.opt2.imageStyle,opt:n.WImageViewerDyn.opt2.opt,multiple:!0}})],1)])])};jC._withStripped=!0;const zC=Sa({render:jC,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-image-viewer-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//github.com/fengyuanchen/viewerjs",target:"_blank",rel:"noreferrer noopener"}},[n._v("Viewer.js")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//fengyuanchen.github.io/viewerjs/",target:"_blank",rel:"noreferrer noopener"}},[n._v("Viewer.js examples")])])}]},(function(n){n&&n("data-v-650a15ca_0",{source:"\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\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\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\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\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWImageViewerDyn.vue"},media:void 0})}),RC,"data-v-650a15ca",false,undefined,!1,_a,void 0,void 0);var ZC=4294967295,VC=Math.min;function $C(n,e){if((n=Wi(n))<1||n>9007199254740991)return[];var t=ZC,o=VC(n,ZC);e=ze(e),n-=ZC;for(var r=ee(o,e);++t<n;)e(t);return r}function EC(){return new function(n,e){let t=null;rs(n)||(n=0),n=Fi(n),ma(e)||(e=!1);let o=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=0,t=[];lp(n)&&(n=0),n=Fi(n);let o=Zi();return o.get=function(){return t.length>0?(e+=1,t.splice(0,1)[0]):null},o.cb=function(){e-=1,e<0&&(e=0),t.length>0&&o.emit("message",t)},o.push=function(r){t.push(r),(n<=0||e<n)&&o.emit("message",t)},o.clear=function(){e=0,t=[]},o}(n);return o.on("message",(async function(n){let e=o.get();if(!e)return;await _p(1);let t,r=fn(e,"id"),i=fn(e,"fun"),a=fn(e,"input");t=Vi(i)?await Ap(i)(...a):{state:"error",msg:"fun is not a function"},o.emit(r,t),o.cb()})),function(n){let r=El(),i=Mi();t=i;for(var a=arguments.length,l=new Array(a>1?a-1:0),s=1;s<a;s++)l[s-1]=arguments[s];let d={id:i,fun:n,input:l};return o.push(d),o.once(i,(n=>{e?i===t?"success"===n.state?r.resolve(n.msg):r.reject(n.msg):r.reject({reason:"cancelled"}):"success"===n.state?r.resolve(n.msg):r.reject(n.msg)})),r}}(arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,arguments.length>1&&void 0!==arguments[1]&&arguments[1])}let GC=!1;var XC={directives:{domresize:Ni()},components:{WIconLoading:hd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/viewerjs@1.10.5/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.10.5/dist/viewer.min.js"]},images:{type:Array,default:()=>[]},imageWidth:{type:Number,default:300},imageWidthSoft:{type:Number,default:null},colNum:{type:Number,default:null},space:{type:Number,default:15},imageStyle:{type:Object,default:()=>{}},arrangeWhenFinish:{type:Boolean,default:!1},numParallel:{type:Number,default:5},opt:{type:Object,default:()=>{}}},data:function(){return{dbc:Eu(),loading:!0,first:!1,widthPanel:0,heightPanel:0,imageCols:[],imageLocs:[],useImageStyle:{},uesImageWidth:0,imagesRes:[]}},mounted:function(){let n=this;zk(n.pathItems).then((e=>{n.loading=!1}))},computed:{changeImages:function(){let n=this.images;return this.refreshDebounce({images:n}),""},changeStyle:function(){let n=this,e=n.widthPanel,t=n.imageWidth,o=n.imageStyle,r=n.colNum,i=n.space;return n.refreshDebounce({widthPanel:e,imageWidth:t,imageStyle:o,colNum:r,space:i}),""}},methods:{resize:function(n){let e=this,t=fn(e,"$el.offsetWidth",0);GC||e.widthPanel!==t&&(e.widthPanel=t)},getImgSize:function(n,e){let t=El(),o=`g${Mi()}`,r=document.createElement("img");r.src=n,r.style.maxWidth=`${e}px`;let i=document.createElement("div");return i.id=`img-${o}`,i.style.position="absolute",i.style.width=0,i.style.height=0,i.style.opacity=0,i.style.overflow="hidden",i.appendChild(r),document.body.appendChild(i),r.onload=function(){t.resolve({src:n,id:o,w:r.clientWidth,h:r.clientHeight,err:null}),da(i)},r.onerror=function(e){t.reject({src:n,w:0,h:0,err:e}),da(i)},t},getImgsSize:function(n,e){let t=this,o=Zi(),r=EC(t.numParallel);t.imagesRes=[];let i=-1;return Ze(t.images,((a,l)=>{r(t.getImgSize,a,n).then((n=>{i++;let r=i;t.arrangeWhenFinish&&(r=l);let a={...n,name:(s=n.src,s.split("\\").pop().split("/").pop()),ind:r,evKey:e};var s;t.imagesRes[r]=a,o.emit("get",a)})).catch((n=>{console.log(n)}))})),o},refreshDebounce:function(){let n=this;n.dbc((()=>{n.refresh()}))},refresh:function(){let n=this,e=null,t=null;if(ha(n.imageWidthSoft)&&n.imageWidthSoft>0)t=(n.widthPanel+n.space)/(n.imageWidthSoft+n.space),t=Math.floor(t),t=Math.max(t,1),e=(n.widthPanel-n.space*(t-1))/t;else if(Ri(n.colNum))t=Fi(n.colNum),e=(n.widthPanel-(t-1)*n.space)/t,e=Math.floor(e);else if(ha(n.imageWidth)&&n.imageWidth>0){e=n.imageWidth;let o=n.widthPanel+n.space;o=Math.max(o,0);let r=e+n.space;r=Math.max(r,1),t=Math.floor(o/r)}else console.log("invalid colNum or imageWidth or imageWidthSoft",n.colNum,n.imageWidth,n.imageWidthSoft),t=4,e=300;n.uesImageWidth=e;let o={...n.imageStyle,"max-width":`${e}px`,"user-select":"none",cursor:"pointer",outline:"none"};function r(){n.imageCols=Io($C(t),(()=>[])),n.imageLocs=Io($C(t),(()=>0))}function i(e){if(!ya(n.imageCols))return;let t=function(){let e=n.imageLocs[0],t=0;return Ze(n.imageLocs,((n,o)=>{e>n&&(e=n,t=o)})),t}();try{n.imageCols[t].push(e),n.imageLocs[t]+=e.h+n.space+53}catch(n){}}function a(){r(),Ze(n.imagesRes,(n=>{i(n)}))}n.useImageStyle=o,n.first?a():function(){let t=El();r();let o=Mi(),l=Oo(n.images),s=n.getImgsSize(e,o),d=0;s.on("get",(e=>{e.evKey===o&&(i(e),d++,d>=l&&(n.first=!0,n.arrangeWhenFinish&&a(),t.resolve()))}))}()},showImg:function(n,e){let t=this;GC=!0,PC(n.currentTarget,null,t.opt,t.pathItems).finally((()=>{GC=!1})),t.$emit("click",e)}}};const MC=XC;var NC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeImages:n.changeImages,changeStyle:n.changeStyle},on:{domresize:n.resize}},[t("div",{staticStyle:{"margin-top":"-1px",height:"1px"}}),n._v(" "),n.loading?t("WIconLoading"):t("div",n._l(n.imageCols,(function(e,o){return t("div",{key:"c-"+o,style:"display:table-cell; vertical-align:top; margin:0; padding-left:"+(o>0?n.space:0)+"px;"},n._l(e,(function(e,o){return t("div",{key:"kimg-"+o,class:n.first?"":"fadeIn",style:"margin:"+(o>0?n.space:0)+"px 0 0 0; width:"+n.uesImageWidth+"px; user-select:none; outline:none;",attrs:{tabindex:"0"}},[t("div",{style:"display:flex;"},[t("img",{style:n.useImageStyle,attrs:{src:e.src},on:{keyup:function(t){return!t.type.indexOf("key")&&n._k(t.keyCode,"enter",13,t.key,"Enter")?null:function(t){n.showImg(t,e)}.apply(null,arguments)},click:function(t){n.showImg(t,e)}}})]),n._v(" "),t("div",{staticStyle:{background:"rgba(0,0,0,0.65)",padding:"5px"}},[t("input",{staticClass:"inp",staticStyle:{"font-size":"0.8rem",color:"#fff"},attrs:{type:"text",_spellcheck:"false",readonly:""},domProps:{value:e.name}})]),n._v(" "),t("div",{staticStyle:{background:"rgba(200,200,200,0.5)",padding:"3px 5px"}},[t("input",{staticClass:"inp",staticStyle:{"font-size":"0.7rem",opacity:"0.75"},attrs:{type:"text",_spellcheck:"false",readonly:""},domProps:{value:e.src}})])])})),0)})),0)],1)};NC._withStripped=!0;const OC={components:{demolink:eu,WImageCascadingDyn:Sa({render:NC,staticRenderFns:[]},(function(n){n&&n("data-v-08881f50_0",{source:"\n.inp[data-v-08881f50] {\r\n    font: inherit;\r\n    height: 1rem;\r\n    line-height: 1rem;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: block;\r\n    background: transparent;\r\n    border-style: none;\n}\n.inp[data-v-08881f50]:focus {\r\n    outline: none;\n}\n.fadeIn[data-v-08881f50] {\r\n    animation: aniFadeIn-data-v-08881f50 0.3s;\n}\n@keyframes aniFadeIn-data-v-08881f50\r\n{\nfrom {opacity: 0;}\nto {opacity: 1}\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WImageCascadingDyn.vue"],names:[],mappings:";AAolBA;IACA,aAAA;IACA,YAAA;IACA,iBAAA;IACA,WAAA;IACA,SAAA;IACA,UAAA;IACA,cAAA;IACA,uBAAA;IACA,kBAAA;AACA;AACA;IACA,aAAA;AACA;AACA;IACA,yCAAA;AACA;AACA;;AAEA,MAAA,UAAA,CAAA;AACA,IAAA,UAAA;AACA",file:"WImageCascadingDyn.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeImages=\"changeImages\"\r\n        :changeStyle=\"changeStyle\"\r\n        v-domresize\r\n        @domresize=\"resize\"\r\n    >\r\n\r\n        \x3c!-- 初始化無圖片時先撐開寬度 --\x3e\r\n        <div style=\"margin-top:-1px; height:1px;\"></div>\r\n\r\n        <WIconLoading v-if=\"loading\"></WIconLoading>\r\n\r\n        <div v-else>\r\n\r\n            <div\r\n                :style=\"`display:table-cell; vertical-align:top; margin:0; padding-left:${kimgs>0?space:0}px;`\"\r\n                :key=\"`c-${kimgs}`\"\r\n                v-for=\"(imgs,kimgs) in imageCols\"\r\n            >\r\n\r\n                <div\r\n                    :class=\"`${first?'':'fadeIn'}`\"\r\n                    :style=\"`margin:${kimg>0?space:0}px 0 0 0; width:${uesImageWidth}px; user-select:none; outline:none;`\"\r\n                    tabindex=\"0\"\r\n                    :key=\"`kimg-${kimg}`\"\r\n                    v-for=\"(img,kimg) in imgs\"\r\n                >\r\n\r\n                    <div :style=\"`display:flex;`\">\r\n                        <img\r\n                            :style=\"useImageStyle\"\r\n                            :src=\"img.src\"\r\n                            @keyup.enter=\"(e)=>{showImg(e,img)}\"\r\n                            @click=\"(e)=>{showImg(e,img)}\"\r\n                        >\r\n                    </div>\r\n\r\n                    <div style=\"background:rgba(0,0,0,0.65); padding:5px;\">\r\n                        <input\r\n                            type=\"text\"\r\n                            class=\"inp\"\r\n                            style=\"font-size:0.8rem; color:#fff;\"\r\n                            _spellcheck=\"false\"\r\n                            readonly\r\n                            :value=\"img.name\"\r\n                        >\r\n                    </div>\r\n\r\n                    <div style=\"background:rgba(200,200,200,0.5); padding:3px 5px;\">\r\n                        <input\r\n                            type=\"text\"\r\n                            class=\"inp\"\r\n                            style=\"font-size:0.7rem; opacity:0.75;\"\r\n                            _spellcheck=\"false\"\r\n                            readonly\r\n                            :value=\"img.src\"\r\n                        >\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport each from 'lodash-es/each'\r\nimport map from 'lodash-es/map'\r\nimport get from 'lodash-es/get'\r\nimport times from 'lodash-es/times'\r\nimport size from 'lodash-es/size'\r\nimport isNumber from 'lodash-es/isNumber'\r\nimport importResources from 'wsemi/src/importResources.mjs'\r\nimport domShowImagesDyn from 'wsemi/src/domShowImagesDyn.mjs'\r\nimport ispint from 'wsemi/src/ispint.mjs'\r\nimport cint from 'wsemi/src/cint.mjs'\r\nimport isarr from 'wsemi/src/isarr.mjs'\r\nimport genPm from 'wsemi/src/genPm.mjs'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport pmQueue from 'wsemi/src/pmQueue.mjs'\r\nimport domRemove from 'wsemi/src/domRemove.mjs'\r\nimport evem from 'wsemi/src/evem.mjs'\r\nimport debounce from 'wsemi/src/debounce.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport WIconLoading from './WIconLoading.vue'\r\n\r\n\r\n//showViewer, 得要跨組件共用, 因彈出viewer會影響全部組件\r\nlet showViewer = false\r\n\r\n\r\nfunction getFileName(str) {\r\n    return str.split('\\\\').pop().split('/').pop()\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [pathItems=['詳見原始碼']] 輸入viewerjs組件js與css檔案位置字串陣列，預設詳見原始碼處props->pathItems->default\r\n * @vue-prop {Array} [images=[]] 輸入圖片網址陣列，預設[]\r\n * @vue-prop {Number} [imageWidth=300] 輸入圖片寬度數字，單位為px，預設300\r\n * @vue-prop {Number} [imageWidthSoft=null] 輸入自動計算最小需滿足的圖片寬度數字，單位為px，預設null\r\n * @vue-prop {Number} [colNum=null] 輸入組件寬度圖片欄位(水平向有幾張圖片)數量數字，預設null\r\n * @vue-prop {Number} [space=15] 輸入圖片間間距長度數字，單位為px，預設15\r\n * @vue-prop {Object} [imageStyle={}] 輸入圖片style物件，預設{}\r\n * @vue-prop {Object} [arrangeWhenFinish=false] 輸入是否於圖片載入完畢時依照原本圖片順序排序布林值，預設false\r\n * @vue-prop {Number} [numParallel=5] 輸入同時載入圖片數量數字，預設5\r\n * @vue-prop {Object} [opt={}] 輸入viewerjs設定物件，預設使用optOne或optMuti，若img僅一個則使用optOne，反之使用optMuti\r\n * @vue-prop {Boolean} [multiple=false] 輸入\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WIconLoading,\r\n    },\r\n    props: {\r\n        pathItems: {\r\n            type: Array,\r\n            default: () => [ //預設值詳見 wsemi/src/domShowImagesDyn.mjs, 因此處有預載, 故所使用viewerjs的版本得相同\r\n                'https://cdn.jsdelivr.net/npm/viewerjs@1.10.5/dist/viewer.min.css',\r\n                'https://cdn.jsdelivr.net/npm/viewerjs@1.10.5/dist/viewer.min.js',\r\n            ],\r\n        },\r\n        images: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        imageWidth: {\r\n            type: Number,\r\n            default: 300,\r\n        },\r\n        imageWidthSoft: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        colNum: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        space: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        imageStyle: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n        arrangeWhenFinish: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        numParallel: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        opt: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            dbc: debounce(),\r\n\r\n            loading: true,\r\n            first: false,\r\n\r\n            widthPanel: 0,\r\n            heightPanel: 0,\r\n            imageCols: [],\r\n            imageLocs: [],\r\n            useImageStyle: {},\r\n            uesImageWidth: 0,\r\n\r\n            imagesRes: [],\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        //importResources\r\n        importResources(vo.pathItems)\r\n            .then((res) => {\r\n                //console.log('res', res)\r\n\r\n                //loading\r\n                vo.loading = false\r\n\r\n            })\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeImages: function() {\r\n            // console.log('computed changeImages')\r\n\r\n            let vo = this\r\n\r\n            let images = vo.images\r\n\r\n            //refreshDebounce\r\n            vo.refreshDebounce({ images })\r\n\r\n            return ''\r\n        },\r\n\r\n        changeStyle: function() {\r\n            // console.log('computed changeStyle')\r\n\r\n            let vo = this\r\n\r\n            //for trigger\r\n            let widthPanel = vo.widthPanel\r\n            let imageWidth = vo.imageWidth\r\n            let imageStyle = vo.imageStyle\r\n            let colNum = vo.colNum\r\n            let space = vo.space\r\n\r\n            //refreshDebounce\r\n            vo.refreshDebounce({ widthPanel, imageWidth, imageStyle, colNum, space })\r\n\r\n            return ''\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resize: function(msg) {\r\n            // console.log('methods resize', msg)\r\n\r\n            let vo = this\r\n\r\n            //widthPanel\r\n            let widthPanel = get(vo, '$el.offsetWidth', 0)\r\n\r\n            //check, 因開啟viewer會改變視窗尺寸, 進而觸發resize, 會導致觸發changeStyle並重算圖片, 故得使用showViewer判斷是否為開啟viewer狀態, 避免重算圖片\r\n            if (showViewer) {\r\n                return\r\n            }\r\n\r\n            //check\r\n            if (vo.widthPanel === widthPanel) {\r\n                return\r\n            }\r\n\r\n            //save\r\n            vo.widthPanel = widthPanel\r\n\r\n        },\r\n\r\n        getImgSize: function(src, uesImageWidth) {\r\n            //console.log('methods getImgSize', src, uesImageWidth)\r\n\r\n            // let vo = this\r\n\r\n            //pm\r\n            let pm = genPm()\r\n\r\n            //id\r\n            let id = `g${genID()}`\r\n\r\n            //img\r\n            let img = document.createElement('img')\r\n            img.src = src\r\n            img.style.maxWidth = `${uesImageWidth}px`\r\n\r\n            //div\r\n            let div = document.createElement('div')\r\n            div.id = `img-${id}`\r\n            div.style.position = 'absolute'\r\n            div.style.width = 0\r\n            div.style.height = 0\r\n            div.style.opacity = 0\r\n            div.style.overflow = 'hidden'\r\n            div.appendChild(img)\r\n\r\n            //body\r\n            document.body.appendChild(div)\r\n\r\n            //onload\r\n            img.onload = function() {\r\n                // setTimeout(() => {\r\n                //     pm.resolve({\r\n                //         src,\r\n                //         id,\r\n                //         w: img.clientWidth,\r\n                //         h: img.clientHeight,\r\n                //         err: null,\r\n                //     })\r\n                //     domRemove(div)\r\n                // }, random(10, 2500))\r\n                pm.resolve({\r\n                    src,\r\n                    id,\r\n                    w: img.clientWidth,\r\n                    h: img.clientHeight,\r\n                    err: null,\r\n                })\r\n                domRemove(div)\r\n            }\r\n\r\n            //onerror\r\n            img.onerror = function(err) {\r\n                pm.reject({\r\n                    src,\r\n                    w: 0,\r\n                    h: 0,\r\n                    err,\r\n                })\r\n                domRemove(div)\r\n            }\r\n\r\n            return pm\r\n        },\r\n\r\n        getImgsSize: function(uesImageWidth, evKey) {\r\n            //console.log('methods getImgsSize', uesImageWidth, evKey)\r\n\r\n            let vo = this\r\n\r\n            //ev\r\n            let ev = evem()\r\n\r\n            //pmQueue\r\n            let pmq = pmQueue(vo.numParallel) //1次取得numParallel個圖片\r\n\r\n            //getImgSize\r\n            vo.imagesRes = []\r\n            let j = -1\r\n            each(vo.images, (src, k) => {\r\n                pmq(vo.getImgSize, src, uesImageWidth)\r\n                    .then((r) => {\r\n                        j++\r\n\r\n                        //ind\r\n                        let ind = j\r\n                        if (vo.arrangeWhenFinish) { //需依照原始順序排序\r\n                            ind = k\r\n                        }\r\n\r\n                        //o\r\n                        let o = {\r\n                            ...r,\r\n                            name: getFileName(r.src),\r\n                            ind,\r\n                            evKey,\r\n                        }\r\n\r\n                        //save imagesRes\r\n                        vo.imagesRes[ind] = o\r\n\r\n                        //emit\r\n                        ev.emit('get', o)\r\n\r\n                    })\r\n                    .catch((err) => {\r\n                        console.log(err)\r\n                    })\r\n            })\r\n\r\n            return ev\r\n        },\r\n\r\n        refreshDebounce: function() {\r\n            //console.log('methods refreshDebounce')\r\n\r\n            let vo = this\r\n\r\n            //dbc\r\n            vo.dbc(() => {\r\n\r\n                //refresh\r\n                vo.refresh()\r\n\r\n            })\r\n\r\n        },\r\n\r\n        refresh: function() {\r\n            // console.log('methods refresh')\r\n\r\n            let vo = this\r\n\r\n            //uesImageWidth, colNum\r\n            let uesImageWidth = null\r\n            let colNum = null\r\n            if (isNumber(vo.imageWidthSoft) && vo.imageWidthSoft > 0) {\r\n                // console.log('優先使用imageWidthSoft計算colNum與imageWidth')\r\n\r\n                //colNum\r\n                colNum = (vo.widthPanel + vo.space) / (vo.imageWidthSoft + vo.space)\r\n                colNum = Math.floor(colNum)\r\n                colNum = Math.max(colNum, 1)\r\n                // console.log('colNum', colNum)\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = (vo.widthPanel - vo.space * (colNum - 1)) / colNum\r\n                // console.log('uesImageWidth', uesImageWidth)\r\n\r\n            }\r\n            else if (ispint(vo.colNum)) {\r\n                // console.log('次先使用colNum計算imageWidth')\r\n\r\n                //colNum\r\n                colNum = cint(vo.colNum)\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = (vo.widthPanel - (colNum - 1) * vo.space) / colNum\r\n                uesImageWidth = Math.floor(uesImageWidth)\r\n\r\n            }\r\n            else if (isNumber(vo.imageWidth) && vo.imageWidth > 0) {\r\n                // console.log('最後使用imageWidth計算colNum')\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = vo.imageWidth\r\n\r\n                //colNum\r\n                let wa = vo.widthPanel + vo.space\r\n                wa = Math.max(wa, 0)\r\n                let wis = uesImageWidth + vo.space\r\n                wis = Math.max(wis, 1)\r\n                colNum = Math.floor(wa / wis)\r\n\r\n            }\r\n            else {\r\n                console.log('invalid colNum or imageWidth or imageWidthSoft', vo.colNum, vo.imageWidth, vo.imageWidthSoft)\r\n                colNum = 4\r\n                uesImageWidth = 300\r\n            }\r\n            vo.uesImageWidth = uesImageWidth\r\n\r\n            //useImageStyle\r\n            let useImageStyle = {\r\n                ...vo.imageStyle,\r\n                'max-width': `${uesImageWidth}px`,\r\n                'user-select': 'none',\r\n                'cursor': 'pointer',\r\n                'outline': 'none',\r\n            }\r\n            vo.useImageStyle = useImageStyle\r\n\r\n            function getMinHeightCol() {\r\n                let hmin = vo.imageLocs[0]\r\n                let ihmin = 0\r\n                each(vo.imageLocs, (v, i) => {\r\n                    if (hmin > v) {\r\n                        hmin = v\r\n                        ihmin = i\r\n                    }\r\n                })\r\n                return ihmin\r\n            }\r\n\r\n            function resetImageColsAndLocs() {\r\n                vo.imageCols = map(times(colNum), () => {\r\n                    return []\r\n                })\r\n                vo.imageLocs = map(times(colNum), () => {\r\n                    return 0\r\n                })\r\n            }\r\n\r\n            function pushImage(img) {\r\n\r\n                //check, 開發階段可能hot reload組件導致出現上一輪事件\r\n                if (!isarr(vo.imageCols)) {\r\n                    return\r\n                }\r\n\r\n                //getMinHeightCol\r\n                let i = getMinHeightCol()\r\n\r\n                try {\r\n\r\n                    //push\r\n                    vo.imageCols[i].push(img)\r\n\r\n                    //update\r\n                    vo.imageLocs[i] += img.h + vo.space + (29 + 24) //29是圖名區高度, 24是位址區高度\r\n\r\n                }\r\n                catch (err) { }\r\n\r\n            }\r\n\r\n            function build() {\r\n\r\n                //pm\r\n                let pm = genPm()\r\n\r\n                //resetImageColsAndLocs\r\n                resetImageColsAndLocs()\r\n\r\n                //evKey\r\n                let evKey = genID()\r\n\r\n                //num\r\n                let num = size(vo.images)\r\n\r\n                //getImgsSize\r\n                let ev = vo.getImgsSize(uesImageWidth, evKey)\r\n\r\n                //pushImage\r\n                let n = 0\r\n                ev.on('get', (img) => {\r\n                    // console.log('get', img)\r\n\r\n                    //check\r\n                    if (img.evKey !== evKey) {\r\n                        return\r\n                    }\r\n\r\n                    //pushImage\r\n                    pushImage(img)\r\n\r\n                    //check\r\n                    n++\r\n                    if (n >= num) {\r\n\r\n                        //first\r\n                        vo.first = true\r\n\r\n                        //arrange\r\n                        if (vo.arrangeWhenFinish) {\r\n                            arrange()\r\n                        }\r\n\r\n                        //resolve\r\n                        pm.resolve()\r\n\r\n                    }\r\n\r\n                })\r\n\r\n                return pm\r\n            }\r\n\r\n            function arrange() {\r\n\r\n                //resetImageColsAndLocs\r\n                resetImageColsAndLocs()\r\n\r\n                //pushImage\r\n                each(vo.imagesRes, (img) => {\r\n                    pushImage(img)\r\n                })\r\n\r\n            }\r\n\r\n            if (!vo.first) {\r\n                // console.log('build')\r\n                build()\r\n            }\r\n            else {\r\n                // console.log('arrange')\r\n                arrange()\r\n            }\r\n\r\n        },\r\n\r\n        showImg: function(e, img) {\r\n            // console.log('methods showImg', e, img)\r\n\r\n            let vo = this\r\n\r\n            //showViewer\r\n            showViewer = true\r\n\r\n            //domShowImagesDyn\r\n            domShowImagesDyn(e.currentTarget, null, vo.opt, vo.pathItems)\r\n                .finally(() => {\r\n\r\n                    //showViewer\r\n                    showViewer = false\r\n\r\n                })\r\n\r\n            //emit\r\n            vo.$emit('click', img)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.inp {\r\n    font: inherit;\r\n    height: 1rem;\r\n    line-height: 1rem;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: block;\r\n    background: transparent;\r\n    border-style: none;\r\n}\r\n.inp:focus {\r\n    outline: none;\r\n}\r\n.fadeIn {\r\n    animation: aniFadeIn 0.3s;\r\n}\r\n@keyframes aniFadeIn\r\n{\r\n    from {opacity: 0;}\r\n    to {opacity: 1}\r\n}\r\n</style>\r\n"]},media:void 0})}),MC,"data-v-08881f50",false,undefined,!1,_a,void 0,void 0)},props:{},data:function(){return{WImageCascadingDyn:{opt1:{images:["https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/001.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/002.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/003.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/004.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/005.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/006.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/007.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/008.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/009.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/010.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/011.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/012.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/013.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/014.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/015.jpg"],imageStyle:{},opt:{}}},actions:[]}}};var KC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-cascading-dyn",casename:"default(imageWidth=300)"}}),n._v(" "),t("w-image-cascading-dyn",{attrs:{images:n.WImageCascadingDyn.opt1.images,imageStyle:n.WImageCascadingDyn.opt1.imageStyle,opt:n.WImageCascadingDyn.opt1.opt}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-cascading-dyn",casename:"imageWidth"}}),n._v(" "),t("div",{staticStyle:{padding:"5px 0px","font-size":"0.9rem"}},[n._v("\n                colNum=(645-3*15)/150=4\n            ")]),n._v(" "),t("w-image-cascading-dyn",{staticStyle:{width:"645px"},attrs:{imageWidth:150,images:n.WImageCascadingDyn.opt1.images,imageStyle:n.WImageCascadingDyn.opt1.imageStyle,opt:n.WImageCascadingDyn.opt1.opt}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-cascading-dyn",casename:"colNum"}}),n._v(" "),t("w-image-cascading-dyn",{staticStyle:{"max-width":"1200px"},attrs:{colNum:5,images:n.WImageCascadingDyn.opt1.images,imageStyle:n.WImageCascadingDyn.opt1.imageStyle,opt:n.WImageCascadingDyn.opt1.opt}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-cascading-dyn",casename:"imageWidthSoft"}}),n._v(" "),t("w-image-cascading-dyn",{staticStyle:{width:"100%"},attrs:{imageWidthSoft:300,images:n.WImageCascadingDyn.opt1.images,imageStyle:n.WImageCascadingDyn.opt1.imageStyle,opt:n.WImageCascadingDyn.opt1.opt}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-cascading-dyn",casename:"arrangeWhenFinish"}}),n._v(" "),t("w-image-cascading-dyn",{staticStyle:{"max-width":"1200px"},attrs:{arrangeWhenFinish:!0,images:n.WImageCascadingDyn.opt1.images,imageStyle:n.WImageCascadingDyn.opt1.imageStyle,opt:n.WImageCascadingDyn.opt1.opt}})],1)])])};KC._withStripped=!0;const YC=Sa({render:KC,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-image-cascading-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//github.com/fengyuanchen/fooderjs",target:"_blank",rel:"noreferrer noopener"}},[n._v("Viewer.js")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//fengyuanchen.github.io/fooderjs/",target:"_blank",rel:"noreferrer noopener"}},[n._v("Viewer.js examples")])])}]},(function(n){n&&n("data-v-c8d1a57e_0",{source:"\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\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\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\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\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\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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWImageCascadingDyn.vue"},media:void 0})}),OC,"data-v-c8d1a57e",false,undefined,!1,_a,void 0,void 0);const JC={components:{WIconLoading:hd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/w-ckeditor-vue@2.0.4/dist/ckeditor.js","https://cdn.jsdelivr.net/npm/w-ckeditor-vue@2.0.4/dist/w-ckeditor-vue.umd.js"]},value:{type:String,default:""},settings:{type:Object,default:()=>{}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;zk(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-ckeditor-vue"];n.default&&(n=n.default),Zk().component("w-ckeditor-vue",n)}n.cmpName="w-ckeditor-vue"}))},computed:{},methods:{}};var UC=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};UC._withStripped=!0;const QC={components:{demolink:eu,WCkeditorVueDyn:Sa({render:UC,staticRenderFns:[]},(function(n){n&&n("data-v-17aae102_0",{source:"\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\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\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\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WCkeditorVueDyn.vue"},media:void 0})}),JC,"data-v-17aae102",false,undefined,!1,_a,void 0,void 0)},props:{},data:function(){return{WCkeditorVueDyn:{content:"abc中文123",settings:{language:"zh",toolbar:{items:["heading","|","fontSize","fontColor","fontBackgroundColor","|","bold","italic","underline","strikethrough","|","subscript","superscript","|","alignment","bulletedList","numberedList","|","redo","undo","|","removeFormat"]}}},actions:[]}}};var qC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-ckeditor-vue-dyn",casename:"default"}}),n._v(" "),t("w-ckeditor-vue-dyn",{staticStyle:{width:"620px"},model:{value:n.WCkeditorVueDyn.content,callback:function(e){n.$set(n.WCkeditorVueDyn,"content",e)},expression:"WCkeditorVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-ckeditor-vue-dyn",casename:"height"}}),n._v(" "),t("w-ckeditor-vue-dyn",{staticStyle:{width:"620px"},attrs:{height:200},model:{value:n.WCkeditorVueDyn.content,callback:function(e){n.$set(n.WCkeditorVueDyn,"content",e)},expression:"WCkeditorVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-ckeditor-vue-dyn",casename:"settings"}}),n._v(" "),t("w-ckeditor-vue-dyn",{staticStyle:{width:"620px"},attrs:{settings:n.WCkeditorVueDyn.settings},model:{value:n.WCkeditorVueDyn.content,callback:function(e){n.$set(n.WCkeditorVueDyn,"content",e)},expression:"WCkeditorVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-ckeditor-vue-dyn",casename:"not editable"}}),n._v(" "),t("w-ckeditor-vue-dyn",{staticStyle:{width:"620px"},attrs:{editable:!1},model:{value:n.WCkeditorVueDyn.content,callback:function(e){n.$set(n.WCkeditorVueDyn,"content",e)},expression:"WCkeditorVueDyn.content"}})],1)])])};qC._withStripped=!0;const nw=Sa({render:qC,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-ckeditor-vue-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("div",{staticStyle:{color:"#f26","margin-bottom":"5px"}},[n._v("* Can not support IE11")]),n._v(" "),t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//github.com/ckeditor/ckeditor5",target:"_blank",rel:"noreferrer noopener"}},[n._v("ckeditor 5")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//ckeditor.com/docs/ckeditor5/latest/examples/builds/classic-editor.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("ckeditor 5 examples")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/ckeditor/ckeditor5-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("ckeditor5-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/yuda-lyu/w-ckeditor-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-ckeditor-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//yuda-lyu.github.io/w-ckeditor-vue/examples/ex-default.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-ckeditor-vue examples")])])}]},(function(n){n&&n("data-v-1f1c9926_0",{source:"\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\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\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\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\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWCkeditorVueDyn.vue"},media:void 0})}),QC,"data-v-1f1c9926",false,undefined,!1,_a,void 0,void 0);const ew={components:{WIconLoading:hd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/tinymce@5.10.7/tinymce.min.js","https://cdn.jsdelivr.net/npm/w-tinymce-vue@2.0.5/dist/w-tinymce-vue.umd.js"]},value:{type:String,default:""},settings:{type:Object,default:()=>{}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;zk(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-tinymce-vue"];n.default&&(n=n.default),Zk().component("w-tinymce-vue",n)}n.cmpName="w-tinymce-vue"}))},computed:{},methods:{}};var tw=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};tw._withStripped=!0;const ow={components:{demolink:eu,WTinymceVueDyn:Sa({render:tw,staticRenderFns:[]},(function(n){n&&n("data-v-e73339a0_0",{source:"\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\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\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\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTinymceVueDyn.vue"},media:void 0})}),ew,"data-v-e73339a0",false,undefined,!1,_a,void 0,void 0)},props:{},data:function(){return{WTinymceVueDyn:{content:"abc中文123",settings:{menubar:"",plugins:"",toolbar:"fontsizeselect | forecolor backcolor | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent"}},actions:[]}}};var rw=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tinymce-vue-dyn",casename:"default"}}),n._v(" "),t("w-tinymce-vue-dyn",{staticStyle:{width:"620px"},model:{value:n.WTinymceVueDyn.content,callback:function(e){n.$set(n.WTinymceVueDyn,"content",e)},expression:"WTinymceVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tinymce-vue-dyn",casename:"height"}}),n._v(" "),t("w-tinymce-vue-dyn",{staticStyle:{width:"620px"},attrs:{height:200},model:{value:n.WTinymceVueDyn.content,callback:function(e){n.$set(n.WTinymceVueDyn,"content",e)},expression:"WTinymceVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tinymce-vue-dyn",casename:"settings"}}),n._v(" "),t("w-tinymce-vue-dyn",{staticStyle:{width:"620px"},attrs:{settings:n.WTinymceVueDyn.settings},model:{value:n.WTinymceVueDyn.content,callback:function(e){n.$set(n.WTinymceVueDyn,"content",e)},expression:"WTinymceVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tinymce-vue-dyn",casename:"not editable"}}),n._v(" "),t("w-tinymce-vue-dyn",{staticStyle:{width:"620px"},attrs:{editable:!1},model:{value:n.WTinymceVueDyn.content,callback:function(e){n.$set(n.WTinymceVueDyn,"content",e)},expression:"WTinymceVueDyn.content"}})],1)])])};rw._withStripped=!0;const iw=Sa({render:rw,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-tinymce-vue-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//github.com/tinymce/tinymce",target:"_blank",rel:"noreferrer noopener"}},[n._v("tinymce")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//www.tiny.cloud/docs/demo/full-featured/",target:"_blank",rel:"noreferrer noopener"}},[n._v("tinymce examples")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/tinymce/tinymce-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("tinymce-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/yuda-lyu/w-tinymce-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-tinymce-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//yuda-lyu.github.io/w-tinymce-vue/examples/ex-default.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-tinymce-vue examples")])])}]},(function(n){n&&n("data-v-5e291de4_0",{source:"\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\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\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\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\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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWTinymceVueDyn.vue"},media:void 0})}),ow,"data-v-5e291de4",false,undefined,!1,_a,void 0,void 0);const aw={components:{WIconLoading:hd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.min.js","https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.snow.min.css","https://cdn.jsdelivr.net/npm/w-quill-vue@2.0.4/dist/w-quill-vue.umd.js"]},value:{type:String,default:""},settings:{type:Object,default:()=>{}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;zk(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-quill-vue"];n.default&&(n=n.default),Zk().component("w-quill-vue",n)}n.cmpName="w-quill-vue"}))},computed:{},methods:{}};var lw=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};lw._withStripped=!0;const sw={components:{demolink:eu,WQuillVueDyn:Sa({render:lw,staticRenderFns:[]},(function(n){n&&n("data-v-52bc7988_0",{source:"\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\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\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\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WQuillVueDyn.vue"},media:void 0})}),aw,"data-v-52bc7988",false,undefined,!1,_a,void 0,void 0)},props:{},data:function(){return{WQuillVueDyn:{content:"abc中文123",settings:{modules:{toolbar:[{size:["small",!1,"large","huge"]}]}}},actions:[]}}};var dw=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-quill-vue-dyn",casename:"default"}}),n._v(" "),t("w-quill-vue-dyn",{staticStyle:{width:"620px"},model:{value:n.WQuillVueDyn.content,callback:function(e){n.$set(n.WQuillVueDyn,"content",e)},expression:"WQuillVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-quill-vue-dyn",casename:"height"}}),n._v(" "),t("w-quill-vue-dyn",{staticStyle:{width:"620px"},attrs:{height:200},model:{value:n.WQuillVueDyn.content,callback:function(e){n.$set(n.WQuillVueDyn,"content",e)},expression:"WQuillVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-quill-vue-dyn",casename:"settings"}}),n._v(" "),t("w-quill-vue-dyn",{staticStyle:{width:"620px"},attrs:{settings:n.WQuillVueDyn.settings},model:{value:n.WQuillVueDyn.content,callback:function(e){n.$set(n.WQuillVueDyn,"content",e)},expression:"WQuillVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-quill-vue-dyn",casename:"not editable"}}),n._v(" "),t("w-quill-vue-dyn",{staticStyle:{width:"620px"},attrs:{editable:!1},model:{value:n.WQuillVueDyn.content,callback:function(e){n.$set(n.WQuillVueDyn,"content",e)},expression:"WQuillVueDyn.content"}})],1)])])};dw._withStripped=!0;const cw=Sa({render:dw,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-quill-vue-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//github.com/quilljs/quill",target:"_blank",rel:"noreferrer noopener"}},[n._v("quill")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//quilljs.com/playground/",target:"_blank",rel:"noreferrer noopener"}},[n._v("quill examples")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/surmon-china/vue-quill-editor",target:"_blank",rel:"noreferrer noopener"}},[n._v("vue-quill-editor")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/yuda-lyu/w-quill-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-quill-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//yuda-lyu.github.io/w-quill-vue/examples/ex-default.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-quill-vue examples")])])}]},(function(n){n&&n("data-v-c50e5c6a_0",{source:"\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\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\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\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\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\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWQuillVueDyn.vue"},media:void 0})}),sw,"data-v-c50e5c6a",false,undefined,!1,_a,void 0,void 0);const uw={components:{WIconLoading:hd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/w-leaflet-vue@1.0.47/dist/w-leaflet-vue.umd.js"]},opt:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;zk(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-leaflet-vue"];n.default&&(n=n.default),Zk().component("w-leaflet-vue",n)}n.cmpName="w-leaflet-vue"}))},computed:{},methods:{}};var pw=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{opt:n.opt}})};pw._withStripped=!0;var mw={components:{demolink:eu,WLeafletVueDyn:Sa({render:pw,staticRenderFns:[]},(function(n){n&&n("data-v-fa28dff6_0",{source:"\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\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\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\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\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\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\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\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WLeafletVueDyn.vue"},media:void 0})}),uw,"data-v-fa28dff6",false,undefined,!1,_a,void 0,void 0)},props:{},data:function(){let n=window.dataRain,e=[];for(let t=0;t<n.length;t++){let o=n[t];e.push([o.latLng[0],o.latLng[1],o.rain])}return{WLeafletVueDyn:{pointSets:{pointSets:[{title:"pointSet A",msg:"msg from pointSet A",points:[{title:"point A-1",msg:"msg from data A-1",latLng:[24.2,121.27]},{title:"point A-2",msg:"msg from data A-2",latLng:[23.9,120.97]}],visible:!0},{title:"pointSet B",msg:"msg from pointSet B",points:[{title:"point B-1",msg:"msg from data B-1",latLng:[23.3,120.57]},{title:"point B-2",msg:"msg from data B-2",latLng:[23,120.87]}],visible:!1}]},polygonSets:{center:[25,121.58],zoom:10,polygonSets:[{title:"polygonSet A",msg:"msg from polygonSet A",latLngs:[[[24.96,121.41],[25.11,121.47],[25.06,121.69],[24.99,121.61],[24.95,121.53]],[[24.98,121.45],[25.07,121.49],[25.06,121.54],[25,121.5]],[[25.017,121.48],[25.032,121.49],[25.036,121.5],[25.02,121.502]],[[24.99,121.54],[25.056,121.56],[25.05,121.61],[25,121.59]],[[24.92,121.6],[25.045,121.75],[24.99,121.79],[24.93,121.74]],[[24.961,121.523],[24.979,121.551],[24.95,121.674],[24.887,121.606]]],visible:!0},{title:"polygonSet B",msg:"msg from polygonSet B",latLngs:[[[24.971,121.372],[24.976,121.434],[24.937,121.473],[24.918,121.418]],[[24.9,121.14],[24.97,121.09],[25.05,121.177],[24.95,121.32]]],visible:!1}]},contourSets:{center:[24.084,121.068],zoom:8,contourSets:[{title:"contourSet A",msg:"msg from contourSet A",points:[[24.325,120.786,0],[23.944,120.968,10],[24.884,121.234,20],[24.579,121.345,80],[24.664,121.761,40],[23.803,121.397,30],[23.727,120.772,0],[23.539,120.975,0],[23.612,121.434,0],[23.193,120.355,22],[23.456,120.89,42],[23.28,120.551,25],[23.162,121.247,5]],visible:!0},{title:"contourSet B",msg:"msg from contourSet B",points:[[22.607,120.416,0],[22.967,120.663,15],[22.592,120.922,20],[22.717,120.644,45]],visible:!1}]},largeSet:{center:[24.084,121.068],zoom:8,contourSets:[{title:"Rain contour",msg:"data from CWB",points:e,polygonClipOuter:window.dataRainClip,gradient:{0:"rgba(255, 255, 255, 0)",.2:"rgb(254, 178, 76)",.4:"rgb(252, 78, 42)",.6:"rgb(220, 58, 38)",.8:"rgb(200, 40, 23)",1:"rgb(180, 30, 60)"},visible:!0,order:0}],pointSets:[{title:"Rain point",msg:"data from CWB",points:n,visible:!1,order:1,tooltip:function(n){console.log("tooltip v",n);let e="";return e+='<div style="padding:5px 10px;">',e+='<div style="width:150px; color:#222; margin-bottom:5px; white-space:nowrap;"><span style="font-size:0.9rem; color:#f26;">['+n.point.title+']</span> <span style="font-size:0.8rem; ">'+n.point.msg+"</span></div>",e+='<div style="font-size:0.7rem; color:#666; white-space:normal;">降雨量 '+n.point.rain+" cm</div>",e+="</div>",e}}]}},actions:[]}}};const gw=mw;var vw=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-leaflet-vue-dyn",casename:"pointSets"}}),n._v(" "),t("w-leaflet-vue-dyn",{staticStyle:{width:"100%",height:"600px"},attrs:{opt:n.WLeafletVueDyn.pointSets}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-leaflet-vue-dyn",casename:"polygonSets"}}),n._v(" "),t("w-leaflet-vue-dyn",{staticStyle:{width:"100%",height:"600px"},attrs:{opt:n.WLeafletVueDyn.polygonSets}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-leaflet-vue-dyn",casename:"contourSets"}}),n._v(" "),t("w-leaflet-vue-dyn",{staticStyle:{width:"100%",height:"600px"},attrs:{opt:n.WLeafletVueDyn.contourSets}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-leaflet-vue-dyn",casename:"contourSet for rain data"}}),n._v(" "),t("w-leaflet-vue-dyn",{staticStyle:{width:"100%",height:"600px"},attrs:{opt:n.WLeafletVueDyn.largeSet}})],1)])])};vw._withStripped=!0;const hw=Sa({render:vw,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-leaflet-vue-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//leafletjs.com/",target:"_blank",rel:"noreferrer noopener"}},[n._v("leaflet")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//leafletjs.com/examples.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("leaflet examples")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//vue2-leaflet.netlify.app/",target:"_blank",rel:"noreferrer noopener"}},[n._v("Vue2Leaflet")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/yuda-lyu/w-leaflet-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-leaflet-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//yuda-lyu.github.io/w-leaflet-vue/examples/app.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-leaflet-vue examples")])])}]},(function(n){n&&n("data-v-6fa2b3a0_0",{source:"\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\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\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\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\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\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\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\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\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\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\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWLeafletVueDyn.vue"},media:void 0})}),gw,"data-v-6fa2b3a0",false,undefined,!1,_a,void 0,void 0);function fw(n,e){return Ao(n)&&rs(e)?0===(e=Fi(e))?n:is(n,n.length-e):""}function bw(n){let e=0,t=0,o=0,r=Oo(n);Ze(n,(n=>{Ti(n)?e+=1:To(n)?t+=1:Qo(n)&&(o+=1)}));let i="";return e===r?i="num":t===r?i="str":o===r?i="obj":e+t===r?i="str":console.log("eles in array are non-homogeneous",n),i}function yw(n,e){let t=[];if("num"!==e&&"str"!==e&&"files"!==e)throw new Error(`invalid type[${e}]`);if("num"===e)t=Io(n,((n,e)=>({key:e,payload:n,value:Ai(n)})));else if("files"===e)t=Io(n,((n,e)=>({key:e,payload:n,value:ss(n)})));else if("str"===e){let e=Io(n,(n=>function(n){let e=fn(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},"excludeString");if(ga(e)||(e=!1),!Ao(n))return"";let t=n=>n>="0"&&n<="9"||"."===n||"-"===n||"+"===n,o=Dl(n);if(e){let n=o.split("");for(let e=0;e<n.length;e++)if(t(n[e])){o=ls(o,e),n=Um(n,e);break}n=Gx(n);for(let e=0;e<n.length;e++)if(t(n[e])){o=fw(o,e);break}}return o}(n,{excludeString:!0}))),o=0;Ze(e,(n=>{Ti(n)&&o++}));let r=o===Oo(e);t=Io(n,((n,t)=>{let o=n;return r?(o=e[t],o=Ai(o)):o=ss(o),{key:t,payload:n,value:o}}))}return t}function xw(n,e){let t=ts(n,"value");return Io(t,e?"key":"payload")}function kw(n,e){let t=function(n,e){let t=pi(n);return t.sort(((n,t)=>n[e].localeCompare(t[e],"standard",{numeric:!0}))),t}(n,"value");return Io(t,e?"key":"payload")}function Cw(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function ww(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Cw(Object(t),!0).forEach((function(e){er(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Cw(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function Sw(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Ca(n))return{};let t=fn(e,"delimiter");Ao(t)||(t="❯");let o=fn(e,"bindRoot");Ao(o)||(o="root");let r=fn(e,"soryItems"),i=Io(n,((n,e)=>{"folder"!==n.type&&"file"!==n.type&&(n.type="file");let o=(n=>{let e=$l(n=(n=n.replace(/\\\\/g,"\\")).replace(/\\/g,"/"),"/");return{ss:e,cfp:Zl(e,t)}})(n.path);return{ind:e,type:n.type,ss:o.ss,data:pi(n)}})),a=n=>{let e=Oo(n),o=[];for(let r=0;r<e;r++){let e=[];for(let t=0;t<=r;t++)e.push(n[t]);let i=Zl(e,t);o.push({id:i,name:n[r]})}return o},l=-1,s=[],d={};Ze(i,(n=>{let e=[o],r=o,i=Oo(n.ss)-1;Ze(n.ss,((o,c)=>{let u=c<i||"folder"===n.type;e.push(o);let p=null,m=null;c===i&&(p=n.ind,m=n.data);let g=Zl(e,t),v=a(e);if(ds(d,g)){let e=d[g],t="folder"===fn(e,"_type","");if(!t&&u)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${g}] is unrecognized from a file to folder`);if(!t&&!u)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${g}] get repeat data from two files`);if(t&&!u)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${g}] is unrecognized from a folder to file`);if(na(d[g].data)&&na(m))throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${g}] get repeat data from two folders`);if(null===d[g].data&&na(m)){d[g]._indOri=p,d[g].data=m;let n=d[g]._indNormalize,e=s[n];s[n]=ww(ww({},m),{},{type:e.type,path:e.path})}}else{l++;let n=l,t=null;t=u?{_indOri:p,_indNormalize:n,ns:Oo(e),ts:pi(e),pathInfors:v,_type:"folder",type:"array",numOfChilren:-1,id:g,parentId:r,text:o,children:[],data:m}:{_indOri:p,_indNormalize:n,ns:Oo(e),ts:pi(e),pathInfors:v,_type:"file",type:"node",numOfChilren:-1,id:g,parentId:r,text:o,data:m},d[g]=t,s.push(ww(ww({},fn(d[g],"data",{})),{},{type:d[g]._type,path:"/"+Zl(e,"/")}))}r=g}))}));let c=Wp(d);if(c=ts(c,"id"),c=ts(c,"ns"),Vi(r)){let n=[];Ze(cx(c,"ns"),((e,t)=>{Ze(cx(e,"parentId"),((e,o)=>{let i=r(e,o,t);n=[...n,...i]}))})),c=n}let u=[],p=[];Ze(c,(n=>{"folder"===n._type?u.push(n):p.push(n)}));let m=cx(u,"ns"),g=cx(p,"ns"),v=lg(Io(u,"ns")),h=lg(Io(p,"ns")),f=null;{let n=[o];f=[{_indOri:null,_indNormalize:null,ns:Oo(n),ts:pi(n),pathInfors:a(n),_type:"folder",type:"array",numOfChilren:-1,id:o,parentId:"",text:o,children:[],data:null}]}let b={};b[o]="0.children";let y={};y[o]="0";for(let n=2;n<=v;n++){Ze(m[n],(n=>{let e=fn(b,n.parentId,"");if(!Ao(e))throw console.log("kpPathFd",b),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in folder`);let t=fn(f,e);if(ya(t)||Rx(f,e,[]),t=fn(f,e),!na($x(t,{id:n.id}))){t.push(ww(ww({},n),{},{children:[]}));let o=`${e}.${Oo(t)-1}`;b[n.id]=`${o}.children`,y[n.id]=o}}))}let x=pi(f),k={};for(let n=2;n<=h;n++){Ze(g[n],(n=>{let e=fn(b,n.parentId,"");if(!Ao(e))throw console.log("kpPathFd",b),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in file`);let t=fn(f,e);if(!ya(t))throw console.log("treeItems",f),console.log("k",e),console.log("v",n),new Error("無預先建置資料夾");if(!na($x(t,{id:n.id}))){t.push(n);let o=`${e}.${Oo(t)-1}`;k[n.id]=o,y[n.id]=o}}))}return{treeItems:f,treeItemsFolder:x,kpPath:y,fpsNormalize:s}}var Ww={directives:{domresize:Ni()},components:{WIcon:Ha,WTree:wk,WListVertical:Zg,WDrawer:Og,WButtonChip:wu,WButtonCircle:Qc},props:{items:{type:Array,default:()=>[]},bindRoot:{type:String,default:"root"},funSortTree:{type:Function,default:null},showTree:{type:Boolean,default:!0},defaultShowTreeFirst:{type:Boolean,default:!0},treeWidth:{type:Number,default:250},treeWidthMin:{type:Number,default:null},treeWidthMax:{type:Number,default:null},treeAfloat:{type:Boolean,default:!1},treeDefItemHeight:{type:Number,default:30},treeDefaultDisplayLevel:{type:Number,default:null},treePaddingStyle:{type:Object,default:()=>({v:0,h:0})},treeIndent:{type:Number,default:.7},treeItemTextFontSize:{type:String,default:"0.85rem"},treeItemTextColor:{type:String,default:"#444"},treeItemTextColorHover:{type:String,default:"#222"},treeItemTextColorActive:{type:String,default:"#000"},treeFolderIcon:{type:String,default:vl},treeFolderIconSize:{type:Number,default:20},treeFolderIconColor:{type:String,default:"#888"},treeFolderIconColorHover:{type:String,default:"#777"},treeFolderIconColorActive:{type:String,default:"#666"},treeItemBackgroundColor:{type:String,default:"transparent"},treeItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},treeItemBackgroundColorActive:{type:String,default:"rgba(100,100,100,0.2)"},treeItemRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},treeBackgroundColor:{type:String,default:"#fff"},treeDrawerBarSize:{type:Number,default:2},treeDrawerBarColor:{type:String,default:"#ddd"},treeToggleIconSize:{type:Number,default:24},treeToggleIconColor:{type:String,default:"grey"},treeToggleIconDisabledColor:{type:String,default:"grey lighten-1"},treeToggleIconBackgroundColor:{type:String,default:"transparent"},treeToggleIconBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},lineBetweenPathAndListWidth:{type:Number,default:1},lineBetweenPathAndListColor:{type:String,default:"#ddd"},listDefItemHeight:{type:Number,default:30},listPaddingStyle:{type:Object,default:()=>({v:0,h:6})},listItemTextFontSize:{type:String,default:"0.85rem"},listItemTextColor:{type:String,default:"#444"},listItemTextColorHover:{type:String,default:"#222"},listItemTextColorActive:{type:String,default:"#000"},listFolderIcon:{type:String,default:vl},listFileIcon:{type:String,default:"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z"},listItemIconSize:{type:Number,default:22},listItemIconColor:{type:String,default:"#888"},listItemIconColorHover:{type:String,default:"#777"},listItemIconColorActive:{type:String,default:"#666"},listItemBackgroundColor:{type:String,default:"transparent"},listItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},listItemBackgroundColorActive:{type:String,default:"rgba(100,100,100,0.2)"},listItemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},listBackgroundColor:{type:String,default:"#fff"},btnDisplayTreeIconShow:{type:String,default:"M17,12L12,17V14H8V10H12V7L17,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z"},btnDisplayTreeIconHide:{type:String,default:"M7,12L12,7V10H16V14H12V17L7,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z"},btnDisplayTreeIconSize:{type:Number,default:20},btnDisplayTreeIconColor:{type:String,default:"grey darken-1"},btnDisplayTreeIconColorHover:{type:String,default:"grey darken-2"},btnDisplayTreeIconColorFocus:{type:String,default:"grey darken-3"},btnDisplayTreeBackgroundColor:{type:String,default:"transparent"},btnDisplayTreeBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.3)"},btnDisplayTreeBackgroundColorFocus:{type:String,default:"rgba(180,180,180,0.3)"},pathBtnTextColor:{type:String,default:"#444"},pathBtnTextColorHover:{type:String,default:"#222"},pathBtnTextFontSize:{type:String,default:"0.85rem"},pathBtnBackgroundColor:{type:String,default:"transparent"},pathBtnBackgroundColorHover:{type:String,default:"rgb(236,236,236)"},pathSepIcon:{type:String,default:ol},pathSepIconColor:{type:String,default:"#888"},pathSepIconSize:{type:Number,default:18},pathBackgroundColor:{type:String,default:"#fff"},noSelectedText:{type:String,default:"No selected folder"},draggable:{type:Boolean,default:!1},dgTextDisabled:{type:String,default:"Can not drop here"},dgTextDisabledColor:{type:String,default:"#812"},dgTextDisabledPaddingLeft:{type:Number,default:15},dgTextDisabledFontSize:{type:String,default:"0.9rem"},dgTextDisabledBackgroundColor:{type:String,default:"rgba(255,220,240,0.6)"},dgInsertLineColor:{type:String,default:"#29f"},dgInsertBackgroundColor:{type:String,default:"rgba(80,150,255,0.15)"},dgBelongBackgroundColor:{type:String,default:"rgba(80,150,255,0.3)"},dgPreviewOpacity:{type:Number,default:1},dgPreviewDisabledOpacity:{type:Number,default:1},dgPreviewBorderWidth:{type:Number,default:0},dgPreviewBorderColor:{type:String,default:"#f26"},dgPreviewBackground:{type:String,default:"transparent"},operatable:{type:Boolean,default:!1},operateItemTextForRename:{type:String,default:"Rename"},operateItemTextForInsertChild:{type:String,default:"Create sub folder"},operateItemTextForDelete:{type:String,default:"Delete folder"},operateItemIconForRename:{type:String,default:Wl},operateItemIconForInsertChild:{type:String,default:"M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z"},operateItemIconForDelete:{type:String,default:"M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z"},operateItemPaddingStyle:{type:Object,default:()=>({v:10,h:12})},operatePanelWidth:{type:Number,default:170},operatePanelHeight:{type:Number,default:null},operateBtnTooltip:{type:String,default:"Operations"},operateBtnBackgroundColor:{type:String,default:"transparent"},operateBtnBackgroundColorHover:{type:String,default:"rgba(230,230,230,0.7)"},operateBtnBackgroundColorFocus:{type:String,default:"rgba(230,230,230,0.9)"},operateItemBackgroundColor:{type:String,default:"transparent"},operateItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},operateItemHeight:{type:Number,default:42},operateItemTextColor:{type:String,default:"#444"},operateItemTextColorHover:{type:String,default:"#222"},operateItemIconSize:{type:Number,default:22},operateItemIconColor:{type:String,default:"#444"},operateItemIconColorHover:{type:String,default:"#222"},editorRenameContentBackgroundColor:{type:String,default:"white"},editorRenameFooterBackgroundColor:{type:String,default:"grey lighten-5"},editorRenameInputTextColor:{type:String,default:"grey darken-3"},editorRenameInputTextBottomLineBorderColor:{type:String,default:"grey lighten-1"},editorRenameInputTextBottomLineBorderColorHover:{type:String,default:"grey"},editorRenameInputTextBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},editorRenameCancelBtnText:{type:String,default:"Cancel"},editorRenameCancelBtnTextColor:{type:String,default:"grey darken-3"},editorRenameCancelBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIcon:{type:String,default:sl},editorRenameCancelBtnIconSize:{type:Number,default:22},editorRenameCancelBtnIconColor:{type:String,default:"grey darken-1"},editorRenameCancelBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameCancelBtnBackgroundColor:{type:String,default:"white"},editorRenameCancelBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},editorRenameSaveBtnText:{type:String,default:"Save"},editorRenameSaveBtnTextColor:{type:String,default:"grey darken-3"},editorRenameSaveBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIcon:{type:String,default:dl},editorRenameSaveBtnIconSize:{type:Number,default:22},editorRenameSaveBtnIconColor:{type:String,default:"grey darken-1"},editorRenameSaveBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameSaveBtnBackgroundColor:{type:String,default:"white"},editorRenameSaveBtnBackgroundColorHover:{type:String,default:"grey lighten-3"}},data:function(){return{panelWidth:0,panelHeight:0,pathHeight:0,showTreeTrans:!0,treeWidthTrans:200,itemsTrans:[],kpPath:null,treeItemsFolder:null,treeItems:null,treeItemActive:null,pathInfors:[],listItems:[],listItemActive:null}},computed:{changeShowTree:function(){return this.showTreeTrans=this.showTree,""},changeTreeWidth:function(){return this.treeWidthTrans=this.treeWidth,""},changeItems:function(){return this.convertItems(this.items),""},useTreeItemHeightMin:function(){return Math.max(this.treeToggleIconSize,this.treeDefItemHeight)},effTreeBackgroundColor:function(){return Qi(this.treeBackgroundColor)},effListBackgroundColor:function(){return Qi(this.listBackgroundColor)},effPathBackgroundColor:function(){return Qi(this.pathBackgroundColor)},effLineBetweenPathAndListColor:function(){return Qi(this.lineBetweenPathAndListColor)},effTreeFolderIconColor:function(){return Qi(this.treeFolderIconColor)},effTreeFolderIconColorHover:function(){return Qi(this.treeFolderIconColorHover)},effTreeFolderIconColorActive:function(){return Qi(this.treeFolderIconColorActive)},useTreeItemTextFontSize:function(){let n=this.treeItemTextFontSize;return n=qi(n,";",""),`font-size:${n};`},useListItemTextFontSize:function(){let n=this.listItemTextFontSize;return n=qi(n,";",""),`font-size:${n};`},effListItemIconColor:function(){return Qi(this.listItemIconColor)},effListItemIconColorHover:function(){return Qi(this.listItemIconColorHover)},effListItemIconColorActive:function(){return Qi(this.listItemIconColorActive)},usePathBtnTextFontSize:function(){let n=this.pathBtnTextFontSize;return n=qi(n,";",""),`font-size:${n};`},effPathBtnTextColor:function(){return Qi(this.pathBtnTextColor)},listHeight:function(){return this.panelHeight-this.pathHeight},btnDisplayTreeInDrawerHeightMin:function(){let n=ba(this.treePaddingStyle,{returnObj:!0}),e=n.top,t=n.bottom;return this.treeDefItemHeight+e+t}},methods:{resizePanel:function(n){this.panelWidth=n.snew.offsetWidth,this.panelHeight=n.snew.offsetHeight},resizePath:function(n){this.pathHeight=n.snew.offsetHeight},soryItems:function(n,e,t){let o=this;return n=function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Ca(n))return[];if(1===Oo(n))return n;let t=fn(e,"localeCompare");ga(t)||(t=!1);let o=fn(e,"returnIndex");ga(o)||(o=!1);let r=fn(e,"compareKey",null),i=null;i=t?kw:xw;let a,l=bw(n);if(""===l)return[];if("obj"===l){if(!Ao(r))return[];let e=Io(n,((n,e)=>fn(n,r,""))),l=bw(e);if("num"!==l&&"str"!==l)return[];{t&&(l="files");let r=i(yw(e,l),!0);a=o?r:Io(r,(e=>n[e]))}}else"num"!==l&&"str"!==l||(t&&(l="files"),a=i(yw(n,l),o));return a}(n,{compareKey:"text",localeCompare:!0}),Vi(o.funSortTree)&&(n=o.funSortTree(n)),n},showTreeFirstFolder:function(){let n=this.bindRoot;this.triggerClickTreeFolderById(n)},convertItems:function(){let n=this;(async function(){let e=Sw(n.items,{bindRoot:n.bindRoot,soryItems:n.soryItems});n.itemsTrans=e.fpsNormalize,n.treeItemsFolder=e.treeItemsFolder,n.treeItems=e.treeItems,n.kpPath=e.kpPath,n.defaultShowTreeFirst&&n.showTreeFirstFolder()})().catch((n=>{console.log(n)}))},emitShowTreeDelay:function(n){let e=this;setTimeout((()=>{e.emitShowTree(n)}),1)},emitShowTree:function(n){this.showTreeTrans=n,this.$emit("update:showTree",n)},emitDrawerWidth:function(n){this.treeWidthTrans=n,this.$emit("update:treeWidth",n)},getTreeFolderIconColor:function(n){let e=this,t=fn(n,"isHover");ga(t)||(t=!1);let o=fn(n,"isActive");return ga(o)||(o=!1),o?e.effTreeFolderIconColorActive:t?e.effTreeFolderIconColorHover:e.effTreeFolderIconColor},getListItemIconColor:function(n){let e=this,t=fn(n,"isHover");ga(t)||(t=!1);let o=fn(n,"isActive");return ga(o)||(o=!1),o?e.effListItemIconColorActive:t?e.effListItemIconColorHover:e.effListItemIconColor},listFolder:function(n){let e=this,t=Io(n,(n=>{let t="",o="";return"folder"===n._type?(t=n.text,o=e.listFolderIcon):(t=n.text,o=e.listFileIcon),{text:t,icon:o,data:n}}));e.listItems=t},displayFolderById:function(n,e){let t=this,o=t.kpPath[n],r=fn(t.treeItems,o),i=`${o}.children`,a=fn(t.treeItems,i);t.listFolder(a);let l=fn(r,"pathInfors",[]);t.pathInfors=l},ckTreeFolder:function(n){let e=this,t=fn(n,"data",null),o=fn(n,"data.id","");e.displayFolderById(o,"ckTreeFolder"),e.$emit("click-folder",{from:"tree",item:t}),e.$emit("click",{type:"folder",from:"tree",item:t}),e.$nextTick((()=>{e.listItemActive=null}))},ckListItem:function(n){let e=this,t=fn(n,"item.data",null),o=fn(n,"item.data.id","");"folder"===fn(n,"item.data._type","")?(e.displayFolderById(o,"ckListItem"),e.$emit("click-folder",{from:"list",item:t}),e.$emit("click",{type:"folder",from:"list",item:t}),setTimeout((()=>{e.treeItemActive=null,e.listItemActive=null}),300)):(e.$emit("click-file",{from:"list",item:t}),e.$emit("click",{type:"file",from:"list",item:t}))},ckPathFolder:function(n){let e=this,t=fn(n,"id","");e.displayFolderById(t,"ckPathFolder"),e.$emit("click-folder",{from:"path",item:n}),e.$emit("click",{type:"folder",from:"path",item:n}),e.$nextTick((()=>{e.treeItemActive=null,e.listItemActive=null}))},toggleTreeFoldersByFun:function(n){return this.$refs.wt.toggleItemsByFun(n)},toggleTreeFoldersAll:function(n,e){return this.$refs.wt.toggleItemsAll(n,e)},triggerClickTreeFolderById:function(n){let e={data:{id:n}};this.ckTreeFolder(e),this.treeItemActive={id:n}},triggerClickTreeFolderByFun:async function(n){let e=this;if(!Vi(n))return;let t=[];Ze(e.kpPath,(n=>{let o=fn(e.treeItems,n,"");t.push(o)}));let o=n({treeItemsFolder:e.treeItemsFolder,treeItems:e.treeItems,kpPath:e.kpPath,treeItemsSpread:t});Vu(o)&&(o=await o);let r=fn(o,"id");Ao(r)?e.triggerClickTreeFolderById(r):console.log("invalid id",r)},useFunOperateItem:function(n){let e=["Rename","InsertChild","Delete"];return fn(n,"item.id","")===this.bindRoot&&(e=["InsertChild"]),e},changeData:function(n){},changeItem:function(n){let e=this,t=n=>{let e=Oo(n)-1;if(e<1)throw new Error(`n1${e} < 1`);let t=e-1;if(t<0)throw new Error(`n2${t} < 0`);let o=fn(n,e,{}),r=fn(o,"text","");if(!Ao(r))throw new Error("node.text is not a string");let i=fn(n,t,{}),a="/"+Zl([...fn(i,"ts",[]),r],"/");return{...o,type:"folder",path:a}},o=[];if("add"===n.mode){if("belongto"!==n.kind)throw console.log(n),new Error(`kind[${n.kind}] is not supported`);let r=t(n.pathInforsNew);o=pi(e.itemsTrans),o.push(r)}else if("delete"===n.mode){let r=t(n.pathInforsOri),i=Oo(r.path),a=pi(e.itemsTrans);o=[],Ze(a,(n=>{is(n.path,i)!==r.path&&o.push(n)}))}else if("move"===n.mode||"rename"===n.mode){let t=n.pathInforsOri,r=n.pathInforsNew,i="/"+Zl(Io(t,"text"),"/"),a=Oo(i),l="/"+Zl(Io(r,"text"),"/");o=pi(e.itemsTrans),o=Io(o,(n=>{if(is(n.path,a)===i){let e=ls(n.path,a);n.path=l+e}return n}))}o=(n=>{let t=Oo(e.bindRoot)+1;return n=Io(n,(n=>(n.path=ls(n.path,t),n)))})(o),e.$emit("update:items",o),e.$emit("change-item",n)},clickOperateItem:function(n){this.$emit("click-operate-item",n)}}};const _w=Ww;var Iw=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeShowTree:n.changeShowTree,changeTreeWidth:n.changeTreeWidth,changeItems:n.changeItems},on:{domresize:n.resizePanel}},[t("WDrawer",{style:"width:"+n.panelWidth+"px; height:"+n.panelHeight+"px;",attrs:{afloat:n.treeAfloat,drawerWidth:n.treeWidthTrans,drawerWidthMin:n.treeWidthMin,drawerWidthMax:n.treeWidthMax,dragDrawerWidth:!0,drawerBarColor:n.treeDrawerBarColor,drawerBarSize:n.treeDrawerBarSize,value:n.showTreeTrans},on:{input:n.emitShowTree,"update:drawerWidth":n.emitDrawerWidth},scopedSlots:n._u([{key:"drawer",fn:function(e){return[t("div",{style:"position:relative; height:100%; background:"+n.effTreeBackgroundColor+";"},[t("WTree",{ref:"wt",style:"width:"+e.width+"px; min-width:"+e.width+"px;",attrs:{viewHeightMax:n.panelHeight,defItemHeight:n.treeDefItemHeight,defaultDisplayLevel:n.treeDefaultDisplayLevel,data:n.treeItemsFolder,activable:!0,itemActive:n.treeItemActive,paddingStyle:n.treePaddingStyle,indent:n.treeIndent,iconSize:n.treeToggleIconSize,iconToggleColor:n.treeToggleIconColor,iconToggleDisabledColor:n.treeToggleIconDisabledColor,iconToggleBackgroundColor:n.treeToggleIconBackgroundColor,iconToggleBackgroundColorHover:n.treeToggleIconBackgroundColorHover,itemTextColor:n.treeItemTextColor,itemTextColorHover:n.treeItemTextColorHover,itemTextColorActive:n.treeItemTextColorActive,itemBackgroundColor:n.treeItemBackgroundColor,itemBackgroundColorHover:n.treeItemBackgroundColorHover,itemBackgroundColorActive:n.treeItemBackgroundColorActive,itemRippleColor:n.treeItemRippleColor,draggable:n.draggable,dgTextDisabled:n.dgTextDisabled,dgTextDisabledColor:n.dgTextDisabledColor,dgTextDisabledPaddingLeft:n.dgTextDisabledPaddingLeft,dgTextDisabledFontSize:n.dgTextDisabledFontSize,dgTextDisabledBackgroundColor:n.dgTextDisabledBackgroundColor,dgInsertLineColor:n.dgInsertLineColor,dgInsertBackgroundColor:n.dgInsertBackgroundColor,dgBelongBackgroundColor:n.dgBelongBackgroundColor,dgPreviewOpacity:n.dgPreviewOpacity,dgPreviewDisabledOpacity:n.dgPreviewDisabledOpacity,dgPreviewBorderWidth:n.dgPreviewBorderWidth,dgPreviewBorderColor:n.dgPreviewBorderColor,dgPreviewBackground:n.dgPreviewBackground,operatable:n.operatable,operateItemTextForRename:n.operateItemTextForRename,_operateItemTextForInsertBefore:"operateItemTextForInsertBefore",operateItemTextForInsertChild:n.operateItemTextForInsertChild,_operateItemTextForInsertAfter:"operateItemTextForInsertAfter",operateItemTextForDelete:n.operateItemTextForDelete,operateItemIconForRename:n.operateItemIconForRename,_operateItemIconForInsertBefore:"operateItemIconForInsertBefore",operateItemIconForInsertChild:n.operateItemIconForInsertChild,_operateItemIconForInsertAfter:"operateItemIconForInsertAfter",operateItemIconForDelete:n.operateItemIconForDelete,operateItemPaddingStyle:n.operateItemPaddingStyle,operatePanelWidth:n.operatePanelWidth,operatePanelHeight:n.operatePanelHeight,operateBtnTooltip:n.operateBtnTooltip,operateBtnBackgroundColor:n.operateBtnBackgroundColor,operateBtnBackgroundColorHover:n.operateBtnBackgroundColorHover,operateBtnBackgroundColorFocus:n.operateBtnBackgroundColorFocus,operateItemBackgroundColor:n.operateItemBackgroundColor,operateItemBackgroundColorHover:n.operateItemBackgroundColorHover,operateItemHeight:n.operateItemHeight,operateItemTextColor:n.operateItemTextColor,operateItemTextColorHover:n.operateItemTextColorHover,operateItemIconSize:n.operateItemIconSize,operateItemIconColor:n.operateItemIconColor,operateItemIconColorHover:n.operateItemIconColorHover,funOperateItem:n.useFunOperateItem,editorRenameContentBackgroundColor:n.editorRenameContentBackgroundColor,editorRenameFooterBackgroundColor:n.editorRenameFooterBackgroundColor,editorRenameInputTextColor:n.editorRenameInputTextColor,editorRenameInputTextBottomLineBorderColor:n.editorRenameInputTextBottomLineBorderColor,editorRenameInputTextBottomLineBorderColorHover:n.editorRenameInputTextBottomLineBorderColorHover,editorRenameInputTextBottomLineBorderColorFocus:n.editorRenameInputTextBottomLineBorderColorFocus,editorRenameCancelBtnText:n.editorRenameCancelBtnText,editorRenameCancelBtnTextColor:n.editorRenameCancelBtnTextColor,editorRenameCancelBtnTextColorHover:n.editorRenameCancelBtnTextColorHover,editorRenameCancelBtnIcon:n.editorRenameCancelBtnIcon,editorRenameCancelBtnIconSize:n.editorRenameCancelBtnIconSize,editorRenameCancelBtnIconColor:n.editorRenameCancelBtnIconColor,editorRenameCancelBtnIconColorHover:n.editorRenameCancelBtnIconColorHover,editorRenameCancelBtnIconRippleColor:n.editorRenameCancelBtnIconRippleColor,editorRenameCancelBtnBackgroundColor:n.editorRenameCancelBtnBackgroundColor,editorRenameCancelBtnBackgroundColorHover:n.editorRenameCancelBtnBackgroundColorHover,editorRenameSaveBtnText:n.editorRenameSaveBtnText,editorRenameSaveBtnTextColor:n.editorRenameSaveBtnTextColor,editorRenameSaveBtnTextColorHover:n.editorRenameSaveBtnTextColorHover,editorRenameSaveBtnIcon:n.editorRenameSaveBtnIcon,editorRenameSaveBtnIconSize:n.editorRenameSaveBtnIconSize,editorRenameSaveBtnIconColor:n.editorRenameSaveBtnIconColor,editorRenameSaveBtnIconColorHover:n.editorRenameSaveBtnIconColorHover,editorRenameSaveBtnIconRippleColor:n.editorRenameSaveBtnIconRippleColor,editorRenameSaveBtnBackgroundColor:n.editorRenameSaveBtnBackgroundColor,editorRenameSaveBtnBackgroundColorHover:n.editorRenameSaveBtnBackgroundColorHover,_render:"render"},on:{"update:data":[function(e){n.treeItemsFolder=e},n.changeData],"update:itemActive":function(e){n.treeItemActive=e},"update:item-active":function(e){n.treeItemActive=e},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{style:"display:flex; min-height:"+n.treeDefItemHeight+"px;",on:{click:function(t){return n.ckTreeFolder(e)}}},[t("div",{style:"height:"+n.treeDefItemHeight+"px; padding-right:4px; display:flex; align-items:center;"},[t("WIcon",{attrs:{icon:n.treeFolderIcon,color:n.getTreeFolderIconColor(e),colorHover:n.getTreeFolderIconColor(e),size:n.treeFolderIconSize}})],1),n._v(" "),t("div",{style:"min-height:"+n.treeDefItemHeight+"px; line-height:"+n.treeDefItemHeight+"px; "+n.useTreeItemTextFontSize},[n._v("\n                                "+n._s(e.data.text)+"\n                            ")])])]}}],null,!0)}),n._v(" "),n.showTreeTrans?t("div",{style:"position:absolute; top:"+(n.useTreeItemHeightMin-(n.btnDisplayTreeIconSize+4))/2+"px; right:"+(8+(n.operatable?n.btnDisplayTreeIconSize+4:0))+"px;"},[t("WButtonCircle",{staticStyle:{display:"block"},attrs:{paddingStyle:{h:2,v:2},icon:n.showTreeTrans?n.btnDisplayTreeIconHide:n.btnDisplayTreeIconShow,iconSize:n.btnDisplayTreeIconSize,iconColor:n.btnDisplayTreeIconColor,iconColorHover:n.btnDisplayTreeIconColorHover,iconColorFocus:n.btnDisplayTreeIconColorFocus,backgroundColor:n.btnDisplayTreeBackgroundColor,backgroundColorHover:n.btnDisplayTreeBackgroundColorHover,backgroundColorFocus:n.btnDisplayTreeBackgroundColorFocus,shadow:!1},on:{click:function(e){return n.emitShowTreeDelay(!n.showTreeTrans)}}})],1):n._e()],1)]}},{key:"content",fn:function(e){return[t("div",{style:"height:100%; overflow:hidden;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"width:"+e.width+"px; min-width:"+e.width+"px; border-bottom:"+n.lineBetweenPathAndListWidth+"px solid "+n.effLineBetweenPathAndListColor+"; background:"+n.effPathBackgroundColor+";",on:{domresize:n.resizePath}},[t("div",{style:"padding-left:5px; display:flex; align-items:flex-start;"},[n.showTreeTrans?n._e():t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; padding-right:2px; display:flex; align-items:center;"},[t("WButtonCircle",{staticStyle:{display:"block"},attrs:{paddingStyle:{h:2,v:2},icon:n.showTreeTrans?n.btnDisplayTreeIconHide:n.btnDisplayTreeIconShow,iconSize:n.btnDisplayTreeIconSize,iconColor:n.btnDisplayTreeIconColor,iconColorHover:n.btnDisplayTreeIconColorHover,iconColorFocus:n.btnDisplayTreeIconColorFocus,backgroundColor:n.btnDisplayTreeBackgroundColor,backgroundColorHover:n.btnDisplayTreeBackgroundColorHover,backgroundColorFocus:n.btnDisplayTreeBackgroundColorFocus,shadow:!1},on:{click:function(e){return n.emitShowTreeDelay(!n.showTreeTrans)}}})],1),n._v(" "),0===n.pathInfors.length?t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; padding-left:4px; color:"+n.effPathBtnTextColor+"; "+n.usePathBtnTextFontSize+" display:flex; align-items:center;"},[n._v("\n                            "+n._s(n.noSelectedText)+"\n                        ")]):n._e(),n._v(" "),t("div",{style:"display:flex; flex-wrap:wrap;"},n._l(n.pathInfors,(function(e,o){return t("div",{key:"kpi-"+o,style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px;"},[t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; display:flex; align-items:center;"},[t("WIcon",{attrs:{icon:n.pathSepIcon,color:n.pathSepIconColor,colorHover:n.pathSepIconColor,size:n.pathSepIconSize}}),n._v(" "),t("WButtonChip",{attrs:{paddingStyle:{h:6,v:0},borderWidth:{},borderRadius:4,shadow:!1,text:e.name,textColor:n.pathBtnTextColor,textColorHover:n.pathBtnTextColorHover,_textColorActive:"pathBtnTextColorActive",textFontSize:n.pathBtnTextFontSize,_icon:"pathSepIcon",_iconColor:"pathSepIconColor",_iconSize:"pathSepIconSize",backgroundColor:n.pathBtnBackgroundColor,backgroundColorHover:n.pathBtnBackgroundColorHover,_backgroundColorActive:"pathBtnBackgroundColorActive"},on:{click:function(t){return n.ckPathFolder(e)}}})],1)])})),0)])]),n._v(" "),t("div",{style:"height:"+n.listHeight+"px; background:"+n.effListBackgroundColor+";"},[t("WListVertical",{style:"width:"+e.width+"px; min-width:"+e.width+"px; height:"+n.listHeight+"px;",attrs:{items:n.listItems,itemActive:n.listItemActive,itemCursorPointer:!1,paddingStyle:n.listPaddingStyle,itemBackgroundColor:n.listItemBackgroundColor,itemBackgroundColorHover:n.listItemBackgroundColorHover,itemBackgroundColorActive:n.listItemBackgroundColorActive,itemTextColor:n.listItemTextColor,itemTextColorHover:n.listItemTextColorHover,itemTextColorActive:n.listItemTextColorActive,itemIconSize:n.listItemIconSize,_itemIconColor:"listItemIconColor",_itemIconColorHover:"listItemIconColorHover",_itemIconColorActive:"listItemIconColorActive",itemRippleColor:n.listItemRippleColor,_click:"ckListItem","_v-if":"listItems.length>0"},on:{"update:itemActive":function(e){n.listItemActive=e},"update:item-active":function(e){n.listItemActive=e}},scopedSlots:n._u([{key:"header",fn:function(){return[n._t("list-head",null,{items:n.listItems})]},proxy:!0},{key:"item",fn:function(e){return[t("div",{style:"position:relative; min-height:"+n.listDefItemHeight+"px; line-height:"+n.listDefItemHeight+"px;"},[t("div",{style:""+n.useListItemTextFontSize},[n._t("list-item",(function(){return[t("div",{style:"display:flex;"},[t("div",{style:"height:"+n.listDefItemHeight+"px; padding-right:4px; display:flex; align-items:center; cursor:pointer;",on:{click:function(t){return n.ckListItem(e)}}},[t("WIcon",{attrs:{icon:e.item.icon,color:n.getListItemIconColor(e),colorHover:n.getListItemIconColor(e),size:n.listItemIconSize}})],1),n._v(" "),n._t("list-item-text-left",null,{item:e.item,isHover:e.isHover,isActive:e.isActive}),n._v(" "),t("div",{style:n.useListItemTextFontSize+" cursor:pointer; user-select:none;",on:{click:function(t){return n.ckListItem(e)}}},[n._v("\n                                                "+n._s(e.item.text)+"\n                                            ")]),n._v(" "),n._t("list-item-text-right",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2)]}),{item:Object.assign({},e.item,{iconColor:n.getListItemIconColor(e),iconSize:n.listItemIconSize}),isHover:e.isHover,isActive:e.isActive,funClickListItem:function(){n.ckListItem(e)}})],2),n._v(" "),t("div",{style:"position:absolute; top:0px; right:0px;"},[n._t("list-item-cover",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2),n._v(" "),n._t("list-item-sub",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2)]}},{key:"footer",fn:function(){return[n._t("list-foot",null,{items:n.listItems})]},proxy:!0}],null,!0)})],1)])]}}])})],1)};Iw._withStripped=!0;var Tw={components:{demolink:eu,WIcon:Ha,WExplorer:Sa({render:Iw,staticRenderFns:[]},(function(n){n&&n("data-v-037e71d1_0",{source:"\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WExplorer.vue"},media:void 0})}),_w,"data-v-037e71d1",false,undefined,!1,_a,void 0,void 0)},props:{},data:function(){return{mdiCommentEditOutline:ul,mdiChevronDoubleRight:tl,mdiDeleteVariant:pl,WExplorer:{bShowTree:!0,treeWidth:275,funSortTree:null,fps:[{type:"file",path:"/Applications/Calendar.app",size:"256.5mb",tester:"Perter",priority:"L4"},{type:"file",path:"/Applications/Chrome.app",size:"496.7mb",tester:"Chloe",priority:"L4"},{type:"file",path:"/Applications/Webstorm.app",size:"128.6mb",tester:"Adrian",priority:"L4"},{type:"folder",path:"/Applications/Webs",size:"",tester:"",priority:""},{type:"file",path:"/Applications/Webs/web_infors.json",size:"92.2kb",tester:"Carl",priority:"L3"},{type:"file",path:"/Applications/Webs/Shareco/shareco-s1.txt",size:"5.4kb",tester:"Charissa",priority:"L4"},{type:"file",path:"/Applications/Webs/Shareco/shareco-s2.txt",size:"7.3kb",tester:"Dexter",priority:"L4"},{type:"folder",path:"/Applications/Webs/Guess",size:"",tester:"",priority:""},{type:"file",path:"/Applications/Webs/Guess/guess-s3.txt",size:"21.6kb",tester:"Ashley",priority:"L4"},{type:"file",path:"/Applications/Webs/Guess/guess-s4.txt",size:"82.7kb",tester:"Dwight",priority:"L4"},{type:"file",path:"/Applications//Systems/Regulator.ini",size:"2.5kb",tester:"Laura",priority:"L5"},{type:"file",path:"/Applications/Systems/Regulator/vers/1-settings.st",size:"56.2kb",tester:"Mavis",priority:"L5"},{type:"file",path:"/Applications/Systems/Regulator/vers/2-settings.st",size:"87.2kb",tester:"Geraint",priority:"L5"},{type:"file",path:"/Applications/Systems/Regulator/vers/3-settings.st",size:"224.2kb",tester:"Penelope",priority:"L5"},{type:"file",path:"/Applications/Systems/Regulator/vers/10-settings.st",size:"72.7kb",tester:"Heman",priority:"L5"},{type:"file",path:"/Applications/Systems/Regulator/vers/111-settings.st",size:"91.2kb",tester:"Tessa",priority:"L5"},{type:"file",path:"/Applications//Systems/device1.iso",size:"1.2gb",tester:"Una",priority:"L2"},{type:"file",path:"/Applications//Systems/device2.iso",size:"1.3gb",tester:"Jasper",priority:"L2"},{type:"file",path:"/Applications//Systems/device3.iso",size:"1.1gb",tester:"Violet",priority:"L2"},{type:"file",path:"/Applications//Systems/device4.iso",size:"1.7gb",tester:"Perter",priority:"L2"},{type:"file",path:"/Applications//Systems/device5.iso",size:"2.0gb",tester:"Winifred",priority:"L2"},{type:"file",path:"/Applications//Systems/device6.iso",size:"1.7gb",tester:"Lance",priority:"L2"},{type:"file",path:"/Applications//Systems/device7.iso",size:"2.1gb",tester:"Marvin",priority:"L2"},{type:"file",path:"/Applications//Systems/device8.iso",size:"1.5gb",tester:"Nat",priority:"L2"},{type:"file",path:"/Applications//Systems/device9.iso",size:"1.8gb",tester:"Nahum",priority:"L2"},{type:"file",path:"/Applications//Systems/device10.iso",size:"1.6gb",tester:"Nicholas",priority:"L2"},{type:"file",path:"/Applications//Systems/device11.iso",size:"1.2gb",tester:"Ralph",priority:"L2"},{type:"file",path:"/Applications//Systems/device12.iso",size:"2.2gb",tester:"Rudolph",priority:"L2"},{type:"file",path:"/Applications//Systems/device13.iso",size:"1.9gb",tester:"Rory",priority:"L2"},{type:"file",path:"/Applications//Systems/device14.iso",size:"1.2gb",tester:"Jacqueline",priority:"L2"},{type:"file",path:"/Applications//Systems/device15.iso",size:"1.7gb",tester:"Kathy",priority:"L2"},{type:"file",path:"/Applications//Systems/device16.iso",size:"1.1gb",tester:"Melinda",priority:"L2"},{type:"file",path:"/Applications//Systems/device17.iso",size:"1.9gb",tester:"Sharon",priority:"L2"},{type:"file",path:"/Applications//Systems/device18.iso",size:"1.2gb",tester:"Philippa",priority:"L2"},{type:"file",path:"/Applications//Systems/device19.iso",size:"1.5gb",tester:"Thelma",priority:"L2"},{type:"file",path:"/Applications//Systems/device20.iso",size:"1.4gb",tester:"Stewart",priority:"L2"},{type:"file",path:"/Documents/design-simple/src/index.txt",size:"6.7kb",tester:"Steve",priority:"L1"},{type:"file",path:"/Documents/design-simple/src/bootstrap.txt",size:"251.7kb",tester:"Theobald",priority:"L1"},{type:"file",path:"/Documents/design-material/src/btn.txt",size:"241.2b",tester:"Padraic",priority:"L1"},{type:"file",path:"/Documents/design-material/src/card.txt",size:"4.7kb",tester:"Napoleon",priority:"L1"},{type:"file",path:"/Documents/design-material/src/window.txt",size:"7.2kb",tester:"Lionel",priority:"L1"},{type:"file",path:"/Downloads/October.pdf",size:"16.9kb",tester:"Olive",priority:"L1"},{type:"file",path:"/Downloads/November.pdf",size:"94.5kb",tester:"Molly",priority:"L1"},{type:"file",path:"/Downloads/Tutorial.html",size:"22.7kb",tester:"Melanie",priority:"L1"},{type:"folder",path:"/Uploads",size:"",tester:"",priority:""},{type:"file",path:"/Videos/Tutorials/Basic layouts.mp4",size:"862.7mb",tester:"Lindsay",priority:"L3"},{type:"file",path:"/Videos/Tutorials/Advanced techniques.mp4",size:"626.5mb",tester:"Jarvis",priority:"L3"},{type:"file",path:"/Videos/Tutorials/All about app.mp4",size:"796.2mb",tester:"Gaston",priority:"L3"},{type:"file",path:"/Videos/Intro.mov",size:"852.8mb",tester:"Dermot",priority:"L3"},{type:"file",path:"/Videos/Conference introduction.avi",size:"676.7mb",tester:"Hector",priority:"L3"},{type:"folder",path:"/Videos/Empty",size:"",tester:"",priority:""}]},actions:[{mode:"eleclick",selector:'span[class="v-chip__content"]'}]}},methods:{ckItem:function(n){console.log("ckItem",n)},ckFolder:function(n){console.log("ckFolder",n)},ckFile:function(n){console.log("ckFile",n)},toggleTreeFoldersByFun:function(n,e){console.log("toggleTreeFoldersByFun",n,e);this.$refs.ref_toggleTreeFoldersByFun.toggleTreeFoldersByFun((t=>(console.log("toggleTreeFoldersByFun rows",t),{row:t[n],toUnfolding:e})))},toggleTreeFoldersAll:function(n,e){console.log("toggleTreeFoldersAll",n,e);this.$refs.ref_toggleTreeFoldersAll.toggleTreeFoldersAll(n,e)},ckTriggerClickTreeFolderById:function(n){console.log("ckTriggerClickTreeFolderById",n);this.$refs.we_triggerClickTreeFolderById.triggerClickTreeFolderById(n)},ckTriggerClickTreeFolderByFun:function(n){console.log("ckTriggerClickTreeFolderByFun",n);this.$refs.we_triggerClickTreeFolderByFun.triggerClickTreeFolderByFun((e=>{console.log("cb msg",e);for(let t=0;t<e.treeItemsSpread.length;t++){let o=e.treeItemsSpread[t];if(o.text===n)return console.log("find and click",o),o}return null}))},ckFunSortTree:function(n){console.log("ckFunSortTree",n);let e=this,t=n=>(console.log("rs",n),n.reverse(),n);e.WExplorer.funSortTree="default"===n?null:t},getFolderInfor:function(n){console.log("getFolderInfor",n);let e=0,t=0;for(let o=0;o<n.items.length;o++){let r=n.items[o].data._type;"folder"===r?e++:"file"===r&&t++}return`There are ${e} folder(s) and ${t} file(s) in this folder`},clickOperateItem:function(n){console.log("clickOperateItem",n);let e=n.rowItem.index;n.operateItem(e,n.opItem.key,(function(){return new Promise((function(n,e){n({text:"new-"+Math.floor(1e3*Math.random()),type:"folder",size:"test",tester:"test",priority:"test"})}))}))},changeItem:function(n){console.log("changeItem",n)}}};const Aw=Tw;var Bw=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"default"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px","font-size":"0.8rem"}},[n._v("treeWidth: "+n._s(n.WExplorer.treeWidth))]),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeWidth:n.WExplorer.treeWidth},on:{"update:treeWidth":function(e){return n.$set(n.WExplorer,"treeWidth",e)},"update:tree-width":function(e){return n.$set(n.WExplorer,"treeWidth",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeWidthMin & treeWidthMax"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeWidthMin:100,treeWidthMax:400}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeBackgroundColor"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeBackgroundColor:"#f8f8f8"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"showTree"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){n.WExplorer.bShowTree=!n.WExplorer.bShowTree}}},[n._v("Show("+n._s(n.WExplorer.bShowTree)+")")])],1),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,showTree:n.WExplorer.bShowTree},on:{"update:showTree":function(e){return n.$set(n.WExplorer,"bShowTree",e)},"update:show-tree":function(e){return n.$set(n.WExplorer,"bShowTree",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeAfloat"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeAfloat:!0}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeDefaultDisplayLevel"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeDefaultDisplayLevel:1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeDefItemHeight & listDefItemHeight"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeDefItemHeight:22,listDefItemHeight:22}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treePaddingStyle"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treePaddingStyle:{v:4,h:4}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeIndent"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeIndent:.5}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeFolderIcon & treeFolderIconSize"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeFolderIcon:"fas fa-folder-open",treeFolderIconSize:18}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeItemTextFontSize"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeItemTextFontSize:"0.75rem"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeItemTextColor & treeItemTextColorHover & treeItemTextColorActive"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeItemTextColor:"#a84",treeItemTextColorHover:"#864",treeItemTextColorActive:"#862"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeFolderIconColor & treeFolderIconColorHover & treeFolderIconColorActive"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeFolderIconColor:"#ea6",treeFolderIconColorHover:"#c84",treeFolderIconColorActive:"#a62"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeItemBackgroundColor & treeItemBackgroundColorHover & treeItemBackgroundColorActive"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeItemBackgroundColor:"transparent",treeItemBackgroundColorHover:"#FFF3E0",treeItemBackgroundColorActive:"#FFE0B2"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeItemRippleColor"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeItemRippleColor:"rgba(130, 180, 255, 0.4)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"bindRoot"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,bindRoot:"本機"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeToggleIconSize"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeToggleIconSize:18}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeToggleIconColor & treeToggleIconBackgroundColor & treeToggleIconBackgroundColorHover"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeToggleIconColor:"#f58",treeToggleIconBackgroundColor:"rgba(255,200,200,0.5)",treeToggleIconBackgroundColorHover:"#fcc"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"pathBackgroundColor"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,pathBackgroundColor:"#f8f8f8"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"pathSepIcon & pathSepIconColor & pathSepIconSize"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,pathSepIcon:"fas fa-angle-double-right",pathSepIconColor:"#00C853",pathSepIconSize:14}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"pathBtnTextFontSize"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,pathBtnTextFontSize:"0.75rem"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"pathBtnTextColor & pathBtnTextColorHover"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,pathBtnTextColor:"#EF5350",pathBtnTextColorHover:"#EC407A"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"pathBtnBackgroundColor & pathBtnBackgroundColorHover"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,pathBtnBackgroundColor:"#EDE7F6",pathBtnBackgroundColorHover:"#D1C4E9"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"btnDisplayTreeIconShow & btnDisplayTreeIconHide & btnDisplayTreeIconSize"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,btnDisplayTreeIconShow:"fas fa-arrow-circle-right",btnDisplayTreeIconHide:"fas fa-arrow-circle-left",btnDisplayTreeIconSize:22}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"btnDisplayTreeIconColor & btnDisplayTreeIconColorHover & btnDisplayTreeIconColorFocus"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,btnDisplayTreeIconColor:"rgb(240,70,120)",btnDisplayTreeIconColorHover:"rgb(240,50,100)",btnDisplayTreeIconColorFocus:"rgb(255,70,120)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"btnDisplayTreeBackgroundColor & btnDisplayTreeBackgroundColorHover & btnDisplayTreeBackgroundColorFocus"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,btnDisplayTreeBackgroundColor:"rgba(241,241,255,0.7)",btnDisplayTreeBackgroundColorHover:"rgb(220,220,255)",btnDisplayTreeBackgroundColorFocus:"rgb(200,200,255)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"listPaddingStyle"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,listPaddingStyle:{v:2,h:8}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"listBackgroundColor"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,listBackgroundColor:"#f8f8f8"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"listFolderIcon & listFileIcon & listIconSize"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,listFolderIcon:"fas fa-folder-open",listFileIcon:"fas fa-tablet-alt",listIconSize:18}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"listItemTextFontSize"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,listItemTextFontSize:"0.75rem"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"listItemTextColor & listItemTextColorHover & listItemTextColorActive"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,listItemTextColor:"#a84",listItemTextColorHover:"#864",listItemTextColorActive:"#862"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"listItemIconColor & listItemIconColorHover & listItemIconColorActive"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,listItemIconColor:"#ea6",listItemIconColorHover:"#c84",listItemIconColorActive:"#a62"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"listItemBackgroundColor & listItemBackgroundColorHover & listItemBackgroundColorActive"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,listItemBackgroundColor:"transparent",listItemBackgroundColorHover:"#FFF3E0",listItemBackgroundColorActive:"#FFE0B2"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"listItemRippleColor"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,listItemRippleColor:"rgba(130, 180, 255, 0.4)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"defaultShowTreeFirst"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,defaultShowTreeFirst:!1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"defaultShowTreeFirst & noSelectedText"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,defaultShowTreeFirst:!1,noSelectedText:"尚未選擇資料夾"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"events"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps},on:{click:n.ckItem,"click-folder":n.ckFolder,"click-file":n.ckFile}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"small text"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeItemTextFontSize:"0.75rem",listItemTextFontSize:"0.75rem",pathBtnTextFontSize:"0.75rem"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeDrawerBarSize & treeDrawerBarColor"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeDrawerBarSize:5,treeDrawerBarColor:"rgba(0,0,0,0.1)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"lineBetweenPathAndListWidth & lineBetweenPathAndListColor"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,lineBetweenPathAndListWidth:5,lineBetweenPathAndListColor:"rgba(0,0,0,0.1)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"dark mode"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#777"}},[t("w-explorer",{staticStyle:{width:"700px",height:"400px",background:"#333","border-radius":"5px",overflow:"hidden","box-shadow":"0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%)"},attrs:{items:n.WExplorer.fps,treeItemTextColor:"#ddd",treeItemTextColorHover:"#eee",treeItemTextColorActive:"#fff",treeFolderIconColor:"#FFCC80",treeFolderIconColorHover:"#FFCC80",treeFolderIconColorActive:"#FFB74D",treeItemBackgroundColor:"transparent",treeItemBackgroundColorHover:"rgba(150,150,150,0.4)",treeItemBackgroundColorActive:"rgba(150,150,150,0.2)",treeBackgroundColor:"#333",treeToggleIconColor:"rgba(255,255,255,0.6)",treeToggleIconBackgroundColor:"transparent",treeToggleIconBackgroundColorHover:"rgba(150,150,150,0.2)",pathBtnTextColor:"#ddd",pathBtnTextColorHover:"#eee",pathBtnBackgroundColor:"transparent",pathBtnBackgroundColorHover:"rgba(150,150,150,0.2)",pathBackgroundColor:"#333",btnDisplayTreeIconColor:"#ccc",btnDisplayTreeIconColorHover:"#eee",btnDisplayTreeIconColorFocus:"#eee",btnDisplayTreeBackgroundColor:"transparent",btnDisplayTreeBackgroundColorHover:"rgba(150,150,150,0.2)",btnDisplayTreeBackgroundColorFocus:"rgba(150,150,150,0.1)",listItemTextColor:"#ddd",listItemTextColorHover:"#eee",listItemTextColorActive:"#fff",listItemIconColor:"#FFCC80",listItemIconColorHover:"#FFCC80",listItemIconColorActive:"#FFB74D",listItemBackgroundColor:"transparent",listItemBackgroundColorHover:"rgba(150,150,150,0.4)",listItemBackgroundColorActive:"rgba(150,150,150,0.2)",listBackgroundColor:"#333",treeDrawerBarSize:1,treeDrawerBarColor:"rgba(150,150,150,0.4)",lineBetweenPathAndListWidth:1,lineBetweenPathAndListColor:"rgba(150,150,150,0.4)",treeItemTextFontSize:"0.75rem",listItemTextFontSize:"0.75rem",pathBtnTextFontSize:"0.75rem"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"toggleTreeFoldersByFun"}}),n._v(" "),t("div",[t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersByFun(0,!0)}}},[n._v("show(rows[0])")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersByFun(0,!1)}}},[n._v("hide(rows[0])")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersByFun(1,!0)}}},[n._v("show(rows[1])")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersByFun(1,!1)}}},[n._v("hide(rows[1])")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersByFun(2,!0)}}},[n._v("show(rows[2])")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersByFun(2,!1)}}},[n._v("hide(rows[2])")])],1),n._v(" "),t("w-explorer",{ref:"ref_toggleTreeFoldersByFun",staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"toggleTreeFoldersAll"}}),n._v(" "),t("div",[t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersAll(!0)}}},[n._v("display all")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersAll(!1)}}},[n._v("hide all")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersAll(null,1)}}},[n._v("display to level1")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersAll(null,2)}}},[n._v("display to level2")])],1),n._v(" "),t("w-explorer",{ref:"ref_toggleTreeFoldersAll",staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"triggerClickTreeFolderById"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.ckTriggerClickTreeFolderById("root")}}},[n._v("click(root)")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.ckTriggerClickTreeFolderById("root❯Applications")}}},[n._v("click(Applications)")])],1),n._v(" "),t("w-explorer",{ref:"we_triggerClickTreeFolderById",staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"triggerClickTreeFolderByFun"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.ckTriggerClickTreeFolderByFun("Applications")}}},[n._v("click(Applications)")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.ckTriggerClickTreeFolderByFun("Webs")}}},[n._v("click(Webs)")])],1),n._v(" "),t("w-explorer",{ref:"we_triggerClickTreeFolderByFun",staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"funSortTree"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.ckFunSortTree("funSortTree")}}},[n._v("funSortTree(reverse)")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.ckFunSortTree("default")}}},[n._v("default")])],1),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,funSortTree:n.WExplorer.funSortTree}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"slot list-item-cover"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps},on:{click:n.ckItem},scopedSlots:n._u([{key:"list-item-cover",fn:function(e){return["file"===e.item.data._type?t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{padding:"0px 5px",color:"#6fb57e",cursor:"pointer"},on:{click:function(e){return n.ckItem("icon-shield")}}},[t("i",{staticClass:"fas fa-shield-virus"})]),n._v(" "),t("div",{staticStyle:{"padding-right":"5px"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 5px",color:"#b894be",cursor:"pointer"},on:{click:function(e){return n.ckItem("icon-dice")}}},[t("i",{staticClass:"fas fa-dice"})]),n._v(" "),t("div",{staticStyle:{"padding-right":"5px"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 5px",color:"#c79f6b",cursor:"pointer"},on:{click:function(e){return n.ckItem("icon-wired")}}},[t("i",{staticClass:"fas fa-network-wired"})]),n._v(" "),t("div",{staticStyle:{"padding-right":"5px"}})]):n._e()]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"slot list-item & list-item-cover & list-head & list-foot"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps},on:{click:n.ckItem},scopedSlots:n._u([{key:"list-item",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"padding-right":"5px",cursor:"pointer"},on:{click:function(n){return e.funClickListItem()}}},[t("w-icon",{attrs:{icon:e.item.icon,_color:"props.item.iconColor",color:"#d7a72b",size:e.item.iconSize}})],1),n._v(" "),t("div",{staticStyle:{cursor:"pointer"},on:{click:function(n){return e.funClickListItem()}}},[n._v("\n                            "+n._s(e.item.data.text)+"\n                        ")])])]}},{key:"list-head",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"stretch"}},[t("div",{staticStyle:{width:"100%"}},[t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{color:"#999","font-size":"0.7rem","text-align":"center"}},[n._v("\n                                    name\n                                ")])])]),n._v(" "),t("div",{staticStyle:{margin:"3px 0px","border-right":"1px solid #ddd"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{width:"60px",color:"#999","font-size":"0.7rem","text-align":"center"}},[n._v("\n                                size\n                            ")])]),n._v(" "),t("div",{staticStyle:{margin:"3px 0px","border-right":"1px solid #ddd"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{width:"60px",color:"#999","font-size":"0.7rem","text-align":"center"}},[n._v("\n                                tester\n                            ")])]),n._v(" "),t("div",{staticStyle:{margin:"3px 0px","border-right":"1px solid #ddd"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{width:"16px",color:"#999","font-size":"0.7rem","text-align":"center"}},[n._v("\n                                i\n                            ")])]),n._v(" "),t("div",{staticStyle:{margin:"3px 0px","border-right":"1px solid #ddd"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{width:"16px",color:"#999","font-size":"0.7rem","text-align":"center"}},[n._v("\n                                s\n                            ")])]),n._v(" "),t("div",{staticStyle:{margin:"3px 0px","border-right":"1px solid #ddd"}}),n._v(" "),t("div",{staticStyle:{"padding-right":"calc( 8px - 2px - 1px )"}})])]}},{key:"list-foot",fn:function(e){return[t("div",{staticStyle:{padding:"1px 3px",background:"#f8f8f8","border-top":"1px solid #ddd","font-size":"0.7rem",color:"#888"}},[n._v("\n                        "+n._s(n.getFolderInfor(e))+"\n                    ")])]}},{key:"list-item-cover",fn:function(e){return["file"===e.item.data._type?t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{width:"60px",color:"#999","font-size":"0.7rem","text-align":"right",cursor:"pointer"},on:{click:function(e){return n.ckItem("text-size")}}},[n._v("\n                                "+n._s(e.item.data.data.size)+"\n                            ")])]),n._v(" "),t("div",{staticStyle:{"padding-right":"1px"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{width:"60px",color:"#3448a9","font-size":"0.7rem","text-align":"right",cursor:"pointer"},on:{click:function(e){return n.ckItem("text-tester")}}},[n._v("\n                                "+n._s(e.item.data.data.tester)+"\n                            ")])]),n._v(" "),t("div",{staticStyle:{"padding-right":"1px"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{width:"16px",color:"#996887",cursor:"pointer"},on:{click:function(e){return n.ckItem("icon-branch")}}},[t("i",{staticClass:"fas fa-code-branch"})])]),n._v(" "),t("div",{staticStyle:{"padding-right":"1px"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{width:"16px",color:"#777",cursor:"pointer"},on:{click:function(e){return n.ckItem("icon-cog")}}},[t("i",{staticClass:"fas fa-cog"})])])]):n._e()]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"slot list-item-sub"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps},on:{click:n.ckItem},scopedSlots:n._u([{key:"list-item-sub",fn:function(e){return["file"===e.item.data._type?t("div",{style:"transition:all 0.3s; padding:3px; background:"+(e.isHover?"#e2e2e2":"#fbf4f2")+"; border-bottom:1px solid #ddd; font-size:0.7rem; line-height:0.7rem; display:flex; align-items:center; justify-content:flex-end;"},[t("div",{staticStyle:{padding:"0px 5px",display:"flex","align-items":"center"}},[t("div",{staticStyle:{"padding-right":"3px",color:"#888"}},[n._v("\n                                priority:\n                            ")]),n._v(" "),t("div",{staticStyle:{width:"20px",color:"#2e31af","text-align":"left",cursor:"pointer"},on:{click:function(e){return n.ckItem("text-priority")}}},[n._v("\n                                "+n._s(e.item.data.data.priority)+"\n                            ")])]),n._v(" "),t("div",{staticStyle:{padding:"0px 5px",color:"#6fb57e",cursor:"pointer"},on:{click:function(e){return n.ckItem("icon-shield")}}},[t("i",{staticClass:"fas fa-shield-virus"})]),n._v(" "),t("div",{staticStyle:{padding:"0px 5px",color:"#b894be",cursor:"pointer"},on:{click:function(e){return n.ckItem("icon-dice")}}},[t("i",{staticClass:"fas fa-dice"})]),n._v(" "),t("div",{staticStyle:{padding:"0px 5px",color:"#c79f6b",cursor:"pointer"},on:{click:function(e){return n.ckItem("icon-wired")}}},[t("i",{staticClass:"fas fa-network-wired"})])]):n._e()]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"slot list-item-text-left"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps},on:{click:n.ckItem},scopedSlots:n._u([{key:"list-item-text-left",fn:function(e){return["file"===e.item.data._type?t("div",{style:"display:flex; align-items:center;"},[t("div",{style:"transition:all 0.3s; padding:3px 4px; border-radius:0px; font-size:0.7rem; line-height:0.7rem; color:#fff; cursor:pointer; background:"+(e.isHover?"#62a":"#84a")+";"},[t("div",{on:{click:function(e){return n.ckItem("text-priority")}}},[n._v("\n                                "+n._s(e.item.data.data.priority)+"\n                            ")])]),n._v(" "),t("div",{staticStyle:{"padding-right":"5px"}})]):n._e()]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"slot list-item-text-right"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps},on:{click:n.ckItem},scopedSlots:n._u([{key:"list-item-text-right",fn:function(e){return["file"===e.item.data._type?t("div",{style:"display:flex; align-items:center;"},[t("div",{staticStyle:{"padding-right":"5px"}}),n._v(" "),t("div",{style:"transition:all 0.3s; padding:3px 5px; border-radius:4px; font-size:0.7rem; line-height:0.7rem; color:#fff; cursor:pointer; background:"+(e.isHover?"#f26":"#f48")+";"},[t("div",{on:{click:function(e){return n.ckItem("text-tester")}}},[n._v("\n                                "+n._s(e.item.data.data.tester)+"\n                            ")])])]):n._e()]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"draggable"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using draggable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,draggable:!0},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"draggable & dgPreviewOpacity & dgPreviewBorderWidth & dgBelongBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using draggable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,draggable:!0,dgPreviewOpacity:.9,dgPreviewBorderWidth:3,dgPreviewBorderColor:"rgba(255,100,200,1)",dgPreviewBackground:"rgba(255,100,200,0.2)"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"draggable & dgInsertLineColor & dgInsertBackgroundColor & dgBelongBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using draggable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,draggable:!0,dgInsertLineColor:"rgba(120,220,150,0.9)",dgInsertBackgroundColor:"rgba(50,220,100,0.1)",dgBelongBackgroundColor:"rgba(50,220,100,0.2)"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"draggable & dgTextDisabled & dgTextDisabledColor & dgTextDisabledPaddingLeft & dgTextDisabledFontSize & dgTextDisabledBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using draggable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,draggable:!0,dgTextDisabled:"禁止拖曳至自己子節點當中",dgTextDisabledColor:"pink accent-3",dgTextDisabledPaddingLeft:13,dgTextDisabledFontSize:"0.8rem",dgTextDisabledBackgroundColor:"rgba(255,255,255,0.8)"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & operateBtnTooltip & operateItemTextForRename & perateItemTextForInsertChild & operateItemTextForDelete"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,operateBtnTooltip:"編輯",operateItemTextForRename:"變更項目名稱",operateItemTextForInsertChild:"插入子項目",operateItemTextForDelete:"刪除項目"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & operatePanelWidth & operatePanelHeight & operateItemIconSize & operateItemPaddingStyle"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,operateItemIconSize:18,operateItemPaddingStyle:{v:5,h:5},operatePanelWidth:130,operatePanelHeight:90},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & operateItemHeight & operateItemIconSize & operateItemPaddingStyle"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,operateItemIconSize:18,operateItemPaddingStyle:{v:5,h:5},operateItemHeight:29.2},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & operateBtnBackgroundColor & operateBtnBackgroundColorHover & operateBtnBackgroundColorFocus"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,operateBtnBackgroundColor:"rgba(230,230,230,0.4)",operateBtnBackgroundColorHover:"rgba(230,230,255,0.8)",operateBtnBackgroundColorFocus:"rgba(210,210,255,0.8)"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & operateItemBackgroundColor & operateItemBackgroundColorHover & operateItemTextColor & operateItemTextColorHover & operateItemIconColor & operateItemIconColorHover"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,operateItemBackgroundColor:"blue-grey darken-1",operateItemBackgroundColorHover:"blue-grey",operateItemTextColor:"grey lighten-4",operateItemTextColorHover:"white",operateItemIconColor:"grey lighten-4",operateItemIconColorHover:"white"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & operateItemIconForRename & operateItemIconForInsertChild & operateItemIconForDelete"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,operateItemIconForRename:n.mdiCommentEditOutline,operateItemIconForInsertChild:n.mdiChevronDoubleRight,operateItemIconForDelete:n.mdiDeleteVariant},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & editorRenameContentBackgroundColor & editorRenameFooterBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,editorRenameContentBackgroundColor:"#f2f2f2",editorRenameFooterBackgroundColor:"#EFEBE9"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & editorRenameInputTextColor & editorRenameInputTextBottomLineBorderColor & editorRenameInputTextBottomLineBorderColorHover & editorRenameInputTextBottomLineBorderColorFocus"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,editorRenameInputTextColor:"#444",editorRenameInputTextBottomLineBorderColor:"#888",editorRenameInputTextBottomLineBorderColorHover:"#aaa",editorRenameInputTextBottomLineBorderColorFocus:"#666"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & editorRenameCancelBtnText & editorRenameCancelBtnTextColor & editorRenameCancelBtnTextColorHover"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,editorRenameCancelBtnText:"取消",editorRenameCancelBtnTextColor:"#444",editorRenameCancelBtnTextColorHover:"#222"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & editorRenameCancelBtnIcon & editorRenameCancelBtnIconSize & editorRenameCancelBtnIconColor & editorRenameCancelBtnIconColorHover & editorRenameCancelBtnIconRippleColor"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,editorRenameCancelBtnIcon:"fas fa-times",editorRenameCancelBtnIconSize:24,editorRenameCancelBtnIconColor:"#444",editorRenameCancelBtnIconColorHover:"#222",editorRenameCancelBtnIconRippleColor:"rgba(200,200,200,0.3)"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & editorRenameCancelBtnBackgroundColor & editorRenameCancelBtnBackgroundColorHover"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,editorRenameCancelBtnBackgroundColor:"#EFEBE9",editorRenameCancelBtnBackgroundColorHover:"#D7CCC8"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & editorRenameSaveBtnText & editorRenameSaveBtnTextColor & editorRenameSaveBtnTextColorHover"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,editorRenameSaveBtnText:"儲存",editorRenameSaveBtnTextColor:"#444",editorRenameSaveBtnTextColorHover:"#222"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & editorRenameSaveBtnIcon & editorRenameSaveBtnIconSize & editorRenameSaveBtnIconColor & editorRenameSaveBtnIconColorHover & editorRenameSaveBtnIconRippleColor"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,editorRenameSaveBtnIcon:"fas fa-check",editorRenameSaveBtnIconSize:24,editorRenameSaveBtnIconColor:"#444",editorRenameSaveBtnIconColorHover:"#222",editorRenameSaveBtnIconRippleColor:"rgba(200,200,200,0.3)"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & editorRenameSaveBtnBackgroundColor & editorRenameSaveBtnBackgroundColorHover"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,editorRenameSaveBtnBackgroundColor:"#EFEBE9",editorRenameSaveBtnBackgroundColorHover:"#D7CCC8"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & draggable"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable or draggable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,draggable:!0},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1)])])};Bw._withStripped=!0;var Hw={components:{WListHorizontal:za,AppZoneWBadge:su,AppZoneWPanelStripe:mu,AppZoneWPanelBulge:Pu,AppZoneWPanelAvatar:Zu,AppZoneWPanelScrolly:np,AppZoneWPanelLabelItem:_m,AppZoneWPanelDivideHorizontal:Dm,AppZoneWPanelDivideVertical:$m,AppZoneWPanelScale:Om,AppZoneWIcon:Jm,AppZoneWDropfiles:ag,AppZoneWDialog:fg,AppZoneWConfirm:wg,AppZoneWTooltip:_g,AppZoneWPopup:Ag,AppZoneWPopupEditText:Fg,AppZoneWDrawer:Jg,AppZoneWButtonChip:nv,AppZoneWButtonCircle:ov,AppZoneWSlider:Kh,AppZoneWProgressBar:nf,AppZoneWProgressCircle:af,AppZoneWSwitch:pf,AppZoneWCheckbox:yf,AppZoneWLevelGrade:Wf,AppZoneWAlert:zf,AppZoneWGroupTags:Ef,AppZoneWGroupDragdrop:Kf,AppZoneWGroupBaggage:eb,AppZoneWListVertical:rb,AppZoneWListHorizontal:lb,AppZoneWListExpand:fb,AppZoneWListRadio:_b,AppZoneWListCheck:Ab,AppZoneWInputCheckbox:Rb,AppZoneWGroupCheck:Zb,AppZoneWInputRadio:Xb,AppZoneWGroupRadio:Ob,AppZoneWText:Jb,AppZoneWTextInt:oy,AppZoneWTextarea:ay,AppZoneWTextSelect:cy,AppZoneWTextSuggest:gy,AppZoneWTimeday:_y,AppZoneWTimeminute:Zy,AppZoneWTimedayRange:Ny,AppZoneWTimeminuteRange:qy,AppZoneWDynamicList:ox,AppZoneWSegmentsVertical:hx,AppZoneWJsonView:Bk,AppZoneWTree:Dk,AppZoneWHighchartsVueDyn:Xk,AppZoneWHighchartsBitmapDyn:Jk,AppZoneWHighstockVueDyn:eC,AppZoneWEchartsVueDyn:lC,AppZoneWAggridVueDyn:gC,AppZoneWTableDyn:CC,AppZoneWImageViewerDyn:zC,AppZoneWImageCascadingDyn:YC,AppZoneWCkeditorVueDyn:nw,AppZoneWTinymceVueDyn:iw,AppZoneWQuillVueDyn:cw,AppZoneWLeafletVueDyn:hw,AppZoneWExplorer:Sa({render:Bw,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-explorer")])])}]},(function(n){n&&n("data-v-774da4e5_0",{source:"\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWExplorer.vue"},media:void 0})}),Aw,"data-v-774da4e5",false,undefined,!1,_a,void 0,void 0)},data:function(){return{kebabCase:Jn,cmpsL1:[{name:"basic",cmps:[{name:"WBadge"},{name:"WSwitch"},{name:"WCheckbox"},{name:"WIcon"},{name:"WDropfiles"},{name:"WSlider"},{name:"WProgressBar"},{name:"WProgressCircle"}]},{name:"special",cmps:[{name:"WLevelGrade"}]},{name:"panel",cmps:[{name:"WPanelStripe"},{name:"WPanelBulge"},{name:"WPanelAvatar"},{name:"WPanelScrolly"},{name:"WPanelLabelItem"},{name:"WPanelDivideHorizontal"},{name:"WPanelDivideVertical"},{name:"WPanelScale"}]},{name:"button",cmps:[{name:"WButtonChip"},{name:"WButtonCircle"}]},{name:"group",cmps:[{name:"WInputCheckbox"},{name:"WGroupCheck"},{name:"WInputRadio"},{name:"WGroupRadio"},{name:"WGroupTags"},{name:"WGroupDragdrop"},{name:"WGroupBaggage"}]},{name:"list",cmps:[{name:"WListHorizontal"},{name:"WListVertical"},{name:"WListExpand"},{name:"WListRadio"},{name:"WListCheck"},{name:"WDynamicList"},{name:"WSegmentsVertical"}]},{name:"text",cmps:[{name:"WText"},{name:"WTextarea"},{name:"WTextInt"},{name:"WTextSelect"},{name:"WTextSuggest"}]},{name:"time",cmps:[{name:"WTimeday"},{name:"WTimeminute"},{name:"WTimedayRange"},{name:"WTimeminuteRange"}]},{name:"tree",cmps:[{name:"WTree"},{name:"WExplorer"},{name:"WJsonView"}]},{name:"window",cmps:[{name:"WAlert"},{name:"WDialog"},{name:"WConfirm"},{name:"WTooltip"},{name:"WPopup"},{name:"WPopupEditText"},{name:"WDrawer"}]},{name:"dynamic",cmps:[{name:"plot",cmps:[{name:"WHighchartsVueDyn"},{name:"WHighchartsBitmapDyn"},{name:"WHighstockVueDyn"},{name:"WEchartsVueDyn"}]},{name:"table",cmps:[{name:"WAggridVueDyn"},{name:"WTableDyn"}]},{name:"map",cmps:[{name:"WLeafletVueDyn"}]},{name:"imageViewer",cmps:[{name:"WImageViewerDyn"},{name:"WImageCascadingDyn"}]},{name:"editor",cmps:[{name:"WTinymceVueDyn"},{name:"WCkeditorVueDyn"},{name:"WQuillVueDyn"}]}]}],indP1:null,cmpP1:null,cmpsL2:null,indP2:null,cmpP2:null,cmpsL3:null,indP3:null,cmpP3:null,cmpsL4:null,cmpPick:""}},mounted:function(){let n=this;n.indP1=0,n.indP2=0,n.indP3=0;let e=function(n){if(!Ao(n))return{};if(!Ao(n=fn(n=lt(n,"?"),"[1]")))return{};let e=lt(n,"&");return e=Io(e,(function(n){return lt(n,"=")})),e=function(n){for(var e=-1,t=null==n?0:n.length,o={};++e<t;){var r=n[e];o[r[0]]=r[1]}return o}(e),e}(location.href);n.viewPick(fn(e,"cmp",""))},computed:{changeMenus:function(){let n=this;return n.modifyMenus(n.indP1,n.indP2,n.indP3),""},isNarrow:function(){return window.innerWidth<1e3}},methods:{modifyMenus:function(){let n=this,e="";setTimeout((()=>{n.cmpP1=fn(n.cmpsL1,n.indP1,{}),n.cmpsL2=fn(n.cmpP1,"cmps",[]);let t=fn(n.cmpP1,"name","");t&&(e=t)}),50),setTimeout((()=>{let t=fn(n.cmpP1,"cmps",[]);n.cmpP2=fn(t,n.indP2,{}),n.cmpsL3=fn(n.cmpP2,"cmps",[]);let o=fn(n.cmpP2,"name","");o&&(e=o)}),100),setTimeout((()=>{let t=fn(n.cmpP2,"cmps",[]);n.cmpP3=fn(t,n.indP3,{}),n.cmpsL4=fn(n.cmpP3,"cmps",[]);let o=fn(n.cmpP3,"name","");o&&(e=o),n.cmpPick=e}),150)},getInd:function(n,e){let t=-1;return Ze(e,((e,o)=>{if(n.name===e.name)return t=o,!1})),t},viewPick:function(n){let e=this,t=Jn(n),o="",r=[],i=[],a=0,l=n=>{Ze(n,((n,e)=>{let s=fn(n,"name",""),d=Jn(s),c=fn(n,"cmps",[]);c.length>0&&(i.push(a),a++,l(c),a--,i.pop());let u=[...i,e];r.push({clst:u.join("."),name:s}),d===t&&(o=u)}))};l(e.cmpsL1),e.indP1=fn(o,0,0),e.indP2=fn(o,1,0),e.indP3=fn(o,2,0)}}};const Lw=Hw;var Pw=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("v-app",{staticStyle:{"font-family":"inherit"},attrs:{changeMenus:n.changeMenus}},[n.isNarrow?n._e():[t("a",{staticClass:"github-corner",staticStyle:{position:"fixed",top:"0",right:"0",border:"0","z-index":"10000"},attrs:{href:"https://github.com/yuda-lyu/w-component-vue","aria-label":"View source on GitHub",target:"_blank",rel:"noreferrer noopener"}},[t("svg",{staticStyle:{fill:"rgba(0,0,0,0.25)",color:"#fff",position:"absolute",top:"0",border:"0",right:"0"},attrs:{width:"80",height:"80",viewBox:"0 0 250 250","aria-hidden":"true"}},[t("path",{attrs:{d:"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"}}),t("path",{staticClass:"octo-arm",staticStyle:{"transform-origin":"130px 106px"},attrs:{d:"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2",fill:"currentColor"}}),t("path",{staticClass:"octo-body",attrs:{d:"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z",fill:"currentColor"}})])])],n._v(" "),t("div",{staticStyle:{background:"#f5f5f5"}},[n.cmpsL1&&n.cmpsL1.length>0?t("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[t("WListHorizontal",{attrs:{items:n.cmpsL1,itemActive:n.cmpP1,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){n.cmpP1=e},function(e){n.indP3=0,n.indP2=0,n.indP1=n.getInd(e,n.cmpsL1)}],"update:item-active":function(e){n.cmpP1=e}},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{},[n._v("\n                        "+n._s(n.kebabCase(e.item.name))+"\n                    ")])]}}],null,!1,2540628071)}),n._v(" "),t("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):n._e(),n._v(" "),n.cmpsL2&&n.cmpsL2.length>0?t("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[t("div",{staticStyle:{height:"3px",background:"#fff"}}),n._v(" "),t("WListHorizontal",{attrs:{items:n.cmpsL2,itemActive:n.cmpP2,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){n.cmpP2=e},function(e){n.indP3=0,n.indP2=n.getInd(e,n.cmpsL2)}],"update:item-active":function(e){n.cmpP2=e}},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{},[n._v("\n                        "+n._s(n.kebabCase(e.item.name))+"\n                    ")])]}}],null,!1,2540628071)}),n._v(" "),t("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):n._e(),n._v(" "),n.cmpsL3&&n.cmpsL3.length>0?t("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[t("div",{staticStyle:{height:"3px",background:"#fff"}}),n._v(" "),t("WListHorizontal",{attrs:{items:n.cmpsL3,itemActive:n.cmpP3,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){n.cmpP3=e},function(e){n.indP3=n.getInd(e,n.cmpsL3)}],"update:item-active":function(e){n.cmpP3=e}},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{},[n._v("\n                        "+n._s(n.kebabCase(e.item.name))+"\n                    ")])]}}],null,!1,2540628071)}),n._v(" "),t("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):n._e()]),n._v(" "),t("div",{staticStyle:{padding:"20px"}},["WBadge"===n.cmpPick?t("AppZoneWBadge"):n._e(),n._v(" "),"WPanelStripe"===n.cmpPick?t("AppZoneWPanelStripe"):n._e(),n._v(" "),"WPanelBulge"===n.cmpPick?t("AppZoneWPanelBulge"):n._e(),n._v(" "),"WPanelAvatar"===n.cmpPick?t("AppZoneWPanelAvatar"):n._e(),n._v(" "),"WPanelScrolly"===n.cmpPick?t("AppZoneWPanelScrolly"):n._e(),n._v(" "),"WPanelLabelItem"===n.cmpPick?t("AppZoneWPanelLabelItem"):n._e(),n._v(" "),"WPanelDivideHorizontal"===n.cmpPick?t("AppZoneWPanelDivideHorizontal"):n._e(),n._v(" "),"WPanelDivideVertical"===n.cmpPick?t("AppZoneWPanelDivideVertical"):n._e(),n._v(" "),"WPanelScale"===n.cmpPick?t("AppZoneWPanelScale"):n._e(),n._v(" "),"WIcon"===n.cmpPick?t("AppZoneWIcon"):n._e(),n._v(" "),"WDropfiles"===n.cmpPick?t("AppZoneWDropfiles"):n._e(),n._v(" "),"WButtonChip"===n.cmpPick?t("AppZoneWButtonChip"):n._e(),n._v(" "),"WButtonCircle"===n.cmpPick?t("AppZoneWButtonCircle"):n._e(),n._v(" "),"WSlider"===n.cmpPick?t("AppZoneWSlider"):n._e(),n._v(" "),"WProgressBar"===n.cmpPick?t("AppZoneWProgressBar"):n._e(),n._v(" "),"WProgressCircle"===n.cmpPick?t("AppZoneWProgressCircle"):n._e(),n._v(" "),"WSwitch"===n.cmpPick?t("AppZoneWSwitch"):n._e(),n._v(" "),"WCheckbox"===n.cmpPick?t("AppZoneWCheckbox"):n._e(),n._v(" "),"WLevelGrade"===n.cmpPick?t("AppZoneWLevelGrade"):n._e(),n._v(" "),"WAlert"===n.cmpPick?t("AppZoneWAlert"):n._e(),n._v(" "),"WDialog"===n.cmpPick?t("AppZoneWDialog"):n._e(),n._v(" "),"WConfirm"===n.cmpPick?t("AppZoneWConfirm"):n._e(),n._v(" "),"WTooltip"===n.cmpPick?t("AppZoneWTooltip"):n._e(),n._v(" "),"WPopup"===n.cmpPick?t("AppZoneWPopup"):n._e(),n._v(" "),"WPopupEditText"===n.cmpPick?t("AppZoneWPopupEditText"):n._e(),n._v(" "),"WDrawer"===n.cmpPick?t("AppZoneWDrawer"):n._e(),n._v(" "),"WGroupTags"===n.cmpPick?t("AppZoneWGroupTags"):n._e(),n._v(" "),"WGroupDragdrop"===n.cmpPick?t("AppZoneWGroupDragdrop"):n._e(),n._v(" "),"WGroupBaggage"===n.cmpPick?t("AppZoneWGroupBaggage"):n._e(),n._v(" "),"WListVertical"===n.cmpPick?t("AppZoneWListVertical"):n._e(),n._v(" "),"WListHorizontal"===n.cmpPick?t("AppZoneWListHorizontal"):n._e(),n._v(" "),"WInputRadio"===n.cmpPick?t("AppZoneWInputRadio"):n._e(),n._v(" "),"WInputCheckbox"===n.cmpPick?t("AppZoneWInputCheckbox"):n._e(),n._v(" "),"WListExpand"===n.cmpPick?t("AppZoneWListExpand"):n._e(),n._v(" "),"WListRadio"===n.cmpPick?t("AppZoneWListRadio"):n._e(),n._v(" "),"WListCheck"===n.cmpPick?t("AppZoneWListCheck"):n._e(),n._v(" "),"WGroupRadio"===n.cmpPick?t("AppZoneWGroupRadio"):n._e(),n._v(" "),"WGroupCheck"===n.cmpPick?t("AppZoneWGroupCheck"):n._e(),n._v(" "),"WText"===n.cmpPick?t("AppZoneWText"):n._e(),n._v(" "),"WTextInt"===n.cmpPick?t("AppZoneWTextInt"):n._e(),n._v(" "),"WTextarea"===n.cmpPick?t("AppZoneWTextarea"):n._e(),n._v(" "),"WTextSelect"===n.cmpPick?t("AppZoneWTextSelect"):n._e(),n._v(" "),"WTextSuggest"===n.cmpPick?t("AppZoneWTextSuggest"):n._e(),n._v(" "),"WTimeday"===n.cmpPick?t("AppZoneWTimeday"):n._e(),n._v(" "),"WTimeminute"===n.cmpPick?t("AppZoneWTimeminute"):n._e(),n._v(" "),"WTimedayRange"===n.cmpPick?t("AppZoneWTimedayRange"):n._e(),n._v(" "),"WTimeminuteRange"===n.cmpPick?t("AppZoneWTimeminuteRange"):n._e(),n._v(" "),"WDynamicList"===n.cmpPick?t("AppZoneWDynamicList"):n._e(),n._v(" "),"WSegmentsVertical"===n.cmpPick?t("AppZoneWSegmentsVertical"):n._e(),n._v(" "),"WJsonView"===n.cmpPick?t("AppZoneWJsonView"):n._e(),n._v(" "),"WTree"===n.cmpPick?t("AppZoneWTree"):n._e(),n._v(" "),"WHighchartsVueDyn"===n.cmpPick?t("AppZoneWHighchartsVueDyn"):n._e(),n._v(" "),"WHighchartsBitmapDyn"===n.cmpPick?t("AppZoneWHighchartsBitmapDyn"):n._e(),n._v(" "),"WHighstockVueDyn"===n.cmpPick?t("AppZoneWHighstockVueDyn"):n._e(),n._v(" "),"WEchartsVueDyn"===n.cmpPick?t("AppZoneWEchartsVueDyn"):n._e(),n._v(" "),"WAggridVueDyn"===n.cmpPick?t("AppZoneWAggridVueDyn"):n._e(),n._v(" "),"WTableDyn"===n.cmpPick?t("AppZoneWTableDyn"):n._e(),n._v(" "),"WImageViewerDyn"===n.cmpPick?t("AppZoneWImageViewerDyn"):n._e(),n._v(" "),"WImageCascadingDyn"===n.cmpPick?t("AppZoneWImageCascadingDyn"):n._e(),n._v(" "),"WCkeditorVueDyn"===n.cmpPick?t("AppZoneWCkeditorVueDyn"):n._e(),n._v(" "),"WTinymceVueDyn"===n.cmpPick?t("AppZoneWTinymceVueDyn"):n._e(),n._v(" "),"WQuillVueDyn"===n.cmpPick?t("AppZoneWQuillVueDyn"):n._e(),n._v(" "),"WLeafletVueDyn"===n.cmpPick?t("AppZoneWLeafletVueDyn"):n._e(),n._v(" "),"WExplorer"===n.cmpPick?t("AppZoneWExplorer"):n._e()],1)],2)};Pw._withStripped=!0;return Sa({render:Pw,staticRenderFns:[]},(function(n){n&&n("data-v-c4b59ba6_0",{source:"\n.v-application--wrap {\n    /* width與max-width fix for IE11, 其外不能使用padding或margin避免失效 */\n    width: 100vw !important;\n    max-width: 100vw !important;\n    font-family: inherit;\n    background: #fff;\n}\n.head1 {\n    margin: 0px;\n    padding: 0px 0px 10px 0px;\n    font-size: 2.5rem;\n}\n.bk {\n    vertical-align: top;\n    padding: 10px 0px 60px 0px;\n}\n@media screen and (min-width:1000px){ /* 寬版 */\n.bk {\n        display: inline-block;\n        margin: 0px 80px 0px 0px;\n}\n}\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\App.vue"],names:[],mappings:";AAq/BA;IACA,2DAAA;IACA,uBAAA;IACA,2BAAA;IACA,oBAAA;IACA,gBAAA;AACA;AACA;IACA,WAAA;IACA,yBAAA;IACA,iBAAA;AACA;AACA;IACA,mBAAA;IACA,0BAAA;AACA;AACA,sCAAA,OAAA;AACA;QACA,qBAAA;QACA,wBAAA;AACA;AACA",file:"App.vue",sourcesContent:["<template>\n    <v-app\n        style=\"font-family:inherit;\"\n        :changeMenus=\"changeMenus\"\n    >\n\n\n        <template v-if=\"!isNarrow\">\n            <a href=\"https://github.com/yuda-lyu/w-component-vue\" class=\"github-corner\" style=\"position:fixed; top:0; right:0; border:0; z-index:10000;\" aria-label=\"View source on GitHub\" target=\"_blank\" rel=\"noreferrer noopener\">\n                <svg width=\"80\" height=\"80\" viewBox=\"0 0 250 250\" style=\"fill:rgba(0,0,0,0.25); color:#fff; position: absolute; top: 0; border: 0; right: 0;\" aria-hidden=\"true\"><path d=\"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z\"></path><path d=\"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2\" fill=\"currentColor\" style=\"transform-origin: 130px 106px;\" class=\"octo-arm\"></path><path d=\"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z\" fill=\"currentColor\" class=\"octo-body\"></path></svg>\n            </a>\n        </template>\n\n\n        <div style=\"background:#f5f5f5;\">\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL1 && cmpsL1.length>0\">\n                <WListHorizontal\n                    :items=\"cmpsL1\"\n                    :itemActive.sync=\"cmpP1\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=0;indP2=0;indP1=getInd(v,cmpsL1)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCase(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL2 && cmpsL2.length>0\">\n                <div style=\"height:3px; background:#fff;\"></div>\n                <WListHorizontal\n                    :items=\"cmpsL2\"\n                    :itemActive.sync=\"cmpP2\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=0;indP2=getInd(v,cmpsL2)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCase(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL3 && cmpsL3.length>0\">\n                <div style=\"height:3px; background:#fff;\"></div>\n                <WListHorizontal\n                    :items=\"cmpsL3\"\n                    :itemActive.sync=\"cmpP3\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=getInd(v,cmpsL3)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCase(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n        </div>\n\n\n        <div style=\"padding:20px;\">\n\n\n            <AppZoneWBadge\n                v-if=\"cmpPick==='WBadge'\"\n            ></AppZoneWBadge>\n\n\n            <AppZoneWPanelStripe\n                v-if=\"cmpPick==='WPanelStripe'\"\n            ></AppZoneWPanelStripe>\n\n\n            <AppZoneWPanelBulge\n                v-if=\"cmpPick==='WPanelBulge'\"\n            ></AppZoneWPanelBulge>\n\n\n            <AppZoneWPanelAvatar\n                v-if=\"cmpPick==='WPanelAvatar'\"\n            ></AppZoneWPanelAvatar>\n\n\n            <AppZoneWPanelScrolly\n                v-if=\"cmpPick==='WPanelScrolly'\"\n            ></AppZoneWPanelScrolly>\n\n\n            <AppZoneWPanelLabelItem\n                v-if=\"cmpPick==='WPanelLabelItem'\"\n            ></AppZoneWPanelLabelItem>\n\n\n            <AppZoneWPanelDivideHorizontal\n                v-if=\"cmpPick==='WPanelDivideHorizontal'\"\n            ></AppZoneWPanelDivideHorizontal>\n\n\n            <AppZoneWPanelDivideVertical\n                v-if=\"cmpPick==='WPanelDivideVertical'\"\n            ></AppZoneWPanelDivideVertical>\n\n\n            <AppZoneWPanelScale\n                v-if=\"cmpPick==='WPanelScale'\"\n            ></AppZoneWPanelScale>\n\n\n            <AppZoneWIcon\n                v-if=\"cmpPick==='WIcon'\"\n            ></AppZoneWIcon>\n\n\n            <AppZoneWDropfiles\n                v-if=\"cmpPick==='WDropfiles'\"\n            ></AppZoneWDropfiles>\n\n\n            <AppZoneWButtonChip\n                v-if=\"cmpPick==='WButtonChip'\"\n            ></AppZoneWButtonChip>\n\n\n            <AppZoneWButtonCircle\n                v-if=\"cmpPick==='WButtonCircle'\"\n            ></AppZoneWButtonCircle>\n\n\n            <AppZoneWSlider\n                v-if=\"cmpPick==='WSlider'\"\n            ></AppZoneWSlider>\n\n\n            <AppZoneWProgressBar\n                v-if=\"cmpPick==='WProgressBar'\"\n            ></AppZoneWProgressBar>\n\n\n            <AppZoneWProgressCircle\n                v-if=\"cmpPick==='WProgressCircle'\"\n            ></AppZoneWProgressCircle>\n\n\n            <AppZoneWSwitch\n                v-if=\"cmpPick==='WSwitch'\"\n            ></AppZoneWSwitch>\n\n\n            <AppZoneWCheckbox\n                v-if=\"cmpPick==='WCheckbox'\"\n            ></AppZoneWCheckbox>\n\n\n            <AppZoneWLevelGrade\n                v-if=\"cmpPick==='WLevelGrade'\"\n            ></AppZoneWLevelGrade>\n\n\n            <AppZoneWAlert\n                v-if=\"cmpPick==='WAlert'\"\n            ></AppZoneWAlert>\n\n\n            <AppZoneWDialog\n                v-if=\"cmpPick==='WDialog'\"\n            ></AppZoneWDialog>\n\n\n            <AppZoneWConfirm\n                v-if=\"cmpPick==='WConfirm'\"\n            ></AppZoneWConfirm>\n\n\n            <AppZoneWTooltip\n                v-if=\"cmpPick==='WTooltip'\"\n            ></AppZoneWTooltip>\n\n\n            <AppZoneWPopup\n                v-if=\"cmpPick==='WPopup'\"\n            ></AppZoneWPopup>\n\n\n            <AppZoneWPopupEditText\n                v-if=\"cmpPick==='WPopupEditText'\"\n            ></AppZoneWPopupEditText>\n\n\n            <AppZoneWDrawer\n                v-if=\"cmpPick==='WDrawer'\"\n            ></AppZoneWDrawer>\n\n\n            <AppZoneWGroupTags\n                v-if=\"cmpPick==='WGroupTags'\"\n            ></AppZoneWGroupTags>\n\n\n            <AppZoneWGroupDragdrop\n                v-if=\"cmpPick==='WGroupDragdrop'\"\n            ></AppZoneWGroupDragdrop>\n\n\n            <AppZoneWGroupBaggage\n                v-if=\"cmpPick==='WGroupBaggage'\"\n            ></AppZoneWGroupBaggage>\n\n\n            <AppZoneWListVertical\n                v-if=\"cmpPick==='WListVertical'\"\n            ></AppZoneWListVertical>\n\n\n            <AppZoneWListHorizontal\n                v-if=\"cmpPick==='WListHorizontal'\"\n            ></AppZoneWListHorizontal>\n\n\n            <AppZoneWInputRadio\n                v-if=\"cmpPick==='WInputRadio'\"\n            ></AppZoneWInputRadio>\n\n\n            <AppZoneWInputCheckbox\n                v-if=\"cmpPick==='WInputCheckbox'\"\n            ></AppZoneWInputCheckbox>\n\n\n            <AppZoneWListExpand\n                v-if=\"cmpPick==='WListExpand'\"\n            ></AppZoneWListExpand>\n\n\n            <AppZoneWListRadio\n                v-if=\"cmpPick==='WListRadio'\"\n            ></AppZoneWListRadio>\n\n\n            <AppZoneWListCheck\n                v-if=\"cmpPick==='WListCheck'\"\n            ></AppZoneWListCheck>\n\n\n            <AppZoneWGroupRadio\n                v-if=\"cmpPick==='WGroupRadio'\"\n            ></AppZoneWGroupRadio>\n\n\n            <AppZoneWGroupCheck\n                v-if=\"cmpPick==='WGroupCheck'\"\n            ></AppZoneWGroupCheck>\n\n\n            <AppZoneWText\n                v-if=\"cmpPick==='WText'\"\n            ></AppZoneWText>\n\n\n            <AppZoneWTextInt\n                v-if=\"cmpPick==='WTextInt'\"\n            ></AppZoneWTextInt>\n\n\n            <AppZoneWTextarea\n                v-if=\"cmpPick==='WTextarea'\"\n            ></AppZoneWTextarea>\n\n\n            <AppZoneWTextSelect\n                v-if=\"cmpPick==='WTextSelect'\"\n            ></AppZoneWTextSelect>\n\n\n            <AppZoneWTextSuggest\n                v-if=\"cmpPick==='WTextSuggest'\"\n            ></AppZoneWTextSuggest>\n\n\n            <AppZoneWTimeday\n                v-if=\"cmpPick==='WTimeday'\"\n            ></AppZoneWTimeday>\n\n\n            <AppZoneWTimeminute\n                v-if=\"cmpPick==='WTimeminute'\"\n            ></AppZoneWTimeminute>\n\n\n            <AppZoneWTimedayRange\n                v-if=\"cmpPick==='WTimedayRange'\"\n            ></AppZoneWTimedayRange>\n\n\n            <AppZoneWTimeminuteRange\n                v-if=\"cmpPick==='WTimeminuteRange'\"\n            ></AppZoneWTimeminuteRange>\n\n\n            <AppZoneWDynamicList\n                v-if=\"cmpPick==='WDynamicList'\"\n            ></AppZoneWDynamicList>\n\n\n            <AppZoneWSegmentsVertical\n                v-if=\"cmpPick==='WSegmentsVertical'\"\n            ></AppZoneWSegmentsVertical>\n\n\n            <AppZoneWJsonView\n                v-if=\"cmpPick==='WJsonView'\"\n            ></AppZoneWJsonView>\n\n\n            <AppZoneWTree\n                v-if=\"cmpPick==='WTree'\"\n            ></AppZoneWTree>\n\n\n            <AppZoneWHighchartsVueDyn\n                v-if=\"cmpPick==='WHighchartsVueDyn'\"\n            ></AppZoneWHighchartsVueDyn>\n\n\n            <AppZoneWHighchartsBitmapDyn\n                v-if=\"cmpPick==='WHighchartsBitmapDyn'\"\n            ></AppZoneWHighchartsBitmapDyn>\n\n\n            <AppZoneWHighstockVueDyn\n                v-if=\"cmpPick==='WHighstockVueDyn'\"\n            ></AppZoneWHighstockVueDyn>\n\n\n            <AppZoneWEchartsVueDyn\n                v-if=\"cmpPick==='WEchartsVueDyn'\"\n            ></AppZoneWEchartsVueDyn>\n\n\n            <AppZoneWAggridVueDyn\n                v-if=\"cmpPick==='WAggridVueDyn'\"\n            ></AppZoneWAggridVueDyn>\n\n\n            <AppZoneWTableDyn\n                v-if=\"cmpPick==='WTableDyn'\"\n            ></AppZoneWTableDyn>\n\n\n            <AppZoneWImageViewerDyn\n                v-if=\"cmpPick==='WImageViewerDyn'\"\n            ></AppZoneWImageViewerDyn>\n\n\n            <AppZoneWImageCascadingDyn\n                v-if=\"cmpPick==='WImageCascadingDyn'\"\n            ></AppZoneWImageCascadingDyn>\n\n\n            <AppZoneWCkeditorVueDyn\n                v-if=\"cmpPick==='WCkeditorVueDyn'\"\n            ></AppZoneWCkeditorVueDyn>\n\n\n            <AppZoneWTinymceVueDyn\n                v-if=\"cmpPick==='WTinymceVueDyn'\"\n            ></AppZoneWTinymceVueDyn>\n\n\n            <AppZoneWQuillVueDyn\n                v-if=\"cmpPick==='WQuillVueDyn'\"\n            ></AppZoneWQuillVueDyn>\n\n\n            <AppZoneWLeafletVueDyn\n                v-if=\"cmpPick==='WLeafletVueDyn'\"\n            ></AppZoneWLeafletVueDyn>\n\n\n            <AppZoneWExplorer\n                v-if=\"cmpPick==='WExplorer'\"\n            ></AppZoneWExplorer>\n\n\n        </div>\n\n\n    </v-app>\n</template>\n\n<script>\nimport get from 'lodash-es/get'\nimport kebabCase from 'lodash-es/kebabCase'\nimport each from 'lodash-es/each'\n// import cloneDeep from 'lodash-es/cloneDeep'\nimport urlParse from 'wsemi/src/urlParse.mjs'\nimport WListHorizontal from './components/WListHorizontal.vue'\nimport AppZoneWBadge from './AppZoneWBadge.vue'\nimport AppZoneWPanelStripe from './AppZoneWPanelStripe.vue'\nimport AppZoneWPanelBulge from './AppZoneWPanelBulge.vue'\nimport AppZoneWPanelAvatar from './AppZoneWPanelAvatar.vue'\nimport AppZoneWPanelScrolly from './AppZoneWPanelScrolly.vue'\nimport AppZoneWPanelLabelItem from './AppZoneWPanelLabelItem.vue'\nimport AppZoneWPanelDivideHorizontal from './AppZoneWPanelDivideHorizontal.vue'\nimport AppZoneWPanelDivideVertical from './AppZoneWPanelDivideVertical.vue'\nimport AppZoneWPanelScale from './AppZoneWPanelScale.vue'\nimport AppZoneWIcon from './AppZoneWIcon.vue'\nimport AppZoneWDropfiles from './AppZoneWDropfiles.vue'\nimport AppZoneWDialog from './AppZoneWDialog.vue'\nimport AppZoneWConfirm from './AppZoneWConfirm.vue'\nimport AppZoneWTooltip from './AppZoneWTooltip.vue'\nimport AppZoneWPopup from './AppZoneWPopup.vue'\nimport AppZoneWPopupEditText from './AppZoneWPopupEditText.vue'\nimport AppZoneWDrawer from './AppZoneWDrawer.vue'\nimport AppZoneWButtonChip from './AppZoneWButtonChip.vue'\nimport AppZoneWButtonCircle from './AppZoneWButtonCircle.vue'\nimport AppZoneWSlider from './AppZoneWSlider.vue'\nimport AppZoneWProgressBar from './AppZoneWProgressBar.vue'\nimport AppZoneWProgressCircle from './AppZoneWProgressCircle.vue'\nimport AppZoneWSwitch from './AppZoneWSwitch.vue'\nimport AppZoneWCheckbox from './AppZoneWCheckbox.vue'\nimport AppZoneWLevelGrade from './AppZoneWLevelGrade.vue'\nimport AppZoneWAlert from './AppZoneWAlert.vue'\nimport AppZoneWGroupTags from './AppZoneWGroupTags.vue'\nimport AppZoneWGroupDragdrop from './AppZoneWGroupDragdrop.vue'\nimport AppZoneWGroupBaggage from './AppZoneWGroupBaggage.vue'\nimport AppZoneWListVertical from './AppZoneWListVertical.vue'\nimport AppZoneWListHorizontal from './AppZoneWListHorizontal.vue'\nimport AppZoneWListExpand from './AppZoneWListExpand.vue'\nimport AppZoneWListRadio from './AppZoneWListRadio.vue'\nimport AppZoneWListCheck from './AppZoneWListCheck.vue'\nimport AppZoneWInputCheckbox from './AppZoneWInputCheckbox.vue'\nimport AppZoneWGroupCheck from './AppZoneWGroupCheck.vue'\nimport AppZoneWInputRadio from './AppZoneWInputRadio.vue'\nimport AppZoneWGroupRadio from './AppZoneWGroupRadio.vue'\nimport AppZoneWText from './AppZoneWText.vue'\nimport AppZoneWTextInt from './AppZoneWTextInt.vue'\nimport AppZoneWTextarea from './AppZoneWTextarea.vue'\nimport AppZoneWTextSelect from './AppZoneWTextSelect.vue'\nimport AppZoneWTextSuggest from './AppZoneWTextSuggest.vue'\nimport AppZoneWTimeday from './AppZoneWTimeday.vue'\nimport AppZoneWTimeminute from './AppZoneWTimeminute.vue'\nimport AppZoneWTimedayRange from './AppZoneWTimedayRange.vue'\nimport AppZoneWTimeminuteRange from './AppZoneWTimeminuteRange.vue'\nimport AppZoneWDynamicList from './AppZoneWDynamicList.vue'\nimport AppZoneWSegmentsVertical from './AppZoneWSegmentsVertical.vue'\nimport AppZoneWJsonView from './AppZoneWJsonView.vue'\nimport AppZoneWTree from './AppZoneWTree.vue'\nimport AppZoneWHighchartsVueDyn from './AppZoneWHighchartsVueDyn.vue'\nimport AppZoneWHighchartsBitmapDyn from './AppZoneWHighchartsBitmapDyn.vue'\nimport AppZoneWHighstockVueDyn from './AppZoneWHighstockVueDyn.vue'\nimport AppZoneWEchartsVueDyn from './AppZoneWEchartsVueDyn.vue'\nimport AppZoneWAggridVueDyn from './AppZoneWAggridVueDyn.vue'\nimport AppZoneWTableDyn from './AppZoneWTableDyn.vue'\nimport AppZoneWImageViewerDyn from './AppZoneWImageViewerDyn.vue'\nimport AppZoneWImageCascadingDyn from './AppZoneWImageCascadingDyn.vue'\nimport AppZoneWCkeditorVueDyn from './AppZoneWCkeditorVueDyn.vue'\nimport AppZoneWTinymceVueDyn from './AppZoneWTinymceVueDyn.vue'\nimport AppZoneWQuillVueDyn from './AppZoneWQuillVueDyn.vue'\nimport AppZoneWLeafletVueDyn from './AppZoneWLeafletVueDyn.vue'\nimport AppZoneWExplorer from './AppZoneWExplorer.vue'\n\n\nexport default {\n    components: {\n        WListHorizontal,\n        AppZoneWBadge,\n        AppZoneWPanelStripe,\n        AppZoneWPanelBulge,\n        AppZoneWPanelAvatar,\n        AppZoneWPanelScrolly,\n        AppZoneWPanelLabelItem,\n        AppZoneWPanelDivideHorizontal,\n        AppZoneWPanelDivideVertical,\n        AppZoneWPanelScale,\n        AppZoneWIcon,\n        AppZoneWDropfiles,\n        AppZoneWDialog,\n        AppZoneWConfirm,\n        AppZoneWTooltip,\n        AppZoneWPopup,\n        AppZoneWPopupEditText,\n        AppZoneWDrawer,\n        AppZoneWButtonChip,\n        AppZoneWButtonCircle,\n        AppZoneWSlider,\n        AppZoneWProgressBar,\n        AppZoneWProgressCircle,\n        AppZoneWSwitch,\n        AppZoneWCheckbox,\n        AppZoneWLevelGrade,\n        AppZoneWAlert,\n        AppZoneWGroupTags,\n        AppZoneWGroupDragdrop,\n        AppZoneWGroupBaggage,\n        AppZoneWListVertical,\n        AppZoneWListHorizontal,\n        AppZoneWListExpand,\n        AppZoneWListRadio,\n        AppZoneWListCheck,\n        AppZoneWInputCheckbox,\n        AppZoneWGroupCheck,\n        AppZoneWInputRadio,\n        AppZoneWGroupRadio,\n        AppZoneWText,\n        AppZoneWTextInt,\n        AppZoneWTextarea,\n        AppZoneWTextSelect,\n        AppZoneWTextSuggest,\n        AppZoneWTimeday,\n        AppZoneWTimeminute,\n        AppZoneWTimedayRange,\n        AppZoneWTimeminuteRange,\n        AppZoneWDynamicList,\n        AppZoneWSegmentsVertical,\n        AppZoneWJsonView,\n        AppZoneWTree,\n        AppZoneWHighchartsVueDyn,\n        AppZoneWHighchartsBitmapDyn,\n        AppZoneWHighstockVueDyn,\n        AppZoneWEchartsVueDyn,\n        AppZoneWAggridVueDyn,\n        AppZoneWTableDyn,\n        AppZoneWImageViewerDyn,\n        AppZoneWImageCascadingDyn,\n        AppZoneWCkeditorVueDyn,\n        AppZoneWTinymceVueDyn,\n        AppZoneWQuillVueDyn,\n        AppZoneWLeafletVueDyn,\n        AppZoneWExplorer,\n    },\n    data: function() {\n        let cmps = [\n            {\n                name: 'basic',\n                cmps: [\n                    { name: 'WBadge' },\n                    { name: 'WSwitch' },\n                    { name: 'WCheckbox' },\n                    { name: 'WIcon' },\n                    { name: 'WDropfiles' },\n                    { name: 'WSlider' },\n                    { name: 'WProgressBar' },\n                    { name: 'WProgressCircle' },\n                ]\n            },\n            {\n                name: 'special',\n                cmps: [\n                    { name: 'WLevelGrade' },\n                ]\n            },\n            {\n                name: 'panel',\n                cmps: [\n                    { name: 'WPanelStripe' },\n                    { name: 'WPanelBulge' },\n                    { name: 'WPanelAvatar' },\n                    { name: 'WPanelScrolly' },\n                    { name: 'WPanelLabelItem' },\n                    { name: 'WPanelDivideHorizontal' },\n                    { name: 'WPanelDivideVertical' },\n                    { name: 'WPanelScale' },\n                ]\n            },\n            {\n                name: 'button',\n                cmps: [\n                    { name: 'WButtonChip' },\n                    { name: 'WButtonCircle' },\n                ]\n            },\n            {\n                name: 'group',\n                cmps: [\n                    { name: 'WInputCheckbox' },\n                    { name: 'WGroupCheck' },\n                    { name: 'WInputRadio' },\n                    { name: 'WGroupRadio' },\n                    { name: 'WGroupTags' },\n                    { name: 'WGroupDragdrop' },\n                    { name: 'WGroupBaggage' },\n                ]\n            },\n            {\n                name: 'list',\n                cmps: [\n                    { name: 'WListHorizontal' },\n                    { name: 'WListVertical' },\n                    { name: 'WListExpand' },\n                    { name: 'WListRadio' },\n                    { name: 'WListCheck' },\n                    { name: 'WDynamicList' },\n                    { name: 'WSegmentsVertical' },\n                ]\n            },\n            {\n                name: 'text',\n                cmps: [\n                    { name: 'WText' },\n                    { name: 'WTextarea' },\n                    { name: 'WTextInt' },\n                    { name: 'WTextSelect' },\n                    { name: 'WTextSuggest' },\n                ]\n            },\n            {\n                name: 'time',\n                cmps: [\n                    { name: 'WTimeday' },\n                    { name: 'WTimeminute' },\n                    { name: 'WTimedayRange' },\n                    { name: 'WTimeminuteRange' },\n                ]\n            },\n            {\n                name: 'tree',\n                cmps: [\n                    { name: 'WTree' },\n                    { name: 'WExplorer' },\n                    { name: 'WJsonView' },\n                ]\n            },\n            {\n                name: 'window',\n                cmps: [\n                    { name: 'WAlert' },\n                    { name: 'WDialog' },\n                    { name: 'WConfirm' },\n                    { name: 'WTooltip' },\n                    { name: 'WPopup' },\n                    { name: 'WPopupEditText' },\n                    { name: 'WDrawer' },\n                ]\n            },\n            {\n                name: 'dynamic',\n                cmps: [\n                    {\n                        name: 'plot',\n                        cmps: [\n                            { name: 'WHighchartsVueDyn' },\n                            { name: 'WHighchartsBitmapDyn' },\n                            { name: 'WHighstockVueDyn' },\n                            { name: 'WEchartsVueDyn' },\n                        ],\n                    },\n                    {\n                        name: 'table',\n                        cmps: [\n                            { name: 'WAggridVueDyn' },\n                            { name: 'WTableDyn' },\n                        ],\n                    },\n                    {\n                        name: 'map',\n                        cmps: [\n                            { name: 'WLeafletVueDyn' },\n                        ],\n                    },\n                    {\n                        name: 'imageViewer',\n                        cmps: [\n                            { name: 'WImageViewerDyn' },\n                            { name: 'WImageCascadingDyn' },\n                        ],\n                    },\n                    {\n                        name: 'editor',\n                        cmps: [\n                            { name: 'WTinymceVueDyn' },\n                            { name: 'WCkeditorVueDyn' },\n                            { name: 'WQuillVueDyn' },\n                        ],\n                    },\n                ],\n            },\n        ]\n        return {\n            // get,\n            kebabCase,\n\n            // mdiCheckCircle,\n            // mdiCheckboxBlankCircleOutline,\n            // io1: 0,\n            // io2: 0,\n            // io3: 0,\n\n            cmpsL1: cmps,\n            indP1: null,\n            cmpP1: null,\n\n            cmpsL2: null,\n            indP2: null,\n            cmpP2: null,\n\n            cmpsL3: null,\n            indP3: null,\n            cmpP3: null,\n\n            cmpsL4: null,\n\n            cmpPick: '',\n\n        }\n    },\n    mounted: function() {\n        let vo = this\n\n        // let getCmpLoc = (cmpName) => {\n        //     // console.log('getCmpLoc', cmpName)\n        //     let mt = {\n        //         io1: 0,\n        //         io2: 0,\n        //         io3: 0,\n        //     }\n        //     let done = false\n        //     each(vo.sCmps, (v, k) => {\n        //         // console.log('l1', kebabCase(v.name), k)\n        //         if (cmpName === kebabCase(v.name)) {\n        //             mt = {\n        //                 io1: k,\n        //                 io2: 0,\n        //                 io3: 0,\n        //             }\n        //             done = true\n        //             return false\n        //         }\n        //         if (get(v, 'cmps')) {\n        //             each(v.cmps, (vv, kk) => {\n        //                 // console.log('l2', kebabCase(vv.name), kk)\n        //                 if (cmpName === kebabCase(vv.name)) {\n        //                     mt = {\n        //                         io1: k,\n        //                         io2: kk,\n        //                         io3: 0,\n        //                     }\n        //                     done = true\n        //                     return false\n        //                 }\n        //                 if (get(vv, 'cmps')) {\n        //                     each(vv.cmps, (vvv, kkk) => {\n        //                         // console.log('l3', kebabCase(vvv.name), kkk)\n        //                         if (cmpName === kebabCase(vvv.name)) {\n        //                             mt = {\n        //                                 io1: k,\n        //                                 io2: kk,\n        //                                 io3: kkk,\n        //                             }\n        //                             done = true\n        //                             return false\n        //                         }\n        //                         // if (done) {\n        //                         //     return false\n        //                         // }\n        //                     })\n        //                 }\n        //                 if (done) {\n        //                     return false\n        //                 }\n        //             })\n        //         }\n        //         if (done) {\n        //             return false\n        //         }\n        //     })\n        //     return mt\n        // }\n\n        // let autoViewCmp = () => {\n\n        //     //yuda-lyu.github.io/w-component-vue/examples/app.html?level1=basic&level2=w-switch\n        //     //yuda-lyu.github.io/w-component-vue/examples/app.html?level1=dynamic&level2=editor&level3=w-quill-vue-dyn\n        //     //yuda-lyu.github.io/w-component-vue/examples/app.html?cmp=w-switch\n        //     //yuda-lyu.github.io/w-component-vue/examples/app.html?cmp=w-quill-vue-dyn\n\n        //     //urlParse\n        //     let p = urlParse(location.href)\n        //     // console.log('p', p)\n\n        //     let mt = getCmpLoc(p.cmp)\n        //     // console.log('mt', mt)\n\n        //     vo.io1 = mt.io1\n        //     vo.io2 = mt.io2\n        //     vo.io3 = mt.io3\n\n        // }\n        // autoViewCmp()\n\n        //default\n        vo.indP1 = 0\n        vo.indP2 = 0\n        vo.indP3 = 0\n\n        //urlParse, http://localhost:8080/?cmp=w-pie\n        let p = urlParse(location.href)\n        // console.log('p', p)\n\n        //viewPick\n        vo.viewPick(get(p, 'cmp', ''))\n\n    },\n    computed: {\n\n        changeMenus: function() {\n            let vo = this\n            vo.modifyMenus(vo.indP1, vo.indP2, vo.indP3)\n            return ''\n        },\n\n        // useL2Cmps: function() {\n        //     let vo = this\n        //     return get(vo, `sCmps.${vo.io1}.cmps`)\n        // },\n\n        // useL3Cmps: function() {\n        //     let vo = this\n        //     return get(vo, `sCmps.${vo.io1}.cmps.${vo.io2}.cmps`)\n        // },\n\n        // cmpPick: function () {\n        //     let vo = this\n        //     let name = 'unknow'\n        //     name = get(vo, `sCmps.${vo.io1}.cmps.${vo.io2}.cmps.${vo.io3}.name`)\n        //     if (name) {\n        //         return name\n        //     }\n        //     name = get(vo, `sCmps.${vo.io1}.cmps.${vo.io2}.name`)\n        //     if (name) {\n        //         return name\n        //     }\n        //     name = get(vo, `sCmps.${vo.io1}.name`)\n        //     if (name) {\n        //         return name\n        //     }\n        //     return name\n        // },\n\n        isNarrow: function() {\n            return window.innerWidth < 1000\n        },\n\n    },\n    methods: {\n\n        // resetUrl: function() {\n        //     try {\n        //         //開發端是localhost無法刷history至不同網站(因此為正式網站位址)\n        //         window.history.replaceState({}, '', '//yuda-lyu.github.io/w-component-vue/examples/app.html')\n        //     }\n        //     catch (err) {\n        //         // console.log(err)\n        //     }\n        // },\n\n        // clickMenu1: function (io1) {\n        //     let vo = this\n        //     vo.resetUrl()\n        //     vo.$nextTick(() => {\n        //         vo.io1 = io1\n        //         vo.io2 = 0\n        //         vo.io3 = 0\n        //     })\n        // },\n\n        // clickMenu2: function (io2) {\n        //     let vo = this\n        //     vo.resetUrl()\n        //     vo.$nextTick(() => {\n        //         vo.io2 = io2\n        //         vo.io3 = 0\n        //     })\n        // },\n\n        // clickMenu3: function (io3) {\n        //     let vo = this\n        //     vo.resetUrl()\n        //     vo.$nextTick(() => {\n        //         vo.io3 = io3\n        //     })\n        // },\n\n        modifyMenus: function() {\n            let vo = this\n\n            let cmpPick = ''\n\n            setTimeout(() => {\n\n                // console.log('call P1')\n                vo.cmpP1 = get(vo.cmpsL1, vo.indP1, {})\n                vo.cmpsL2 = get(vo.cmpP1, `cmps`, [])\n                let _cmpPick = get(vo.cmpP1, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP1', cloneDeep(vo.cmpP1))\n                // console.log('vo.cmpsL2', cloneDeep(vo.cmpsL2))\n\n            }, 50)\n\n            setTimeout(() => {\n\n                // console.log('call P2')\n                let cmps = get(vo.cmpP1, `cmps`, [])\n                vo.cmpP2 = get(cmps, vo.indP2, {})\n                vo.cmpsL3 = get(vo.cmpP2, `cmps`, [])\n                let _cmpPick = get(vo.cmpP2, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP2', cloneDeep(vo.cmpP2))\n                // console.log('vo.cmpsL3', cloneDeep(vo.cmpsL3))\n\n            }, 100)\n\n            setTimeout(() => {\n\n                // console.log('call P3')\n                let cmps = get(vo.cmpP2, `cmps`, [])\n                vo.cmpP3 = get(cmps, vo.indP3, {})\n                vo.cmpsL4 = get(vo.cmpP3, `cmps`, [])\n                let _cmpPick = get(vo.cmpP3, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP3', cloneDeep(vo.cmpP3))\n                // console.log('vo.cmpsL4', cloneDeep(vo.cmpsL4))\n\n                //update\n                vo.cmpPick = cmpPick\n                // console.log('cmpPick', cmpPick)\n\n            }, 150)\n\n        },\n\n        getInd: function(item, items) {\n            // let vo = this\n            let ind = -1\n            each(items, (v, k) => {\n                if (item.name === v.name) {\n                    ind = k\n                    return false //跳出\n                }\n            })\n            return ind\n        },\n\n        viewPick: function(cmpPick) {\n            let vo = this\n            let _cmpPick = kebabCase(cmpPick)\n            let r = ''\n            let rs = []\n            let ls = []\n            let l = 0\n            let pv = (ts) => {\n                each(ts, (v, k) => {\n                    let name = get(v, `name`, '')\n                    let _name = kebabCase(name)\n                    let cmps = get(v, `cmps`, [])\n                    if (cmps.length > 0) {\n                        ls.push(l)\n                        l++\n                        pv(cmps)\n                        l--\n                        ls.pop()\n                    }\n                    let lst = [...ls, k]\n                    rs.push({\n                        clst: lst.join('.'),\n                        name,\n                    })\n                    if (_name === _cmpPick) {\n                        r = lst\n                    }\n                })\n            }\n            pv(vo.cmpsL1)\n            // console.log('rs', rs)\n            // console.log('r', r)\n            vo.indP1 = get(r, 0, 0)\n            vo.indP2 = get(r, 1, 0)\n            vo.indP3 = get(r, 2, 0)\n        },\n\n    }\n}\n<\/script>\n\n<style>\n.v-application--wrap {\n    /* width與max-width fix for IE11, 其外不能使用padding或margin避免失效 */\n    width: 100vw !important;\n    max-width: 100vw !important;\n    font-family: inherit;\n    background: #fff;\n}\n.head1 {\n    margin: 0px;\n    padding: 0px 0px 10px 0px;\n    font-size: 2.5rem;\n}\n.bk {\n    vertical-align: top;\n    padding: 10px 0px 60px 0px;\n}\n@media screen and (min-width:1000px){ /* 寬版 */\n    .bk {\n        display: inline-block;\n        margin: 0px 80px 0px 0px;\n    }\n}\n</style>\n"]},media:void 0})}),Lw,undefined,false,undefined,!1,_a,void 0,void 0)}));
+!function(n,e){n.exports=function(){function n(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function e(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(n){a(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}function t(n){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},t(n)}function o(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function r(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,s(o.key),o)}}function i(n,e,t){return e&&r(n.prototype,e),t&&r(n,t),Object.defineProperty(n,"prototype",{writable:!1}),n}function a(n,e,t){return(e=s(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function l(n,e){if("object"!=typeof n||null===n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var o=t.call(n,e||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(n)}function s(n){var e=l(n,"string");return"symbol"==typeof e?e:String(e)}var d={backdrop:!0,button:!0,navbar:!0,title:!0,toolbar:!0,className:"",container:"body",filter:null,fullscreen:!0,inheritedAttributes:["crossOrigin","decoding","isMap","loading","referrerPolicy","sizes","srcset","useMap"],initialCoverage:.9,initialViewIndex:0,inline:!1,interval:5e3,keyboard:!0,focus:!0,loading:!0,loop:!0,minWidth:200,minHeight:100,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,slideOnTouch:!0,toggleOnDblclick:!0,tooltip:!0,transition:!0,zIndex:2015,zIndexInline:0,zoomRatio:.1,minZoomRatio:.01,maxZoomRatio:100,url:"src",ready:null,show:null,shown:null,hide:null,hidden:null,view:null,viewed:null,move:null,moved:null,rotate:null,rotated:null,scale:null,scaled:null,zoom:null,zoomed:null,play:null,stop:null},c='<div class="viewer-container" tabindex="-1" touch-action="none"><div class="viewer-canvas"></div><div class="viewer-footer"><div class="viewer-title"></div><div class="viewer-toolbar"></div><div class="viewer-navbar"><ul class="viewer-list" role="navigation"></ul></div></div><div class="viewer-tooltip" role="alert" aria-hidden="true"></div><div class="viewer-button" data-viewer-action="mix" role="button"></div><div class="viewer-player"></div></div>',u="undefined"!=typeof window&&void 0!==window.document,p=u?window:{},m=!(!u||!p.document.documentElement)&&"ontouchstart"in p.document.documentElement,g=!!u&&"PointerEvent"in p,v="viewer",h="move",f="switch",b="zoom",y="".concat(v,"-active"),x="".concat(v,"-close"),k="".concat(v,"-fade"),C="".concat(v,"-fixed"),w="".concat(v,"-fullscreen"),S="".concat(v,"-fullscreen-exit"),W="".concat(v,"-hide"),_="".concat(v,"-hide-md-down"),I="".concat(v,"-hide-sm-down"),T="".concat(v,"-hide-xs-down"),A="".concat(v,"-in"),B="".concat(v,"-invisible"),H="".concat(v,"-loading"),L="".concat(v,"-move"),P="".concat(v,"-open"),D="".concat(v,"-show"),F="".concat(v,"-transition"),R="click",j="dblclick",z="dragstart",Z="focusin",V="keydown",$="load",E="error",G=m?"touchend touchcancel":"mouseup",X=m?"touchmove":"mousemove",M=m?"touchstart":"mousedown",N=g?"pointerdown":M,O=g?"pointermove":X,K=g?"pointerup pointercancel":G,Y="resize",J="transitionend",U="wheel",Q="ready",q="show",nn="shown",en="hide",tn="hidden",on="view",rn="viewed",an="move",ln="moved",sn="rotate",dn="rotated",cn="scale",un="scaled",pn="zoom",mn="zoomed",gn="play",vn="stop",hn="".concat(v,"Action"),fn=/\s\s*/,bn=["zoom-in","zoom-out","one-to-one","reset","prev","play","next","rotate-left","rotate-right","flip-horizontal","flip-vertical"];function yn(n){return"string"==typeof n}var xn=Number.isNaN||p.isNaN;function kn(n){return"number"==typeof n&&!xn(n)}function Cn(n){return void 0===n}function wn(n){return"object"===t(n)&&null!==n}var Sn=Object.prototype.hasOwnProperty;function Wn(n){if(!wn(n))return!1;try{var e=n.constructor,t=e.prototype;return e&&t&&Sn.call(t,"isPrototypeOf")}catch(n){return!1}}function _n(n){return"function"==typeof n}function In(n,e){if(n&&_n(e))if(Array.isArray(n)||kn(n.length)){var t,o=n.length;for(t=0;t<o&&!1!==e.call(n,n[t],t,n);t+=1);}else wn(n)&&Object.keys(n).forEach((function(t){e.call(n,n[t],t,n)}));return n}var Tn=Object.assign||function(n){for(var e=arguments.length,t=new Array(e>1?e-1:0),o=1;o<e;o++)t[o-1]=arguments[o];return wn(n)&&t.length>0&&t.forEach((function(e){wn(e)&&Object.keys(e).forEach((function(t){n[t]=e[t]}))})),n},An=/^(?:width|height|left|top|marginLeft|marginTop)$/;function Bn(n,e){var t=n.style;In(e,(function(n,e){An.test(e)&&kn(n)&&(n+="px"),t[e]=n}))}function Hn(n){return yn(n)?n.replace(/&(?!amp;|quot;|#39;|lt;|gt;)/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;"):n}function Ln(n,e){return!(!n||!e)&&(n.classList?n.classList.contains(e):n.className.indexOf(e)>-1)}function Pn(n,e){if(n&&e)if(kn(n.length))In(n,(function(n){Pn(n,e)}));else if(n.classList)n.classList.add(e);else{var t=n.className.trim();t?t.indexOf(e)<0&&(n.className="".concat(t," ").concat(e)):n.className=e}}function Dn(n,e){n&&e&&(kn(n.length)?In(n,(function(n){Dn(n,e)})):n.classList?n.classList.remove(e):n.className.indexOf(e)>=0&&(n.className=n.className.replace(e,"")))}function Fn(n,e,t){e&&(kn(n.length)?In(n,(function(n){Fn(n,e,t)})):t?Pn(n,e):Dn(n,e))}var Rn=/([a-z\d])([A-Z])/g;function jn(n){return n.replace(Rn,"$1-$2").toLowerCase()}function zn(n,e){return wn(n[e])?n[e]:n.dataset?n.dataset[e]:n.getAttribute("data-".concat(jn(e)))}function Zn(n,e,t){wn(t)?n[e]=t:n.dataset?n.dataset[e]=t:n.setAttribute("data-".concat(jn(e)),t)}var Vn=function(){var n=!1;if(u){var e=!1,t=function(){},o=Object.defineProperty({},"once",{get:function(){return n=!0,e},set:function(n){e=n}});p.addEventListener("test",t,o),p.removeEventListener("test",t,o)}return n}();function $n(n,e,t){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},r=t;e.trim().split(fn).forEach((function(e){if(!Vn){var i=n.listeners;i&&i[e]&&i[e][t]&&(r=i[e][t],delete i[e][t],0===Object.keys(i[e]).length&&delete i[e],0===Object.keys(i).length&&delete n.listeners)}n.removeEventListener(e,r,o)}))}function En(n,e,t){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},r=t;e.trim().split(fn).forEach((function(e){if(o.once&&!Vn){var i=n.listeners,a=void 0===i?{}:i;r=function(){delete a[e][t],n.removeEventListener(e,r,o);for(var i=arguments.length,l=new Array(i),s=0;s<i;s++)l[s]=arguments[s];t.apply(n,l)},a[e]||(a[e]={}),a[e][t]&&n.removeEventListener(e,a[e][t],o),a[e][t]=r,n.listeners=a}n.addEventListener(e,r,o)}))}function Gn(n,t,o,r){var i;return _n(Event)&&_n(CustomEvent)?i=new CustomEvent(t,e({bubbles:!0,cancelable:!0,detail:o},r)):(i=document.createEvent("CustomEvent")).initCustomEvent(t,!0,!0,o),n.dispatchEvent(i)}function Xn(n){var e=n.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}function Mn(n){var e=n.rotate,t=n.scaleX,o=n.scaleY,r=n.translateX,i=n.translateY,a=[];kn(r)&&0!==r&&a.push("translateX(".concat(r,"px)")),kn(i)&&0!==i&&a.push("translateY(".concat(i,"px)")),kn(e)&&0!==e&&a.push("rotate(".concat(e,"deg)")),kn(t)&&1!==t&&a.push("scaleX(".concat(t,")")),kn(o)&&1!==o&&a.push("scaleY(".concat(o,")"));var l=a.length?a.join(" "):"none";return{WebkitTransform:l,msTransform:l,transform:l}}function Nn(n){return yn(n)?decodeURIComponent(n.replace(/^.*\//,"").replace(/[?&#].*$/,"")):""}var On=p.navigator&&/Version\/\d+(\.\d+)+?\s+Safari/i.test(p.navigator.userAgent);function Kn(n,e,t){var o=document.createElement("img");if(n.naturalWidth&&!On)return t(n.naturalWidth,n.naturalHeight),o;var r=document.body||document.documentElement;return o.onload=function(){t(o.width,o.height),On||r.removeChild(o)},In(e.inheritedAttributes,(function(e){var t=n.getAttribute(e);null!==t&&o.setAttribute(e,t)})),o.src=n.src,On||(o.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",r.appendChild(o)),o}function Yn(n){switch(n){case 2:return T;case 3:return I;case 4:return _;default:return""}}function Jn(n){var t=e({},n),o=[];return In(n,(function(n,e){delete t[e],In(t,(function(e){var t=Math.abs(n.startX-e.startX),r=Math.abs(n.startY-e.startY),i=Math.abs(n.endX-e.endX),a=Math.abs(n.endY-e.endY),l=Math.sqrt(t*t+r*r),s=(Math.sqrt(i*i+a*a)-l)/l;o.push(s)}))})),o.sort((function(n,e){return Math.abs(n)<Math.abs(e)})),o[0]}function Un(n,t){var o=n.pageX,r=n.pageY,i={endX:o,endY:r};return t?i:e({timeStamp:Date.now(),startX:o,startY:r},i)}function Qn(n){var e=0,t=0,o=0;return In(n,(function(n){var r=n.startX,i=n.startY;e+=r,t+=i,o+=1})),{pageX:e/=o,pageY:t/=o}}var qn,ne={render:function(){this.initContainer(),this.initViewer(),this.initList(),this.renderViewer()},initBody:function(){var n=this.element.ownerDocument,e=n.body||n.documentElement;this.body=e,this.scrollbarWidth=window.innerWidth-n.documentElement.clientWidth,this.initialBodyPaddingRight=e.style.paddingRight,this.initialBodyComputedPaddingRight=window.getComputedStyle(e).paddingRight},initContainer:function(){this.containerData={width:window.innerWidth,height:window.innerHeight}},initViewer:function(){var n,e=this.options,t=this.parent;e.inline&&(n={width:Math.max(t.offsetWidth,e.minWidth),height:Math.max(t.offsetHeight,e.minHeight)},this.parentData=n),!this.fulled&&n||(n=this.containerData),this.viewerData=Tn({},n)},renderViewer:function(){this.options.inline&&!this.fulled&&Bn(this.viewer,this.viewerData)},initList:function(){var n=this,e=this.element,t=this.options,o=this.list,r=[];o.innerHTML="",In(this.images,(function(e,i){var a=e.src,l=e.alt||Nn(a),s=n.getImageURL(e);if(a||s){var d=document.createElement("li"),c=document.createElement("img");In(t.inheritedAttributes,(function(n){var t=e.getAttribute(n);null!==t&&c.setAttribute(n,t)})),t.navbar&&(c.src=a||s),c.alt=l,c.setAttribute("data-original-url",s||a),d.setAttribute("data-index",i),d.setAttribute("data-viewer-action","view"),d.setAttribute("role","button"),t.keyboard&&d.setAttribute("tabindex",0),d.appendChild(c),o.appendChild(d),r.push(d)}})),this.items=r,In(r,(function(e){var o,r,i=e.firstElementChild;Zn(i,"filled",!0),t.loading&&Pn(e,H),En(i,$,o=function(o){$n(i,E,r),t.loading&&Dn(e,H),n.loadImage(o)},{once:!0}),En(i,E,r=function(){$n(i,$,o),t.loading&&Dn(e,H)},{once:!0})})),t.transition&&En(e,rn,(function(){Pn(o,F)}),{once:!0})},renderList:function(){var n=this.index,e=this.items[n];if(e){var t=e.nextElementSibling,o=parseInt(window.getComputedStyle(t||e).marginLeft,10),r=e.offsetWidth,i=r+o;Bn(this.list,Tn({width:i*this.length-o},Mn({translateX:(this.viewerData.width-r)/2-i*n})))}},resetList:function(){var n=this.list;n.innerHTML="",Dn(n,F),Bn(n,Mn({translateX:0}))},initImage:function(n){var e,t=this,o=this.options,r=this.image,i=this.viewerData,a=this.footer.offsetHeight,l=i.width,s=Math.max(i.height-a,a),d=this.imageData||{};this.imageInitializing={abort:function(){e.onload=null}},e=Kn(r,o,(function(e,r){var i=e/r,a=Math.max(0,Math.min(1,o.initialCoverage)),c=l,u=s;t.imageInitializing=!1,s*i>l?u=l/i:c=s*i,a=kn(a)?a:.9,c=Math.min(c*a,e),u=Math.min(u*a,r);var p=(l-c)/2,m=(s-u)/2,g={left:p,top:m,x:p,y:m,width:c,height:u,oldRatio:1,ratio:c/e,aspectRatio:i,naturalWidth:e,naturalHeight:r},v=Tn({},g);o.rotatable&&(g.rotate=d.rotate||0,v.rotate=0),o.scalable&&(g.scaleX=d.scaleX||1,g.scaleY=d.scaleY||1,v.scaleX=1,v.scaleY=1),t.imageData=g,t.initialImageData=v,n&&n()}))},renderImage:function(n){var e=this,t=this.image,o=this.imageData;if(Bn(t,Tn({width:o.width,height:o.height,marginLeft:o.x,marginTop:o.y},Mn(o))),n)if((this.viewing||this.moving||this.rotating||this.scaling||this.zooming)&&this.options.transition&&Ln(t,F)){var r=function(){e.imageRendering=!1,n()};this.imageRendering={abort:function(){$n(t,J,r)}},En(t,J,r,{once:!0})}else n()},resetImage:function(){var n=this.image;n&&(this.viewing&&this.viewing.abort(),n.parentNode.removeChild(n),this.image=null,this.title.innerHTML="")}},ee={bind:function(){var n=this.options,e=this.viewer,t=this.canvas,o=this.element.ownerDocument;En(e,R,this.onClick=this.click.bind(this)),En(e,z,this.onDragStart=this.dragstart.bind(this)),En(t,N,this.onPointerDown=this.pointerdown.bind(this)),En(o,O,this.onPointerMove=this.pointermove.bind(this)),En(o,K,this.onPointerUp=this.pointerup.bind(this)),En(o,V,this.onKeyDown=this.keydown.bind(this)),En(window,Y,this.onResize=this.resize.bind(this)),n.zoomable&&n.zoomOnWheel&&En(e,U,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),n.toggleOnDblclick&&En(t,j,this.onDblclick=this.dblclick.bind(this))},unbind:function(){var n=this.options,e=this.viewer,t=this.canvas,o=this.element.ownerDocument;$n(e,R,this.onClick),$n(e,z,this.onDragStart),$n(t,N,this.onPointerDown),$n(o,O,this.onPointerMove),$n(o,K,this.onPointerUp),$n(o,V,this.onKeyDown),$n(window,Y,this.onResize),n.zoomable&&n.zoomOnWheel&&$n(e,U,this.onWheel,{passive:!1,capture:!0}),n.toggleOnDblclick&&$n(t,j,this.onDblclick)}},te={click:function(n){var e=this.options,t=this.imageData,o=n.target,r=zn(o,hn);switch(r||"img"!==o.localName||"li"!==o.parentElement.localName||(r=zn(o=o.parentElement,hn)),m&&n.isTrusted&&o===this.canvas&&clearTimeout(this.clickCanvasTimeout),r){case"mix":this.played?this.stop():e.inline?this.fulled?this.exit():this.full():this.hide();break;case"hide":this.pointerMoved||this.hide();break;case"view":this.view(zn(o,"index"));break;case"zoom-in":this.zoom(.1,!0);break;case"zoom-out":this.zoom(-.1,!0);break;case"one-to-one":this.toggle();break;case"reset":this.reset();break;case"prev":this.prev(e.loop);break;case"play":this.play(e.fullscreen);break;case"next":this.next(e.loop);break;case"rotate-left":this.rotate(-90);break;case"rotate-right":this.rotate(90);break;case"flip-horizontal":this.scaleX(-t.scaleX||-1);break;case"flip-vertical":this.scaleY(-t.scaleY||-1);break;default:this.played&&this.stop()}},dblclick:function(n){n.preventDefault(),this.viewed&&n.target===this.image&&(m&&n.isTrusted&&clearTimeout(this.doubleClickImageTimeout),this.toggle(n.isTrusted?n:n.detail&&n.detail.originalEvent))},load:function(){var n=this;this.timeout&&(clearTimeout(this.timeout),this.timeout=!1);var e=this.element,t=this.options,o=this.image,r=this.index,i=this.viewerData;Dn(o,B),t.loading&&Dn(this.canvas,H),o.style.cssText="height:0;"+"margin-left:".concat(i.width/2,"px;")+"margin-top:".concat(i.height/2,"px;")+"max-width:none!important;position:relative;width:0;",this.initImage((function(){Fn(o,L,t.movable),Fn(o,F,t.transition),n.renderImage((function(){n.viewed=!0,n.viewing=!1,_n(t.viewed)&&En(e,rn,t.viewed,{once:!0}),Gn(e,rn,{originalImage:n.images[r],index:r,image:o},{cancelable:!1})}))}))},loadImage:function(n){var e=n.target,t=e.parentNode,o=t.offsetWidth||30,r=t.offsetHeight||50,i=!!zn(e,"filled");Kn(e,this.options,(function(n,t){var a=n/t,l=o,s=r;r*a>o?i?l=r*a:s=o/a:i?s=o/a:l=r*a,Bn(e,Tn({width:l,height:s},Mn({translateX:(o-l)/2,translateY:(r-s)/2})))}))},keydown:function(n){var e=this.options;if(e.keyboard){var t=n.keyCode||n.which||n.charCode;if(13===t&&this.viewer.contains(n.target)&&this.click(n),this.fulled)switch(t){case 27:this.played?this.stop():e.inline?this.fulled&&this.exit():this.hide();break;case 32:this.played&&this.stop();break;case 37:this.played&&this.playing?this.playing.prev():this.prev(e.loop);break;case 38:n.preventDefault(),this.zoom(e.zoomRatio,!0);break;case 39:this.played&&this.playing?this.playing.next():this.next(e.loop);break;case 40:n.preventDefault(),this.zoom(-e.zoomRatio,!0);break;case 48:case 49:n.ctrlKey&&(n.preventDefault(),this.toggle())}}},dragstart:function(n){"img"===n.target.localName&&n.preventDefault()},pointerdown:function(n){var e=this.options,t=this.pointers,o=n.buttons,r=n.button;if(this.pointerMoved=!1,!(!this.viewed||this.showing||this.viewing||this.hiding||("mousedown"===n.type||"pointerdown"===n.type&&"mouse"===n.pointerType)&&(kn(o)&&1!==o||kn(r)&&0!==r||n.ctrlKey))){n.preventDefault(),n.changedTouches?In(n.changedTouches,(function(n){t[n.identifier]=Un(n)})):t[n.pointerId||0]=Un(n);var i=!!e.movable&&h;e.zoomOnTouch&&e.zoomable&&Object.keys(t).length>1?i=b:e.slideOnTouch&&("touch"===n.pointerType||"touchstart"===n.type)&&this.isSwitchable()&&(i=f),!e.transition||i!==h&&i!==b||Dn(this.image,F),this.action=i}},pointermove:function(n){var e=this.pointers,t=this.action;this.viewed&&t&&(n.preventDefault(),n.changedTouches?In(n.changedTouches,(function(n){Tn(e[n.identifier]||{},Un(n,!0))})):Tn(e[n.pointerId||0]||{},Un(n,!0)),this.change(n))},pointerup:function(n){var e,t=this,o=this.options,r=this.action,i=this.pointers;n.changedTouches?In(n.changedTouches,(function(n){e=i[n.identifier],delete i[n.identifier]})):(e=i[n.pointerId||0],delete i[n.pointerId||0]),r&&(n.preventDefault(),!o.transition||r!==h&&r!==b||Pn(this.image,F),this.action=!1,m&&r!==b&&e&&Date.now()-e.timeStamp<500&&(clearTimeout(this.clickCanvasTimeout),clearTimeout(this.doubleClickImageTimeout),o.toggleOnDblclick&&this.viewed&&n.target===this.image?this.imageClicked?(this.imageClicked=!1,this.doubleClickImageTimeout=setTimeout((function(){Gn(t.image,j,{originalEvent:n})}),50)):(this.imageClicked=!0,this.doubleClickImageTimeout=setTimeout((function(){t.imageClicked=!1}),500)):(this.imageClicked=!1,o.backdrop&&"static"!==o.backdrop&&n.target===this.canvas&&(this.clickCanvasTimeout=setTimeout((function(){Gn(t.canvas,R,{originalEvent:n})}),50)))))},resize:function(){var n=this;if(this.isShown&&!this.hiding&&(this.fulled&&(this.close(),this.initBody(),this.open()),this.initContainer(),this.initViewer(),this.renderViewer(),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage()})),this.played)){if(this.options.fullscreen&&this.fulled&&!(document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement||document.msFullscreenElement))return void this.stop();In(this.player.getElementsByTagName("img"),(function(e){En(e,$,n.loadImage.bind(n),{once:!0}),Gn(e,$)}))}},wheel:function(n){var e=this;if(this.viewed&&(n.preventDefault(),!this.wheeling)){this.wheeling=!0,setTimeout((function(){e.wheeling=!1}),50);var t=Number(this.options.zoomRatio)||.1,o=1;n.deltaY?o=n.deltaY>0?1:-1:n.wheelDelta?o=-n.wheelDelta/120:n.detail&&(o=n.detail>0?1:-1),this.zoom(-o*t,!0,null,n)}}},oe={show:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.element,t=this.options;if(t.inline||this.showing||this.isShown||this.showing)return this;if(!this.ready)return this.build(),this.ready&&this.show(n),this;if(_n(t.show)&&En(e,q,t.show,{once:!0}),!1===Gn(e,q)||!this.ready)return this;this.hiding&&this.transitioning.abort(),this.showing=!0,this.open();var o=this.viewer;if(Dn(o,W),o.setAttribute("role","dialog"),o.setAttribute("aria-labelledby",this.title.id),o.setAttribute("aria-modal",!0),o.removeAttribute("aria-hidden"),t.transition&&!n){var r=this.shown.bind(this);this.transitioning={abort:function(){$n(o,J,r),Dn(o,A)}},Pn(o,F),o.initialOffsetWidth=o.offsetWidth,En(o,J,r,{once:!0}),Pn(o,A)}else Pn(o,A),this.shown();return this},hide:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=this.element,o=this.options;if(o.inline||this.hiding||!this.isShown&&!this.showing)return this;if(_n(o.hide)&&En(t,en,o.hide,{once:!0}),!1===Gn(t,en))return this;this.showing&&this.transitioning.abort(),this.hiding=!0,this.played?this.stop():this.viewing&&this.viewing.abort();var r=this.viewer,i=this.image,a=function(){Dn(r,A),n.hidden()};if(o.transition&&!e){var l=function e(t){t&&t.target===r&&($n(r,J,e),n.hidden())},s=function(){Ln(r,F)?(En(r,J,l),Dn(r,A)):a()};this.transitioning={abort:function(){n.viewed&&Ln(i,F)?$n(i,J,s):Ln(r,F)&&$n(r,J,l)}},this.viewed&&Ln(i,F)?(En(i,J,s,{once:!0}),this.zoomTo(0,!1,null,null,!0)):s()}else a();return this},view:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.initialViewIndex;if(e=Number(e)||0,this.hiding||this.played||e<0||e>=this.length||this.viewed&&e===this.index)return this;if(!this.isShown)return this.index=e,this.show();this.viewing&&this.viewing.abort();var t=this.element,o=this.options,r=this.title,i=this.canvas,a=this.items[e],l=a.querySelector("img"),s=zn(l,"originalUrl"),d=l.getAttribute("alt"),c=document.createElement("img");if(In(o.inheritedAttributes,(function(n){var e=l.getAttribute(n);null!==e&&c.setAttribute(n,e)})),c.src=s,c.alt=d,_n(o.view)&&En(t,on,o.view,{once:!0}),!1===Gn(t,on,{originalImage:this.images[e],index:e,image:c})||!this.isShown||this.hiding||this.played)return this;var u=this.items[this.index];u&&(Dn(u,y),u.removeAttribute("aria-selected")),Pn(a,y),a.setAttribute("aria-selected",!0),o.focus&&a.focus(),this.image=c,this.viewed=!1,this.index=e,this.imageData={},Pn(c,B),o.loading&&Pn(i,H),i.innerHTML="",i.appendChild(c),this.renderList(),r.innerHTML="";var p,m,g=function(){var e=n.imageData,t=Array.isArray(o.title)?o.title[1]:o.title;r.innerHTML=Hn(_n(t)?t.call(n,c,e):"".concat(d," (").concat(e.naturalWidth," × ").concat(e.naturalHeight,")"))};return En(t,rn,g,{once:!0}),this.viewing={abort:function(){$n(t,rn,g),c.complete?n.imageRendering?n.imageRendering.abort():n.imageInitializing&&n.imageInitializing.abort():(c.src="",$n(c,$,p),n.timeout&&clearTimeout(n.timeout))}},c.complete?this.load():(En(c,$,p=function(){$n(c,E,m),n.load()},{once:!0}),En(c,E,m=function(){$n(c,$,p),n.timeout&&(clearTimeout(n.timeout),n.timeout=!1),Dn(c,B),o.loading&&Dn(n.canvas,H)},{once:!0}),this.timeout&&clearTimeout(this.timeout),this.timeout=setTimeout((function(){Dn(c,B),n.timeout=!1}),1e3)),this},prev:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.index-1;return e<0&&(e=n?this.length-1:0),this.view(e),this},next:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.length-1,t=this.index+1;return t>e&&(t=n?0:e),this.view(t),this},move:function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,t=this.imageData;return this.moveTo(Cn(n)?n:t.x+Number(n),Cn(e)?e:t.y+Number(e)),this},moveTo:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=this.element,i=this.options,a=this.imageData;if(n=Number(n),t=Number(t),this.viewed&&!this.played&&i.movable){var l=a.x,s=a.y,d=!1;if(kn(n)?d=!0:n=l,kn(t)?d=!0:t=s,d){if(_n(i.move)&&En(r,an,i.move,{once:!0}),!1===Gn(r,an,{x:n,y:t,oldX:l,oldY:s,originalEvent:o}))return this;a.x=n,a.y=t,a.left=n,a.top=t,this.moving=!0,this.renderImage((function(){e.moving=!1,_n(i.moved)&&En(r,ln,i.moved,{once:!0}),Gn(r,ln,{x:n,y:t,oldX:l,oldY:s,originalEvent:o},{cancelable:!1})}))}}return this},rotate:function(n){return this.rotateTo((this.imageData.rotate||0)+Number(n)),this},rotateTo:function(n){var e=this,t=this.element,o=this.options,r=this.imageData;if(kn(n=Number(n))&&this.viewed&&!this.played&&o.rotatable){var i=r.rotate;if(_n(o.rotate)&&En(t,sn,o.rotate,{once:!0}),!1===Gn(t,sn,{degree:n,oldDegree:i}))return this;r.rotate=n,this.rotating=!0,this.renderImage((function(){e.rotating=!1,_n(o.rotated)&&En(t,dn,o.rotated,{once:!0}),Gn(t,dn,{degree:n,oldDegree:i},{cancelable:!1})}))}return this},scaleX:function(n){return this.scale(n,this.imageData.scaleY),this},scaleY:function(n){return this.scale(this.imageData.scaleX,n),this},scale:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,o=this.element,r=this.options,i=this.imageData;if(n=Number(n),t=Number(t),this.viewed&&!this.played&&r.scalable){var a=i.scaleX,l=i.scaleY,s=!1;if(kn(n)?s=!0:n=a,kn(t)?s=!0:t=l,s){if(_n(r.scale)&&En(o,cn,r.scale,{once:!0}),!1===Gn(o,cn,{scaleX:n,scaleY:t,oldScaleX:a,oldScaleY:l}))return this;i.scaleX=n,i.scaleY=t,this.scaling=!0,this.renderImage((function(){e.scaling=!1,_n(r.scaled)&&En(o,un,r.scaled,{once:!0}),Gn(o,un,{scaleX:n,scaleY:t,oldScaleX:a,oldScaleY:l},{cancelable:!1})}))}}return this},zoom:function(n){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,r=this.imageData;return n=(n=Number(n))<0?1/(1-n):1+n,this.zoomTo(r.width*n/r.naturalWidth,e,t,o),this},zoomTo:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=arguments.length>4&&void 0!==arguments[4]&&arguments[4],a=this.element,l=this.options,s=this.pointers,d=this.imageData,c=d.x,u=d.y,p=d.width,m=d.height,g=d.naturalWidth,v=d.naturalHeight;if(kn(n=Math.max(0,n))&&this.viewed&&!this.played&&(i||l.zoomable)){if(!i){var h=Math.max(.01,l.minZoomRatio),f=Math.min(100,l.maxZoomRatio);n=Math.min(Math.max(n,h),f)}if(r)switch(r.type){case"wheel":l.zoomRatio>=.055&&n>.95&&n<1.05&&(n=1);break;case"pointermove":case"touchmove":case"mousemove":n>.99&&n<1.01&&(n=1)}var b=g*n,y=v*n,x=b-p,k=y-m,C=d.ratio;if(_n(l.zoom)&&En(a,pn,l.zoom,{once:!0}),!1===Gn(a,pn,{ratio:n,oldRatio:C,originalEvent:r}))return this;if(this.zooming=!0,r){var w=Xn(this.viewer),S=s&&Object.keys(s).length>0?Qn(s):{pageX:r.pageX,pageY:r.pageY};d.x-=x*((S.pageX-w.left-c)/p),d.y-=k*((S.pageY-w.top-u)/m)}else Wn(o)&&kn(o.x)&&kn(o.y)?(d.x-=x*((o.x-c)/p),d.y-=k*((o.y-u)/m)):(d.x-=x/2,d.y-=k/2);d.left=d.x,d.top=d.y,d.width=b,d.height=y,d.oldRatio=C,d.ratio=n,this.renderImage((function(){e.zooming=!1,_n(l.zoomed)&&En(a,mn,l.zoomed,{once:!0}),Gn(a,mn,{ratio:n,oldRatio:C,originalEvent:r},{cancelable:!1})})),t&&this.tooltip()}return this},play:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!this.isShown||this.played)return this;var t=this.element,o=this.options;if(_n(o.play)&&En(t,gn,o.play,{once:!0}),!1===Gn(t,gn))return this;var r=this.player,i=this.loadImage.bind(this),a=[],l=0,s=0;if(this.played=!0,this.onLoadWhenPlay=i,e&&this.requestFullscreen(e),Pn(r,D),In(this.items,(function(n,e){var t=n.querySelector("img"),d=document.createElement("img");d.src=zn(t,"originalUrl"),d.alt=t.getAttribute("alt"),d.referrerPolicy=t.referrerPolicy,l+=1,Pn(d,k),Fn(d,F,o.transition),Ln(n,y)&&(Pn(d,A),s=e),a.push(d),En(d,$,i,{once:!0}),r.appendChild(d)})),kn(o.interval)&&o.interval>0){var d=function e(){clearTimeout(n.playing.timeout),Dn(a[s],A),Pn(a[s=(s-=1)>=0?s:l-1],A),n.playing.timeout=setTimeout(e,o.interval)},c=function e(){clearTimeout(n.playing.timeout),Dn(a[s],A),Pn(a[s=(s+=1)<l?s:0],A),n.playing.timeout=setTimeout(e,o.interval)};l>1&&(this.playing={prev:d,next:c,timeout:setTimeout(c,o.interval)})}return this},stop:function(){var n=this;if(!this.played)return this;var e=this.element,t=this.options;if(_n(t.stop)&&En(e,vn,t.stop,{once:!0}),!1===Gn(e,vn))return this;var o=this.player;return clearTimeout(this.playing.timeout),this.playing=!1,this.played=!1,In(o.getElementsByTagName("img"),(function(e){$n(e,$,n.onLoadWhenPlay)})),Dn(o,D),o.innerHTML="",this.exitFullscreen(),this},full:function(){var n=this,e=this.options,t=this.viewer,o=this.image,r=this.list;return!this.isShown||this.played||this.fulled||!e.inline||(this.fulled=!0,this.open(),Pn(this.button,S),e.transition&&(Dn(r,F),this.viewed&&Dn(o,F)),Pn(t,C),t.setAttribute("role","dialog"),t.setAttribute("aria-labelledby",this.title.id),t.setAttribute("aria-modal",!0),t.removeAttribute("style"),Bn(t,{zIndex:e.zIndex}),e.focus&&this.enforceFocus(),this.initContainer(),this.viewerData=Tn({},this.containerData),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage((function(){e.transition&&setTimeout((function(){Pn(o,F),Pn(r,F)}),0)}))}))),this},exit:function(){var n=this,e=this.options,t=this.viewer,o=this.image,r=this.list;return this.isShown&&!this.played&&this.fulled&&e.inline?(this.fulled=!1,this.close(),Dn(this.button,S),e.transition&&(Dn(r,F),this.viewed&&Dn(o,F)),e.focus&&this.clearEnforceFocus(),t.removeAttribute("role"),t.removeAttribute("aria-labelledby"),t.removeAttribute("aria-modal"),Dn(t,C),Bn(t,{zIndex:e.zIndexInline}),this.viewerData=Tn({},this.parentData),this.renderViewer(),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage((function(){e.transition&&setTimeout((function(){Pn(o,F),Pn(r,F)}),0)}))})),this):this},tooltip:function(){var n=this,e=this.options,t=this.tooltipBox,o=this.imageData;return this.viewed&&!this.played&&e.tooltip?(t.textContent="".concat(Math.round(100*o.ratio),"%"),this.tooltipping?clearTimeout(this.tooltipping):e.transition?(this.fading&&Gn(t,J),Pn(t,D),Pn(t,k),Pn(t,F),t.removeAttribute("aria-hidden"),t.initialOffsetWidth=t.offsetWidth,Pn(t,A)):(Pn(t,D),t.removeAttribute("aria-hidden")),this.tooltipping=setTimeout((function(){e.transition?(En(t,J,(function(){Dn(t,D),Dn(t,k),Dn(t,F),t.setAttribute("aria-hidden",!0),n.fading=!1}),{once:!0}),Dn(t,A),n.fading=!0):(Dn(t,D),t.setAttribute("aria-hidden",!0)),n.tooltipping=!1}),1e3),this):this},toggle:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return 1===this.imageData.ratio?this.zoomTo(this.imageData.oldRatio,!0,null,n):this.zoomTo(1,!0,null,n),this},reset:function(){return this.viewed&&!this.played&&(this.imageData=Tn({},this.initialImageData),this.renderImage()),this},update:function(){var n=this,e=this.element,t=this.options,o=this.isImg;if(o&&!e.parentNode)return this.destroy();var r=[];if(In(o?[e]:e.querySelectorAll("img"),(function(e){_n(t.filter)?t.filter.call(n,e)&&r.push(e):n.getImageURL(e)&&r.push(e)})),!r.length)return this;if(this.images=r,this.length=r.length,this.ready){var i=[];if(In(this.items,(function(n,e){var t=n.querySelector("img"),o=r[e];o&&t&&o.src===t.src&&o.alt===t.alt||i.push(e)})),Bn(this.list,{width:"auto"}),this.initList(),this.isShown)if(this.length){if(this.viewed){var a=i.indexOf(this.index);if(a>=0)this.viewed=!1,this.view(Math.max(Math.min(this.index-a,this.length-1),0));else{var l=this.items[this.index];Pn(l,y),l.setAttribute("aria-selected",!0)}}}else this.image=null,this.viewed=!1,this.index=0,this.imageData={},this.canvas.innerHTML="",this.title.innerHTML=""}else this.build();return this},destroy:function(){var n=this.element,e=this.options;return n[v]?(this.destroyed=!0,this.ready?(this.played&&this.stop(),e.inline?(this.fulled&&this.exit(),this.unbind()):this.isShown?(this.viewing&&(this.imageRendering?this.imageRendering.abort():this.imageInitializing&&this.imageInitializing.abort()),this.hiding&&this.transitioning.abort(),this.hidden()):this.showing&&(this.transitioning.abort(),this.hidden()),this.ready=!1,this.viewer.parentNode.removeChild(this.viewer)):e.inline&&(this.delaying?this.delaying.abort():this.initializing&&this.initializing.abort()),e.inline||$n(n,R,this.onStart),n[v]=void 0,this):this}},re={getImageURL:function(n){var e=this.options.url;return e=yn(e)?n.getAttribute(e):_n(e)?e.call(this,n):""},enforceFocus:function(){var n=this;this.clearEnforceFocus(),En(document,Z,this.onFocusin=function(e){var t=n.viewer,o=e.target;if(o!==document&&o!==t&&!t.contains(o)){for(;o;){if(null!==o.getAttribute("tabindex")||"true"===o.getAttribute("aria-modal"))return;o=o.parentElement}t.focus()}})},clearEnforceFocus:function(){this.onFocusin&&($n(document,Z,this.onFocusin),this.onFocusin=null)},open:function(){var n=this.body;Pn(n,P),this.scrollbarWidth>0&&(n.style.paddingRight="".concat(this.scrollbarWidth+(parseFloat(this.initialBodyComputedPaddingRight)||0),"px"))},close:function(){var n=this.body;Dn(n,P),this.scrollbarWidth>0&&(n.style.paddingRight=this.initialBodyPaddingRight)},shown:function(){var n=this.element,e=this.options,t=this.viewer;this.fulled=!0,this.isShown=!0,this.render(),this.bind(),this.showing=!1,e.focus&&(t.focus(),this.enforceFocus()),_n(e.shown)&&En(n,nn,e.shown,{once:!0}),!1!==Gn(n,nn)&&this.ready&&this.isShown&&!this.hiding&&this.view(this.index)},hidden:function(){var n=this.element,e=this.options,t=this.viewer;e.fucus&&this.clearEnforceFocus(),this.close(),this.unbind(),Pn(t,W),t.removeAttribute("role"),t.removeAttribute("aria-labelledby"),t.removeAttribute("aria-modal"),t.setAttribute("aria-hidden",!0),this.resetList(),this.resetImage(),this.fulled=!1,this.viewed=!1,this.isShown=!1,this.hiding=!1,this.destroyed||(_n(e.hidden)&&En(n,tn,e.hidden,{once:!0}),Gn(n,tn,null,{cancelable:!1}))},requestFullscreen:function(n){var e=this.element.ownerDocument;if(this.fulled&&!(e.fullscreenElement||e.webkitFullscreenElement||e.mozFullScreenElement||e.msFullscreenElement)){var t=e.documentElement;t.requestFullscreen?Wn(n)?t.requestFullscreen(n):t.requestFullscreen():t.webkitRequestFullscreen?t.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT):t.mozRequestFullScreen?t.mozRequestFullScreen():t.msRequestFullscreen&&t.msRequestFullscreen()}},exitFullscreen:function(){var n=this.element.ownerDocument;this.fulled&&(n.fullscreenElement||n.webkitFullscreenElement||n.mozFullScreenElement||n.msFullscreenElement)&&(n.exitFullscreen?n.exitFullscreen():n.webkitExitFullscreen?n.webkitExitFullscreen():n.mozCancelFullScreen?n.mozCancelFullScreen():n.msExitFullscreen&&n.msExitFullscreen())},change:function(n){var e=this.options,t=this.pointers,o=t[Object.keys(t)[0]];if(o){var r=o.endX-o.startX,i=o.endY-o.startY;switch(this.action){case h:0===r&&0===i||(this.pointerMoved=!0,this.move(r,i,n));break;case b:this.zoom(Jn(t),!1,null,n);break;case f:this.action="switched";var a=Math.abs(r);a>1&&a>Math.abs(i)&&(this.pointers={},r>1?this.prev(e.loop):r<-1&&this.next(e.loop))}In(t,(function(n){n.startX=n.endX,n.startY=n.endY}))}},isSwitchable:function(){var n=this.imageData,e=this.viewerData;return this.length>1&&n.x>=0&&n.y>=0&&n.width<=e.width&&n.height<=e.height}},ie=p.Viewer,ae=(qn=-1,function(){return qn+=1}),le=function(){function n(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(o(this,n),!e||1!==e.nodeType)throw new Error("The first argument is required and must be an element.");this.element=e,this.options=Tn({},d,Wn(t)&&t),this.action=!1,this.fading=!1,this.fulled=!1,this.hiding=!1,this.imageClicked=!1,this.imageData={},this.index=this.options.initialViewIndex,this.isImg=!1,this.isShown=!1,this.length=0,this.moving=!1,this.played=!1,this.playing=!1,this.pointers={},this.ready=!1,this.rotating=!1,this.scaling=!1,this.showing=!1,this.timeout=!1,this.tooltipping=!1,this.viewed=!1,this.viewing=!1,this.wheeling=!1,this.zooming=!1,this.pointerMoved=!1,this.id=ae(),this.init()}return i(n,[{key:"init",value:function(){var n=this,e=this.element,t=this.options;if(!e[v]){e[v]=this,t.focus&&!t.keyboard&&(t.focus=!1);var o="img"===e.localName,r=[];if(In(o?[e]:e.querySelectorAll("img"),(function(e){_n(t.filter)?t.filter.call(n,e)&&r.push(e):n.getImageURL(e)&&r.push(e)})),this.isImg=o,this.length=r.length,this.images=r,this.initBody(),Cn(document.createElement(v).style.transition)&&(t.transition=!1),t.inline){var i=0,a=function(){var e;(i+=1)===n.length&&(n.initializing=!1,n.delaying={abort:function(){clearTimeout(e)}},e=setTimeout((function(){n.delaying=!1,n.build()}),0))};this.initializing={abort:function(){In(r,(function(n){n.complete||($n(n,$,a),$n(n,E,a))}))}},In(r,(function(n){var e,t;n.complete?a():(En(n,$,e=function(){$n(n,E,t),a()},{once:!0}),En(n,E,t=function(){$n(n,$,e),a()},{once:!0}))}))}else En(e,R,this.onStart=function(e){var o=e.target;"img"!==o.localName||_n(t.filter)&&!t.filter.call(n,o)||n.view(n.images.indexOf(o))})}}},{key:"build",value:function(){if(!this.ready){var n=this.element,e=this.options,t=n.parentNode,o=document.createElement("div");o.innerHTML=c;var r=o.querySelector(".".concat(v,"-container")),i=r.querySelector(".".concat(v,"-title")),a=r.querySelector(".".concat(v,"-toolbar")),l=r.querySelector(".".concat(v,"-navbar")),s=r.querySelector(".".concat(v,"-button")),d=r.querySelector(".".concat(v,"-canvas"));if(this.parent=t,this.viewer=r,this.title=i,this.toolbar=a,this.navbar=l,this.button=s,this.canvas=d,this.footer=r.querySelector(".".concat(v,"-footer")),this.tooltipBox=r.querySelector(".".concat(v,"-tooltip")),this.player=r.querySelector(".".concat(v,"-player")),this.list=r.querySelector(".".concat(v,"-list")),r.id="".concat(v).concat(this.id),i.id="".concat(v,"Title").concat(this.id),Pn(i,e.title?Yn(Array.isArray(e.title)?e.title[0]:e.title):W),Pn(l,e.navbar?Yn(e.navbar):W),Fn(s,W,!e.button),e.keyboard&&s.setAttribute("tabindex",0),e.backdrop&&(Pn(r,"".concat(v,"-backdrop")),e.inline||"static"===e.backdrop||Zn(d,hn,"hide")),yn(e.className)&&e.className&&e.className.split(fn).forEach((function(n){Pn(r,n)})),e.toolbar){var u=document.createElement("ul"),p=Wn(e.toolbar),m=bn.slice(0,3),g=bn.slice(7,9),h=bn.slice(9);p||Pn(a,Yn(e.toolbar)),In(p?e.toolbar:bn,(function(n,t){var o=p&&Wn(n),r=p?jn(t):n,i=o&&!Cn(n.show)?n.show:n;if(i&&(e.zoomable||-1===m.indexOf(r))&&(e.rotatable||-1===g.indexOf(r))&&(e.scalable||-1===h.indexOf(r))){var a=o&&!Cn(n.size)?n.size:n,l=o&&!Cn(n.click)?n.click:n,s=document.createElement("li");e.keyboard&&s.setAttribute("tabindex",0),s.setAttribute("role","button"),Pn(s,"".concat(v,"-").concat(r)),_n(l)||Zn(s,hn,r),kn(i)&&Pn(s,Yn(i)),-1!==["small","large"].indexOf(a)?Pn(s,"".concat(v,"-").concat(a)):"play"===r&&Pn(s,"".concat(v,"-large")),_n(l)&&En(s,R,l),u.appendChild(s)}})),a.appendChild(u)}else Pn(a,W);if(!e.rotatable){var f=a.querySelectorAll('li[class*="rotate"]');Pn(f,B),In(f,(function(n){a.appendChild(n)}))}if(e.inline)Pn(s,w),Bn(r,{zIndex:e.zIndexInline}),"static"===window.getComputedStyle(t).position&&Bn(t,{position:"relative"}),t.insertBefore(r,n.nextSibling);else{Pn(s,x),Pn(r,C),Pn(r,k),Pn(r,W),Bn(r,{zIndex:e.zIndex});var b=e.container;yn(b)&&(b=n.ownerDocument.querySelector(b)),b||(b=this.body),b.appendChild(r)}e.inline&&(this.render(),this.bind(),this.isShown=!0),this.ready=!0,_n(e.ready)&&En(n,Q,e.ready,{once:!0}),!1!==Gn(n,Q)?this.ready&&e.inline&&this.view(this.index):this.ready=!1}}}],[{key:"noConflict",value:function(){return window.Viewer=ie,n}},{key:"setDefaults",value:function(n){Tn(d,Wn(n)&&n)}}]),n}();return Tn(le.prototype,ne,ee,te,oe,re),le}()}({get exports(){return BC},set exports(n){BC=n}});var HC=BC;async function LC(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=!0,r=null,i=El();if(na(t)||(t={}),!sa(n))return i.reject("eleImg is not a HTMLElement"),i;if(r=n,null!==e){if(!sa(e))return i.reject("eleGroup is not a HTMLElement"),i;o=!1,r=e}if(!o){let n=Oo(e.querySelectorAll("img"));if(0===n)return i.reject("eleGroup does not contain any img"),i;1===n&&(o=!0)}let a={button:!1,navbar:!1,title:!1,toolbar:{zoomIn:4,zoomOut:4,oneToOne:4,reset:4,prev:0,play:0,next:0,rotateLeft:4,rotateRight:4,flipHorizontal:4,flipVertical:4},tooltip:!1,movable:!0,zoomable:!0,rotatable:!0,scalable:!0,transition:!0,fullscreen:!1,keyboard:!0};o||(a=function(){let n={button:!1,navbar:!1,title:!1,toolbar:{zoomIn:4,zoomOut:4,oneToOne:4,reset:4,prev:0,play:0,next:0,rotateLeft:4,rotateRight:4,flipHorizontal:4,flipVertical:4},tooltip:!1,movable:!0,zoomable:!0,rotatable:!0,scalable:!0,transition:!0,fullscreen:!1,keyboard:!0};return n.navbar=!0,n.toolbar.prev=4,n.toolbar.next=4,n}()),a=AC(a,pi(t));let l=!1;a.hide=function(){l||(l=!0,d.hide(!0))},a.hidden=function(){d.destroy(),i.resolve("close")};let s=function(){let n=Eg();return HC||n.Viewer}(),d=new s(r,a);return d.show(),i}async function PC(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3?arguments[3]:void 0;return Ca(o)||(o=["https://cdn.jsdelivr.net/npm/viewerjs@1.11.5/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.11.5/dist/viewer.min.js"]),await zk(o),LC(n,e,t)}const DC={components:{WIconLoading:hd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/viewerjs@1.10.5/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.10.5/dist/viewer.min.js"]},images:{type:Array,default:()=>[]},imageStyle:{type:Object,default:()=>{}},opt:{type:Object,default:()=>{}},multiple:{type:Boolean,default:!1}},data:function(){return{loading:!0}},mounted:function(){let n=this;zk(n.pathItems).then((e=>{n.loading=!1,n.$nextTick((()=>{Ze(fn(n,"$refs.wiv",[]),((n,e)=>{_f(n,{duration:200,delay:100*e})}))}))}))},computed:{useImageStyle:function(){return AC({margin:"5px"},this.imageStyle)}},methods:{showImg:function(n){let e=this,t=null;e.multiple&&(t=e.$refs.wig),PC(n.currentTarget,t,e.opt,e.pathItems).catch((n=>{console.log(n)}))}}};var FC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n.loading?t("WIconLoading"):t("div",{ref:"wig"},n._l(n.images,(function(e,o){return t("div",{key:o,ref:"wiv",refInFor:!0,staticStyle:{display:"inline-block",opacity:"0","user-select":"none",cursor:"pointer",outline:"none"},attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.showImg.apply(null,arguments)},click:n.showImg}},[t("img",{style:n.useImageStyle,attrs:{src:e}})])})),0)],1)};FC._withStripped=!0;const RC={components:{demolink:eu,WImageViewerDyn:Sa({render:FC,staticRenderFns:[]},(function(n){n&&n("data-v-35b6b4fe_0",{source:"\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\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\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\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\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WImageViewerDyn.vue"},media:void 0})}),DC,"data-v-35b6b4fe",false,undefined,!1,_a,void 0,void 0)},props:{},data:function(){return{WImageViewerDyn:{opt1:{images:["https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/view/001.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/view/002.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/view/003.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/view/004.jpg"],imageStyle:{maxWidth:"300px",maxHeight:"300px"},opt:{}},opt2:{images:["https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/view/005.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/view/006.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/view/007.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/view/008.jpg"],imageStyle:{maxWidth:"300px",maxHeight:"300px"},opt:{}}},actions:[]}}};var jC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-viewer-dyn",casename:"one image"}}),n._v(" "),t("w-image-viewer-dyn",{attrs:{images:n.WImageViewerDyn.opt1.images,imageStyle:n.WImageViewerDyn.opt1.imageStyle,opt:n.WImageViewerDyn.opt1.opt}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-viewer-dyn",casename:"multiple image with navbar"}}),n._v(" "),t("w-image-viewer-dyn",{attrs:{images:n.WImageViewerDyn.opt2.images,imageStyle:n.WImageViewerDyn.opt2.imageStyle,opt:n.WImageViewerDyn.opt2.opt,multiple:!0}})],1)])])};jC._withStripped=!0;const zC=Sa({render:jC,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-image-viewer-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//github.com/fengyuanchen/viewerjs",target:"_blank",rel:"noreferrer noopener"}},[n._v("Viewer.js")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//fengyuanchen.github.io/viewerjs/",target:"_blank",rel:"noreferrer noopener"}},[n._v("Viewer.js examples")])])}]},(function(n){n&&n("data-v-650a15ca_0",{source:"\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\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\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\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\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWImageViewerDyn.vue"},media:void 0})}),RC,"data-v-650a15ca",false,undefined,!1,_a,void 0,void 0);var ZC=4294967295,VC=Math.min;function $C(n,e){if((n=Wi(n))<1||n>9007199254740991)return[];var t=ZC,o=VC(n,ZC);e=ze(e),n-=ZC;for(var r=ee(o,e);++t<n;)e(t);return r}function EC(){return new function(n,e){let t=null;rs(n)||(n=0),n=Fi(n),ma(e)||(e=!1);let o=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=0,t=[];lp(n)&&(n=0),n=Fi(n);let o=Zi();return o.get=function(){return t.length>0?(e+=1,t.splice(0,1)[0]):null},o.cb=function(){e-=1,e<0&&(e=0),t.length>0&&o.emit("message",t)},o.push=function(r){t.push(r),(n<=0||e<n)&&o.emit("message",t)},o.clear=function(){e=0,t=[]},o}(n);return o.on("message",(async function(n){let e=o.get();if(!e)return;await _p(1);let t,r=fn(e,"id"),i=fn(e,"fun"),a=fn(e,"input");t=Vi(i)?await Ap(i)(...a):{state:"error",msg:"fun is not a function"},o.emit(r,t),o.cb()})),function(n){let r=El(),i=Mi();t=i;for(var a=arguments.length,l=new Array(a>1?a-1:0),s=1;s<a;s++)l[s-1]=arguments[s];let d={id:i,fun:n,input:l};return o.push(d),o.once(i,(n=>{e?i===t?"success"===n.state?r.resolve(n.msg):r.reject(n.msg):r.reject({reason:"cancelled"}):"success"===n.state?r.resolve(n.msg):r.reject(n.msg)})),r}}(arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,arguments.length>1&&void 0!==arguments[1]&&arguments[1])}let GC=!1;var XC={directives:{domresize:Ni()},components:{WIconLoading:hd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/viewerjs@1.10.5/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.10.5/dist/viewer.min.js"]},images:{type:Array,default:()=>[]},imageWidth:{type:Number,default:300},imageWidthSoft:{type:Number,default:null},colNum:{type:Number,default:null},space:{type:Number,default:15},imageStyle:{type:Object,default:()=>{}},arrangeWhenFinish:{type:Boolean,default:!1},numParallel:{type:Number,default:5},opt:{type:Object,default:()=>{}}},data:function(){return{dbc:Eu(),loading:!0,first:!1,widthPanel:0,heightPanel:0,imageCols:[],imageLocs:[],useImageStyle:{},uesImageWidth:0,imagesRes:[]}},mounted:function(){let n=this;zk(n.pathItems).then((e=>{n.loading=!1}))},computed:{changeImages:function(){let n=this.images;return this.refreshDebounce({images:n}),""},changeStyle:function(){let n=this,e=n.widthPanel,t=n.imageWidth,o=n.imageStyle,r=n.colNum,i=n.space;return n.refreshDebounce({widthPanel:e,imageWidth:t,imageStyle:o,colNum:r,space:i}),""}},methods:{resize:function(n){let e=this,t=fn(e,"$el.offsetWidth",0);GC||e.widthPanel!==t&&(e.widthPanel=t)},getImgSize:function(n,e){let t=El(),o=`g${Mi()}`,r=document.createElement("img");r.src=n,r.style.maxWidth=`${e}px`;let i=document.createElement("div");return i.id=`img-${o}`,i.style.position="absolute",i.style.width=0,i.style.height=0,i.style.opacity=0,i.style.overflow="hidden",i.appendChild(r),document.body.appendChild(i),r.onload=function(){t.resolve({src:n,id:o,w:r.clientWidth,h:r.clientHeight,err:null}),da(i)},r.onerror=function(e){t.reject({src:n,w:0,h:0,err:e}),da(i)},t},getImgsSize:function(n,e){let t=this,o=Zi(),r=EC(t.numParallel);t.imagesRes=[];let i=-1;return Ze(t.images,((a,l)=>{r(t.getImgSize,a,n).then((n=>{i++;let r=i;t.arrangeWhenFinish&&(r=l);let a={...n,name:(s=n.src,s.split("\\").pop().split("/").pop()),ind:r,evKey:e};var s;t.imagesRes[r]=a,o.emit("get",a)})).catch((n=>{console.log(n)}))})),o},refreshDebounce:function(){let n=this;n.dbc((()=>{n.refresh()}))},refresh:function(){let n=this,e=null,t=null;if(ha(n.imageWidthSoft)&&n.imageWidthSoft>0)t=(n.widthPanel+n.space)/(n.imageWidthSoft+n.space),t=Math.floor(t),t=Math.max(t,1),e=(n.widthPanel-n.space*(t-1))/t;else if(Ri(n.colNum))t=Fi(n.colNum),e=(n.widthPanel-(t-1)*n.space)/t,e=Math.floor(e);else if(ha(n.imageWidth)&&n.imageWidth>0){e=n.imageWidth;let o=n.widthPanel+n.space;o=Math.max(o,0);let r=e+n.space;r=Math.max(r,1),t=Math.floor(o/r)}else console.log("invalid colNum or imageWidth or imageWidthSoft",n.colNum,n.imageWidth,n.imageWidthSoft),t=4,e=300;n.uesImageWidth=e;let o={...n.imageStyle,"max-width":`${e}px`,"user-select":"none",cursor:"pointer",outline:"none"};function r(){n.imageCols=Io($C(t),(()=>[])),n.imageLocs=Io($C(t),(()=>0))}function i(e){if(!ya(n.imageCols))return;let t=function(){let e=n.imageLocs[0],t=0;return Ze(n.imageLocs,((n,o)=>{e>n&&(e=n,t=o)})),t}();try{n.imageCols[t].push(e),n.imageLocs[t]+=e.h+n.space+53}catch(n){}}function a(){r(),Ze(n.imagesRes,(n=>{i(n)}))}n.useImageStyle=o,n.first?a():function(){let t=El();r();let o=Mi(),l=Oo(n.images),s=n.getImgsSize(e,o),d=0;s.on("get",(e=>{e.evKey===o&&(i(e),d++,d>=l&&(n.first=!0,n.arrangeWhenFinish&&a(),t.resolve()))}))}()},showImg:function(n,e){let t=this;GC=!0,PC(n.currentTarget,null,t.opt,t.pathItems).finally((()=>{GC=!1})),t.$emit("click",e)}}};const MC=XC;var NC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeImages:n.changeImages,changeStyle:n.changeStyle},on:{domresize:n.resize}},[t("div",{staticStyle:{"margin-top":"-1px",height:"1px"}}),n._v(" "),n.loading?t("WIconLoading"):t("div",n._l(n.imageCols,(function(e,o){return t("div",{key:"c-"+o,style:"display:table-cell; vertical-align:top; margin:0; padding-left:"+(o>0?n.space:0)+"px;"},n._l(e,(function(e,o){return t("div",{key:"kimg-"+o,class:n.first?"":"fadeIn",style:"margin:"+(o>0?n.space:0)+"px 0 0 0; width:"+n.uesImageWidth+"px; user-select:none; outline:none;",attrs:{tabindex:"0"}},[t("div",{style:"display:flex;"},[t("img",{style:n.useImageStyle,attrs:{src:e.src},on:{keyup:function(t){return!t.type.indexOf("key")&&n._k(t.keyCode,"enter",13,t.key,"Enter")?null:function(t){n.showImg(t,e)}.apply(null,arguments)},click:function(t){n.showImg(t,e)}}})]),n._v(" "),t("div",{staticStyle:{background:"rgba(0,0,0,0.65)",padding:"5px"}},[t("input",{staticClass:"inp",staticStyle:{"font-size":"0.8rem",color:"#fff"},attrs:{type:"text",_spellcheck:"false",readonly:""},domProps:{value:e.name}})]),n._v(" "),t("div",{staticStyle:{background:"rgba(200,200,200,0.5)",padding:"3px 5px"}},[t("input",{staticClass:"inp",staticStyle:{"font-size":"0.7rem",opacity:"0.75"},attrs:{type:"text",_spellcheck:"false",readonly:""},domProps:{value:e.src}})])])})),0)})),0)],1)};NC._withStripped=!0;const OC={components:{demolink:eu,WImageCascadingDyn:Sa({render:NC,staticRenderFns:[]},(function(n){n&&n("data-v-08881f50_0",{source:"\n.inp[data-v-08881f50] {\r\n    font: inherit;\r\n    height: 1rem;\r\n    line-height: 1rem;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: block;\r\n    background: transparent;\r\n    border-style: none;\n}\n.inp[data-v-08881f50]:focus {\r\n    outline: none;\n}\n.fadeIn[data-v-08881f50] {\r\n    animation: aniFadeIn-data-v-08881f50 0.3s;\n}\n@keyframes aniFadeIn-data-v-08881f50\r\n{\nfrom {opacity: 0;}\nto {opacity: 1}\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WImageCascadingDyn.vue"],names:[],mappings:";AAolBA;IACA,aAAA;IACA,YAAA;IACA,iBAAA;IACA,WAAA;IACA,SAAA;IACA,UAAA;IACA,cAAA;IACA,uBAAA;IACA,kBAAA;AACA;AACA;IACA,aAAA;AACA;AACA;IACA,yCAAA;AACA;AACA;;AAEA,MAAA,UAAA,CAAA;AACA,IAAA,UAAA;AACA",file:"WImageCascadingDyn.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeImages=\"changeImages\"\r\n        :changeStyle=\"changeStyle\"\r\n        v-domresize\r\n        @domresize=\"resize\"\r\n    >\r\n\r\n        \x3c!-- 初始化無圖片時先撐開寬度 --\x3e\r\n        <div style=\"margin-top:-1px; height:1px;\"></div>\r\n\r\n        <WIconLoading v-if=\"loading\"></WIconLoading>\r\n\r\n        <div v-else>\r\n\r\n            <div\r\n                :style=\"`display:table-cell; vertical-align:top; margin:0; padding-left:${kimgs>0?space:0}px;`\"\r\n                :key=\"`c-${kimgs}`\"\r\n                v-for=\"(imgs,kimgs) in imageCols\"\r\n            >\r\n\r\n                <div\r\n                    :class=\"`${first?'':'fadeIn'}`\"\r\n                    :style=\"`margin:${kimg>0?space:0}px 0 0 0; width:${uesImageWidth}px; user-select:none; outline:none;`\"\r\n                    tabindex=\"0\"\r\n                    :key=\"`kimg-${kimg}`\"\r\n                    v-for=\"(img,kimg) in imgs\"\r\n                >\r\n\r\n                    <div :style=\"`display:flex;`\">\r\n                        <img\r\n                            :style=\"useImageStyle\"\r\n                            :src=\"img.src\"\r\n                            @keyup.enter=\"(e)=>{showImg(e,img)}\"\r\n                            @click=\"(e)=>{showImg(e,img)}\"\r\n                        >\r\n                    </div>\r\n\r\n                    <div style=\"background:rgba(0,0,0,0.65); padding:5px;\">\r\n                        <input\r\n                            type=\"text\"\r\n                            class=\"inp\"\r\n                            style=\"font-size:0.8rem; color:#fff;\"\r\n                            _spellcheck=\"false\"\r\n                            readonly\r\n                            :value=\"img.name\"\r\n                        >\r\n                    </div>\r\n\r\n                    <div style=\"background:rgba(200,200,200,0.5); padding:3px 5px;\">\r\n                        <input\r\n                            type=\"text\"\r\n                            class=\"inp\"\r\n                            style=\"font-size:0.7rem; opacity:0.75;\"\r\n                            _spellcheck=\"false\"\r\n                            readonly\r\n                            :value=\"img.src\"\r\n                        >\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport each from 'lodash-es/each'\r\nimport map from 'lodash-es/map'\r\nimport get from 'lodash-es/get'\r\nimport times from 'lodash-es/times'\r\nimport size from 'lodash-es/size'\r\nimport isNumber from 'lodash-es/isNumber'\r\nimport importResources from 'wsemi/src/importResources.mjs'\r\nimport domShowImagesDyn from 'wsemi/src/domShowImagesDyn.mjs'\r\nimport ispint from 'wsemi/src/ispint.mjs'\r\nimport cint from 'wsemi/src/cint.mjs'\r\nimport isarr from 'wsemi/src/isarr.mjs'\r\nimport genPm from 'wsemi/src/genPm.mjs'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport pmQueue from 'wsemi/src/pmQueue.mjs'\r\nimport domRemove from 'wsemi/src/domRemove.mjs'\r\nimport evem from 'wsemi/src/evem.mjs'\r\nimport debounce from 'wsemi/src/debounce.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport WIconLoading from './WIconLoading.vue'\r\n\r\n\r\n//showViewer, 得要跨組件共用, 因彈出viewer會影響全部組件\r\nlet showViewer = false\r\n\r\n\r\nfunction getFileName(str) {\r\n    return str.split('\\\\').pop().split('/').pop()\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [pathItems=['詳見原始碼']] 輸入viewerjs組件js與css檔案位置字串陣列，預設詳見原始碼處props->pathItems->default\r\n * @vue-prop {Array} [images=[]] 輸入圖片網址陣列，預設[]\r\n * @vue-prop {Number} [imageWidth=300] 輸入圖片寬度數字，單位為px，預設300\r\n * @vue-prop {Number} [imageWidthSoft=null] 輸入自動計算最小需滿足的圖片寬度數字，單位為px，預設null\r\n * @vue-prop {Number} [colNum=null] 輸入組件寬度圖片欄位(水平向有幾張圖片)數量數字，預設null\r\n * @vue-prop {Number} [space=15] 輸入圖片間間距長度數字，單位為px，預設15\r\n * @vue-prop {Object} [imageStyle={}] 輸入圖片style物件，預設{}\r\n * @vue-prop {Object} [arrangeWhenFinish=false] 輸入是否於圖片載入完畢時依照原本圖片順序排序布林值，預設false\r\n * @vue-prop {Number} [numParallel=5] 輸入同時載入圖片數量數字，預設5\r\n * @vue-prop {Object} [opt={}] 輸入viewerjs設定物件，預設使用optOne或optMuti，若img僅一個則使用optOne，反之使用optMuti\r\n * @vue-prop {Boolean} [multiple=false] 輸入\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WIconLoading,\r\n    },\r\n    props: {\r\n        pathItems: {\r\n            type: Array,\r\n            default: () => [ //預設值詳見 wsemi/src/domShowImagesDyn.mjs, 因此處有預載, 故所使用viewerjs的版本得相同\r\n                'https://cdn.jsdelivr.net/npm/viewerjs@1.10.5/dist/viewer.min.css',\r\n                'https://cdn.jsdelivr.net/npm/viewerjs@1.10.5/dist/viewer.min.js',\r\n            ],\r\n        },\r\n        images: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        imageWidth: {\r\n            type: Number,\r\n            default: 300,\r\n        },\r\n        imageWidthSoft: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        colNum: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        space: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        imageStyle: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n        arrangeWhenFinish: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        numParallel: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        opt: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            dbc: debounce(),\r\n\r\n            loading: true,\r\n            first: false,\r\n\r\n            widthPanel: 0,\r\n            heightPanel: 0,\r\n            imageCols: [],\r\n            imageLocs: [],\r\n            useImageStyle: {},\r\n            uesImageWidth: 0,\r\n\r\n            imagesRes: [],\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        //importResources\r\n        importResources(vo.pathItems)\r\n            .then((res) => {\r\n                //console.log('res', res)\r\n\r\n                //loading\r\n                vo.loading = false\r\n\r\n            })\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeImages: function() {\r\n            // console.log('computed changeImages')\r\n\r\n            let vo = this\r\n\r\n            let images = vo.images\r\n\r\n            //refreshDebounce\r\n            vo.refreshDebounce({ images })\r\n\r\n            return ''\r\n        },\r\n\r\n        changeStyle: function() {\r\n            // console.log('computed changeStyle')\r\n\r\n            let vo = this\r\n\r\n            //for trigger\r\n            let widthPanel = vo.widthPanel\r\n            let imageWidth = vo.imageWidth\r\n            let imageStyle = vo.imageStyle\r\n            let colNum = vo.colNum\r\n            let space = vo.space\r\n\r\n            //refreshDebounce\r\n            vo.refreshDebounce({ widthPanel, imageWidth, imageStyle, colNum, space })\r\n\r\n            return ''\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resize: function(msg) {\r\n            // console.log('methods resize', msg)\r\n\r\n            let vo = this\r\n\r\n            //widthPanel\r\n            let widthPanel = get(vo, '$el.offsetWidth', 0)\r\n\r\n            //check, 因開啟viewer會改變視窗尺寸, 進而觸發resize, 會導致觸發changeStyle並重算圖片, 故得使用showViewer判斷是否為開啟viewer狀態, 避免重算圖片\r\n            if (showViewer) {\r\n                return\r\n            }\r\n\r\n            //check\r\n            if (vo.widthPanel === widthPanel) {\r\n                return\r\n            }\r\n\r\n            //save\r\n            vo.widthPanel = widthPanel\r\n\r\n        },\r\n\r\n        getImgSize: function(src, uesImageWidth) {\r\n            //console.log('methods getImgSize', src, uesImageWidth)\r\n\r\n            // let vo = this\r\n\r\n            //pm\r\n            let pm = genPm()\r\n\r\n            //id\r\n            let id = `g${genID()}`\r\n\r\n            //img\r\n            let img = document.createElement('img')\r\n            img.src = src\r\n            img.style.maxWidth = `${uesImageWidth}px`\r\n\r\n            //div\r\n            let div = document.createElement('div')\r\n            div.id = `img-${id}`\r\n            div.style.position = 'absolute'\r\n            div.style.width = 0\r\n            div.style.height = 0\r\n            div.style.opacity = 0\r\n            div.style.overflow = 'hidden'\r\n            div.appendChild(img)\r\n\r\n            //body\r\n            document.body.appendChild(div)\r\n\r\n            //onload\r\n            img.onload = function() {\r\n                // setTimeout(() => {\r\n                //     pm.resolve({\r\n                //         src,\r\n                //         id,\r\n                //         w: img.clientWidth,\r\n                //         h: img.clientHeight,\r\n                //         err: null,\r\n                //     })\r\n                //     domRemove(div)\r\n                // }, random(10, 2500))\r\n                pm.resolve({\r\n                    src,\r\n                    id,\r\n                    w: img.clientWidth,\r\n                    h: img.clientHeight,\r\n                    err: null,\r\n                })\r\n                domRemove(div)\r\n            }\r\n\r\n            //onerror\r\n            img.onerror = function(err) {\r\n                pm.reject({\r\n                    src,\r\n                    w: 0,\r\n                    h: 0,\r\n                    err,\r\n                })\r\n                domRemove(div)\r\n            }\r\n\r\n            return pm\r\n        },\r\n\r\n        getImgsSize: function(uesImageWidth, evKey) {\r\n            //console.log('methods getImgsSize', uesImageWidth, evKey)\r\n\r\n            let vo = this\r\n\r\n            //ev\r\n            let ev = evem()\r\n\r\n            //pmQueue\r\n            let pmq = pmQueue(vo.numParallel) //1次取得numParallel個圖片\r\n\r\n            //getImgSize\r\n            vo.imagesRes = []\r\n            let j = -1\r\n            each(vo.images, (src, k) => {\r\n                pmq(vo.getImgSize, src, uesImageWidth)\r\n                    .then((r) => {\r\n                        j++\r\n\r\n                        //ind\r\n                        let ind = j\r\n                        if (vo.arrangeWhenFinish) { //需依照原始順序排序\r\n                            ind = k\r\n                        }\r\n\r\n                        //o\r\n                        let o = {\r\n                            ...r,\r\n                            name: getFileName(r.src),\r\n                            ind,\r\n                            evKey,\r\n                        }\r\n\r\n                        //save imagesRes\r\n                        vo.imagesRes[ind] = o\r\n\r\n                        //emit\r\n                        ev.emit('get', o)\r\n\r\n                    })\r\n                    .catch((err) => {\r\n                        console.log(err)\r\n                    })\r\n            })\r\n\r\n            return ev\r\n        },\r\n\r\n        refreshDebounce: function() {\r\n            //console.log('methods refreshDebounce')\r\n\r\n            let vo = this\r\n\r\n            //dbc\r\n            vo.dbc(() => {\r\n\r\n                //refresh\r\n                vo.refresh()\r\n\r\n            })\r\n\r\n        },\r\n\r\n        refresh: function() {\r\n            // console.log('methods refresh')\r\n\r\n            let vo = this\r\n\r\n            //uesImageWidth, colNum\r\n            let uesImageWidth = null\r\n            let colNum = null\r\n            if (isNumber(vo.imageWidthSoft) && vo.imageWidthSoft > 0) {\r\n                // console.log('優先使用imageWidthSoft計算colNum與imageWidth')\r\n\r\n                //colNum\r\n                colNum = (vo.widthPanel + vo.space) / (vo.imageWidthSoft + vo.space)\r\n                colNum = Math.floor(colNum)\r\n                colNum = Math.max(colNum, 1)\r\n                // console.log('colNum', colNum)\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = (vo.widthPanel - vo.space * (colNum - 1)) / colNum\r\n                // console.log('uesImageWidth', uesImageWidth)\r\n\r\n            }\r\n            else if (ispint(vo.colNum)) {\r\n                // console.log('次先使用colNum計算imageWidth')\r\n\r\n                //colNum\r\n                colNum = cint(vo.colNum)\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = (vo.widthPanel - (colNum - 1) * vo.space) / colNum\r\n                uesImageWidth = Math.floor(uesImageWidth)\r\n\r\n            }\r\n            else if (isNumber(vo.imageWidth) && vo.imageWidth > 0) {\r\n                // console.log('最後使用imageWidth計算colNum')\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = vo.imageWidth\r\n\r\n                //colNum\r\n                let wa = vo.widthPanel + vo.space\r\n                wa = Math.max(wa, 0)\r\n                let wis = uesImageWidth + vo.space\r\n                wis = Math.max(wis, 1)\r\n                colNum = Math.floor(wa / wis)\r\n\r\n            }\r\n            else {\r\n                console.log('invalid colNum or imageWidth or imageWidthSoft', vo.colNum, vo.imageWidth, vo.imageWidthSoft)\r\n                colNum = 4\r\n                uesImageWidth = 300\r\n            }\r\n            vo.uesImageWidth = uesImageWidth\r\n\r\n            //useImageStyle\r\n            let useImageStyle = {\r\n                ...vo.imageStyle,\r\n                'max-width': `${uesImageWidth}px`,\r\n                'user-select': 'none',\r\n                'cursor': 'pointer',\r\n                'outline': 'none',\r\n            }\r\n            vo.useImageStyle = useImageStyle\r\n\r\n            function getMinHeightCol() {\r\n                let hmin = vo.imageLocs[0]\r\n                let ihmin = 0\r\n                each(vo.imageLocs, (v, i) => {\r\n                    if (hmin > v) {\r\n                        hmin = v\r\n                        ihmin = i\r\n                    }\r\n                })\r\n                return ihmin\r\n            }\r\n\r\n            function resetImageColsAndLocs() {\r\n                vo.imageCols = map(times(colNum), () => {\r\n                    return []\r\n                })\r\n                vo.imageLocs = map(times(colNum), () => {\r\n                    return 0\r\n                })\r\n            }\r\n\r\n            function pushImage(img) {\r\n\r\n                //check, 開發階段可能hot reload組件導致出現上一輪事件\r\n                if (!isarr(vo.imageCols)) {\r\n                    return\r\n                }\r\n\r\n                //getMinHeightCol\r\n                let i = getMinHeightCol()\r\n\r\n                try {\r\n\r\n                    //push\r\n                    vo.imageCols[i].push(img)\r\n\r\n                    //update\r\n                    vo.imageLocs[i] += img.h + vo.space + (29 + 24) //29是圖名區高度, 24是位址區高度\r\n\r\n                }\r\n                catch (err) { }\r\n\r\n            }\r\n\r\n            function build() {\r\n\r\n                //pm\r\n                let pm = genPm()\r\n\r\n                //resetImageColsAndLocs\r\n                resetImageColsAndLocs()\r\n\r\n                //evKey\r\n                let evKey = genID()\r\n\r\n                //num\r\n                let num = size(vo.images)\r\n\r\n                //getImgsSize\r\n                let ev = vo.getImgsSize(uesImageWidth, evKey)\r\n\r\n                //pushImage\r\n                let n = 0\r\n                ev.on('get', (img) => {\r\n                    // console.log('get', img)\r\n\r\n                    //check\r\n                    if (img.evKey !== evKey) {\r\n                        return\r\n                    }\r\n\r\n                    //pushImage\r\n                    pushImage(img)\r\n\r\n                    //check\r\n                    n++\r\n                    if (n >= num) {\r\n\r\n                        //first\r\n                        vo.first = true\r\n\r\n                        //arrange\r\n                        if (vo.arrangeWhenFinish) {\r\n                            arrange()\r\n                        }\r\n\r\n                        //resolve\r\n                        pm.resolve()\r\n\r\n                    }\r\n\r\n                })\r\n\r\n                return pm\r\n            }\r\n\r\n            function arrange() {\r\n\r\n                //resetImageColsAndLocs\r\n                resetImageColsAndLocs()\r\n\r\n                //pushImage\r\n                each(vo.imagesRes, (img) => {\r\n                    pushImage(img)\r\n                })\r\n\r\n            }\r\n\r\n            if (!vo.first) {\r\n                // console.log('build')\r\n                build()\r\n            }\r\n            else {\r\n                // console.log('arrange')\r\n                arrange()\r\n            }\r\n\r\n        },\r\n\r\n        showImg: function(e, img) {\r\n            // console.log('methods showImg', e, img)\r\n\r\n            let vo = this\r\n\r\n            //showViewer\r\n            showViewer = true\r\n\r\n            //domShowImagesDyn\r\n            domShowImagesDyn(e.currentTarget, null, vo.opt, vo.pathItems)\r\n                .finally(() => {\r\n\r\n                    //showViewer\r\n                    showViewer = false\r\n\r\n                })\r\n\r\n            //emit\r\n            vo.$emit('click', img)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.inp {\r\n    font: inherit;\r\n    height: 1rem;\r\n    line-height: 1rem;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: block;\r\n    background: transparent;\r\n    border-style: none;\r\n}\r\n.inp:focus {\r\n    outline: none;\r\n}\r\n.fadeIn {\r\n    animation: aniFadeIn 0.3s;\r\n}\r\n@keyframes aniFadeIn\r\n{\r\n    from {opacity: 0;}\r\n    to {opacity: 1}\r\n}\r\n</style>\r\n"]},media:void 0})}),MC,"data-v-08881f50",false,undefined,!1,_a,void 0,void 0)},props:{},data:function(){return{WImageCascadingDyn:{opt1:{images:["https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/001.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/002.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/003.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/004.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/005.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/006.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/007.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/008.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/009.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/010.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/011.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/012.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/013.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/014.jpg","https://cdn.jsdelivr.net/npm/w-demores@1.0.23/res/img/food/015.jpg"],imageStyle:{},opt:{}}},actions:[]}}};var KC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-cascading-dyn",casename:"default(imageWidth=300)"}}),n._v(" "),t("w-image-cascading-dyn",{attrs:{images:n.WImageCascadingDyn.opt1.images,imageStyle:n.WImageCascadingDyn.opt1.imageStyle,opt:n.WImageCascadingDyn.opt1.opt}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-cascading-dyn",casename:"imageWidth"}}),n._v(" "),t("div",{staticStyle:{padding:"5px 0px","font-size":"0.9rem"}},[n._v("\n                colNum=(645-3*15)/150=4\n            ")]),n._v(" "),t("w-image-cascading-dyn",{staticStyle:{width:"645px"},attrs:{imageWidth:150,images:n.WImageCascadingDyn.opt1.images,imageStyle:n.WImageCascadingDyn.opt1.imageStyle,opt:n.WImageCascadingDyn.opt1.opt}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-cascading-dyn",casename:"colNum"}}),n._v(" "),t("w-image-cascading-dyn",{staticStyle:{"max-width":"1200px"},attrs:{colNum:5,images:n.WImageCascadingDyn.opt1.images,imageStyle:n.WImageCascadingDyn.opt1.imageStyle,opt:n.WImageCascadingDyn.opt1.opt}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-cascading-dyn",casename:"imageWidthSoft"}}),n._v(" "),t("w-image-cascading-dyn",{staticStyle:{width:"100%"},attrs:{imageWidthSoft:300,images:n.WImageCascadingDyn.opt1.images,imageStyle:n.WImageCascadingDyn.opt1.imageStyle,opt:n.WImageCascadingDyn.opt1.opt}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-image-cascading-dyn",casename:"arrangeWhenFinish"}}),n._v(" "),t("w-image-cascading-dyn",{staticStyle:{"max-width":"1200px"},attrs:{arrangeWhenFinish:!0,images:n.WImageCascadingDyn.opt1.images,imageStyle:n.WImageCascadingDyn.opt1.imageStyle,opt:n.WImageCascadingDyn.opt1.opt}})],1)])])};KC._withStripped=!0;const YC=Sa({render:KC,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-image-cascading-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//github.com/fengyuanchen/fooderjs",target:"_blank",rel:"noreferrer noopener"}},[n._v("Viewer.js")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//fengyuanchen.github.io/fooderjs/",target:"_blank",rel:"noreferrer noopener"}},[n._v("Viewer.js examples")])])}]},(function(n){n&&n("data-v-c8d1a57e_0",{source:"\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\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\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\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\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\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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWImageCascadingDyn.vue"},media:void 0})}),OC,"data-v-c8d1a57e",false,undefined,!1,_a,void 0,void 0);const JC={components:{WIconLoading:hd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/w-ckeditor-vue@2.0.4/dist/ckeditor.js","https://cdn.jsdelivr.net/npm/w-ckeditor-vue@2.0.4/dist/w-ckeditor-vue.umd.js"]},value:{type:String,default:""},settings:{type:Object,default:()=>{}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;zk(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-ckeditor-vue"];n.default&&(n=n.default),Zk().component("w-ckeditor-vue",n)}n.cmpName="w-ckeditor-vue"}))},computed:{},methods:{}};var UC=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};UC._withStripped=!0;const QC={components:{demolink:eu,WCkeditorVueDyn:Sa({render:UC,staticRenderFns:[]},(function(n){n&&n("data-v-17aae102_0",{source:"\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\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\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\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WCkeditorVueDyn.vue"},media:void 0})}),JC,"data-v-17aae102",false,undefined,!1,_a,void 0,void 0)},props:{},data:function(){return{WCkeditorVueDyn:{content:"abc中文123",settings:{language:"zh",toolbar:{items:["heading","|","fontSize","fontColor","fontBackgroundColor","|","bold","italic","underline","strikethrough","|","subscript","superscript","|","alignment","bulletedList","numberedList","|","redo","undo","|","removeFormat"]}}},actions:[]}}};var qC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-ckeditor-vue-dyn",casename:"default"}}),n._v(" "),t("w-ckeditor-vue-dyn",{staticStyle:{width:"620px"},model:{value:n.WCkeditorVueDyn.content,callback:function(e){n.$set(n.WCkeditorVueDyn,"content",e)},expression:"WCkeditorVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-ckeditor-vue-dyn",casename:"height"}}),n._v(" "),t("w-ckeditor-vue-dyn",{staticStyle:{width:"620px"},attrs:{height:200},model:{value:n.WCkeditorVueDyn.content,callback:function(e){n.$set(n.WCkeditorVueDyn,"content",e)},expression:"WCkeditorVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-ckeditor-vue-dyn",casename:"settings"}}),n._v(" "),t("w-ckeditor-vue-dyn",{staticStyle:{width:"620px"},attrs:{settings:n.WCkeditorVueDyn.settings},model:{value:n.WCkeditorVueDyn.content,callback:function(e){n.$set(n.WCkeditorVueDyn,"content",e)},expression:"WCkeditorVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-ckeditor-vue-dyn",casename:"not editable"}}),n._v(" "),t("w-ckeditor-vue-dyn",{staticStyle:{width:"620px"},attrs:{editable:!1},model:{value:n.WCkeditorVueDyn.content,callback:function(e){n.$set(n.WCkeditorVueDyn,"content",e)},expression:"WCkeditorVueDyn.content"}})],1)])])};qC._withStripped=!0;const nw=Sa({render:qC,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-ckeditor-vue-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("div",{staticStyle:{color:"#f26","margin-bottom":"5px"}},[n._v("* Can not support IE11")]),n._v(" "),t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//github.com/ckeditor/ckeditor5",target:"_blank",rel:"noreferrer noopener"}},[n._v("ckeditor 5")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//ckeditor.com/docs/ckeditor5/latest/examples/builds/classic-editor.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("ckeditor 5 examples")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/ckeditor/ckeditor5-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("ckeditor5-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/yuda-lyu/w-ckeditor-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-ckeditor-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//yuda-lyu.github.io/w-ckeditor-vue/examples/ex-default.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-ckeditor-vue examples")])])}]},(function(n){n&&n("data-v-1f1c9926_0",{source:"\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\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\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\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\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWCkeditorVueDyn.vue"},media:void 0})}),QC,"data-v-1f1c9926",false,undefined,!1,_a,void 0,void 0);const ew={components:{WIconLoading:hd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/tinymce@5.10.7/tinymce.min.js","https://cdn.jsdelivr.net/npm/w-tinymce-vue@2.0.5/dist/w-tinymce-vue.umd.js"]},value:{type:String,default:""},settings:{type:Object,default:()=>{}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;zk(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-tinymce-vue"];n.default&&(n=n.default),Zk().component("w-tinymce-vue",n)}n.cmpName="w-tinymce-vue"}))},computed:{},methods:{}};var tw=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};tw._withStripped=!0;const ow={components:{demolink:eu,WTinymceVueDyn:Sa({render:tw,staticRenderFns:[]},(function(n){n&&n("data-v-e73339a0_0",{source:"\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\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\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\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTinymceVueDyn.vue"},media:void 0})}),ew,"data-v-e73339a0",false,undefined,!1,_a,void 0,void 0)},props:{},data:function(){return{WTinymceVueDyn:{content:"abc中文123",settings:{menubar:"",plugins:"",toolbar:"fontsizeselect | forecolor backcolor | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent"}},actions:[]}}};var rw=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tinymce-vue-dyn",casename:"default"}}),n._v(" "),t("w-tinymce-vue-dyn",{staticStyle:{width:"620px"},model:{value:n.WTinymceVueDyn.content,callback:function(e){n.$set(n.WTinymceVueDyn,"content",e)},expression:"WTinymceVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tinymce-vue-dyn",casename:"height"}}),n._v(" "),t("w-tinymce-vue-dyn",{staticStyle:{width:"620px"},attrs:{height:200},model:{value:n.WTinymceVueDyn.content,callback:function(e){n.$set(n.WTinymceVueDyn,"content",e)},expression:"WTinymceVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tinymce-vue-dyn",casename:"settings"}}),n._v(" "),t("w-tinymce-vue-dyn",{staticStyle:{width:"620px"},attrs:{settings:n.WTinymceVueDyn.settings},model:{value:n.WTinymceVueDyn.content,callback:function(e){n.$set(n.WTinymceVueDyn,"content",e)},expression:"WTinymceVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-tinymce-vue-dyn",casename:"not editable"}}),n._v(" "),t("w-tinymce-vue-dyn",{staticStyle:{width:"620px"},attrs:{editable:!1},model:{value:n.WTinymceVueDyn.content,callback:function(e){n.$set(n.WTinymceVueDyn,"content",e)},expression:"WTinymceVueDyn.content"}})],1)])])};rw._withStripped=!0;const iw=Sa({render:rw,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-tinymce-vue-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//github.com/tinymce/tinymce",target:"_blank",rel:"noreferrer noopener"}},[n._v("tinymce")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//www.tiny.cloud/docs/demo/full-featured/",target:"_blank",rel:"noreferrer noopener"}},[n._v("tinymce examples")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/tinymce/tinymce-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("tinymce-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/yuda-lyu/w-tinymce-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-tinymce-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//yuda-lyu.github.io/w-tinymce-vue/examples/ex-default.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-tinymce-vue examples")])])}]},(function(n){n&&n("data-v-5e291de4_0",{source:"\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\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\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\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\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",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWTinymceVueDyn.vue"},media:void 0})}),ow,"data-v-5e291de4",false,undefined,!1,_a,void 0,void 0);const aw={components:{WIconLoading:hd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.min.js","https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.snow.min.css","https://cdn.jsdelivr.net/npm/w-quill-vue@2.0.4/dist/w-quill-vue.umd.js"]},value:{type:String,default:""},settings:{type:Object,default:()=>{}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;zk(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-quill-vue"];n.default&&(n=n.default),Zk().component("w-quill-vue",n)}n.cmpName="w-quill-vue"}))},computed:{},methods:{}};var lw=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};lw._withStripped=!0;const sw={components:{demolink:eu,WQuillVueDyn:Sa({render:lw,staticRenderFns:[]},(function(n){n&&n("data-v-52bc7988_0",{source:"\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\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\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\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WQuillVueDyn.vue"},media:void 0})}),aw,"data-v-52bc7988",false,undefined,!1,_a,void 0,void 0)},props:{},data:function(){return{WQuillVueDyn:{content:"abc中文123",settings:{modules:{toolbar:[{size:["small",!1,"large","huge"]}]}}},actions:[]}}};var dw=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-quill-vue-dyn",casename:"default"}}),n._v(" "),t("w-quill-vue-dyn",{staticStyle:{width:"620px"},model:{value:n.WQuillVueDyn.content,callback:function(e){n.$set(n.WQuillVueDyn,"content",e)},expression:"WQuillVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-quill-vue-dyn",casename:"height"}}),n._v(" "),t("w-quill-vue-dyn",{staticStyle:{width:"620px"},attrs:{height:200},model:{value:n.WQuillVueDyn.content,callback:function(e){n.$set(n.WQuillVueDyn,"content",e)},expression:"WQuillVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-quill-vue-dyn",casename:"settings"}}),n._v(" "),t("w-quill-vue-dyn",{staticStyle:{width:"620px"},attrs:{settings:n.WQuillVueDyn.settings},model:{value:n.WQuillVueDyn.content,callback:function(e){n.$set(n.WQuillVueDyn,"content",e)},expression:"WQuillVueDyn.content"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-quill-vue-dyn",casename:"not editable"}}),n._v(" "),t("w-quill-vue-dyn",{staticStyle:{width:"620px"},attrs:{editable:!1},model:{value:n.WQuillVueDyn.content,callback:function(e){n.$set(n.WQuillVueDyn,"content",e)},expression:"WQuillVueDyn.content"}})],1)])])};dw._withStripped=!0;const cw=Sa({render:dw,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-quill-vue-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//github.com/quilljs/quill",target:"_blank",rel:"noreferrer noopener"}},[n._v("quill")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//quilljs.com/playground/",target:"_blank",rel:"noreferrer noopener"}},[n._v("quill examples")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/surmon-china/vue-quill-editor",target:"_blank",rel:"noreferrer noopener"}},[n._v("vue-quill-editor")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/yuda-lyu/w-quill-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-quill-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//yuda-lyu.github.io/w-quill-vue/examples/ex-default.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-quill-vue examples")])])}]},(function(n){n&&n("data-v-c50e5c6a_0",{source:"\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\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\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\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\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\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWQuillVueDyn.vue"},media:void 0})}),sw,"data-v-c50e5c6a",false,undefined,!1,_a,void 0,void 0);const uw={components:{WIconLoading:hd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/w-leaflet-vue@1.0.47/dist/w-leaflet-vue.umd.js"]},opt:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;zk(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-leaflet-vue"];n.default&&(n=n.default),Zk().component("w-leaflet-vue",n)}n.cmpName="w-leaflet-vue"}))},computed:{},methods:{}};var pw=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{opt:n.opt}})};pw._withStripped=!0;var mw={components:{demolink:eu,WLeafletVueDyn:Sa({render:pw,staticRenderFns:[]},(function(n){n&&n("data-v-fa28dff6_0",{source:"\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\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\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\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\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\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\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\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WLeafletVueDyn.vue"},media:void 0})}),uw,"data-v-fa28dff6",false,undefined,!1,_a,void 0,void 0)},props:{},data:function(){let n=window.dataRain,e=[];for(let t=0;t<n.length;t++){let o=n[t];e.push([o.latLng[0],o.latLng[1],o.rain])}return{WLeafletVueDyn:{pointSets:{pointSets:[{title:"pointSet A",msg:"msg from pointSet A",points:[{title:"point A-1",msg:"msg from data A-1",latLng:[24.2,121.27]},{title:"point A-2",msg:"msg from data A-2",latLng:[23.9,120.97]}],visible:!0},{title:"pointSet B",msg:"msg from pointSet B",points:[{title:"point B-1",msg:"msg from data B-1",latLng:[23.3,120.57]},{title:"point B-2",msg:"msg from data B-2",latLng:[23,120.87]}],visible:!1}]},polygonSets:{center:[25,121.58],zoom:10,polygonSets:[{title:"polygonSet A",msg:"msg from polygonSet A",latLngs:[[[24.96,121.41],[25.11,121.47],[25.06,121.69],[24.99,121.61],[24.95,121.53]],[[24.98,121.45],[25.07,121.49],[25.06,121.54],[25,121.5]],[[25.017,121.48],[25.032,121.49],[25.036,121.5],[25.02,121.502]],[[24.99,121.54],[25.056,121.56],[25.05,121.61],[25,121.59]],[[24.92,121.6],[25.045,121.75],[24.99,121.79],[24.93,121.74]],[[24.961,121.523],[24.979,121.551],[24.95,121.674],[24.887,121.606]]],visible:!0},{title:"polygonSet B",msg:"msg from polygonSet B",latLngs:[[[24.971,121.372],[24.976,121.434],[24.937,121.473],[24.918,121.418]],[[24.9,121.14],[24.97,121.09],[25.05,121.177],[24.95,121.32]]],visible:!1}]},contourSets:{center:[24.084,121.068],zoom:8,contourSets:[{title:"contourSet A",msg:"msg from contourSet A",points:[[24.325,120.786,0],[23.944,120.968,10],[24.884,121.234,20],[24.579,121.345,80],[24.664,121.761,40],[23.803,121.397,30],[23.727,120.772,0],[23.539,120.975,0],[23.612,121.434,0],[23.193,120.355,22],[23.456,120.89,42],[23.28,120.551,25],[23.162,121.247,5]],visible:!0},{title:"contourSet B",msg:"msg from contourSet B",points:[[22.607,120.416,0],[22.967,120.663,15],[22.592,120.922,20],[22.717,120.644,45]],visible:!1}]},largeSet:{center:[24.084,121.068],zoom:8,contourSets:[{title:"Rain contour",msg:"data from CWB",points:e,polygonClipOuter:window.dataRainClip,gradient:{0:"rgba(255, 255, 255, 0)",.2:"rgb(254, 178, 76)",.4:"rgb(252, 78, 42)",.6:"rgb(220, 58, 38)",.8:"rgb(200, 40, 23)",1:"rgb(180, 30, 60)"},visible:!0,order:0}],pointSets:[{title:"Rain point",msg:"data from CWB",points:n,visible:!1,order:1,tooltip:function(n){console.log("tooltip v",n);let e="";return e+='<div style="padding:5px 10px;">',e+='<div style="width:150px; color:#222; margin-bottom:5px; white-space:nowrap;"><span style="font-size:0.9rem; color:#f26;">['+n.point.title+']</span> <span style="font-size:0.8rem; ">'+n.point.msg+"</span></div>",e+='<div style="font-size:0.7rem; color:#666; white-space:normal;">降雨量 '+n.point.rain+" cm</div>",e+="</div>",e}}]}},actions:[]}}};const gw=mw;var vw=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),n._m(1),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-leaflet-vue-dyn",casename:"pointSets"}}),n._v(" "),t("w-leaflet-vue-dyn",{staticStyle:{width:"100%",height:"600px"},attrs:{opt:n.WLeafletVueDyn.pointSets}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-leaflet-vue-dyn",casename:"polygonSets"}}),n._v(" "),t("w-leaflet-vue-dyn",{staticStyle:{width:"100%",height:"600px"},attrs:{opt:n.WLeafletVueDyn.polygonSets}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-leaflet-vue-dyn",casename:"contourSets"}}),n._v(" "),t("w-leaflet-vue-dyn",{staticStyle:{width:"100%",height:"600px"},attrs:{opt:n.WLeafletVueDyn.contourSets}})],1),n._v(" "),t("div",{staticClass:"bk",staticStyle:{display:"block"}},[t("demolink",{attrs:{kbname:"w-leaflet-vue-dyn",casename:"contourSet for rain data"}}),n._v(" "),t("w-leaflet-vue-dyn",{staticStyle:{width:"100%",height:"600px"},attrs:{opt:n.WLeafletVueDyn.largeSet}})],1)])])};vw._withStripped=!0;const hw=Sa({render:vw,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-leaflet-vue-dyn")])])},function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{"font-size":"0.9rem","margin-bottom":"10px"}},[t("span",{staticStyle:{"margin-right":"10px"}},[n._v("Links:")]),n._v(" "),t("a",{attrs:{href:"//leafletjs.com/",target:"_blank",rel:"noreferrer noopener"}},[n._v("leaflet")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//leafletjs.com/examples.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("leaflet examples")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//vue2-leaflet.netlify.app/",target:"_blank",rel:"noreferrer noopener"}},[n._v("Vue2Leaflet")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//github.com/yuda-lyu/w-leaflet-vue",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-leaflet-vue")]),n._v(" "),t("span",{staticStyle:{margin:"0px 10px"}},[n._v("|")]),n._v(" "),t("a",{attrs:{href:"//yuda-lyu.github.io/w-leaflet-vue/examples/app.html",target:"_blank",rel:"noreferrer noopener"}},[n._v("w-leaflet-vue examples")])])}]},(function(n){n&&n("data-v-6fa2b3a0_0",{source:"\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\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\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\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\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\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\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\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\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\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\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWLeafletVueDyn.vue"},media:void 0})}),gw,"data-v-6fa2b3a0",false,undefined,!1,_a,void 0,void 0);function fw(n,e){return Ao(n)&&rs(e)?0===(e=Fi(e))?n:is(n,n.length-e):""}function bw(n){let e=0,t=0,o=0,r=Oo(n);Ze(n,(n=>{Ti(n)?e+=1:To(n)?t+=1:Qo(n)&&(o+=1)}));let i="";return e===r?i="num":t===r?i="str":o===r?i="obj":e+t===r?i="str":console.log("eles in array are non-homogeneous",n),i}function yw(n,e){let t=[];if("num"!==e&&"str"!==e&&"files"!==e)throw new Error(`invalid type[${e}]`);if("num"===e)t=Io(n,((n,e)=>({key:e,payload:n,value:Ai(n)})));else if("files"===e)t=Io(n,((n,e)=>({key:e,payload:n,value:ss(n)})));else if("str"===e){let e=Io(n,(n=>function(n){let e=fn(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},"excludeString");if(ga(e)||(e=!1),!Ao(n))return"";let t=n=>n>="0"&&n<="9"||"."===n||"-"===n||"+"===n,o=Dl(n);if(e){let n=o.split("");for(let e=0;e<n.length;e++)if(t(n[e])){o=ls(o,e),n=Um(n,e);break}n=Gx(n);for(let e=0;e<n.length;e++)if(t(n[e])){o=fw(o,e);break}}return o}(n,{excludeString:!0}))),o=0;Ze(e,(n=>{Ti(n)&&o++}));let r=o===Oo(e);t=Io(n,((n,t)=>{let o=n;return r?(o=e[t],o=Ai(o)):o=ss(o),{key:t,payload:n,value:o}}))}return t}function xw(n,e){let t=ts(n,"value");return Io(t,e?"key":"payload")}function kw(n,e){let t=function(n,e){let t=pi(n);return t.sort(((n,t)=>n[e].localeCompare(t[e],"standard",{numeric:!0}))),t}(n,"value");return Io(t,e?"key":"payload")}function Cw(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function ww(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Cw(Object(t),!0).forEach((function(e){er(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Cw(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function Sw(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Ca(n))return{};let t=fn(e,"delimiter");Ao(t)||(t="❯");let o=fn(e,"bindRoot");Ao(o)||(o="root");let r=fn(e,"soryItems"),i=Io(n,((n,e)=>{"folder"!==n.type&&"file"!==n.type&&(n.type="file");let o=(n=>{let e=$l(n=(n=n.replace(/\\\\/g,"\\")).replace(/\\/g,"/"),"/");return{ss:e,cfp:Zl(e,t)}})(n.path);return{ind:e,type:n.type,ss:o.ss,data:pi(n)}})),a=n=>{let e=Oo(n),o=[];for(let r=0;r<e;r++){let e=[];for(let t=0;t<=r;t++)e.push(n[t]);let i=Zl(e,t);o.push({id:i,name:n[r]})}return o},l=-1,s=[],d={};Ze(i,(n=>{let e=[o],r=o,i=Oo(n.ss)-1;Ze(n.ss,((o,c)=>{let u=c<i||"folder"===n.type;e.push(o);let p=null,m=null;c===i&&(p=n.ind,m=n.data);let g=Zl(e,t),v=a(e);if(ds(d,g)){let e=d[g],t="folder"===fn(e,"_type","");if(!t&&u)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${g}] is unrecognized from a file to folder`);if(!t&&!u)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${g}] get repeat data from two files`);if(t&&!u)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${g}] is unrecognized from a folder to file`);if(na(d[g].data)&&na(m))throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${g}] get repeat data from two folders`);if(null===d[g].data&&na(m)){d[g]._indOri=p,d[g].data=m;let n=d[g]._indNormalize,e=s[n];s[n]=ww(ww({},m),{},{type:e.type,path:e.path})}}else{l++;let n=l,t=null;t=u?{_indOri:p,_indNormalize:n,ns:Oo(e),ts:pi(e),pathInfors:v,_type:"folder",type:"array",numOfChilren:-1,id:g,parentId:r,text:o,children:[],data:m}:{_indOri:p,_indNormalize:n,ns:Oo(e),ts:pi(e),pathInfors:v,_type:"file",type:"node",numOfChilren:-1,id:g,parentId:r,text:o,data:m},d[g]=t,s.push(ww(ww({},fn(d[g],"data",{})),{},{type:d[g]._type,path:"/"+Zl(e,"/")}))}r=g}))}));let c=Wp(d);if(c=ts(c,"id"),c=ts(c,"ns"),Vi(r)){let n=[];Ze(cx(c,"ns"),((e,t)=>{Ze(cx(e,"parentId"),((e,o)=>{let i=r(e,o,t);n=[...n,...i]}))})),c=n}let u=[],p=[];Ze(c,(n=>{"folder"===n._type?u.push(n):p.push(n)}));let m=cx(u,"ns"),g=cx(p,"ns"),v=lg(Io(u,"ns")),h=lg(Io(p,"ns")),f=null;{let n=[o];f=[{_indOri:null,_indNormalize:null,ns:Oo(n),ts:pi(n),pathInfors:a(n),_type:"folder",type:"array",numOfChilren:-1,id:o,parentId:"",text:o,children:[],data:null}]}let b={};b[o]="0.children";let y={};y[o]="0";for(let n=2;n<=v;n++){Ze(m[n],(n=>{let e=fn(b,n.parentId,"");if(!Ao(e))throw console.log("kpPathFd",b),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in folder`);let t=fn(f,e);if(ya(t)||Rx(f,e,[]),t=fn(f,e),!na($x(t,{id:n.id}))){t.push(ww(ww({},n),{},{children:[]}));let o=`${e}.${Oo(t)-1}`;b[n.id]=`${o}.children`,y[n.id]=o}}))}let x=pi(f),k={};for(let n=2;n<=h;n++){Ze(g[n],(n=>{let e=fn(b,n.parentId,"");if(!Ao(e))throw console.log("kpPathFd",b),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in file`);let t=fn(f,e);if(!ya(t))throw console.log("treeItems",f),console.log("k",e),console.log("v",n),new Error("無預先建置資料夾");if(!na($x(t,{id:n.id}))){t.push(n);let o=`${e}.${Oo(t)-1}`;k[n.id]=o,y[n.id]=o}}))}return{treeItems:f,treeItemsFolder:x,kpPath:y,fpsNormalize:s}}var Ww={directives:{domresize:Ni()},components:{WIcon:Ha,WTree:wk,WListVertical:Zg,WDrawer:Og,WButtonChip:wu,WButtonCircle:Qc},props:{items:{type:Array,default:()=>[]},bindRoot:{type:String,default:"root"},funSortTree:{type:Function,default:null},showTree:{type:Boolean,default:!0},defaultShowTreeFirst:{type:Boolean,default:!0},treeWidth:{type:Number,default:250},treeWidthMin:{type:Number,default:null},treeWidthMax:{type:Number,default:null},treeAfloat:{type:Boolean,default:!1},treeDefItemHeight:{type:Number,default:30},treeDefaultDisplayLevel:{type:Number,default:null},treePaddingStyle:{type:Object,default:()=>({v:0,h:0})},treeIndent:{type:Number,default:.7},treeItemTextFontSize:{type:String,default:"0.85rem"},treeItemTextColor:{type:String,default:"#444"},treeItemTextColorHover:{type:String,default:"#222"},treeItemTextColorActive:{type:String,default:"#000"},treeFolderIcon:{type:String,default:vl},treeFolderIconSize:{type:Number,default:20},treeFolderIconColor:{type:String,default:"#888"},treeFolderIconColorHover:{type:String,default:"#777"},treeFolderIconColorActive:{type:String,default:"#666"},treeItemBackgroundColor:{type:String,default:"transparent"},treeItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},treeItemBackgroundColorActive:{type:String,default:"rgba(100,100,100,0.2)"},treeItemRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},treeBackgroundColor:{type:String,default:"#fff"},treeDrawerBarSize:{type:Number,default:2},treeDrawerBarColor:{type:String,default:"#ddd"},treeToggleIconSize:{type:Number,default:24},treeToggleIconColor:{type:String,default:"grey"},treeToggleIconDisabledColor:{type:String,default:"grey lighten-1"},treeToggleIconBackgroundColor:{type:String,default:"transparent"},treeToggleIconBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},lineBetweenPathAndListWidth:{type:Number,default:1},lineBetweenPathAndListColor:{type:String,default:"#ddd"},listDefItemHeight:{type:Number,default:30},listPaddingStyle:{type:Object,default:()=>({v:0,h:6})},listItemTextFontSize:{type:String,default:"0.85rem"},listItemTextColor:{type:String,default:"#444"},listItemTextColorHover:{type:String,default:"#222"},listItemTextColorActive:{type:String,default:"#000"},listFolderIcon:{type:String,default:vl},listFileIcon:{type:String,default:"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z"},listItemIconSize:{type:Number,default:22},listItemIconColor:{type:String,default:"#888"},listItemIconColorHover:{type:String,default:"#777"},listItemIconColorActive:{type:String,default:"#666"},listItemBackgroundColor:{type:String,default:"transparent"},listItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},listItemBackgroundColorActive:{type:String,default:"rgba(100,100,100,0.2)"},listItemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},listBackgroundColor:{type:String,default:"#fff"},btnDisplayTreeIconShow:{type:String,default:"M17,12L12,17V14H8V10H12V7L17,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z"},btnDisplayTreeIconHide:{type:String,default:"M7,12L12,7V10H16V14H12V17L7,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z"},btnDisplayTreeIconSize:{type:Number,default:20},btnDisplayTreeIconColor:{type:String,default:"grey darken-1"},btnDisplayTreeIconColorHover:{type:String,default:"grey darken-2"},btnDisplayTreeIconColorFocus:{type:String,default:"grey darken-3"},btnDisplayTreeBackgroundColor:{type:String,default:"transparent"},btnDisplayTreeBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.3)"},btnDisplayTreeBackgroundColorFocus:{type:String,default:"rgba(180,180,180,0.3)"},pathBtnTextColor:{type:String,default:"#444"},pathBtnTextColorHover:{type:String,default:"#222"},pathBtnTextFontSize:{type:String,default:"0.85rem"},pathBtnBackgroundColor:{type:String,default:"transparent"},pathBtnBackgroundColorHover:{type:String,default:"rgb(236,236,236)"},pathSepIcon:{type:String,default:ol},pathSepIconColor:{type:String,default:"#888"},pathSepIconSize:{type:Number,default:18},pathBackgroundColor:{type:String,default:"#fff"},noSelectedText:{type:String,default:"No selected folder"},draggable:{type:Boolean,default:!1},dgTextDisabled:{type:String,default:"Can not drop here"},dgTextDisabledColor:{type:String,default:"#812"},dgTextDisabledPaddingLeft:{type:Number,default:15},dgTextDisabledFontSize:{type:String,default:"0.9rem"},dgTextDisabledBackgroundColor:{type:String,default:"rgba(255,220,240,0.6)"},dgInsertLineColor:{type:String,default:"#29f"},dgInsertBackgroundColor:{type:String,default:"rgba(80,150,255,0.15)"},dgBelongBackgroundColor:{type:String,default:"rgba(80,150,255,0.3)"},dgPreviewOpacity:{type:Number,default:1},dgPreviewDisabledOpacity:{type:Number,default:1},dgPreviewBorderWidth:{type:Number,default:0},dgPreviewBorderColor:{type:String,default:"#f26"},dgPreviewBackground:{type:String,default:"transparent"},operatable:{type:Boolean,default:!1},operateItemTextForRename:{type:String,default:"Rename"},operateItemTextForInsertChild:{type:String,default:"Create sub folder"},operateItemTextForDelete:{type:String,default:"Delete folder"},operateItemIconForRename:{type:String,default:Wl},operateItemIconForInsertChild:{type:String,default:"M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z"},operateItemIconForDelete:{type:String,default:"M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z"},operateItemPaddingStyle:{type:Object,default:()=>({v:10,h:12})},operatePanelWidth:{type:Number,default:170},operatePanelHeight:{type:Number,default:null},operateBtnTooltip:{type:String,default:"Operations"},operateBtnBackgroundColor:{type:String,default:"transparent"},operateBtnBackgroundColorHover:{type:String,default:"rgba(230,230,230,0.7)"},operateBtnBackgroundColorFocus:{type:String,default:"rgba(230,230,230,0.9)"},operateItemBackgroundColor:{type:String,default:"transparent"},operateItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},operateItemHeight:{type:Number,default:42},operateItemTextColor:{type:String,default:"#444"},operateItemTextColorHover:{type:String,default:"#222"},operateItemIconSize:{type:Number,default:22},operateItemIconColor:{type:String,default:"#444"},operateItemIconColorHover:{type:String,default:"#222"},editorRenameContentBackgroundColor:{type:String,default:"white"},editorRenameFooterBackgroundColor:{type:String,default:"grey lighten-5"},editorRenameInputTextColor:{type:String,default:"grey darken-3"},editorRenameInputTextBottomLineBorderColor:{type:String,default:"grey lighten-1"},editorRenameInputTextBottomLineBorderColorHover:{type:String,default:"grey"},editorRenameInputTextBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},editorRenameCancelBtnText:{type:String,default:"Cancel"},editorRenameCancelBtnTextColor:{type:String,default:"grey darken-3"},editorRenameCancelBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIcon:{type:String,default:sl},editorRenameCancelBtnIconSize:{type:Number,default:22},editorRenameCancelBtnIconColor:{type:String,default:"grey darken-1"},editorRenameCancelBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameCancelBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameCancelBtnBackgroundColor:{type:String,default:"white"},editorRenameCancelBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},editorRenameSaveBtnText:{type:String,default:"Save"},editorRenameSaveBtnTextColor:{type:String,default:"grey darken-3"},editorRenameSaveBtnTextColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIcon:{type:String,default:dl},editorRenameSaveBtnIconSize:{type:Number,default:22},editorRenameSaveBtnIconColor:{type:String,default:"grey darken-1"},editorRenameSaveBtnIconColorHover:{type:String,default:"grey darken-2"},editorRenameSaveBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},editorRenameSaveBtnBackgroundColor:{type:String,default:"white"},editorRenameSaveBtnBackgroundColorHover:{type:String,default:"grey lighten-3"}},data:function(){return{panelWidth:0,panelHeight:0,pathHeight:0,showTreeTrans:!0,treeWidthTrans:200,itemsTrans:[],kpPath:null,treeItemsFolder:null,treeItems:null,treeItemActive:null,pathInfors:[],listItems:[],listItemActive:null}},computed:{changeShowTree:function(){return this.showTreeTrans=this.showTree,""},changeTreeWidth:function(){return this.treeWidthTrans=this.treeWidth,""},changeItems:function(){return this.convertItems(this.items),""},useTreeItemHeightMin:function(){return Math.max(this.treeToggleIconSize,this.treeDefItemHeight)},effTreeBackgroundColor:function(){return Qi(this.treeBackgroundColor)},effListBackgroundColor:function(){return Qi(this.listBackgroundColor)},effPathBackgroundColor:function(){return Qi(this.pathBackgroundColor)},effLineBetweenPathAndListColor:function(){return Qi(this.lineBetweenPathAndListColor)},effTreeFolderIconColor:function(){return Qi(this.treeFolderIconColor)},effTreeFolderIconColorHover:function(){return Qi(this.treeFolderIconColorHover)},effTreeFolderIconColorActive:function(){return Qi(this.treeFolderIconColorActive)},useTreeItemTextFontSize:function(){let n=this.treeItemTextFontSize;return n=qi(n,";",""),`font-size:${n};`},useListItemTextFontSize:function(){let n=this.listItemTextFontSize;return n=qi(n,";",""),`font-size:${n};`},effListItemIconColor:function(){return Qi(this.listItemIconColor)},effListItemIconColorHover:function(){return Qi(this.listItemIconColorHover)},effListItemIconColorActive:function(){return Qi(this.listItemIconColorActive)},usePathBtnTextFontSize:function(){let n=this.pathBtnTextFontSize;return n=qi(n,";",""),`font-size:${n};`},effPathBtnTextColor:function(){return Qi(this.pathBtnTextColor)},listHeight:function(){return this.panelHeight-this.pathHeight},btnDisplayTreeInDrawerHeightMin:function(){let n=ba(this.treePaddingStyle,{returnObj:!0}),e=n.top,t=n.bottom;return this.treeDefItemHeight+e+t}},methods:{resizePanel:function(n){this.panelWidth=n.snew.offsetWidth,this.panelHeight=n.snew.offsetHeight},resizePath:function(n){this.pathHeight=n.snew.offsetHeight},soryItems:function(n,e,t){let o=this;return n=function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Ca(n))return[];if(1===Oo(n))return n;let t=fn(e,"localeCompare");ga(t)||(t=!1);let o=fn(e,"returnIndex");ga(o)||(o=!1);let r=fn(e,"compareKey",null),i=null;i=t?kw:xw;let a,l=bw(n);if(""===l)return[];if("obj"===l){if(!Ao(r))return[];let e=Io(n,((n,e)=>fn(n,r,""))),l=bw(e);if("num"!==l&&"str"!==l)return[];{t&&(l="files");let r=i(yw(e,l),!0);a=o?r:Io(r,(e=>n[e]))}}else"num"!==l&&"str"!==l||(t&&(l="files"),a=i(yw(n,l),o));return a}(n,{compareKey:"text",localeCompare:!0}),Vi(o.funSortTree)&&(n=o.funSortTree(n)),n},showTreeFirstFolder:function(){let n=this.bindRoot;this.triggerClickTreeFolderById(n)},convertItems:function(){let n=this;(async function(){let e=Sw(n.items,{bindRoot:n.bindRoot,soryItems:n.soryItems});n.itemsTrans=e.fpsNormalize,n.treeItemsFolder=e.treeItemsFolder,n.treeItems=e.treeItems,n.kpPath=e.kpPath,n.defaultShowTreeFirst&&n.showTreeFirstFolder()})().catch((n=>{console.log(n)}))},emitShowTreeDelay:function(n){let e=this;setTimeout((()=>{e.emitShowTree(n)}),1)},emitShowTree:function(n){this.showTreeTrans=n,this.$emit("update:showTree",n)},emitDrawerWidth:function(n){this.treeWidthTrans=n,this.$emit("update:treeWidth",n)},getTreeFolderIconColor:function(n){let e=this,t=fn(n,"isHover");ga(t)||(t=!1);let o=fn(n,"isActive");return ga(o)||(o=!1),o?e.effTreeFolderIconColorActive:t?e.effTreeFolderIconColorHover:e.effTreeFolderIconColor},getListItemIconColor:function(n){let e=this,t=fn(n,"isHover");ga(t)||(t=!1);let o=fn(n,"isActive");return ga(o)||(o=!1),o?e.effListItemIconColorActive:t?e.effListItemIconColorHover:e.effListItemIconColor},listFolder:function(n){let e=this,t=Io(n,(n=>{let t="",o="";return"folder"===n._type?(t=n.text,o=e.listFolderIcon):(t=n.text,o=e.listFileIcon),{text:t,icon:o,data:n}}));e.listItems=t},displayFolderById:function(n,e){let t=this,o=t.kpPath[n],r=fn(t.treeItems,o),i=`${o}.children`,a=fn(t.treeItems,i);t.listFolder(a);let l=fn(r,"pathInfors",[]);t.pathInfors=l},ckTreeFolder:function(n){let e=this,t=fn(n,"data",null),o=fn(n,"data.id","");e.displayFolderById(o,"ckTreeFolder"),e.$emit("click-folder",{from:"tree",item:t}),e.$emit("click",{type:"folder",from:"tree",item:t}),e.$nextTick((()=>{e.listItemActive=null}))},ckListItem:function(n){let e=this,t=fn(n,"item.data",null),o=fn(n,"item.data.id","");"folder"===fn(n,"item.data._type","")?(e.displayFolderById(o,"ckListItem"),e.$emit("click-folder",{from:"list",item:t}),e.$emit("click",{type:"folder",from:"list",item:t}),setTimeout((()=>{e.treeItemActive=null,e.listItemActive=null}),300)):(e.$emit("click-file",{from:"list",item:t}),e.$emit("click",{type:"file",from:"list",item:t}))},ckPathFolder:function(n){let e=this,t=fn(n,"id","");e.displayFolderById(t,"ckPathFolder"),e.$emit("click-folder",{from:"path",item:n}),e.$emit("click",{type:"folder",from:"path",item:n}),e.$nextTick((()=>{e.treeItemActive=null,e.listItemActive=null}))},toggleTreeFoldersByFun:function(n){return this.$refs.wt.toggleItemsByFun(n)},toggleTreeFoldersAll:function(n,e){return this.$refs.wt.toggleItemsAll(n,e)},triggerClickTreeFolderById:function(n){let e={data:{id:n}};this.ckTreeFolder(e),this.treeItemActive={id:n}},triggerClickTreeFolderByFun:async function(n){let e=this;if(!Vi(n))return;let t=[];Ze(e.kpPath,(n=>{let o=fn(e.treeItems,n,"");t.push(o)}));let o=n({treeItemsFolder:e.treeItemsFolder,treeItems:e.treeItems,kpPath:e.kpPath,treeItemsSpread:t});Vu(o)&&(o=await o);let r=fn(o,"id");Ao(r)?e.triggerClickTreeFolderById(r):console.log("invalid id",r)},useFunOperateItem:function(n){let e=["Rename","InsertChild","Delete"];return fn(n,"item.id","")===this.bindRoot&&(e=["InsertChild"]),e},changeData:function(n){},changeItem:function(n){let e=this,t=n=>{let e=Oo(n)-1;if(e<1)throw new Error(`n1${e} < 1`);let t=e-1;if(t<0)throw new Error(`n2${t} < 0`);let o=fn(n,e,{}),r=fn(o,"text","");if(!Ao(r))throw new Error("node.text is not a string");let i=fn(n,t,{}),a="/"+Zl([...fn(i,"ts",[]),r],"/");return{...o,type:"folder",path:a}},o=[];if("add"===n.mode){if("belongto"!==n.kind)throw console.log(n),new Error(`kind[${n.kind}] is not supported`);let r=t(n.pathInforsNew);o=pi(e.itemsTrans),o.push(r)}else if("delete"===n.mode){let r=t(n.pathInforsOri),i=Oo(r.path),a=pi(e.itemsTrans);o=[],Ze(a,(n=>{is(n.path,i)!==r.path&&o.push(n)}))}else if("move"===n.mode||"rename"===n.mode){let t=n.pathInforsOri,r=n.pathInforsNew,i="/"+Zl(Io(t,"text"),"/"),a=Oo(i),l="/"+Zl(Io(r,"text"),"/");o=pi(e.itemsTrans),o=Io(o,(n=>{if(is(n.path,a)===i){let e=ls(n.path,a);n.path=l+e}return n}))}o=(n=>{let t=Oo(e.bindRoot)+1;return n=Io(n,(n=>(n.path=ls(n.path,t),n)))})(o),e.$emit("update:items",o),e.$emit("change-item",n)},clickOperateItem:function(n){this.$emit("click-operate-item",n)}}};const _w=Ww;var Iw=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeShowTree:n.changeShowTree,changeTreeWidth:n.changeTreeWidth,changeItems:n.changeItems},on:{domresize:n.resizePanel}},[t("WDrawer",{style:"width:"+n.panelWidth+"px; height:"+n.panelHeight+"px;",attrs:{afloat:n.treeAfloat,drawerWidth:n.treeWidthTrans,drawerWidthMin:n.treeWidthMin,drawerWidthMax:n.treeWidthMax,dragDrawerWidth:!0,drawerBarColor:n.treeDrawerBarColor,drawerBarSize:n.treeDrawerBarSize,value:n.showTreeTrans},on:{input:n.emitShowTree,"update:drawerWidth":n.emitDrawerWidth},scopedSlots:n._u([{key:"drawer",fn:function(e){return[t("div",{style:"position:relative; height:100%; background:"+n.effTreeBackgroundColor+";"},[t("WTree",{ref:"wt",style:"width:"+e.width+"px; min-width:"+e.width+"px;",attrs:{viewHeightMax:n.panelHeight,defItemHeight:n.treeDefItemHeight,defaultDisplayLevel:n.treeDefaultDisplayLevel,data:n.treeItemsFolder,activable:!0,itemActive:n.treeItemActive,paddingStyle:n.treePaddingStyle,indent:n.treeIndent,iconSize:n.treeToggleIconSize,iconToggleColor:n.treeToggleIconColor,iconToggleDisabledColor:n.treeToggleIconDisabledColor,iconToggleBackgroundColor:n.treeToggleIconBackgroundColor,iconToggleBackgroundColorHover:n.treeToggleIconBackgroundColorHover,itemTextColor:n.treeItemTextColor,itemTextColorHover:n.treeItemTextColorHover,itemTextColorActive:n.treeItemTextColorActive,itemBackgroundColor:n.treeItemBackgroundColor,itemBackgroundColorHover:n.treeItemBackgroundColorHover,itemBackgroundColorActive:n.treeItemBackgroundColorActive,itemRippleColor:n.treeItemRippleColor,draggable:n.draggable,dgTextDisabled:n.dgTextDisabled,dgTextDisabledColor:n.dgTextDisabledColor,dgTextDisabledPaddingLeft:n.dgTextDisabledPaddingLeft,dgTextDisabledFontSize:n.dgTextDisabledFontSize,dgTextDisabledBackgroundColor:n.dgTextDisabledBackgroundColor,dgInsertLineColor:n.dgInsertLineColor,dgInsertBackgroundColor:n.dgInsertBackgroundColor,dgBelongBackgroundColor:n.dgBelongBackgroundColor,dgPreviewOpacity:n.dgPreviewOpacity,dgPreviewDisabledOpacity:n.dgPreviewDisabledOpacity,dgPreviewBorderWidth:n.dgPreviewBorderWidth,dgPreviewBorderColor:n.dgPreviewBorderColor,dgPreviewBackground:n.dgPreviewBackground,operatable:n.operatable,operateItemTextForRename:n.operateItemTextForRename,_operateItemTextForInsertBefore:"operateItemTextForInsertBefore",operateItemTextForInsertChild:n.operateItemTextForInsertChild,_operateItemTextForInsertAfter:"operateItemTextForInsertAfter",operateItemTextForDelete:n.operateItemTextForDelete,operateItemIconForRename:n.operateItemIconForRename,_operateItemIconForInsertBefore:"operateItemIconForInsertBefore",operateItemIconForInsertChild:n.operateItemIconForInsertChild,_operateItemIconForInsertAfter:"operateItemIconForInsertAfter",operateItemIconForDelete:n.operateItemIconForDelete,operateItemPaddingStyle:n.operateItemPaddingStyle,operatePanelWidth:n.operatePanelWidth,operatePanelHeight:n.operatePanelHeight,operateBtnTooltip:n.operateBtnTooltip,operateBtnBackgroundColor:n.operateBtnBackgroundColor,operateBtnBackgroundColorHover:n.operateBtnBackgroundColorHover,operateBtnBackgroundColorFocus:n.operateBtnBackgroundColorFocus,operateItemBackgroundColor:n.operateItemBackgroundColor,operateItemBackgroundColorHover:n.operateItemBackgroundColorHover,operateItemHeight:n.operateItemHeight,operateItemTextColor:n.operateItemTextColor,operateItemTextColorHover:n.operateItemTextColorHover,operateItemIconSize:n.operateItemIconSize,operateItemIconColor:n.operateItemIconColor,operateItemIconColorHover:n.operateItemIconColorHover,funOperateItem:n.useFunOperateItem,editorRenameContentBackgroundColor:n.editorRenameContentBackgroundColor,editorRenameFooterBackgroundColor:n.editorRenameFooterBackgroundColor,editorRenameInputTextColor:n.editorRenameInputTextColor,editorRenameInputTextBottomLineBorderColor:n.editorRenameInputTextBottomLineBorderColor,editorRenameInputTextBottomLineBorderColorHover:n.editorRenameInputTextBottomLineBorderColorHover,editorRenameInputTextBottomLineBorderColorFocus:n.editorRenameInputTextBottomLineBorderColorFocus,editorRenameCancelBtnText:n.editorRenameCancelBtnText,editorRenameCancelBtnTextColor:n.editorRenameCancelBtnTextColor,editorRenameCancelBtnTextColorHover:n.editorRenameCancelBtnTextColorHover,editorRenameCancelBtnIcon:n.editorRenameCancelBtnIcon,editorRenameCancelBtnIconSize:n.editorRenameCancelBtnIconSize,editorRenameCancelBtnIconColor:n.editorRenameCancelBtnIconColor,editorRenameCancelBtnIconColorHover:n.editorRenameCancelBtnIconColorHover,editorRenameCancelBtnIconRippleColor:n.editorRenameCancelBtnIconRippleColor,editorRenameCancelBtnBackgroundColor:n.editorRenameCancelBtnBackgroundColor,editorRenameCancelBtnBackgroundColorHover:n.editorRenameCancelBtnBackgroundColorHover,editorRenameSaveBtnText:n.editorRenameSaveBtnText,editorRenameSaveBtnTextColor:n.editorRenameSaveBtnTextColor,editorRenameSaveBtnTextColorHover:n.editorRenameSaveBtnTextColorHover,editorRenameSaveBtnIcon:n.editorRenameSaveBtnIcon,editorRenameSaveBtnIconSize:n.editorRenameSaveBtnIconSize,editorRenameSaveBtnIconColor:n.editorRenameSaveBtnIconColor,editorRenameSaveBtnIconColorHover:n.editorRenameSaveBtnIconColorHover,editorRenameSaveBtnIconRippleColor:n.editorRenameSaveBtnIconRippleColor,editorRenameSaveBtnBackgroundColor:n.editorRenameSaveBtnBackgroundColor,editorRenameSaveBtnBackgroundColorHover:n.editorRenameSaveBtnBackgroundColorHover,_render:"render"},on:{"update:data":[function(e){n.treeItemsFolder=e},n.changeData],"update:itemActive":function(e){n.treeItemActive=e},"update:item-active":function(e){n.treeItemActive=e},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{style:"display:flex; min-height:"+n.treeDefItemHeight+"px;",on:{click:function(t){return n.ckTreeFolder(e)}}},[t("div",{style:"height:"+n.treeDefItemHeight+"px; padding-right:4px; display:flex; align-items:center;"},[t("WIcon",{attrs:{icon:n.treeFolderIcon,color:n.getTreeFolderIconColor(e),colorHover:n.getTreeFolderIconColor(e),size:n.treeFolderIconSize}})],1),n._v(" "),t("div",{style:"min-height:"+n.treeDefItemHeight+"px; line-height:"+n.treeDefItemHeight+"px; "+n.useTreeItemTextFontSize},[n._v("\n                                "+n._s(e.data.text)+"\n                            ")])])]}}],null,!0)}),n._v(" "),n.showTreeTrans?t("div",{style:"position:absolute; top:"+(n.useTreeItemHeightMin-(n.btnDisplayTreeIconSize+4))/2+"px; right:"+(8+(n.operatable?n.btnDisplayTreeIconSize+4:0))+"px;"},[t("WButtonCircle",{staticStyle:{display:"block"},attrs:{paddingStyle:{h:2,v:2},icon:n.showTreeTrans?n.btnDisplayTreeIconHide:n.btnDisplayTreeIconShow,iconSize:n.btnDisplayTreeIconSize,iconColor:n.btnDisplayTreeIconColor,iconColorHover:n.btnDisplayTreeIconColorHover,iconColorFocus:n.btnDisplayTreeIconColorFocus,backgroundColor:n.btnDisplayTreeBackgroundColor,backgroundColorHover:n.btnDisplayTreeBackgroundColorHover,backgroundColorFocus:n.btnDisplayTreeBackgroundColorFocus,shadow:!1},on:{click:function(e){return n.emitShowTreeDelay(!n.showTreeTrans)}}})],1):n._e()],1)]}},{key:"content",fn:function(e){return[t("div",{style:"height:100%; overflow:hidden;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"width:"+e.width+"px; min-width:"+e.width+"px; border-bottom:"+n.lineBetweenPathAndListWidth+"px solid "+n.effLineBetweenPathAndListColor+"; background:"+n.effPathBackgroundColor+";",on:{domresize:n.resizePath}},[t("div",{style:"padding-left:5px; display:flex; align-items:flex-start;"},[n.showTreeTrans?n._e():t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; padding-right:2px; display:flex; align-items:center;"},[t("WButtonCircle",{staticStyle:{display:"block"},attrs:{paddingStyle:{h:2,v:2},icon:n.showTreeTrans?n.btnDisplayTreeIconHide:n.btnDisplayTreeIconShow,iconSize:n.btnDisplayTreeIconSize,iconColor:n.btnDisplayTreeIconColor,iconColorHover:n.btnDisplayTreeIconColorHover,iconColorFocus:n.btnDisplayTreeIconColorFocus,backgroundColor:n.btnDisplayTreeBackgroundColor,backgroundColorHover:n.btnDisplayTreeBackgroundColorHover,backgroundColorFocus:n.btnDisplayTreeBackgroundColorFocus,shadow:!1},on:{click:function(e){return n.emitShowTreeDelay(!n.showTreeTrans)}}})],1),n._v(" "),0===n.pathInfors.length?t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; padding-left:4px; color:"+n.effPathBtnTextColor+"; "+n.usePathBtnTextFontSize+" display:flex; align-items:center;"},[n._v("\n                            "+n._s(n.noSelectedText)+"\n                        ")]):n._e(),n._v(" "),t("div",{style:"display:flex; flex-wrap:wrap;"},n._l(n.pathInfors,(function(e,o){return t("div",{key:"kpi-"+o,style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px;"},[t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; display:flex; align-items:center;"},[t("WIcon",{attrs:{icon:n.pathSepIcon,color:n.pathSepIconColor,colorHover:n.pathSepIconColor,size:n.pathSepIconSize}}),n._v(" "),t("WButtonChip",{attrs:{paddingStyle:{h:6,v:0},borderWidth:{},borderRadius:4,shadow:!1,text:e.name,textColor:n.pathBtnTextColor,textColorHover:n.pathBtnTextColorHover,_textColorActive:"pathBtnTextColorActive",textFontSize:n.pathBtnTextFontSize,_icon:"pathSepIcon",_iconColor:"pathSepIconColor",_iconSize:"pathSepIconSize",backgroundColor:n.pathBtnBackgroundColor,backgroundColorHover:n.pathBtnBackgroundColorHover,_backgroundColorActive:"pathBtnBackgroundColorActive"},on:{click:function(t){return n.ckPathFolder(e)}}})],1)])})),0)])]),n._v(" "),t("div",{style:"height:"+n.listHeight+"px; background:"+n.effListBackgroundColor+";"},[t("WListVertical",{style:"width:"+e.width+"px; min-width:"+e.width+"px; height:"+n.listHeight+"px;",attrs:{items:n.listItems,itemActive:n.listItemActive,itemCursorPointer:!1,paddingStyle:n.listPaddingStyle,itemBackgroundColor:n.listItemBackgroundColor,itemBackgroundColorHover:n.listItemBackgroundColorHover,itemBackgroundColorActive:n.listItemBackgroundColorActive,itemTextColor:n.listItemTextColor,itemTextColorHover:n.listItemTextColorHover,itemTextColorActive:n.listItemTextColorActive,itemIconSize:n.listItemIconSize,_itemIconColor:"listItemIconColor",_itemIconColorHover:"listItemIconColorHover",_itemIconColorActive:"listItemIconColorActive",itemRippleColor:n.listItemRippleColor,_click:"ckListItem","_v-if":"listItems.length>0"},on:{"update:itemActive":function(e){n.listItemActive=e},"update:item-active":function(e){n.listItemActive=e}},scopedSlots:n._u([{key:"header",fn:function(){return[n._t("list-head",null,{items:n.listItems})]},proxy:!0},{key:"item",fn:function(e){return[t("div",{style:"position:relative; min-height:"+n.listDefItemHeight+"px; line-height:"+n.listDefItemHeight+"px;"},[t("div",{style:""+n.useListItemTextFontSize},[n._t("list-item",(function(){return[t("div",{style:"display:flex;"},[t("div",{style:"height:"+n.listDefItemHeight+"px; padding-right:4px; display:flex; align-items:center; cursor:pointer;",on:{click:function(t){return n.ckListItem(e)}}},[t("WIcon",{attrs:{icon:e.item.icon,color:n.getListItemIconColor(e),colorHover:n.getListItemIconColor(e),size:n.listItemIconSize}})],1),n._v(" "),n._t("list-item-text-left",null,{item:e.item,isHover:e.isHover,isActive:e.isActive}),n._v(" "),t("div",{style:n.useListItemTextFontSize+" cursor:pointer; user-select:none;",on:{click:function(t){return n.ckListItem(e)}}},[n._v("\n                                                "+n._s(e.item.text)+"\n                                            ")]),n._v(" "),n._t("list-item-text-right",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2)]}),{item:Object.assign({},e.item,{iconColor:n.getListItemIconColor(e),iconSize:n.listItemIconSize}),isHover:e.isHover,isActive:e.isActive,funClickListItem:function(){n.ckListItem(e)}})],2),n._v(" "),t("div",{style:"position:absolute; top:0px; right:0px;"},[n._t("list-item-cover",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2),n._v(" "),n._t("list-item-sub",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2)]}},{key:"footer",fn:function(){return[n._t("list-foot",null,{items:n.listItems})]},proxy:!0}],null,!0)})],1)])]}}])})],1)};Iw._withStripped=!0;var Tw={components:{demolink:eu,WIcon:Ha,WExplorer:Sa({render:Iw,staticRenderFns:[]},(function(n){n&&n("data-v-037e71d1_0",{source:"\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WExplorer.vue"},media:void 0})}),_w,"data-v-037e71d1",false,undefined,!1,_a,void 0,void 0)},props:{},data:function(){return{mdiCommentEditOutline:ul,mdiChevronDoubleRight:tl,mdiDeleteVariant:pl,WExplorer:{bShowTree:!0,treeWidth:275,funSortTree:null,fps:[{type:"file",path:"/Applications/Calendar.app",size:"256.5mb",tester:"Perter",priority:"L4"},{type:"file",path:"/Applications/Chrome.app",size:"496.7mb",tester:"Chloe",priority:"L4"},{type:"file",path:"/Applications/Webstorm.app",size:"128.6mb",tester:"Adrian",priority:"L4"},{type:"folder",path:"/Applications/Webs",size:"",tester:"",priority:""},{type:"file",path:"/Applications/Webs/web_infors.json",size:"92.2kb",tester:"Carl",priority:"L3"},{type:"file",path:"/Applications/Webs/Shareco/shareco-s1.txt",size:"5.4kb",tester:"Charissa",priority:"L4"},{type:"file",path:"/Applications/Webs/Shareco/shareco-s2.txt",size:"7.3kb",tester:"Dexter",priority:"L4"},{type:"folder",path:"/Applications/Webs/Guess",size:"",tester:"",priority:""},{type:"file",path:"/Applications/Webs/Guess/guess-s3.txt",size:"21.6kb",tester:"Ashley",priority:"L4"},{type:"file",path:"/Applications/Webs/Guess/guess-s4.txt",size:"82.7kb",tester:"Dwight",priority:"L4"},{type:"file",path:"/Applications//Systems/Regulator.ini",size:"2.5kb",tester:"Laura",priority:"L5"},{type:"file",path:"/Applications/Systems/Regulator/vers/1-settings.st",size:"56.2kb",tester:"Mavis",priority:"L5"},{type:"file",path:"/Applications/Systems/Regulator/vers/2-settings.st",size:"87.2kb",tester:"Geraint",priority:"L5"},{type:"file",path:"/Applications/Systems/Regulator/vers/3-settings.st",size:"224.2kb",tester:"Penelope",priority:"L5"},{type:"file",path:"/Applications/Systems/Regulator/vers/10-settings.st",size:"72.7kb",tester:"Heman",priority:"L5"},{type:"file",path:"/Applications/Systems/Regulator/vers/111-settings.st",size:"91.2kb",tester:"Tessa",priority:"L5"},{type:"file",path:"/Applications//Systems/device1.iso",size:"1.2gb",tester:"Una",priority:"L2"},{type:"file",path:"/Applications//Systems/device2.iso",size:"1.3gb",tester:"Jasper",priority:"L2"},{type:"file",path:"/Applications//Systems/device3.iso",size:"1.1gb",tester:"Violet",priority:"L2"},{type:"file",path:"/Applications//Systems/device4.iso",size:"1.7gb",tester:"Perter",priority:"L2"},{type:"file",path:"/Applications//Systems/device5.iso",size:"2.0gb",tester:"Winifred",priority:"L2"},{type:"file",path:"/Applications//Systems/device6.iso",size:"1.7gb",tester:"Lance",priority:"L2"},{type:"file",path:"/Applications//Systems/device7.iso",size:"2.1gb",tester:"Marvin",priority:"L2"},{type:"file",path:"/Applications//Systems/device8.iso",size:"1.5gb",tester:"Nat",priority:"L2"},{type:"file",path:"/Applications//Systems/device9.iso",size:"1.8gb",tester:"Nahum",priority:"L2"},{type:"file",path:"/Applications//Systems/device10.iso",size:"1.6gb",tester:"Nicholas",priority:"L2"},{type:"file",path:"/Applications//Systems/device11.iso",size:"1.2gb",tester:"Ralph",priority:"L2"},{type:"file",path:"/Applications//Systems/device12.iso",size:"2.2gb",tester:"Rudolph",priority:"L2"},{type:"file",path:"/Applications//Systems/device13.iso",size:"1.9gb",tester:"Rory",priority:"L2"},{type:"file",path:"/Applications//Systems/device14.iso",size:"1.2gb",tester:"Jacqueline",priority:"L2"},{type:"file",path:"/Applications//Systems/device15.iso",size:"1.7gb",tester:"Kathy",priority:"L2"},{type:"file",path:"/Applications//Systems/device16.iso",size:"1.1gb",tester:"Melinda",priority:"L2"},{type:"file",path:"/Applications//Systems/device17.iso",size:"1.9gb",tester:"Sharon",priority:"L2"},{type:"file",path:"/Applications//Systems/device18.iso",size:"1.2gb",tester:"Philippa",priority:"L2"},{type:"file",path:"/Applications//Systems/device19.iso",size:"1.5gb",tester:"Thelma",priority:"L2"},{type:"file",path:"/Applications//Systems/device20.iso",size:"1.4gb",tester:"Stewart",priority:"L2"},{type:"file",path:"/Documents/design-simple/src/index.txt",size:"6.7kb",tester:"Steve",priority:"L1"},{type:"file",path:"/Documents/design-simple/src/bootstrap.txt",size:"251.7kb",tester:"Theobald",priority:"L1"},{type:"file",path:"/Documents/design-material/src/btn.txt",size:"241.2b",tester:"Padraic",priority:"L1"},{type:"file",path:"/Documents/design-material/src/card.txt",size:"4.7kb",tester:"Napoleon",priority:"L1"},{type:"file",path:"/Documents/design-material/src/window.txt",size:"7.2kb",tester:"Lionel",priority:"L1"},{type:"file",path:"/Downloads/October.pdf",size:"16.9kb",tester:"Olive",priority:"L1"},{type:"file",path:"/Downloads/November.pdf",size:"94.5kb",tester:"Molly",priority:"L1"},{type:"file",path:"/Downloads/Tutorial.html",size:"22.7kb",tester:"Melanie",priority:"L1"},{type:"folder",path:"/Uploads",size:"",tester:"",priority:""},{type:"file",path:"/Videos/Tutorials/Basic layouts.mp4",size:"862.7mb",tester:"Lindsay",priority:"L3"},{type:"file",path:"/Videos/Tutorials/Advanced techniques.mp4",size:"626.5mb",tester:"Jarvis",priority:"L3"},{type:"file",path:"/Videos/Tutorials/All about app.mp4",size:"796.2mb",tester:"Gaston",priority:"L3"},{type:"file",path:"/Videos/Intro.mov",size:"852.8mb",tester:"Dermot",priority:"L3"},{type:"file",path:"/Videos/Conference introduction.avi",size:"676.7mb",tester:"Hector",priority:"L3"},{type:"folder",path:"/Videos/Empty",size:"",tester:"",priority:""}]},actions:[{mode:"eleclick",selector:'span[class="v-chip__content"]'}]}},methods:{ckItem:function(n){console.log("ckItem",n)},ckFolder:function(n){console.log("ckFolder",n)},ckFile:function(n){console.log("ckFile",n)},toggleTreeFoldersByFun:function(n,e){console.log("toggleTreeFoldersByFun",n,e);this.$refs.ref_toggleTreeFoldersByFun.toggleTreeFoldersByFun((t=>(console.log("toggleTreeFoldersByFun rows",t),{row:t[n],toUnfolding:e})))},toggleTreeFoldersAll:function(n,e){console.log("toggleTreeFoldersAll",n,e);this.$refs.ref_toggleTreeFoldersAll.toggleTreeFoldersAll(n,e)},ckTriggerClickTreeFolderById:function(n){console.log("ckTriggerClickTreeFolderById",n);this.$refs.we_triggerClickTreeFolderById.triggerClickTreeFolderById(n)},ckTriggerClickTreeFolderByFun:function(n){console.log("ckTriggerClickTreeFolderByFun",n);this.$refs.we_triggerClickTreeFolderByFun.triggerClickTreeFolderByFun((e=>{console.log("cb msg",e);for(let t=0;t<e.treeItemsSpread.length;t++){let o=e.treeItemsSpread[t];if(o.text===n)return console.log("find and click",o),o}return null}))},ckFunSortTree:function(n){console.log("ckFunSortTree",n);let e=this,t=n=>(console.log("rs",n),n.reverse(),n);e.WExplorer.funSortTree="default"===n?null:t},getFolderInfor:function(n){console.log("getFolderInfor",n);let e=0,t=0;for(let o=0;o<n.items.length;o++){let r=n.items[o].data._type;"folder"===r?e++:"file"===r&&t++}return`There are ${e} folder(s) and ${t} file(s) in this folder`},clickOperateItem:function(n){console.log("clickOperateItem",n);let e=n.rowItem.index;n.operateItem(e,n.opItem.key,(function(){return new Promise((function(n,e){n({text:"new-"+Math.floor(1e3*Math.random()),type:"folder",size:"test",tester:"test",priority:"test"})}))}))},changeItem:function(n){console.log("changeItem",n)}}};const Aw=Tw;var Bw=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n._m(0),n._v(" "),t("div",{staticStyle:{padding:"0px"}},[t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"default"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeWidth"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px","font-size":"0.8rem"}},[n._v("treeWidth: "+n._s(n.WExplorer.treeWidth))]),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeWidth:n.WExplorer.treeWidth},on:{"update:treeWidth":function(e){return n.$set(n.WExplorer,"treeWidth",e)},"update:tree-width":function(e){return n.$set(n.WExplorer,"treeWidth",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeWidthMin & treeWidthMax"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeWidthMin:100,treeWidthMax:400}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeBackgroundColor"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeBackgroundColor:"#f8f8f8"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"showTree"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){n.WExplorer.bShowTree=!n.WExplorer.bShowTree}}},[n._v("Show("+n._s(n.WExplorer.bShowTree)+")")])],1),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,showTree:n.WExplorer.bShowTree},on:{"update:showTree":function(e){return n.$set(n.WExplorer,"bShowTree",e)},"update:show-tree":function(e){return n.$set(n.WExplorer,"bShowTree",e)}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeAfloat"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeAfloat:!0}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeDefaultDisplayLevel"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeDefaultDisplayLevel:1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeDefItemHeight & listDefItemHeight"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeDefItemHeight:22,listDefItemHeight:22}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treePaddingStyle"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treePaddingStyle:{v:4,h:4}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeIndent"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeIndent:.5}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeFolderIcon & treeFolderIconSize"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeFolderIcon:"fas fa-folder-open",treeFolderIconSize:18}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeItemTextFontSize"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeItemTextFontSize:"0.75rem"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeItemTextColor & treeItemTextColorHover & treeItemTextColorActive"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeItemTextColor:"#a84",treeItemTextColorHover:"#864",treeItemTextColorActive:"#862"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeFolderIconColor & treeFolderIconColorHover & treeFolderIconColorActive"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeFolderIconColor:"#ea6",treeFolderIconColorHover:"#c84",treeFolderIconColorActive:"#a62"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeItemBackgroundColor & treeItemBackgroundColorHover & treeItemBackgroundColorActive"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeItemBackgroundColor:"transparent",treeItemBackgroundColorHover:"#FFF3E0",treeItemBackgroundColorActive:"#FFE0B2"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeItemRippleColor"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeItemRippleColor:"rgba(130, 180, 255, 0.4)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"bindRoot"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,bindRoot:"本機"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeToggleIconSize"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeToggleIconSize:18}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeToggleIconColor & treeToggleIconBackgroundColor & treeToggleIconBackgroundColorHover"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeToggleIconColor:"#f58",treeToggleIconBackgroundColor:"rgba(255,200,200,0.5)",treeToggleIconBackgroundColorHover:"#fcc"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"pathBackgroundColor"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,pathBackgroundColor:"#f8f8f8"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"pathSepIcon & pathSepIconColor & pathSepIconSize"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,pathSepIcon:"fas fa-angle-double-right",pathSepIconColor:"#00C853",pathSepIconSize:14}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"pathBtnTextFontSize"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,pathBtnTextFontSize:"0.75rem"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"pathBtnTextColor & pathBtnTextColorHover"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,pathBtnTextColor:"#EF5350",pathBtnTextColorHover:"#EC407A"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"pathBtnBackgroundColor & pathBtnBackgroundColorHover"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,pathBtnBackgroundColor:"#EDE7F6",pathBtnBackgroundColorHover:"#D1C4E9"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"btnDisplayTreeIconShow & btnDisplayTreeIconHide & btnDisplayTreeIconSize"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,btnDisplayTreeIconShow:"fas fa-arrow-circle-right",btnDisplayTreeIconHide:"fas fa-arrow-circle-left",btnDisplayTreeIconSize:22}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"btnDisplayTreeIconColor & btnDisplayTreeIconColorHover & btnDisplayTreeIconColorFocus"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,btnDisplayTreeIconColor:"rgb(240,70,120)",btnDisplayTreeIconColorHover:"rgb(240,50,100)",btnDisplayTreeIconColorFocus:"rgb(255,70,120)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"btnDisplayTreeBackgroundColor & btnDisplayTreeBackgroundColorHover & btnDisplayTreeBackgroundColorFocus"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,btnDisplayTreeBackgroundColor:"rgba(241,241,255,0.7)",btnDisplayTreeBackgroundColorHover:"rgb(220,220,255)",btnDisplayTreeBackgroundColorFocus:"rgb(200,200,255)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"listPaddingStyle"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,listPaddingStyle:{v:2,h:8}}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"listBackgroundColor"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,listBackgroundColor:"#f8f8f8"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"listFolderIcon & listFileIcon & listIconSize"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,listFolderIcon:"fas fa-folder-open",listFileIcon:"fas fa-tablet-alt",listIconSize:18}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"listItemTextFontSize"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,listItemTextFontSize:"0.75rem"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"listItemTextColor & listItemTextColorHover & listItemTextColorActive"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,listItemTextColor:"#a84",listItemTextColorHover:"#864",listItemTextColorActive:"#862"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"listItemIconColor & listItemIconColorHover & listItemIconColorActive"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,listItemIconColor:"#ea6",listItemIconColorHover:"#c84",listItemIconColorActive:"#a62"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"listItemBackgroundColor & listItemBackgroundColorHover & listItemBackgroundColorActive"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,listItemBackgroundColor:"transparent",listItemBackgroundColorHover:"#FFF3E0",listItemBackgroundColorActive:"#FFE0B2"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"listItemRippleColor"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,listItemRippleColor:"rgba(130, 180, 255, 0.4)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"defaultShowTreeFirst"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,defaultShowTreeFirst:!1}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"defaultShowTreeFirst & noSelectedText"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,defaultShowTreeFirst:!1,noSelectedText:"尚未選擇資料夾"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"events"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps},on:{click:n.ckItem,"click-folder":n.ckFolder,"click-file":n.ckFile}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"small text"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeItemTextFontSize:"0.75rem",listItemTextFontSize:"0.75rem",pathBtnTextFontSize:"0.75rem"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"treeDrawerBarSize & treeDrawerBarColor"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,treeDrawerBarSize:5,treeDrawerBarColor:"rgba(0,0,0,0.1)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"lineBetweenPathAndListWidth & lineBetweenPathAndListColor"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,lineBetweenPathAndListWidth:5,lineBetweenPathAndListColor:"rgba(0,0,0,0.1)"}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"dark mode"}}),n._v(" "),t("div",{staticStyle:{display:"inline-block",padding:"40px",background:"#777"}},[t("w-explorer",{staticStyle:{width:"700px",height:"400px",background:"#333","border-radius":"5px",overflow:"hidden","box-shadow":"0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%)"},attrs:{items:n.WExplorer.fps,treeItemTextColor:"#ddd",treeItemTextColorHover:"#eee",treeItemTextColorActive:"#fff",treeFolderIconColor:"#FFCC80",treeFolderIconColorHover:"#FFCC80",treeFolderIconColorActive:"#FFB74D",treeItemBackgroundColor:"transparent",treeItemBackgroundColorHover:"rgba(150,150,150,0.4)",treeItemBackgroundColorActive:"rgba(150,150,150,0.2)",treeBackgroundColor:"#333",treeToggleIconColor:"rgba(255,255,255,0.6)",treeToggleIconBackgroundColor:"transparent",treeToggleIconBackgroundColorHover:"rgba(150,150,150,0.2)",pathBtnTextColor:"#ddd",pathBtnTextColorHover:"#eee",pathBtnBackgroundColor:"transparent",pathBtnBackgroundColorHover:"rgba(150,150,150,0.2)",pathBackgroundColor:"#333",btnDisplayTreeIconColor:"#ccc",btnDisplayTreeIconColorHover:"#eee",btnDisplayTreeIconColorFocus:"#eee",btnDisplayTreeBackgroundColor:"transparent",btnDisplayTreeBackgroundColorHover:"rgba(150,150,150,0.2)",btnDisplayTreeBackgroundColorFocus:"rgba(150,150,150,0.1)",listItemTextColor:"#ddd",listItemTextColorHover:"#eee",listItemTextColorActive:"#fff",listItemIconColor:"#FFCC80",listItemIconColorHover:"#FFCC80",listItemIconColorActive:"#FFB74D",listItemBackgroundColor:"transparent",listItemBackgroundColorHover:"rgba(150,150,150,0.4)",listItemBackgroundColorActive:"rgba(150,150,150,0.2)",listBackgroundColor:"#333",treeDrawerBarSize:1,treeDrawerBarColor:"rgba(150,150,150,0.4)",lineBetweenPathAndListWidth:1,lineBetweenPathAndListColor:"rgba(150,150,150,0.4)",treeItemTextFontSize:"0.75rem",listItemTextFontSize:"0.75rem",pathBtnTextFontSize:"0.75rem"}})],1)],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"toggleTreeFoldersByFun"}}),n._v(" "),t("div",[t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersByFun(0,!0)}}},[n._v("show(rows[0])")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersByFun(0,!1)}}},[n._v("hide(rows[0])")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersByFun(1,!0)}}},[n._v("show(rows[1])")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersByFun(1,!1)}}},[n._v("hide(rows[1])")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersByFun(2,!0)}}},[n._v("show(rows[2])")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersByFun(2,!1)}}},[n._v("hide(rows[2])")])],1),n._v(" "),t("w-explorer",{ref:"ref_toggleTreeFoldersByFun",staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"toggleTreeFoldersAll"}}),n._v(" "),t("div",[t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersAll(!0)}}},[n._v("display all")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersAll(!1)}}},[n._v("hide all")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersAll(null,1)}}},[n._v("display to level1")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.toggleTreeFoldersAll(null,2)}}},[n._v("display to level2")])],1),n._v(" "),t("w-explorer",{ref:"ref_toggleTreeFoldersAll",staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"triggerClickTreeFolderById"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.ckTriggerClickTreeFolderById("root")}}},[n._v("click(root)")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.ckTriggerClickTreeFolderById("root❯Applications")}}},[n._v("click(Applications)")])],1),n._v(" "),t("w-explorer",{ref:"we_triggerClickTreeFolderById",staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"triggerClickTreeFolderByFun"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.ckTriggerClickTreeFolderByFun("Applications")}}},[n._v("click(Applications)")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.ckTriggerClickTreeFolderByFun("Webs")}}},[n._v("click(Webs)")])],1),n._v(" "),t("w-explorer",{ref:"we_triggerClickTreeFolderByFun",staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"funSortTree"}}),n._v(" "),t("div",{staticStyle:{"padding-bottom":"10px"}},[t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.ckFunSortTree("funSortTree")}}},[n._v("funSortTree(reverse)")]),n._v(" "),t("v-btn",{staticStyle:{margin:"0px 5px 5px 0px"},attrs:{small:""},on:{click:function(e){return n.ckFunSortTree("default")}}},[n._v("default")])],1),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps,funSortTree:n.WExplorer.funSortTree}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"slot list-item-cover"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps},on:{click:n.ckItem},scopedSlots:n._u([{key:"list-item-cover",fn:function(e){return["file"===e.item.data._type?t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{padding:"0px 5px",color:"#6fb57e",cursor:"pointer"},on:{click:function(e){return n.ckItem("icon-shield")}}},[t("i",{staticClass:"fas fa-shield-virus"})]),n._v(" "),t("div",{staticStyle:{"padding-right":"5px"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 5px",color:"#b894be",cursor:"pointer"},on:{click:function(e){return n.ckItem("icon-dice")}}},[t("i",{staticClass:"fas fa-dice"})]),n._v(" "),t("div",{staticStyle:{"padding-right":"5px"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 5px",color:"#c79f6b",cursor:"pointer"},on:{click:function(e){return n.ckItem("icon-wired")}}},[t("i",{staticClass:"fas fa-network-wired"})]),n._v(" "),t("div",{staticStyle:{"padding-right":"5px"}})]):n._e()]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"slot list-item & list-item-cover & list-head & list-foot"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps},on:{click:n.ckItem},scopedSlots:n._u([{key:"list-item",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"padding-right":"5px",cursor:"pointer"},on:{click:function(n){return e.funClickListItem()}}},[t("w-icon",{attrs:{icon:e.item.icon,_color:"props.item.iconColor",color:"#d7a72b",size:e.item.iconSize}})],1),n._v(" "),t("div",{staticStyle:{cursor:"pointer"},on:{click:function(n){return e.funClickListItem()}}},[n._v("\n                            "+n._s(e.item.data.text)+"\n                        ")])])]}},{key:"list-head",fn:function(e){return[t("div",{staticStyle:{display:"flex","align-items":"stretch"}},[t("div",{staticStyle:{width:"100%"}},[t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{color:"#999","font-size":"0.7rem","text-align":"center"}},[n._v("\n                                    name\n                                ")])])]),n._v(" "),t("div",{staticStyle:{margin:"3px 0px","border-right":"1px solid #ddd"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{width:"60px",color:"#999","font-size":"0.7rem","text-align":"center"}},[n._v("\n                                size\n                            ")])]),n._v(" "),t("div",{staticStyle:{margin:"3px 0px","border-right":"1px solid #ddd"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{width:"60px",color:"#999","font-size":"0.7rem","text-align":"center"}},[n._v("\n                                tester\n                            ")])]),n._v(" "),t("div",{staticStyle:{margin:"3px 0px","border-right":"1px solid #ddd"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{width:"16px",color:"#999","font-size":"0.7rem","text-align":"center"}},[n._v("\n                                i\n                            ")])]),n._v(" "),t("div",{staticStyle:{margin:"3px 0px","border-right":"1px solid #ddd"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{width:"16px",color:"#999","font-size":"0.7rem","text-align":"center"}},[n._v("\n                                s\n                            ")])]),n._v(" "),t("div",{staticStyle:{margin:"3px 0px","border-right":"1px solid #ddd"}}),n._v(" "),t("div",{staticStyle:{"padding-right":"calc( 8px - 2px - 1px )"}})])]}},{key:"list-foot",fn:function(e){return[t("div",{staticStyle:{padding:"1px 3px",background:"#f8f8f8","border-top":"1px solid #ddd","font-size":"0.7rem",color:"#888"}},[n._v("\n                        "+n._s(n.getFolderInfor(e))+"\n                    ")])]}},{key:"list-item-cover",fn:function(e){return["file"===e.item.data._type?t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{width:"60px",color:"#999","font-size":"0.7rem","text-align":"right",cursor:"pointer"},on:{click:function(e){return n.ckItem("text-size")}}},[n._v("\n                                "+n._s(e.item.data.data.size)+"\n                            ")])]),n._v(" "),t("div",{staticStyle:{"padding-right":"1px"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{width:"60px",color:"#3448a9","font-size":"0.7rem","text-align":"right",cursor:"pointer"},on:{click:function(e){return n.ckItem("text-tester")}}},[n._v("\n                                "+n._s(e.item.data.data.tester)+"\n                            ")])]),n._v(" "),t("div",{staticStyle:{"padding-right":"1px"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{width:"16px",color:"#996887",cursor:"pointer"},on:{click:function(e){return n.ckItem("icon-branch")}}},[t("i",{staticClass:"fas fa-code-branch"})])]),n._v(" "),t("div",{staticStyle:{"padding-right":"1px"}}),n._v(" "),t("div",{staticStyle:{padding:"0px 7px"}},[t("div",{staticStyle:{width:"16px",color:"#777",cursor:"pointer"},on:{click:function(e){return n.ckItem("icon-cog")}}},[t("i",{staticClass:"fas fa-cog"})])])]):n._e()]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"slot list-item-sub"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps},on:{click:n.ckItem},scopedSlots:n._u([{key:"list-item-sub",fn:function(e){return["file"===e.item.data._type?t("div",{style:"transition:all 0.3s; padding:3px; background:"+(e.isHover?"#e2e2e2":"#fbf4f2")+"; border-bottom:1px solid #ddd; font-size:0.7rem; line-height:0.7rem; display:flex; align-items:center; justify-content:flex-end;"},[t("div",{staticStyle:{padding:"0px 5px",display:"flex","align-items":"center"}},[t("div",{staticStyle:{"padding-right":"3px",color:"#888"}},[n._v("\n                                priority:\n                            ")]),n._v(" "),t("div",{staticStyle:{width:"20px",color:"#2e31af","text-align":"left",cursor:"pointer"},on:{click:function(e){return n.ckItem("text-priority")}}},[n._v("\n                                "+n._s(e.item.data.data.priority)+"\n                            ")])]),n._v(" "),t("div",{staticStyle:{padding:"0px 5px",color:"#6fb57e",cursor:"pointer"},on:{click:function(e){return n.ckItem("icon-shield")}}},[t("i",{staticClass:"fas fa-shield-virus"})]),n._v(" "),t("div",{staticStyle:{padding:"0px 5px",color:"#b894be",cursor:"pointer"},on:{click:function(e){return n.ckItem("icon-dice")}}},[t("i",{staticClass:"fas fa-dice"})]),n._v(" "),t("div",{staticStyle:{padding:"0px 5px",color:"#c79f6b",cursor:"pointer"},on:{click:function(e){return n.ckItem("icon-wired")}}},[t("i",{staticClass:"fas fa-network-wired"})])]):n._e()]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"slot list-item-text-left"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps},on:{click:n.ckItem},scopedSlots:n._u([{key:"list-item-text-left",fn:function(e){return["file"===e.item.data._type?t("div",{style:"display:flex; align-items:center;"},[t("div",{style:"transition:all 0.3s; padding:3px 4px; border-radius:0px; font-size:0.7rem; line-height:0.7rem; color:#fff; cursor:pointer; background:"+(e.isHover?"#62a":"#84a")+";"},[t("div",{on:{click:function(e){return n.ckItem("text-priority")}}},[n._v("\n                                "+n._s(e.item.data.data.priority)+"\n                            ")])]),n._v(" "),t("div",{staticStyle:{"padding-right":"5px"}})]):n._e()]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"slot list-item-text-right"}}),n._v(" "),t("w-explorer",{staticStyle:{width:"600px",height:"250px"},attrs:{items:n.WExplorer.fps},on:{click:n.ckItem},scopedSlots:n._u([{key:"list-item-text-right",fn:function(e){return["file"===e.item.data._type?t("div",{style:"display:flex; align-items:center;"},[t("div",{staticStyle:{"padding-right":"5px"}}),n._v(" "),t("div",{style:"transition:all 0.3s; padding:3px 5px; border-radius:4px; font-size:0.7rem; line-height:0.7rem; color:#fff; cursor:pointer; background:"+(e.isHover?"#f26":"#f48")+";"},[t("div",{on:{click:function(e){return n.ckItem("text-tester")}}},[n._v("\n                                "+n._s(e.item.data.data.tester)+"\n                            ")])])]):n._e()]}}])})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"draggable"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using draggable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,draggable:!0},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"draggable & dgPreviewOpacity & dgPreviewBorderWidth & dgBelongBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using draggable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,draggable:!0,dgPreviewOpacity:.9,dgPreviewBorderWidth:3,dgPreviewBorderColor:"rgba(255,100,200,1)",dgPreviewBackground:"rgba(255,100,200,0.2)"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"draggable & dgInsertLineColor & dgInsertBackgroundColor & dgBelongBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using draggable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,draggable:!0,dgInsertLineColor:"rgba(120,220,150,0.9)",dgInsertBackgroundColor:"rgba(50,220,100,0.1)",dgBelongBackgroundColor:"rgba(50,220,100,0.2)"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"draggable & dgTextDisabled & dgTextDisabledColor & dgTextDisabledPaddingLeft & dgTextDisabledFontSize & dgTextDisabledBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using draggable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,draggable:!0,dgTextDisabled:"禁止拖曳至自己子節點當中",dgTextDisabledColor:"pink accent-3",dgTextDisabledPaddingLeft:13,dgTextDisabledFontSize:"0.8rem",dgTextDisabledBackgroundColor:"rgba(255,255,255,0.8)"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & operateBtnTooltip & operateItemTextForRename & perateItemTextForInsertChild & operateItemTextForDelete"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,operateBtnTooltip:"編輯",operateItemTextForRename:"變更項目名稱",operateItemTextForInsertChild:"插入子項目",operateItemTextForDelete:"刪除項目"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & operatePanelWidth & operatePanelHeight & operateItemIconSize & operateItemPaddingStyle"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,operateItemIconSize:18,operateItemPaddingStyle:{v:5,h:5},operatePanelWidth:130,operatePanelHeight:90},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & operateItemHeight & operateItemIconSize & operateItemPaddingStyle"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,operateItemIconSize:18,operateItemPaddingStyle:{v:5,h:5},operateItemHeight:29.2},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & operateBtnBackgroundColor & operateBtnBackgroundColorHover & operateBtnBackgroundColorFocus"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,operateBtnBackgroundColor:"rgba(230,230,230,0.4)",operateBtnBackgroundColorHover:"rgba(230,230,255,0.8)",operateBtnBackgroundColorFocus:"rgba(210,210,255,0.8)"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & operateItemBackgroundColor & operateItemBackgroundColorHover & operateItemTextColor & operateItemTextColorHover & operateItemIconColor & operateItemIconColorHover"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,operateItemBackgroundColor:"blue-grey darken-1",operateItemBackgroundColorHover:"blue-grey",operateItemTextColor:"grey lighten-4",operateItemTextColorHover:"white",operateItemIconColor:"grey lighten-4",operateItemIconColorHover:"white"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & operateItemIconForRename & operateItemIconForInsertChild & operateItemIconForDelete"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,operateItemIconForRename:n.mdiCommentEditOutline,operateItemIconForInsertChild:n.mdiChevronDoubleRight,operateItemIconForDelete:n.mdiDeleteVariant},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & editorRenameContentBackgroundColor & editorRenameFooterBackgroundColor"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,editorRenameContentBackgroundColor:"#f2f2f2",editorRenameFooterBackgroundColor:"#EFEBE9"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & editorRenameInputTextColor & editorRenameInputTextBottomLineBorderColor & editorRenameInputTextBottomLineBorderColorHover & editorRenameInputTextBottomLineBorderColorFocus"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,editorRenameInputTextColor:"#444",editorRenameInputTextBottomLineBorderColor:"#888",editorRenameInputTextBottomLineBorderColorHover:"#aaa",editorRenameInputTextBottomLineBorderColorFocus:"#666"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & editorRenameCancelBtnText & editorRenameCancelBtnTextColor & editorRenameCancelBtnTextColorHover"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,editorRenameCancelBtnText:"取消",editorRenameCancelBtnTextColor:"#444",editorRenameCancelBtnTextColorHover:"#222"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & editorRenameCancelBtnIcon & editorRenameCancelBtnIconSize & editorRenameCancelBtnIconColor & editorRenameCancelBtnIconColorHover & editorRenameCancelBtnIconRippleColor"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,editorRenameCancelBtnIcon:"fas fa-times",editorRenameCancelBtnIconSize:24,editorRenameCancelBtnIconColor:"#444",editorRenameCancelBtnIconColorHover:"#222",editorRenameCancelBtnIconRippleColor:"rgba(200,200,200,0.3)"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & editorRenameCancelBtnBackgroundColor & editorRenameCancelBtnBackgroundColorHover"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,editorRenameCancelBtnBackgroundColor:"#EFEBE9",editorRenameCancelBtnBackgroundColorHover:"#D7CCC8"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & editorRenameSaveBtnText & editorRenameSaveBtnTextColor & editorRenameSaveBtnTextColorHover"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,editorRenameSaveBtnText:"儲存",editorRenameSaveBtnTextColor:"#444",editorRenameSaveBtnTextColorHover:"#222"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & editorRenameSaveBtnIcon & editorRenameSaveBtnIconSize & editorRenameSaveBtnIconColor & editorRenameSaveBtnIconColorHover & editorRenameSaveBtnIconRippleColor"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,editorRenameSaveBtnIcon:"fas fa-check",editorRenameSaveBtnIconSize:24,editorRenameSaveBtnIconColor:"#444",editorRenameSaveBtnIconColorHover:"#222",editorRenameSaveBtnIconRippleColor:"rgba(200,200,200,0.3)"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & editorRenameSaveBtnBackgroundColor & editorRenameSaveBtnBackgroundColorHover"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,editorRenameSaveBtnBackgroundColor:"#EFEBE9",editorRenameSaveBtnBackgroundColorHover:"#D7CCC8"},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1),n._v(" "),t("div",{staticClass:"bk"},[t("demolink",{attrs:{kbname:"w-explorer",casename:"operatable & draggable"}}),n._v(" "),t("div",{staticStyle:{"margin-bottom":"5px",color:"#f26","font-size":"0.8rem"}},[n._v("* Disable show and hide folders when using operatable or draggable")]),n._v(" "),t("w-explorer",{staticStyle:{width:"800px",height:"450px"},attrs:{items:n.WExplorer.fps,operatable:!0,draggable:!0},on:{"update:items":function(e){return n.$set(n.WExplorer,"fps",e)},"click-operate-item":n.clickOperateItem,"change-item":n.changeItem}})],1)])])};Bw._withStripped=!0;var Hw={components:{WListHorizontal:za,AppZoneWBadge:su,AppZoneWPanelStripe:mu,AppZoneWPanelBulge:Pu,AppZoneWPanelAvatar:Zu,AppZoneWPanelScrolly:np,AppZoneWPanelLabelItem:_m,AppZoneWPanelDivideHorizontal:Dm,AppZoneWPanelDivideVertical:$m,AppZoneWPanelScale:Om,AppZoneWIcon:Jm,AppZoneWDropfiles:ag,AppZoneWDialog:fg,AppZoneWConfirm:wg,AppZoneWTooltip:_g,AppZoneWPopup:Ag,AppZoneWPopupEditText:Fg,AppZoneWDrawer:Jg,AppZoneWButtonChip:nv,AppZoneWButtonCircle:ov,AppZoneWSlider:Kh,AppZoneWProgressBar:nf,AppZoneWProgressCircle:af,AppZoneWSwitch:pf,AppZoneWCheckbox:yf,AppZoneWLevelGrade:Wf,AppZoneWAlert:zf,AppZoneWGroupTags:Ef,AppZoneWGroupDragdrop:Kf,AppZoneWGroupBaggage:eb,AppZoneWListVertical:rb,AppZoneWListHorizontal:lb,AppZoneWListExpand:fb,AppZoneWListRadio:_b,AppZoneWListCheck:Ab,AppZoneWInputCheckbox:Rb,AppZoneWGroupCheck:Zb,AppZoneWInputRadio:Xb,AppZoneWGroupRadio:Ob,AppZoneWText:Jb,AppZoneWTextInt:oy,AppZoneWTextarea:ay,AppZoneWTextSelect:cy,AppZoneWTextSuggest:gy,AppZoneWTimeday:_y,AppZoneWTimeminute:Zy,AppZoneWTimedayRange:Ny,AppZoneWTimeminuteRange:qy,AppZoneWDynamicList:ox,AppZoneWSegmentsVertical:hx,AppZoneWJsonView:Bk,AppZoneWTree:Dk,AppZoneWHighchartsVueDyn:Xk,AppZoneWHighchartsBitmapDyn:Jk,AppZoneWHighstockVueDyn:eC,AppZoneWEchartsVueDyn:lC,AppZoneWAggridVueDyn:gC,AppZoneWTableDyn:CC,AppZoneWImageViewerDyn:zC,AppZoneWImageCascadingDyn:YC,AppZoneWCkeditorVueDyn:nw,AppZoneWTinymceVueDyn:iw,AppZoneWQuillVueDyn:cw,AppZoneWLeafletVueDyn:hw,AppZoneWExplorer:Sa({render:Bw,staticRenderFns:[function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticClass:"head1"},[t("span",{staticStyle:{cursor:"pointer"},attrs:{title:"open for copy link to view component",onclick:"window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"}},[n._v("w-explorer")])])}]},(function(n){n&&n("data-v-774da4e5_0",{source:"\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"AppZoneWExplorer.vue"},media:void 0})}),Aw,"data-v-774da4e5",false,undefined,!1,_a,void 0,void 0)},data:function(){return{kebabCase:Jn,cmpsL1:[{name:"basic",cmps:[{name:"WBadge"},{name:"WSwitch"},{name:"WCheckbox"},{name:"WIcon"},{name:"WDropfiles"},{name:"WSlider"},{name:"WProgressBar"},{name:"WProgressCircle"}]},{name:"special",cmps:[{name:"WLevelGrade"}]},{name:"panel",cmps:[{name:"WPanelStripe"},{name:"WPanelBulge"},{name:"WPanelAvatar"},{name:"WPanelScrolly"},{name:"WPanelLabelItem"},{name:"WPanelDivideHorizontal"},{name:"WPanelDivideVertical"},{name:"WPanelScale"}]},{name:"button",cmps:[{name:"WButtonChip"},{name:"WButtonCircle"}]},{name:"group",cmps:[{name:"WInputCheckbox"},{name:"WGroupCheck"},{name:"WInputRadio"},{name:"WGroupRadio"},{name:"WGroupTags"},{name:"WGroupDragdrop"},{name:"WGroupBaggage"}]},{name:"list",cmps:[{name:"WListHorizontal"},{name:"WListVertical"},{name:"WListExpand"},{name:"WListRadio"},{name:"WListCheck"},{name:"WDynamicList"},{name:"WSegmentsVertical"}]},{name:"text",cmps:[{name:"WText"},{name:"WTextarea"},{name:"WTextInt"},{name:"WTextSelect"},{name:"WTextSuggest"}]},{name:"time",cmps:[{name:"WTimeday"},{name:"WTimeminute"},{name:"WTimedayRange"},{name:"WTimeminuteRange"}]},{name:"tree",cmps:[{name:"WTree"},{name:"WExplorer"},{name:"WJsonView"}]},{name:"window",cmps:[{name:"WAlert"},{name:"WDialog"},{name:"WConfirm"},{name:"WTooltip"},{name:"WPopup"},{name:"WPopupEditText"},{name:"WDrawer"}]},{name:"dynamic",cmps:[{name:"plot",cmps:[{name:"WHighchartsVueDyn"},{name:"WHighchartsBitmapDyn"},{name:"WHighstockVueDyn"},{name:"WEchartsVueDyn"}]},{name:"table",cmps:[{name:"WAggridVueDyn"},{name:"WTableDyn"}]},{name:"map",cmps:[{name:"WLeafletVueDyn"}]},{name:"imageViewer",cmps:[{name:"WImageViewerDyn"},{name:"WImageCascadingDyn"}]},{name:"editor",cmps:[{name:"WTinymceVueDyn"},{name:"WCkeditorVueDyn"},{name:"WQuillVueDyn"}]}]}],indP1:null,cmpP1:null,cmpsL2:null,indP2:null,cmpP2:null,cmpsL3:null,indP3:null,cmpP3:null,cmpsL4:null,cmpPick:""}},mounted:function(){let n=this;n.indP1=0,n.indP2=0,n.indP3=0;let e=function(n){if(!Ao(n))return{};if(!Ao(n=fn(n=lt(n,"?"),"[1]")))return{};let e=lt(n,"&");return e=Io(e,(function(n){return lt(n,"=")})),e=function(n){for(var e=-1,t=null==n?0:n.length,o={};++e<t;){var r=n[e];o[r[0]]=r[1]}return o}(e),e}(location.href);n.viewPick(fn(e,"cmp",""))},computed:{changeMenus:function(){let n=this;return n.modifyMenus(n.indP1,n.indP2,n.indP3),""},isNarrow:function(){return window.innerWidth<1e3}},methods:{modifyMenus:function(){let n=this,e="";setTimeout((()=>{n.cmpP1=fn(n.cmpsL1,n.indP1,{}),n.cmpsL2=fn(n.cmpP1,"cmps",[]);let t=fn(n.cmpP1,"name","");t&&(e=t)}),50),setTimeout((()=>{let t=fn(n.cmpP1,"cmps",[]);n.cmpP2=fn(t,n.indP2,{}),n.cmpsL3=fn(n.cmpP2,"cmps",[]);let o=fn(n.cmpP2,"name","");o&&(e=o)}),100),setTimeout((()=>{let t=fn(n.cmpP2,"cmps",[]);n.cmpP3=fn(t,n.indP3,{}),n.cmpsL4=fn(n.cmpP3,"cmps",[]);let o=fn(n.cmpP3,"name","");o&&(e=o),n.cmpPick=e}),150)},getInd:function(n,e){let t=-1;return Ze(e,((e,o)=>{if(n.name===e.name)return t=o,!1})),t},viewPick:function(n){let e=this,t=Jn(n),o="",r=[],i=n=>{Ze(n,((n,e)=>{r.push(e);let a=fn(n,"name",""),l=Jn(a),s=fn(n,"cmps",[]);r.join("."),l===t&&(o=JSON.parse(JSON.stringify(r))),s.length>0&&i(s),r.pop()}))};i(e.cmpsL1),e.indP1=fn(o,0,0),e.indP2=fn(o,1,0),e.indP3=fn(o,2,0)}}};const Lw=Hw;var Pw=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("v-app",{staticStyle:{"font-family":"inherit"},attrs:{changeMenus:n.changeMenus}},[n.isNarrow?n._e():[t("a",{staticClass:"github-corner",staticStyle:{position:"fixed",top:"0",right:"0",border:"0","z-index":"10000"},attrs:{href:"https://github.com/yuda-lyu/w-component-vue","aria-label":"View source on GitHub",target:"_blank",rel:"noreferrer noopener"}},[t("svg",{staticStyle:{fill:"rgba(0,0,0,0.25)",color:"#fff",position:"absolute",top:"0",border:"0",right:"0"},attrs:{width:"80",height:"80",viewBox:"0 0 250 250","aria-hidden":"true"}},[t("path",{attrs:{d:"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"}}),t("path",{staticClass:"octo-arm",staticStyle:{"transform-origin":"130px 106px"},attrs:{d:"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2",fill:"currentColor"}}),t("path",{staticClass:"octo-body",attrs:{d:"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z",fill:"currentColor"}})])])],n._v(" "),t("div",{staticStyle:{background:"#f5f5f5"}},[n.cmpsL1&&n.cmpsL1.length>0?t("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[t("WListHorizontal",{attrs:{items:n.cmpsL1,itemActive:n.cmpP1,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){n.cmpP1=e},function(e){n.indP3=0,n.indP2=0,n.indP1=n.getInd(e,n.cmpsL1)}],"update:item-active":function(e){n.cmpP1=e}},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{},[n._v("\n                        "+n._s(n.kebabCase(e.item.name))+"\n                    ")])]}}],null,!1,2540628071)}),n._v(" "),t("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):n._e(),n._v(" "),n.cmpsL2&&n.cmpsL2.length>0?t("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[t("div",{staticStyle:{height:"3px",background:"#fff"}}),n._v(" "),t("WListHorizontal",{attrs:{items:n.cmpsL2,itemActive:n.cmpP2,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){n.cmpP2=e},function(e){n.indP3=0,n.indP2=n.getInd(e,n.cmpsL2)}],"update:item-active":function(e){n.cmpP2=e}},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{},[n._v("\n                        "+n._s(n.kebabCase(e.item.name))+"\n                    ")])]}}],null,!1,2540628071)}),n._v(" "),t("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):n._e(),n._v(" "),n.cmpsL3&&n.cmpsL3.length>0?t("div",{staticStyle:{width:"calc( 100vw - 20px )","overflow-x":"auto"}},[t("div",{staticStyle:{height:"3px",background:"#fff"}}),n._v(" "),t("WListHorizontal",{attrs:{items:n.cmpsL3,itemActive:n.cmpP3,itemBackgroundColor:"transparent",itemBackgroundColorHover:"#eee",itemBackgroundColorActive:"#eee",keyText:"name",paddingStyle:{v:12,h:20}},on:{"update:itemActive":[function(e){n.cmpP3=e},function(e){n.indP3=n.getInd(e,n.cmpsL3)}],"update:item-active":function(e){n.cmpP3=e}},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{},[n._v("\n                        "+n._s(n.kebabCase(e.item.name))+"\n                    ")])]}}],null,!1,2540628071)}),n._v(" "),t("div",{staticStyle:{height:"1px",background:"#ddd"}})],1):n._e()]),n._v(" "),t("div",{staticStyle:{padding:"20px"}},["WBadge"===n.cmpPick?t("AppZoneWBadge"):n._e(),n._v(" "),"WPanelStripe"===n.cmpPick?t("AppZoneWPanelStripe"):n._e(),n._v(" "),"WPanelBulge"===n.cmpPick?t("AppZoneWPanelBulge"):n._e(),n._v(" "),"WPanelAvatar"===n.cmpPick?t("AppZoneWPanelAvatar"):n._e(),n._v(" "),"WPanelScrolly"===n.cmpPick?t("AppZoneWPanelScrolly"):n._e(),n._v(" "),"WPanelLabelItem"===n.cmpPick?t("AppZoneWPanelLabelItem"):n._e(),n._v(" "),"WPanelDivideHorizontal"===n.cmpPick?t("AppZoneWPanelDivideHorizontal"):n._e(),n._v(" "),"WPanelDivideVertical"===n.cmpPick?t("AppZoneWPanelDivideVertical"):n._e(),n._v(" "),"WPanelScale"===n.cmpPick?t("AppZoneWPanelScale"):n._e(),n._v(" "),"WIcon"===n.cmpPick?t("AppZoneWIcon"):n._e(),n._v(" "),"WDropfiles"===n.cmpPick?t("AppZoneWDropfiles"):n._e(),n._v(" "),"WButtonChip"===n.cmpPick?t("AppZoneWButtonChip"):n._e(),n._v(" "),"WButtonCircle"===n.cmpPick?t("AppZoneWButtonCircle"):n._e(),n._v(" "),"WSlider"===n.cmpPick?t("AppZoneWSlider"):n._e(),n._v(" "),"WProgressBar"===n.cmpPick?t("AppZoneWProgressBar"):n._e(),n._v(" "),"WProgressCircle"===n.cmpPick?t("AppZoneWProgressCircle"):n._e(),n._v(" "),"WSwitch"===n.cmpPick?t("AppZoneWSwitch"):n._e(),n._v(" "),"WCheckbox"===n.cmpPick?t("AppZoneWCheckbox"):n._e(),n._v(" "),"WLevelGrade"===n.cmpPick?t("AppZoneWLevelGrade"):n._e(),n._v(" "),"WAlert"===n.cmpPick?t("AppZoneWAlert"):n._e(),n._v(" "),"WDialog"===n.cmpPick?t("AppZoneWDialog"):n._e(),n._v(" "),"WConfirm"===n.cmpPick?t("AppZoneWConfirm"):n._e(),n._v(" "),"WTooltip"===n.cmpPick?t("AppZoneWTooltip"):n._e(),n._v(" "),"WPopup"===n.cmpPick?t("AppZoneWPopup"):n._e(),n._v(" "),"WPopupEditText"===n.cmpPick?t("AppZoneWPopupEditText"):n._e(),n._v(" "),"WDrawer"===n.cmpPick?t("AppZoneWDrawer"):n._e(),n._v(" "),"WGroupTags"===n.cmpPick?t("AppZoneWGroupTags"):n._e(),n._v(" "),"WGroupDragdrop"===n.cmpPick?t("AppZoneWGroupDragdrop"):n._e(),n._v(" "),"WGroupBaggage"===n.cmpPick?t("AppZoneWGroupBaggage"):n._e(),n._v(" "),"WListVertical"===n.cmpPick?t("AppZoneWListVertical"):n._e(),n._v(" "),"WListHorizontal"===n.cmpPick?t("AppZoneWListHorizontal"):n._e(),n._v(" "),"WInputRadio"===n.cmpPick?t("AppZoneWInputRadio"):n._e(),n._v(" "),"WInputCheckbox"===n.cmpPick?t("AppZoneWInputCheckbox"):n._e(),n._v(" "),"WListExpand"===n.cmpPick?t("AppZoneWListExpand"):n._e(),n._v(" "),"WListRadio"===n.cmpPick?t("AppZoneWListRadio"):n._e(),n._v(" "),"WListCheck"===n.cmpPick?t("AppZoneWListCheck"):n._e(),n._v(" "),"WGroupRadio"===n.cmpPick?t("AppZoneWGroupRadio"):n._e(),n._v(" "),"WGroupCheck"===n.cmpPick?t("AppZoneWGroupCheck"):n._e(),n._v(" "),"WText"===n.cmpPick?t("AppZoneWText"):n._e(),n._v(" "),"WTextInt"===n.cmpPick?t("AppZoneWTextInt"):n._e(),n._v(" "),"WTextarea"===n.cmpPick?t("AppZoneWTextarea"):n._e(),n._v(" "),"WTextSelect"===n.cmpPick?t("AppZoneWTextSelect"):n._e(),n._v(" "),"WTextSuggest"===n.cmpPick?t("AppZoneWTextSuggest"):n._e(),n._v(" "),"WTimeday"===n.cmpPick?t("AppZoneWTimeday"):n._e(),n._v(" "),"WTimeminute"===n.cmpPick?t("AppZoneWTimeminute"):n._e(),n._v(" "),"WTimedayRange"===n.cmpPick?t("AppZoneWTimedayRange"):n._e(),n._v(" "),"WTimeminuteRange"===n.cmpPick?t("AppZoneWTimeminuteRange"):n._e(),n._v(" "),"WDynamicList"===n.cmpPick?t("AppZoneWDynamicList"):n._e(),n._v(" "),"WSegmentsVertical"===n.cmpPick?t("AppZoneWSegmentsVertical"):n._e(),n._v(" "),"WJsonView"===n.cmpPick?t("AppZoneWJsonView"):n._e(),n._v(" "),"WTree"===n.cmpPick?t("AppZoneWTree"):n._e(),n._v(" "),"WHighchartsVueDyn"===n.cmpPick?t("AppZoneWHighchartsVueDyn"):n._e(),n._v(" "),"WHighchartsBitmapDyn"===n.cmpPick?t("AppZoneWHighchartsBitmapDyn"):n._e(),n._v(" "),"WHighstockVueDyn"===n.cmpPick?t("AppZoneWHighstockVueDyn"):n._e(),n._v(" "),"WEchartsVueDyn"===n.cmpPick?t("AppZoneWEchartsVueDyn"):n._e(),n._v(" "),"WAggridVueDyn"===n.cmpPick?t("AppZoneWAggridVueDyn"):n._e(),n._v(" "),"WTableDyn"===n.cmpPick?t("AppZoneWTableDyn"):n._e(),n._v(" "),"WImageViewerDyn"===n.cmpPick?t("AppZoneWImageViewerDyn"):n._e(),n._v(" "),"WImageCascadingDyn"===n.cmpPick?t("AppZoneWImageCascadingDyn"):n._e(),n._v(" "),"WCkeditorVueDyn"===n.cmpPick?t("AppZoneWCkeditorVueDyn"):n._e(),n._v(" "),"WTinymceVueDyn"===n.cmpPick?t("AppZoneWTinymceVueDyn"):n._e(),n._v(" "),"WQuillVueDyn"===n.cmpPick?t("AppZoneWQuillVueDyn"):n._e(),n._v(" "),"WLeafletVueDyn"===n.cmpPick?t("AppZoneWLeafletVueDyn"):n._e(),n._v(" "),"WExplorer"===n.cmpPick?t("AppZoneWExplorer"):n._e()],1)],2)};Pw._withStripped=!0;return Sa({render:Pw,staticRenderFns:[]},(function(n){n&&n("data-v-1d38e114_0",{source:"\n.v-application--wrap {\n    /* width與max-width fix for IE11, 其外不能使用padding或margin避免失效 */\n    width: 100vw !important;\n    max-width: 100vw !important;\n    font-family: inherit;\n    background: #fff;\n}\n.head1 {\n    margin: 0px;\n    padding: 0px 0px 10px 0px;\n    font-size: 2.5rem;\n}\n.bk {\n    vertical-align: top;\n    padding: 10px 0px 60px 0px;\n}\n@media screen and (min-width:1000px){ /* 寬版 */\n.bk {\n        display: inline-block;\n        margin: 0px 80px 0px 0px;\n}\n}\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\App.vue"],names:[],mappings:";AAs2BA;IACA,2DAAA;IACA,uBAAA;IACA,2BAAA;IACA,oBAAA;IACA,gBAAA;AACA;AACA;IACA,WAAA;IACA,yBAAA;IACA,iBAAA;AACA;AACA;IACA,mBAAA;IACA,0BAAA;AACA;AACA,sCAAA,OAAA;AACA;QACA,qBAAA;QACA,wBAAA;AACA;AACA",file:"App.vue",sourcesContent:["<template>\n    <v-app\n        style=\"font-family:inherit;\"\n        :changeMenus=\"changeMenus\"\n    >\n\n\n        <template v-if=\"!isNarrow\">\n            <a href=\"https://github.com/yuda-lyu/w-component-vue\" class=\"github-corner\" style=\"position:fixed; top:0; right:0; border:0; z-index:10000;\" aria-label=\"View source on GitHub\" target=\"_blank\" rel=\"noreferrer noopener\">\n                <svg width=\"80\" height=\"80\" viewBox=\"0 0 250 250\" style=\"fill:rgba(0,0,0,0.25); color:#fff; position: absolute; top: 0; border: 0; right: 0;\" aria-hidden=\"true\"><path d=\"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z\"></path><path d=\"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2\" fill=\"currentColor\" style=\"transform-origin: 130px 106px;\" class=\"octo-arm\"></path><path d=\"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z\" fill=\"currentColor\" class=\"octo-body\"></path></svg>\n            </a>\n        </template>\n\n\n        <div style=\"background:#f5f5f5;\">\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL1 && cmpsL1.length>0\">\n                <WListHorizontal\n                    :items=\"cmpsL1\"\n                    :itemActive.sync=\"cmpP1\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=0;indP2=0;indP1=getInd(v,cmpsL1)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCase(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL2 && cmpsL2.length>0\">\n                <div style=\"height:3px; background:#fff;\"></div>\n                <WListHorizontal\n                    :items=\"cmpsL2\"\n                    :itemActive.sync=\"cmpP2\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=0;indP2=getInd(v,cmpsL2)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCase(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n            <div style=\"width:calc( 100vw - 20px ); overflow-x:auto;\" v-if=\"cmpsL3 && cmpsL3.length>0\">\n                <div style=\"height:3px; background:#fff;\"></div>\n                <WListHorizontal\n                    :items=\"cmpsL3\"\n                    :itemActive.sync=\"cmpP3\"\n                    :itemBackgroundColor=\"'transparent'\"\n                    :itemBackgroundColorHover=\"'#eee'\"\n                    :itemBackgroundColorActive=\"'#eee'\"\n                    :keyText=\"'name'\"\n                    :paddingStyle=\"{v:12,h:20}\"\n                    @update:itemActive=\"(v)=>{indP3=getInd(v,cmpsL3)}\"\n                >\n                    <template v-slot:item=\"props\">\n                        <div style=\"\">\n                            {{kebabCase(props.item.name)}}\n                        </div>\n                    </template>\n                </WListHorizontal>\n                <div style=\"height:1px; background:#ddd;\"></div>\n            </div>\n\n        </div>\n\n\n        <div style=\"padding:20px;\">\n\n\n            <AppZoneWBadge\n                v-if=\"cmpPick==='WBadge'\"\n            ></AppZoneWBadge>\n\n\n            <AppZoneWPanelStripe\n                v-if=\"cmpPick==='WPanelStripe'\"\n            ></AppZoneWPanelStripe>\n\n\n            <AppZoneWPanelBulge\n                v-if=\"cmpPick==='WPanelBulge'\"\n            ></AppZoneWPanelBulge>\n\n\n            <AppZoneWPanelAvatar\n                v-if=\"cmpPick==='WPanelAvatar'\"\n            ></AppZoneWPanelAvatar>\n\n\n            <AppZoneWPanelScrolly\n                v-if=\"cmpPick==='WPanelScrolly'\"\n            ></AppZoneWPanelScrolly>\n\n\n            <AppZoneWPanelLabelItem\n                v-if=\"cmpPick==='WPanelLabelItem'\"\n            ></AppZoneWPanelLabelItem>\n\n\n            <AppZoneWPanelDivideHorizontal\n                v-if=\"cmpPick==='WPanelDivideHorizontal'\"\n            ></AppZoneWPanelDivideHorizontal>\n\n\n            <AppZoneWPanelDivideVertical\n                v-if=\"cmpPick==='WPanelDivideVertical'\"\n            ></AppZoneWPanelDivideVertical>\n\n\n            <AppZoneWPanelScale\n                v-if=\"cmpPick==='WPanelScale'\"\n            ></AppZoneWPanelScale>\n\n\n            <AppZoneWIcon\n                v-if=\"cmpPick==='WIcon'\"\n            ></AppZoneWIcon>\n\n\n            <AppZoneWDropfiles\n                v-if=\"cmpPick==='WDropfiles'\"\n            ></AppZoneWDropfiles>\n\n\n            <AppZoneWButtonChip\n                v-if=\"cmpPick==='WButtonChip'\"\n            ></AppZoneWButtonChip>\n\n\n            <AppZoneWButtonCircle\n                v-if=\"cmpPick==='WButtonCircle'\"\n            ></AppZoneWButtonCircle>\n\n\n            <AppZoneWSlider\n                v-if=\"cmpPick==='WSlider'\"\n            ></AppZoneWSlider>\n\n\n            <AppZoneWProgressBar\n                v-if=\"cmpPick==='WProgressBar'\"\n            ></AppZoneWProgressBar>\n\n\n            <AppZoneWProgressCircle\n                v-if=\"cmpPick==='WProgressCircle'\"\n            ></AppZoneWProgressCircle>\n\n\n            <AppZoneWSwitch\n                v-if=\"cmpPick==='WSwitch'\"\n            ></AppZoneWSwitch>\n\n\n            <AppZoneWCheckbox\n                v-if=\"cmpPick==='WCheckbox'\"\n            ></AppZoneWCheckbox>\n\n\n            <AppZoneWLevelGrade\n                v-if=\"cmpPick==='WLevelGrade'\"\n            ></AppZoneWLevelGrade>\n\n\n            <AppZoneWAlert\n                v-if=\"cmpPick==='WAlert'\"\n            ></AppZoneWAlert>\n\n\n            <AppZoneWDialog\n                v-if=\"cmpPick==='WDialog'\"\n            ></AppZoneWDialog>\n\n\n            <AppZoneWConfirm\n                v-if=\"cmpPick==='WConfirm'\"\n            ></AppZoneWConfirm>\n\n\n            <AppZoneWTooltip\n                v-if=\"cmpPick==='WTooltip'\"\n            ></AppZoneWTooltip>\n\n\n            <AppZoneWPopup\n                v-if=\"cmpPick==='WPopup'\"\n            ></AppZoneWPopup>\n\n\n            <AppZoneWPopupEditText\n                v-if=\"cmpPick==='WPopupEditText'\"\n            ></AppZoneWPopupEditText>\n\n\n            <AppZoneWDrawer\n                v-if=\"cmpPick==='WDrawer'\"\n            ></AppZoneWDrawer>\n\n\n            <AppZoneWGroupTags\n                v-if=\"cmpPick==='WGroupTags'\"\n            ></AppZoneWGroupTags>\n\n\n            <AppZoneWGroupDragdrop\n                v-if=\"cmpPick==='WGroupDragdrop'\"\n            ></AppZoneWGroupDragdrop>\n\n\n            <AppZoneWGroupBaggage\n                v-if=\"cmpPick==='WGroupBaggage'\"\n            ></AppZoneWGroupBaggage>\n\n\n            <AppZoneWListVertical\n                v-if=\"cmpPick==='WListVertical'\"\n            ></AppZoneWListVertical>\n\n\n            <AppZoneWListHorizontal\n                v-if=\"cmpPick==='WListHorizontal'\"\n            ></AppZoneWListHorizontal>\n\n\n            <AppZoneWInputRadio\n                v-if=\"cmpPick==='WInputRadio'\"\n            ></AppZoneWInputRadio>\n\n\n            <AppZoneWInputCheckbox\n                v-if=\"cmpPick==='WInputCheckbox'\"\n            ></AppZoneWInputCheckbox>\n\n\n            <AppZoneWListExpand\n                v-if=\"cmpPick==='WListExpand'\"\n            ></AppZoneWListExpand>\n\n\n            <AppZoneWListRadio\n                v-if=\"cmpPick==='WListRadio'\"\n            ></AppZoneWListRadio>\n\n\n            <AppZoneWListCheck\n                v-if=\"cmpPick==='WListCheck'\"\n            ></AppZoneWListCheck>\n\n\n            <AppZoneWGroupRadio\n                v-if=\"cmpPick==='WGroupRadio'\"\n            ></AppZoneWGroupRadio>\n\n\n            <AppZoneWGroupCheck\n                v-if=\"cmpPick==='WGroupCheck'\"\n            ></AppZoneWGroupCheck>\n\n\n            <AppZoneWText\n                v-if=\"cmpPick==='WText'\"\n            ></AppZoneWText>\n\n\n            <AppZoneWTextInt\n                v-if=\"cmpPick==='WTextInt'\"\n            ></AppZoneWTextInt>\n\n\n            <AppZoneWTextarea\n                v-if=\"cmpPick==='WTextarea'\"\n            ></AppZoneWTextarea>\n\n\n            <AppZoneWTextSelect\n                v-if=\"cmpPick==='WTextSelect'\"\n            ></AppZoneWTextSelect>\n\n\n            <AppZoneWTextSuggest\n                v-if=\"cmpPick==='WTextSuggest'\"\n            ></AppZoneWTextSuggest>\n\n\n            <AppZoneWTimeday\n                v-if=\"cmpPick==='WTimeday'\"\n            ></AppZoneWTimeday>\n\n\n            <AppZoneWTimeminute\n                v-if=\"cmpPick==='WTimeminute'\"\n            ></AppZoneWTimeminute>\n\n\n            <AppZoneWTimedayRange\n                v-if=\"cmpPick==='WTimedayRange'\"\n            ></AppZoneWTimedayRange>\n\n\n            <AppZoneWTimeminuteRange\n                v-if=\"cmpPick==='WTimeminuteRange'\"\n            ></AppZoneWTimeminuteRange>\n\n\n            <AppZoneWDynamicList\n                v-if=\"cmpPick==='WDynamicList'\"\n            ></AppZoneWDynamicList>\n\n\n            <AppZoneWSegmentsVertical\n                v-if=\"cmpPick==='WSegmentsVertical'\"\n            ></AppZoneWSegmentsVertical>\n\n\n            <AppZoneWJsonView\n                v-if=\"cmpPick==='WJsonView'\"\n            ></AppZoneWJsonView>\n\n\n            <AppZoneWTree\n                v-if=\"cmpPick==='WTree'\"\n            ></AppZoneWTree>\n\n\n            <AppZoneWHighchartsVueDyn\n                v-if=\"cmpPick==='WHighchartsVueDyn'\"\n            ></AppZoneWHighchartsVueDyn>\n\n\n            <AppZoneWHighchartsBitmapDyn\n                v-if=\"cmpPick==='WHighchartsBitmapDyn'\"\n            ></AppZoneWHighchartsBitmapDyn>\n\n\n            <AppZoneWHighstockVueDyn\n                v-if=\"cmpPick==='WHighstockVueDyn'\"\n            ></AppZoneWHighstockVueDyn>\n\n\n            <AppZoneWEchartsVueDyn\n                v-if=\"cmpPick==='WEchartsVueDyn'\"\n            ></AppZoneWEchartsVueDyn>\n\n\n            <AppZoneWAggridVueDyn\n                v-if=\"cmpPick==='WAggridVueDyn'\"\n            ></AppZoneWAggridVueDyn>\n\n\n            <AppZoneWTableDyn\n                v-if=\"cmpPick==='WTableDyn'\"\n            ></AppZoneWTableDyn>\n\n\n            <AppZoneWImageViewerDyn\n                v-if=\"cmpPick==='WImageViewerDyn'\"\n            ></AppZoneWImageViewerDyn>\n\n\n            <AppZoneWImageCascadingDyn\n                v-if=\"cmpPick==='WImageCascadingDyn'\"\n            ></AppZoneWImageCascadingDyn>\n\n\n            <AppZoneWCkeditorVueDyn\n                v-if=\"cmpPick==='WCkeditorVueDyn'\"\n            ></AppZoneWCkeditorVueDyn>\n\n\n            <AppZoneWTinymceVueDyn\n                v-if=\"cmpPick==='WTinymceVueDyn'\"\n            ></AppZoneWTinymceVueDyn>\n\n\n            <AppZoneWQuillVueDyn\n                v-if=\"cmpPick==='WQuillVueDyn'\"\n            ></AppZoneWQuillVueDyn>\n\n\n            <AppZoneWLeafletVueDyn\n                v-if=\"cmpPick==='WLeafletVueDyn'\"\n            ></AppZoneWLeafletVueDyn>\n\n\n            <AppZoneWExplorer\n                v-if=\"cmpPick==='WExplorer'\"\n            ></AppZoneWExplorer>\n\n\n        </div>\n\n\n    </v-app>\n</template>\n\n<script>\nimport get from 'lodash-es/get'\nimport kebabCase from 'lodash-es/kebabCase'\nimport each from 'lodash-es/each'\n// import cloneDeep from 'lodash-es/cloneDeep'\nimport urlParse from 'wsemi/src/urlParse.mjs'\nimport WListHorizontal from './components/WListHorizontal.vue'\nimport AppZoneWBadge from './AppZoneWBadge.vue'\nimport AppZoneWPanelStripe from './AppZoneWPanelStripe.vue'\nimport AppZoneWPanelBulge from './AppZoneWPanelBulge.vue'\nimport AppZoneWPanelAvatar from './AppZoneWPanelAvatar.vue'\nimport AppZoneWPanelScrolly from './AppZoneWPanelScrolly.vue'\nimport AppZoneWPanelLabelItem from './AppZoneWPanelLabelItem.vue'\nimport AppZoneWPanelDivideHorizontal from './AppZoneWPanelDivideHorizontal.vue'\nimport AppZoneWPanelDivideVertical from './AppZoneWPanelDivideVertical.vue'\nimport AppZoneWPanelScale from './AppZoneWPanelScale.vue'\nimport AppZoneWIcon from './AppZoneWIcon.vue'\nimport AppZoneWDropfiles from './AppZoneWDropfiles.vue'\nimport AppZoneWDialog from './AppZoneWDialog.vue'\nimport AppZoneWConfirm from './AppZoneWConfirm.vue'\nimport AppZoneWTooltip from './AppZoneWTooltip.vue'\nimport AppZoneWPopup from './AppZoneWPopup.vue'\nimport AppZoneWPopupEditText from './AppZoneWPopupEditText.vue'\nimport AppZoneWDrawer from './AppZoneWDrawer.vue'\nimport AppZoneWButtonChip from './AppZoneWButtonChip.vue'\nimport AppZoneWButtonCircle from './AppZoneWButtonCircle.vue'\nimport AppZoneWSlider from './AppZoneWSlider.vue'\nimport AppZoneWProgressBar from './AppZoneWProgressBar.vue'\nimport AppZoneWProgressCircle from './AppZoneWProgressCircle.vue'\nimport AppZoneWSwitch from './AppZoneWSwitch.vue'\nimport AppZoneWCheckbox from './AppZoneWCheckbox.vue'\nimport AppZoneWLevelGrade from './AppZoneWLevelGrade.vue'\nimport AppZoneWAlert from './AppZoneWAlert.vue'\nimport AppZoneWGroupTags from './AppZoneWGroupTags.vue'\nimport AppZoneWGroupDragdrop from './AppZoneWGroupDragdrop.vue'\nimport AppZoneWGroupBaggage from './AppZoneWGroupBaggage.vue'\nimport AppZoneWListVertical from './AppZoneWListVertical.vue'\nimport AppZoneWListHorizontal from './AppZoneWListHorizontal.vue'\nimport AppZoneWListExpand from './AppZoneWListExpand.vue'\nimport AppZoneWListRadio from './AppZoneWListRadio.vue'\nimport AppZoneWListCheck from './AppZoneWListCheck.vue'\nimport AppZoneWInputCheckbox from './AppZoneWInputCheckbox.vue'\nimport AppZoneWGroupCheck from './AppZoneWGroupCheck.vue'\nimport AppZoneWInputRadio from './AppZoneWInputRadio.vue'\nimport AppZoneWGroupRadio from './AppZoneWGroupRadio.vue'\nimport AppZoneWText from './AppZoneWText.vue'\nimport AppZoneWTextInt from './AppZoneWTextInt.vue'\nimport AppZoneWTextarea from './AppZoneWTextarea.vue'\nimport AppZoneWTextSelect from './AppZoneWTextSelect.vue'\nimport AppZoneWTextSuggest from './AppZoneWTextSuggest.vue'\nimport AppZoneWTimeday from './AppZoneWTimeday.vue'\nimport AppZoneWTimeminute from './AppZoneWTimeminute.vue'\nimport AppZoneWTimedayRange from './AppZoneWTimedayRange.vue'\nimport AppZoneWTimeminuteRange from './AppZoneWTimeminuteRange.vue'\nimport AppZoneWDynamicList from './AppZoneWDynamicList.vue'\nimport AppZoneWSegmentsVertical from './AppZoneWSegmentsVertical.vue'\nimport AppZoneWJsonView from './AppZoneWJsonView.vue'\nimport AppZoneWTree from './AppZoneWTree.vue'\nimport AppZoneWHighchartsVueDyn from './AppZoneWHighchartsVueDyn.vue'\nimport AppZoneWHighchartsBitmapDyn from './AppZoneWHighchartsBitmapDyn.vue'\nimport AppZoneWHighstockVueDyn from './AppZoneWHighstockVueDyn.vue'\nimport AppZoneWEchartsVueDyn from './AppZoneWEchartsVueDyn.vue'\nimport AppZoneWAggridVueDyn from './AppZoneWAggridVueDyn.vue'\nimport AppZoneWTableDyn from './AppZoneWTableDyn.vue'\nimport AppZoneWImageViewerDyn from './AppZoneWImageViewerDyn.vue'\nimport AppZoneWImageCascadingDyn from './AppZoneWImageCascadingDyn.vue'\nimport AppZoneWCkeditorVueDyn from './AppZoneWCkeditorVueDyn.vue'\nimport AppZoneWTinymceVueDyn from './AppZoneWTinymceVueDyn.vue'\nimport AppZoneWQuillVueDyn from './AppZoneWQuillVueDyn.vue'\nimport AppZoneWLeafletVueDyn from './AppZoneWLeafletVueDyn.vue'\nimport AppZoneWExplorer from './AppZoneWExplorer.vue'\n\n\nexport default {\n    components: {\n        WListHorizontal,\n        AppZoneWBadge,\n        AppZoneWPanelStripe,\n        AppZoneWPanelBulge,\n        AppZoneWPanelAvatar,\n        AppZoneWPanelScrolly,\n        AppZoneWPanelLabelItem,\n        AppZoneWPanelDivideHorizontal,\n        AppZoneWPanelDivideVertical,\n        AppZoneWPanelScale,\n        AppZoneWIcon,\n        AppZoneWDropfiles,\n        AppZoneWDialog,\n        AppZoneWConfirm,\n        AppZoneWTooltip,\n        AppZoneWPopup,\n        AppZoneWPopupEditText,\n        AppZoneWDrawer,\n        AppZoneWButtonChip,\n        AppZoneWButtonCircle,\n        AppZoneWSlider,\n        AppZoneWProgressBar,\n        AppZoneWProgressCircle,\n        AppZoneWSwitch,\n        AppZoneWCheckbox,\n        AppZoneWLevelGrade,\n        AppZoneWAlert,\n        AppZoneWGroupTags,\n        AppZoneWGroupDragdrop,\n        AppZoneWGroupBaggage,\n        AppZoneWListVertical,\n        AppZoneWListHorizontal,\n        AppZoneWListExpand,\n        AppZoneWListRadio,\n        AppZoneWListCheck,\n        AppZoneWInputCheckbox,\n        AppZoneWGroupCheck,\n        AppZoneWInputRadio,\n        AppZoneWGroupRadio,\n        AppZoneWText,\n        AppZoneWTextInt,\n        AppZoneWTextarea,\n        AppZoneWTextSelect,\n        AppZoneWTextSuggest,\n        AppZoneWTimeday,\n        AppZoneWTimeminute,\n        AppZoneWTimedayRange,\n        AppZoneWTimeminuteRange,\n        AppZoneWDynamicList,\n        AppZoneWSegmentsVertical,\n        AppZoneWJsonView,\n        AppZoneWTree,\n        AppZoneWHighchartsVueDyn,\n        AppZoneWHighchartsBitmapDyn,\n        AppZoneWHighstockVueDyn,\n        AppZoneWEchartsVueDyn,\n        AppZoneWAggridVueDyn,\n        AppZoneWTableDyn,\n        AppZoneWImageViewerDyn,\n        AppZoneWImageCascadingDyn,\n        AppZoneWCkeditorVueDyn,\n        AppZoneWTinymceVueDyn,\n        AppZoneWQuillVueDyn,\n        AppZoneWLeafletVueDyn,\n        AppZoneWExplorer,\n    },\n    data: function() {\n        let cmps = [\n            {\n                name: 'basic',\n                cmps: [\n                    { name: 'WBadge' },\n                    { name: 'WSwitch' },\n                    { name: 'WCheckbox' },\n                    { name: 'WIcon' },\n                    { name: 'WDropfiles' },\n                    { name: 'WSlider' },\n                    { name: 'WProgressBar' },\n                    { name: 'WProgressCircle' },\n                ]\n            },\n            {\n                name: 'special',\n                cmps: [\n                    { name: 'WLevelGrade' },\n                ]\n            },\n            {\n                name: 'panel',\n                cmps: [\n                    { name: 'WPanelStripe' },\n                    { name: 'WPanelBulge' },\n                    { name: 'WPanelAvatar' },\n                    { name: 'WPanelScrolly' },\n                    { name: 'WPanelLabelItem' },\n                    { name: 'WPanelDivideHorizontal' },\n                    { name: 'WPanelDivideVertical' },\n                    { name: 'WPanelScale' },\n                ]\n            },\n            {\n                name: 'button',\n                cmps: [\n                    { name: 'WButtonChip' },\n                    { name: 'WButtonCircle' },\n                ]\n            },\n            {\n                name: 'group',\n                cmps: [\n                    { name: 'WInputCheckbox' },\n                    { name: 'WGroupCheck' },\n                    { name: 'WInputRadio' },\n                    { name: 'WGroupRadio' },\n                    { name: 'WGroupTags' },\n                    { name: 'WGroupDragdrop' },\n                    { name: 'WGroupBaggage' },\n                ]\n            },\n            {\n                name: 'list',\n                cmps: [\n                    { name: 'WListHorizontal' },\n                    { name: 'WListVertical' },\n                    { name: 'WListExpand' },\n                    { name: 'WListRadio' },\n                    { name: 'WListCheck' },\n                    { name: 'WDynamicList' },\n                    { name: 'WSegmentsVertical' },\n                ]\n            },\n            {\n                name: 'text',\n                cmps: [\n                    { name: 'WText' },\n                    { name: 'WTextarea' },\n                    { name: 'WTextInt' },\n                    { name: 'WTextSelect' },\n                    { name: 'WTextSuggest' },\n                ]\n            },\n            {\n                name: 'time',\n                cmps: [\n                    { name: 'WTimeday' },\n                    { name: 'WTimeminute' },\n                    { name: 'WTimedayRange' },\n                    { name: 'WTimeminuteRange' },\n                ]\n            },\n            {\n                name: 'tree',\n                cmps: [\n                    { name: 'WTree' },\n                    { name: 'WExplorer' },\n                    { name: 'WJsonView' },\n                ]\n            },\n            {\n                name: 'window',\n                cmps: [\n                    { name: 'WAlert' },\n                    { name: 'WDialog' },\n                    { name: 'WConfirm' },\n                    { name: 'WTooltip' },\n                    { name: 'WPopup' },\n                    { name: 'WPopupEditText' },\n                    { name: 'WDrawer' },\n                ]\n            },\n            {\n                name: 'dynamic',\n                cmps: [\n                    {\n                        name: 'plot',\n                        cmps: [\n                            { name: 'WHighchartsVueDyn' },\n                            { name: 'WHighchartsBitmapDyn' },\n                            { name: 'WHighstockVueDyn' },\n                            { name: 'WEchartsVueDyn' },\n                        ],\n                    },\n                    {\n                        name: 'table',\n                        cmps: [\n                            { name: 'WAggridVueDyn' },\n                            { name: 'WTableDyn' },\n                        ],\n                    },\n                    {\n                        name: 'map',\n                        cmps: [\n                            { name: 'WLeafletVueDyn' },\n                        ],\n                    },\n                    {\n                        name: 'imageViewer',\n                        cmps: [\n                            { name: 'WImageViewerDyn' },\n                            { name: 'WImageCascadingDyn' },\n                        ],\n                    },\n                    {\n                        name: 'editor',\n                        cmps: [\n                            { name: 'WTinymceVueDyn' },\n                            { name: 'WCkeditorVueDyn' },\n                            { name: 'WQuillVueDyn' },\n                        ],\n                    },\n                ],\n            },\n        ]\n        return {\n            kebabCase,\n\n            cmpsL1: cmps,\n            indP1: null,\n            cmpP1: null,\n\n            cmpsL2: null,\n            indP2: null,\n            cmpP2: null,\n\n            cmpsL3: null,\n            indP3: null,\n            cmpP3: null,\n\n            cmpsL4: null,\n\n            cmpPick: '',\n\n        }\n    },\n    mounted: function() {\n        let vo = this\n\n        //default\n        vo.indP1 = 0\n        vo.indP2 = 0\n        vo.indP3 = 0\n\n        //urlParse, http://localhost:8080/?cmp=w-ckeditor-vue-dyn\n        let p = urlParse(location.href)\n        // console.log('p', p)\n\n        //viewPick\n        vo.viewPick(get(p, 'cmp', ''))\n\n    },\n    computed: {\n\n        changeMenus: function() {\n            let vo = this\n            vo.modifyMenus(vo.indP1, vo.indP2, vo.indP3)\n            return ''\n        },\n\n        isNarrow: function() {\n            return window.innerWidth < 1000\n        },\n\n    },\n    methods: {\n\n        modifyMenus: function() {\n            let vo = this\n\n            let cmpPick = ''\n\n            setTimeout(() => {\n\n                // console.log('call P1')\n                vo.cmpP1 = get(vo.cmpsL1, vo.indP1, {})\n                vo.cmpsL2 = get(vo.cmpP1, `cmps`, [])\n                let _cmpPick = get(vo.cmpP1, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP1', cloneDeep(vo.cmpP1))\n                // console.log('vo.cmpsL2', cloneDeep(vo.cmpsL2))\n\n            }, 50)\n\n            setTimeout(() => {\n\n                // console.log('call P2')\n                let cmps = get(vo.cmpP1, `cmps`, [])\n                vo.cmpP2 = get(cmps, vo.indP2, {})\n                vo.cmpsL3 = get(vo.cmpP2, `cmps`, [])\n                let _cmpPick = get(vo.cmpP2, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP2', cloneDeep(vo.cmpP2))\n                // console.log('vo.cmpsL3', cloneDeep(vo.cmpsL3))\n\n            }, 100)\n\n            setTimeout(() => {\n\n                // console.log('call P3')\n                let cmps = get(vo.cmpP2, `cmps`, [])\n                vo.cmpP3 = get(cmps, vo.indP3, {})\n                vo.cmpsL4 = get(vo.cmpP3, `cmps`, [])\n                let _cmpPick = get(vo.cmpP3, `name`, '')\n                if (_cmpPick) {\n                    cmpPick = _cmpPick\n                }\n                // console.log('vo.cmpP3', cloneDeep(vo.cmpP3))\n                // console.log('vo.cmpsL4', cloneDeep(vo.cmpsL4))\n\n                //update\n                vo.cmpPick = cmpPick\n                // console.log('cmpPick', cmpPick)\n\n            }, 150)\n\n        },\n\n        getInd: function(item, items) {\n            // let vo = this\n            let ind = -1\n            each(items, (v, k) => {\n                if (item.name === v.name) {\n                    ind = k\n                    return false //跳出\n                }\n            })\n            return ind\n        },\n\n        viewPick: function(cmpPick) {\n            let vo = this\n            let _cmpPick = kebabCase(cmpPick)\n            let r = ''\n            let rs = []\n            let ls = []\n            let pv = (ts) => {\n                each(ts, (v, k) => {\n                    ls.push(k)\n\n                    //name, _name\n                    let name = get(v, `name`, '')\n                    let _name = kebabCase(name)\n\n                    //cmps\n                    let cmps = get(v, `cmps`, [])\n\n                    //push\n                    let cls = ls.join('.')\n                    let b = _name === _cmpPick\n                    rs.push({\n                        cls,\n                        name,\n                        b,\n                    })\n\n                    //save\n                    if (b) {\n                        r = JSON.parse(JSON.stringify(ls))\n                    }\n\n                    //遞迴pv\n                    if (cmps.length > 0) {\n                        pv(cmps)\n                    }\n\n                    ls.pop()\n                })\n            }\n            pv(vo.cmpsL1)\n            // console.log('rs', rs)\n            // console.log('r', r)\n            vo.indP1 = get(r, 0, 0)\n            vo.indP2 = get(r, 1, 0)\n            vo.indP3 = get(r, 2, 0)\n        },\n\n    }\n}\n<\/script>\n\n<style>\n.v-application--wrap {\n    /* width與max-width fix for IE11, 其外不能使用padding或margin避免失效 */\n    width: 100vw !important;\n    max-width: 100vw !important;\n    font-family: inherit;\n    background: #fff;\n}\n.head1 {\n    margin: 0px;\n    padding: 0px 0px 10px 0px;\n    font-size: 2.5rem;\n}\n.bk {\n    vertical-align: top;\n    padding: 10px 0px 60px 0px;\n}\n@media screen and (min-width:1000px){ /* 寬版 */\n    .bk {\n        display: inline-block;\n        margin: 0px 80px 0px 0px;\n    }\n}\n</style>\n"]},media:void 0})}),Lw,undefined,false,undefined,!1,_a,void 0,void 0)}));
 //# sourceMappingURL=app.umd.js.map