| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([["chunk-8556"],{Gas7:function(t,e,n){t.exports=function(t){function e(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/dist/",e(e.s=19)}([function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;e<this.length;e++){var n=this[e];n[2]?t.push("@media "+n[2]+"{"+n[1]+"}"):t.push(n[1])}return t.join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},i=0;i<this.length;i++){var s=this[i][0];"number"==typeof s&&(r[s]=!0)}for(i=0;i<e.length;i++){var a=e[i];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),t.push(a))}},t}},function(t,e){t.exports=function(t,e,n,r){var i,s=t=t||{},a=typeof t.default;"object"!==a&&"function"!==a||(i=t,s=t.default);var o="function"==typeof s?s.options:s;if(e&&(o.render=e.render,o.staticRenderFns=e.staticRenderFns),n&&(o._scopeId=n),r){var l=Object.create(o.computed||null);Object.keys(r).forEach(function(t){var e=r[t];l[t]=function(){return e}}),o.computed=l}return{esModule:i,exports:s,options:o}}},function(t,e,n){function r(t){for(var e=0;e<t.length;e++){var n=t[e],r=c[n.id];if(r){r.refs++;for(var i=0;i<r.parts.length;i++)r.parts[i](n.parts[i]);for(;i<n.parts.length;i++)r.parts.push(a(n.parts[i]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var s=[],i=0;i<n.parts.length;i++)s.push(a(n.parts[i]));c[n.id]={id:n.id,refs:1,parts:s}}}}function i(t,e){for(var n=[],r={},i=0;i<e.length;i++){var s=e[i],a=s[0],o=s[1],l=s[2],c=s[3],p={css:o,media:l,sourceMap:c};r[a]?(p.id=t+":"+r[a].parts.length,r[a].parts.push(p)):(p.id=t+":0",n.push(r[a]={id:a,parts:[p]}))}return n}function s(){var t=document.createElement("style");return t.type="text/css",p.appendChild(t),t}function a(t){var e,n,r=document.querySelector('style[data-vue-ssr-id~="'+t.id+'"]'),i=null!=r;if(i&&d)return h;if(v){var a=f++;r=u||(u=s()),e=o.bind(null,r,a,!1),n=o.bind(null,r,a,!0)}else r=r||s(),e=function(t,e){var n=e.css,r=e.media,i=e.sourceMap;if(r&&t.setAttribute("media",r),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}.bind(null,r),n=function(){r.parentNode.removeChild(r)};return i||e(t),function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap)return;e(t=r)}else n()}}function o(t,e,n,r){var i=n?"":r.css;if(t.styleSheet)t.styleSheet.cssText=m(e,i);else{var s=document.createTextNode(i),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(s,a[e]):t.appendChild(s)}}var l="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!l)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var i=n(18),c={},p=l&&(document.head||document.getElementsByTagName("head")[0]),u=null,f=0,d=!1,h=function(){},v="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());t.exports=function(t,e,n){d=n;var s=i(t,e);return r(s),function(e){for(var n=[],a=0;a<s.length;a++){var o=s[a],l=c[o.id];l.refs--,n.push(l)}e?r(s=i(t,e)):s=[];for(var a=0;a<n.length;a++){var l=n[a];if(0===l.refs){for(var p=0;p<l.parts.length;p++)l.parts[p]();delete c[l.id]}}}};var m=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e,n){n(16);var r=n(1)(n(4),n(13),"data-v-566a42b8",null);t.exports=r.exports},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var i=n(11),s=r(i),a=n(10),o=r(a);e.default={name:"splitPane",components:{Resizer:s.default,Pane:o.default},props:{minPercent:{type:Number,default:10},defaultPercent:{type:Number,default:50},split:{validator:function(t){return["vertical","horizontal"].indexOf(t)>=0},required:!0},className:String},computed:{userSelect:function(){return this.active?"none":""},cursor:function(){return this.active?"col-resize":""}},data:function(){return{active:!1,hasMoved:!1,height:null,percent:this.defaultPercent,type:"vertical"===this.split?"width":"height",resizeType:"vertical"===this.split?"left":"top"}},methods:{onClick:function(){this.hasMoved||(this.percent=50,this.$emit("resize"))},onMouseDown:function(){this.active=!0,this.hasMoved=!1},onMouseUp:function(){this.active=!1},onMouseMove:function(t){if(0!==t.buttons&&0!==t.which||(this.active=!1),this.active){var e=0,n=t.currentTarget;if("vertical"===this.split)for(;n;)e+=n.offsetLeft,n=n.offsetParent;else for(;n;)e+=n.offsetTop,n=n.offsetParent;var r="vertical"===this.split?t.pageX:t.pageY,i="vertical"===this.split?t.currentTarget.offsetWidth:t.currentTarget.offsetHeight,s=Math.floor((r-e)/i*1e4)/100;s>this.minPercent&&s<100-this.minPercent&&(this.percent=s),this.$emit("resize"),this.hasMoved=!0}}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"Pane",props:{className:String},data:function(){return{classes:[this.$parent.split,this.className].join(" "),percent:50}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{split:{validator:function(t){return["vertical","horizontal"].indexOf(t)>=0},required:!0},className:String},computed:{classes:function(){return["splitter-pane-resizer",this.split,this.className].join(" ")}}}},function(t,e,n){(t.exports=n(0)()).push([t.i,".splitter-pane-resizer[data-v-212fa2a4]{box-sizing:border-box;background:#000;position:absolute;opacity:.2;z-index:1;background-clip:padding-box}.splitter-pane-resizer.horizontal[data-v-212fa2a4]{height:11px;margin:-5px 0;border-top:5px solid hsla(0,0%,100%,0);border-bottom:5px solid hsla(0,0%,100%,0);cursor:row-resize;width:100%}.splitter-pane-resizer.vertical[data-v-212fa2a4]{width:11px;height:100%;margin-left:-5px;border-left:5px solid hsla(0,0%,100%,0);border-right:5px solid hsla(0,0%,100%,0);cursor:col-resize}",""])},function(t,e,n){(t.exports=n(0)()).push([t.i,'.clearfix[data-v-566a42b8]:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.vue-splitter-container[data-v-566a42b8]{height:100%;position:relative}',""])},function(t,e,n){(t.exports=n(0)()).push([t.i,".splitter-pane.vertical.splitter-paneL[data-v-815c801c]{position:absolute;left:0;height:100%;padding-right:3px}.splitter-pane.vertical.splitter-paneR[data-v-815c801c]{position:absolute;right:0;height:100%;padding-left:3px}.splitter-pane.horizontal.splitter-paneL[data-v-815c801c]{position:absolute;top:0;width:100%}.splitter-pane.horizontal.splitter-paneR[data-v-815c801c]{position:absolute;bottom:0;width:100%;padding-top:3px}",""])},function(t,e,n){n(17);var r=n(1)(n(5),n(14),"data-v-815c801c",null);t.exports=r.exports},function(t,e,n){n(15);var r=n(1)(n(6),n(12),"data-v-212fa2a4",null);t.exports=r.exports},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{class:t.classes})},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t,e,n,r=this,i=r.$createElement,s=r._self._c||i;return s("div",{staticClass:"vue-splitter-container clearfix",style:{cursor:r.cursor,userSelect:r.userSelect},on:{mouseup:r.onMouseUp,mousemove:r.onMouseMove}},[s("pane",{staticClass:"splitter-pane splitter-paneL",style:(t={},t[r.type]=r.percent+"%",t),attrs:{split:r.split}},[r._t("paneL")],2),r._v(" "),s("resizer",{style:(e={},e[r.resizeType]=r.percent+"%",e),attrs:{className:r.className,split:r.split},nativeOn:{mousedown:function(t){r.onMouseDown(t)},click:function(t){r.onClick(t)}}}),r._v(" "),s("pane",{staticClass:"splitter-pane splitter-paneR",style:(n={},n[r.type]=100-r.percent+"%",n),attrs:{split:r.split}},[r._t("paneR")],2)],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{class:t.classes},[t._t("default")],2)},staticRenderFns:[]}},function(t,e,n){var r=n(7);"string"==typeof r&&(r=[[t.i,r,""]]),r.locals&&(t.exports=r.locals),n(2)("93b24118",r,!0)},function(t,e,n){var r=n(8);"string"==typeof r&&(r=[[t.i,r,""]]),r.locals&&(t.exports=r.locals),n(2)("084fcb29",r,!0)},function(t,e,n){var r=n(9);"string"==typeof r&&(r=[[t.i,r,""]]),r.locals&&(t.exports=r.locals),n(2)("2e723840",r,!0)},function(t,e){t.exports=function(t,e){for(var n=[],r={},i=0;i<e.length;i++){var s=e[i],a=s[0],o=s[1],l=s[2],c=s[3],p={id:t+":"+i,css:o,media:l,sourceMap:c};r[a]?r[a].parts.push(p):n.push(r[a]={id:a,parts:[p]})}return n}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(3),i=function(t){return t&&t.__esModule?t:{default:t}}(r);e.default=i.default,"undefined"!=typeof window&&window.Vue&&window.Vue.component("split-pane",i.default)}])},nSHZ:function(t,e,n){"use strict";var r=n("x36x");n.n(r).a},sJj5:function(t,e,n){"use strict";n.r(e);var r=n("Gas7"),i={name:"SplitpaneDemo",components:{splitPane:n.n(r).a},methods:{resize:function(){console.log("resize")}}},s=(n("nSHZ"),n("KHd+")),a=Object(s.a)(i,function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"components-container"},[this._m(0),this._v(" "),e("split-pane",{attrs:{split:"vertical"},on:{resize:this.resize}},[e("template",{slot:"paneL"},[e("div",{staticClass:"left-container"})]),this._v(" "),e("template",{slot:"paneR"},[e("split-pane",{attrs:{split:"horizontal"}},[e("template",{slot:"paneL"},[e("div",{staticClass:"top-container"})]),this._v(" "),e("template",{slot:"paneR"},[e("div",{staticClass:"bottom-container"})])],2)],1)],2)],1)},[function(){var t=this.$createElement,e=this._self._c||t;return e("code",[e("strong",[this._v("SplitPane")]),this._v(" If you've used\n "),e("a",{attrs:{href:"http://codepen.io/",target:"_blank"}},[this._v(" codepen")]),this._v(",\n "),e("a",{attrs:{href:"https://jsfiddle.net/",target:"_blank"}},[this._v(" jsfiddle ")]),this._v("will not be unfamiliar.\n "),e("a",{attrs:{href:"https://github.com/PanJiaChen/vue-split-pane",target:"_blank"}},[this._v(" Github repository")])])}],!1,null,"abfe94fa",null);a.options.__file="splitpane.vue";e.default=a.exports},x36x:function(t,e,n){}}]);
|
