├── .babelrc
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── LICENSE
├── README.md
├── demo
├── index.html
├── main.js
├── manifest.js
├── preview.gif
├── src
│ ├── App.js
│ ├── App.vue
│ ├── CustomResizer.vue
│ ├── HorizontalPanes.vue
│ ├── VerticalPanes.vue
│ ├── index.html
│ └── main.js
└── vendor.js
├── dist
├── vue-multipane.esm.js
├── vue-multipane.js
└── vue-multipane.min.js
├── index.html
├── package.json
├── rollup.config.dev.js
├── rollup.config.esm.js
├── rollup.config.prod.js
├── src
├── index.js
├── multipane-resizer.vue
├── multipane.js
└── multipane.vue
├── webpack.mix.js
└── yarn.lock
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | "env",
4 | "react",
5 | "stage-0"
6 | ],
7 | "plugins": [
8 | "transform-class-properties",
9 | "transform-decorators",
10 | "transform-react-constant-elements",
11 | "transform-react-inline-elements"
12 | ]
13 | }
14 |
--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | webpack.mix.js
2 | node_modules/**/*.*
3 |
--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | env: {
4 | es6: true,
5 | },
6 | parser: 'babel-eslint',
7 | parserOptions: {
8 | ecmaVersion: 6,
9 | ecmaFeatures: {
10 | experimentalObjectRestSpread: true,
11 | },
12 | sourceType: 'module',
13 | },
14 | plugins: ['prettier'],
15 | rules: {
16 | 'prettier/prettier': [
17 | 'error',
18 | {
19 | singleQuote: true,
20 | trailingComma: 'es5',
21 | bracketSpacing: true,
22 | tabWidth: 2,
23 | },
24 | ],
25 | }
26 | };
27 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | npm-debug.log
4 | yarn-debug.log
5 | yarn-error.log
6 | *.sublime-project
7 | *.sublime-workspace
8 | dist/manifest.js
9 | dist/vendor.js
10 | hot
11 | mix-manifest.json
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | For vue-multipane component
4 |
5 | Copyright (c) 2017 Yan Sern.
6 |
7 | Permission is hereby granted, free of charge, to any person obtaining a copy
8 | of this software and associated documentation files (the "Software"), to deal
9 | in the Software without restriction, including without limitation the rights
10 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
11 | copies of the Software, and to permit persons to whom the Software is
12 | furnished to do so, subject to the following conditions:
13 |
14 | The above copyright notice and this permission notice shall be included in all
15 | copies or substantial portions of the Software.
16 |
17 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
18 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
19 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
20 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
21 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
22 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
23 | SOFTWARE.
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # vue-multipane 
2 | > Resizable split panes for [Vue.js](http://vuejs.org).
3 |
4 |
5 |
6 |
7 | Check out the live demo .
8 |
9 |
10 | ## Features
11 |
12 | * Uses CSS3 Flexbox.
13 | * Supports vertical & horizontal layouts.
14 | * Supports fixed and fluid panes.
15 | * Configure everything using CSS!
16 |
17 | ## Installation
18 | ```bash
19 | $ npm install vue-multipane
20 | ```
21 |
22 | ## Using vue-multipane
23 |
24 | First, import `vue-multipane` into your Vue component.
25 | ```js
26 | import { Multipane, MultipaneResizer } from 'vue-multipane';
27 |
28 | export default {
29 | // ...
30 | components: {
31 | MultiPane,
32 | MultiPaneResizer
33 | }
34 | }
35 | ```
36 |
37 | Then, construct your split pane layout using multipane component.
38 | ```html
39 |
40 | Pane 1
41 |
42 | Pane 2
43 |
44 | Pane 3
45 |
46 | ```
47 |
48 | ## Customizing pane layout
49 | You can customize pane layouts using CSS.
50 |
51 | * Create vertical/horizontal layouts using `layout="vertical|horizontal"` attribute.
52 | * Set initial pane size using `width|height` CSS property.
53 | * Set pane size constraints using `min-width|min-height|max-width|max-height` CSS property.
54 | * Create fixed/fluid combination panes by using `px|%` units.
55 | * Use `flex-grow: 1` for that one pane that should take all remaining space available on the multipane container.
56 |
57 | This example below shows a combination of different styling properties you can apply to make the panes render the way you want it to:
58 | ```html
59 |
60 | Pane 1
61 |
62 | Pane 2
63 |
64 | Pane 3
65 |
66 |
67 | ```
68 |
69 | ## Customizing resize handle
70 | By default, vue-multipane creates an invisible 10px resize handle that sits in between 2 panes. You can customize the appearance of the resize handle to fit your needs.
71 |
72 | This example below creates a 15px blue resize handle:
73 |
74 | ```css
75 | .multipane.foo.layout-v .multipane-resizer {
76 | margin: 0; left: 0; /* reset default styling */
77 | width: 15px;
78 | background: blue;
79 | }
80 |
81 | .multipane.foo.layout-h .multipane-resizer {
82 | margin: 0; top: 0; /* reset default styling */
83 | height: 15px;
84 | background: blue;
85 | }
86 |
87 | ```
88 |
89 | #### Optional resize handle
90 | You can also add resize handle only specific panes by just adding `` next it.
91 |
92 | ```html
93 |
94 | Pane 1
95 | Pane 2
96 |
97 | Pane 3
98 |
99 | ```
100 |
101 | ## Options
102 |
103 | ** Multipane **
104 |
105 | | Property | Description | Type | Default |
106 | | -------------- | ---------------- | :--------: | :----------: |
107 | | layout | Determine layout of panes. | String [vertical, horizontal] |vertical |
108 |
109 | ## Events
110 |
111 | ** Multipane **
112 |
113 | | Event | Description | Returns |
114 | | ------------------ | ---------------- | :--------: |
115 | | paneresizestart | When user clicks on the resize handle to start resizing a pane. | pane, container, size |
116 | | paneresize | When user is resizing a pane. | pane, container, size |
117 | | paneresizestop | When user release the resize handle to stop resizing a pane. | pane, container, size |
118 |
119 | ## License
120 | **[vue-multipane](https://github.com/yansern/vue-multipane)** by [Yan Sern](https://twitter.com/yansernio) licensed under [MIT](LICENSE).
121 |
122 | > PS: I would love to know if you're using vue-multipane. Tweet to me at [@yansernio](https://twitter.com/yansernio).
123 |
--------------------------------------------------------------------------------
/demo/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | vue-multipane - Resizable split panes for Vue.js.
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
vue-multipane demo
16 |
Resizable split panes for Vue.js.
17 |
View GitHub page »
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/demo/main.js:
--------------------------------------------------------------------------------
1 | !function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=4)}([function(e,t){e.exports=function(e,t,n,r,i){var o,a=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(o=e,a=e.default);var c="function"==typeof a?a.options:a;t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),r&&(c._scopeId=r);var u;if(i?(u=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(i)},c._ssrRegister=u):n&&(u=n),u){var l=c.functional,f=l?c.render:c.beforeCreate;l?c.render=function(e,t){return u.call(t),f(e,t)}:c.beforeCreate=f?[].concat(f,u):[u]}return{esModule:o,exports:a,options:c}}},function(e,t){function n(e,t){var n=e[1]||"",i=e[3];if(!i)return n;if(t&&"function"==typeof btoa){var o=r(i);return[n].concat(i.sources.map(function(e){return"/*# sourceURL="+i.sourceRoot+e+" */"})).concat([o]).join("\n")}return[n].join("\n")}function r(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var r=n(t,e);return t[2]?"@media "+t[2]+"{"+r+"}":r}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},i=0;in.parts.length&&(r.parts.length=n.parts.length)}else{for(var a=[],i=0;i=0&&Math.floor(t)===t&&isFinite(e)}function f(e){return null==e?"":"object"==typeof e?JSON.stringify(e,null,2):String(e)}function p(e){var t=parseFloat(e);return isNaN(t)?e:t}function d(e,t){for(var n=Object.create(null),r=e.split(","),i=0;i-1)return e.splice(n,1)}}function h(e,t){return Bi.call(e,t)}function m(e){var t=Object.create(null);return function(n){return t[n]||(t[n]=e(n))}}function g(e,t){function n(n){var r=arguments.length;return r?r>1?e.apply(t,arguments):e.call(t,n):e.call(t)}return n._length=e.length,n}function y(e,t){t=t||0;for(var n=e.length-t,r=new Array(n);n--;)r[n]=e[n+t];return r}function _(e,t){for(var n in t)e[n]=t[n];return e}function b(e){for(var t={},n=0;nVo&&Do[n].id>e.id;)n--;Do.splice(n+1,0,e)}else Do.push(e);Uo||(Uo=!0,Co(je))}}function Re(e){Jo.clear(),ze(e,Jo)}function ze(e,t){var n,r,i=Array.isArray(e);if((i||s(e))&&Object.isExtensible(e)){if(e.__ob__){var o=e.__ob__.dep.id;if(t.has(o))return;t.add(o)}if(i)for(n=e.length;n--;)ze(e[n],t);else for(r=Object.keys(e),n=r.length;n--;)ze(e[r[n]],t)}}function Ie(e,t,n){qo.get=function(){return this[t][n]},qo.set=function(e){this[t][n]=e},Object.defineProperty(e,n,qo)}function De(e){e._watchers=[];var t=e.$options;t.props&&Fe(e,t.props),t.methods&&Ke(e,t.methods),t.data?He(e):N(e._data={},!0),t.computed&&Be(e,t.computed),t.watch&&t.watch!==vo&&Je(e,t.watch)}function Fe(e,t){var n=e.$options.propsData||{},r=e._props={},i=e.$options._propKeys=[],o=!e.$parent;To.shouldConvert=o;for(var a in t)!function(o){i.push(o);var a=q(o,t,n,e);L(r,o,a),o in e||Ie(e,"_props",o)}(a);To.shouldConvert=!0}function He(e){var t=e.$options.data;t=e._data="function"==typeof t?Ue(t,e):t||{},c(t)||(t={});for(var n=Object.keys(t),r=e.$options.props,i=(e.$options.methods,n.length);i--;){var o=n[i];r&&h(r,o)||k(o)||Ie(e,"_data",o)}N(t,!0)}function Ue(e,t){try{return e.call(t)}catch(e){return S(e,t,"data()"),{}}}function Be(e,t){var n=e._computedWatchers=Object.create(null),r=_o();for(var i in t){var o=t[i],a="function"==typeof o?o:o.get;r||(n[i]=new Ko(e,a||x,x,Go)),i in e||Ve(e,i,o)}}function Ve(e,t,n){var r=!_o();"function"==typeof n?(qo.get=r?We(t):n,qo.set=x):(qo.get=n.get?r&&!1!==n.cache?We(t):n.get:x,qo.set=n.set?n.set:x),Object.defineProperty(e,t,qo)}function We(e){return function(){var t=this._computedWatchers&&this._computedWatchers[e];if(t)return t.dirty&&t.evaluate(),$o.target&&t.depend(),t.value}}function Ke(e,t){e.$options.props;for(var n in t)e[n]=null==t[n]?x:g(t[n],e)}function Je(e,t){for(var n in t){var r=t[n];if(Array.isArray(r))for(var i=0;i=0||n.indexOf(e[i])<0)&&r.push(e[i]);return r}return e}function wt(e){this._init(e)}function $t(e){e.use=function(e){var t=this._installedPlugins||(this._installedPlugins=[]);if(t.indexOf(e)>-1)return this;var n=y(arguments,1);return n.unshift(this),"function"==typeof e.install?e.install.apply(e,n):"function"==typeof e&&e.apply(null,n),t.push(e),this}}function kt(e){e.mixin=function(e){return this.options=K(this.options,e),this}}function At(e){e.cid=0;var t=1;e.extend=function(e){e=e||{};var n=this,r=n.cid,i=e._Ctor||(e._Ctor={});if(i[r])return i[r];var o=e.name||n.options.name,a=function(e){this._init(e)};return a.prototype=Object.create(n.prototype),a.prototype.constructor=a,a.cid=t++,a.options=K(n.options,e),a.super=n,a.options.props&&Ot(a),a.options.computed&&St(a),a.extend=n.extend,a.mixin=n.mixin,a.use=n.use,Yi.forEach(function(e){a[e]=n[e]}),o&&(a.options.components[o]=a),a.superOptions=n.options,a.extendOptions=e,a.sealedOptions=_({},a.options),i[r]=a,a}}function Ot(e){var t=e.options.props;for(var n in t)Ie(e.prototype,"_props",n)}function St(e){var t=e.options.computed;for(var n in t)Ve(e.prototype,n,t[n])}function Tt(e){Yi.forEach(function(t){e[t]=function(e,n){return n?("component"===t&&c(n)&&(n.name=n.name||e,n=this.options._base.extend(n)),"directive"===t&&"function"==typeof n&&(n={bind:n,update:n}),this.options[t+"s"][e]=n,n):this.options[t+"s"][e]}})}function Et(e){return e&&(e.Ctor.options.name||e.tag)}function jt(e,t){return Array.isArray(e)?e.indexOf(t)>-1:"string"==typeof e?e.split(",").indexOf(t)>-1:!!u(e)&&e.test(t)}function Mt(e,t,n){for(var r in e){var i=e[r];if(i){var o=Et(i.componentOptions);o&&!n(o)&&(i!==t&&Pt(i),e[r]=null)}}}function Pt(e){e&&e.componentInstance.$destroy()}function Nt(e){for(var t=e.data,n=e,i=e;r(i.componentInstance);)i=i.componentInstance._vnode,i.data&&(t=Lt(i.data,t));for(;r(n=n.parent);)n.data&&(t=Lt(t,n.data));return Rt(t.staticClass,t.class)}function Lt(e,t){return{staticClass:zt(e.staticClass,t.staticClass),class:r(e.class)?[e.class,t.class]:t.class}}function Rt(e,t){return r(e)||r(t)?zt(e,It(t)):""}function zt(e,t){return e?t?e+" "+t:e:t||""}function It(e){return Array.isArray(e)?Dt(e):s(e)?Ft(e):"string"==typeof e?e:""}function Dt(e){for(var t,n="",i=0,o=e.length;i-1?Oa[e]=t.constructor===window.HTMLUnknownElement||t.constructor===window.HTMLElement:Oa[e]=/HTMLUnknownElement/.test(t.toString())}function Bt(e){if("string"==typeof e){var t=document.querySelector(e);return t||document.createElement("div")}return e}function Vt(e,t){var n=document.createElement(e);return"select"!==e?n:(t.data&&t.data.attrs&&void 0!==t.data.attrs.multiple&&n.setAttribute("multiple","multiple"),n)}function Wt(e,t){return document.createElementNS(Ca[e],t)}function Kt(e){return document.createTextNode(e)}function Jt(e){return document.createComment(e)}function qt(e,t,n){e.insertBefore(t,n)}function Gt(e,t){e.removeChild(t)}function Zt(e,t){e.appendChild(t)}function Xt(e){return e.parentNode}function Yt(e){return e.nextSibling}function Qt(e){return e.tagName}function en(e,t){e.textContent=t}function tn(e,t,n){e.setAttribute(t,n)}function nn(e,t){var n=e.data.ref;if(n){var r=e.context,i=e.componentInstance||e.elm,o=r.$refs;t?Array.isArray(o[n])?v(o[n],i):o[n]===i&&(o[n]=void 0):e.data.refInFor?Array.isArray(o[n])?o[n].indexOf(i)<0&&o[n].push(i):o[n]=[i]:o[n]=i}}function rn(e,t){return e.key===t.key&&(e.tag===t.tag&&e.isComment===t.isComment&&r(e.data)===r(t.data)&&on(e,t)||i(e.isAsyncPlaceholder)&&e.asyncFactory===t.asyncFactory&&n(t.asyncFactory.error))}function on(e,t){if("input"!==e.tag)return!0;var n,i=r(n=e.data)&&r(n=n.attrs)&&n.type,o=r(n=t.data)&&r(n=n.attrs)&&n.type;return i===o||Sa(i)&&Sa(o)}function an(e,t,n){var i,o,a={};for(i=t;i<=n;++i)o=e[i].key,r(o)&&(a[o]=i);return a}function sn(e,t){(e.data.directives||t.data.directives)&&cn(e,t)}function cn(e,t){var n,r,i,o=e===ja,a=t===ja,s=un(e.data.directives,e.context),c=un(t.data.directives,t.context),u=[],l=[];for(n in c)r=s[n],i=c[n],r?(i.oldValue=r.value,fn(i,"update",t,e),i.def&&i.def.componentUpdated&&l.push(i)):(fn(i,"bind",t,e),i.def&&i.def.inserted&&u.push(i));if(u.length){var f=function(){for(var n=0;n=0&&" "===(m=e.charAt(h));h--);m&&Ia.test(m)||(l=!0)}}else void 0===o?(v=i+1,o=e.slice(0,i).trim()):t();if(void 0===o?o=e.slice(0,i).trim():0!==v&&t(),a)for(i=0;i=ia}function En(e){return 34===e||39===e}function jn(e){var t=1;for(ca=sa;!Tn();)if(e=Sn(),En(e))Mn(e);else if(91===e&&t++,93===e&&t--,0===t){ua=sa;break}}function Mn(e){for(var t=e;!Tn()&&(e=Sn())!==t;);}function Pn(e,t,n){la=n;var r=t.value,i=t.modifiers,o=e.tag,a=e.attrsMap.type;if(e.component)return kn(e,r,i),!1;if("select"===o)Rn(e,r,i);else if("input"===o&&"checkbox"===a)Nn(e,r,i);else if("input"===o&&"radio"===a)Ln(e,r,i);else if("input"===o||"textarea"===o)zn(e,r,i);else if(!eo.isReservedTag(o))return kn(e,r,i),!1;return!0}function Nn(e,t,n){var r=n&&n.number,i=wn(e,"value")||"null",o=wn(e,"true-value")||"true",a=wn(e,"false-value")||"false";_n(e,"checked","Array.isArray("+t+")?_i("+t+","+i+")>-1"+("true"===o?":("+t+")":":_q("+t+","+o+")")),Cn(e,Fa,"var $$a="+t+",$$el=$event.target,$$c=$$el.checked?("+o+"):("+a+");if(Array.isArray($$a)){var $$v="+(r?"_n("+i+")":i)+",$$i=_i($$a,$$v);if($$el.checked){$$i<0&&("+t+"=$$a.concat([$$v]))}else{$$i>-1&&("+t+"=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{"+An(t,"$$c")+"}",null,!0)}function Ln(e,t,n){var r=n&&n.number,i=wn(e,"value")||"null";i=r?"_n("+i+")":i,_n(e,"checked","_q("+t+","+i+")"),Cn(e,Fa,An(t,i),null,!0)}function Rn(e,t,n){var r=n&&n.number,i='Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = "_value" in o ? o._value : o.value;return '+(r?"_n(val)":"val")+"})",o="var $$selectedVal = "+i+";";o=o+" "+An(t,"$event.target.multiple ? $$selectedVal : $$selectedVal[0]"),Cn(e,"change",o,null,!0)}function zn(e,t,n){var r=e.attrsMap.type,i=n||{},o=i.lazy,a=i.number,s=i.trim,c=!o&&"range"!==r,u=o?"change":"range"===r?Da:"input",l="$event.target.value";s&&(l="$event.target.value.trim()"),a&&(l="_n("+l+")");var f=An(t,l);c&&(f="if($event.target.composing)return;"+f),_n(e,"value","("+t+")"),Cn(e,u,f,null,!0),(s||a)&&Cn(e,"blur","$forceUpdate()")}function In(e){var t;r(e[Da])&&(t=so?"change":"input",e[t]=[].concat(e[Da],e[t]||[]),delete e[Da]),r(e[Fa])&&(t=po?"click":"change",e[t]=[].concat(e[Fa],e[t]||[]),delete e[Fa])}function Dn(e,t,n,r,i){if(n){var o=t,a=fa;t=function(n){null!==(1===arguments.length?o(n):o.apply(null,arguments))&&Fn(e,t,r,a)}}fa.addEventListener(e,t,ho?{capture:r,passive:i}:r)}function Fn(e,t,n,r){(r||fa).removeEventListener(e,t,n)}function Hn(e,t){if(!n(e.data.on)||!n(t.data.on)){var r=t.data.on||{},i=e.data.on||{};fa=t.elm,In(r),re(r,i,Dn,Fn,t.context)}}function Un(e,t){if(!n(e.data.domProps)||!n(t.data.domProps)){var i,o,a=t.elm,s=e.data.domProps||{},c=t.data.domProps||{};r(c.__ob__)&&(c=t.data.domProps=_({},c));for(i in s)n(c[i])&&(a[i]="");for(i in c)if(o=c[i],"textContent"!==i&&"innerHTML"!==i||(t.children&&(t.children.length=0),o!==s[i]))if("value"===i){a._value=o;var u=n(o)?"":String(o);Bn(a,t,u)&&(a.value=u)}else a[i]=o}}function Bn(e,t,n){return!e.composing&&("option"===t.tag||Vn(e,n)||Wn(e,n))}function Vn(e,t){var n=!0;try{n=document.activeElement!==e}catch(e){}return n&&e.value!==t}function Wn(e,t){var n=e.value,i=e._vModifiers;return r(i)&&i.number?p(n)!==p(t):r(i)&&i.trim?n.trim()!==t.trim():n!==t}function Kn(e){var t=Jn(e.style);return e.staticStyle?_(e.staticStyle,t):t}function Jn(e){return Array.isArray(e)?b(e):"string"==typeof e?Ba(e):e}function qn(e,t){var n,r={};if(t)for(var i=e;i.componentInstance;)i=i.componentInstance._vnode,i.data&&(n=Kn(i.data))&&_(r,n);(n=Kn(e.data))&&_(r,n);for(var o=e;o=o.parent;)o.data&&(n=Kn(o.data))&&_(r,n);return r}function Gn(e,t){var i=t.data,o=e.data;if(!(n(i.staticStyle)&&n(i.style)&&n(o.staticStyle)&&n(o.style))){var a,s,c=t.elm,u=o.staticStyle,l=o.normalizedStyle||o.style||{},f=u||l,p=Jn(t.data.style)||{};t.data.normalizedStyle=r(p.__ob__)?_({},p):p;var d=qn(t,!0);for(s in f)n(d[s])&&Ka(c,s,"");for(s in d)(a=d[s])!==f[s]&&Ka(c,s,null==a?"":a)}}function Zn(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(/\s+/).forEach(function(t){return e.classList.add(t)}):e.classList.add(t);else{var n=" "+(e.getAttribute("class")||"")+" ";n.indexOf(" "+t+" ")<0&&e.setAttribute("class",(n+t).trim())}}function Xn(e,t){if(t&&(t=t.trim()))if(e.classList)t.indexOf(" ")>-1?t.split(/\s+/).forEach(function(t){return e.classList.remove(t)}):e.classList.remove(t),e.classList.length||e.removeAttribute("class");else{for(var n=" "+(e.getAttribute("class")||"")+" ",r=" "+t+" ";n.indexOf(r)>=0;)n=n.replace(r," ");n=n.trim(),n?e.setAttribute("class",n):e.removeAttribute("class")}}function Yn(e){if(e){if("object"==typeof e){var t={};return!1!==e.css&&_(t,Za(e.name||"v")),_(t,e),t}return"string"==typeof e?Za(e):void 0}}function Qn(e){is(function(){is(e)})}function er(e,t){var n=e._transitionClasses||(e._transitionClasses=[]);n.indexOf(t)<0&&(n.push(t),Zn(e,t))}function tr(e,t){e._transitionClasses&&v(e._transitionClasses,t),Xn(e,t)}function nr(e,t,n){var r=rr(e,t),i=r.type,o=r.timeout,a=r.propCount;if(!i)return n();var s=i===Ya?ts:rs,c=0,u=function(){e.removeEventListener(s,l),n()},l=function(t){t.target===e&&++c>=a&&u()};setTimeout(function(){c0&&(n=Ya,l=a,f=o.length):t===Qa?u>0&&(n=Qa,l=u,f=c.length):(l=Math.max(a,u),n=l>0?a>u?Ya:Qa:null,f=n?n===Ya?o.length:c.length:0),{type:n,timeout:l,propCount:f,hasTransform:n===Ya&&os.test(r[es+"Property"])}}function ir(e,t){for(;e.length1}function lr(e,t){!0!==t.data.show&&ar(t)}function fr(e,t,n){pr(e,t,n),(so||uo)&&setTimeout(function(){pr(e,t,n)},0)}function pr(e,t,n){var r=t.value,i=e.multiple;if(!i||Array.isArray(r)){for(var o,a,s=0,c=e.options.length;s-1,a.selected!==o&&(a.selected=o);else if(C(vr(a),r))return void(e.selectedIndex!==s&&(e.selectedIndex=s));i||(e.selectedIndex=-1)}}function dr(e,t){return t.every(function(t){return!C(t,e)})}function vr(e){return"_value"in e?e._value:e.value}function hr(e){e.target.composing=!0}function mr(e){e.target.composing&&(e.target.composing=!1,gr(e.target,"input"))}function gr(e,t){var n=document.createEvent("HTMLEvents");n.initEvent(t,!0,!0),e.dispatchEvent(n)}function yr(e){return!e.componentInstance||e.data&&e.data.transition?e:yr(e.componentInstance._vnode)}function _r(e){var t=e&&e.componentOptions;return t&&t.Ctor.options.abstract?_r(he(t.children)):e}function br(e){var t={},n=e.$options;for(var r in n.propsData)t[r]=e[r];var i=n._parentListeners;for(var o in i)t[Wi(o)]=i[o];return t}function xr(e,t){if(/\d-keep-alive$/.test(t.tag))return e("keep-alive",{props:t.componentOptions.propsData})}function Cr(e){for(;e=e.parent;)if(e.data.transition)return!0}function wr(e,t){return t.key===e.key&&t.tag===e.tag}function $r(e){e.elm._moveCb&&e.elm._moveCb(),e.elm._enterCb&&e.elm._enterCb()}function kr(e){e.data.newPos=e.elm.getBoundingClientRect()}function Ar(e){var t=e.data.pos,n=e.data.newPos,r=t.left-n.left,i=t.top-n.top;if(r||i){e.data.moved=!0;var o=e.elm.style;o.transform=o.WebkitTransform="translate("+r+"px,"+i+"px)",o.transitionDuration="0s"}}function Or(e,t){var n=t?Cs(t):bs;if(n.test(e)){for(var r,i,o=[],a=n.lastIndex=0;r=n.exec(e);){i=r.index,i>a&&o.push(JSON.stringify(e.slice(a,i)));var s=hn(r[1].trim());o.push("_s("+s+")"),a=i+r[0].length}return a=0&&a[i].lowerCasedTag!==s;i--);else i=0;if(i>=0){for(var c=a.length-1;c>=i;c--)t.end&&t.end(a[c].tag,n,r);a.length=i,o=i&&a[i-1].tag}else"br"===s?t.start&&t.start(e,[],!0,n,r):"p"===s&&(t.start&&t.start(e,[],!1,n,r),t.end&&t.end(e,n,r))}for(var i,o,a=[],s=t.expectHTML,c=t.isUnaryTag||Gi,u=t.canBeLeftOpenTag||Gi,l=0;e;){if(i=e,o&&Ys(o)){var f=0,p=o.toLowerCase(),d=Qs[p]||(Qs[p]=new RegExp("([\\s\\S]*?)("+p+"[^>]*>)","i")),v=e.replace(d,function(e,n,r){return f=r.length,Ys(p)||"noscript"===p||(n=n.replace(//g,"$1").replace(//g,"$1")),ic(p,n)&&(n=n.slice(1)),t.chars&&t.chars(n),""});l+=e.length-v.length,e=v,r(p,l-f,l)}else{var h=e.indexOf("<");if(0===h){if(Ds.test(e)){var m=e.indexOf("--\x3e");if(m>=0){t.shouldKeepComment&&t.comment(e.substring(4,m)),n(m+3);continue}}if(Fs.test(e)){var g=e.indexOf("]>");if(g>=0){n(g+2);continue}}var y=e.match(Is);if(y){n(y[0].length);continue}var _=e.match(zs);if(_){var b=l;n(_[0].length),r(_[1],b,l);continue}var x=function(){var t=e.match(Ls);if(t){var r={tagName:t[1],attrs:[],start:l};n(t[0].length);for(var i,o;!(i=e.match(Rs))&&(o=e.match(Ms));)n(o[0].length),r.attrs.push(o);if(i)return r.unarySlash=i[1],n(i[0].length),r.end=l,r}}();if(x){!function(e){var n=e.tagName,i=e.unarySlash;s&&("p"===o&&Ts(n)&&r(o),u(n)&&o===n&&r(n));for(var l=c(n)||!!i,f=e.attrs.length,p=new Array(f),d=0;d=0){for(w=e.slice(h);!(zs.test(w)||Ls.test(w)||Ds.test(w)||Fs.test(w)||($=w.indexOf("<",1))<0);)h+=$,w=e.slice(h);C=e.substring(0,h),n(h)}h<0&&(C=e,e=""),t.chars&&C&&t.chars(C)}if(e===i){t.chars&&t.chars(e);break}}r()}function Rr(e,t){function n(e){e.pre&&(s=!1),Js(e.tag)&&(c=!1)}Us=t.warn||gn,Js=t.isPreTag||Gi,qs=t.mustUseProp||Gi,Gs=t.getTagNamespace||Gi,Vs=yn(t.modules,"transformNode"),Ws=yn(t.modules,"preTransformNode"),Ks=yn(t.modules,"postTransformNode"),Bs=t.delimiters;var r,i,o=[],a=!1!==t.preserveWhitespace,s=!1,c=!1;return Lr(e,{warn:Us,expectHTML:t.expectHTML,isUnaryTag:t.isUnaryTag,canBeLeftOpenTag:t.canBeLeftOpenTag,shouldDecodeNewlines:t.shouldDecodeNewlines,shouldKeepComment:t.comments,start:function(e,a,u){var l=i&&i.ns||Gs(e);so&&"svg"===l&&(a=ti(a));var f={type:1,tag:e,attrsList:a,attrsMap:Yr(a),parent:i,children:[]};l&&(f.ns=l),ei(f)&&!_o()&&(f.forbidden=!0);for(var p=0;p0,uo=ao&&ao.indexOf("edge/")>0,lo=ao&&ao.indexOf("android")>0,fo=ao&&/iphone|ipad|ipod|ios/.test(ao),po=ao&&/chrome\/\d+/.test(ao)&&!uo,vo={}.watch,ho=!1;if(oo)try{var mo={};Object.defineProperty(mo,"passive",{get:function(){ho=!0}}),window.addEventListener("test-passive",null,mo)}catch(e){}var go,yo,_o=function(){return void 0===go&&(go=!oo&&void 0!==t&&"server"===t.process.env.VUE_ENV),go},bo=oo&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,xo="undefined"!=typeof Symbol&&T(Symbol)&&"undefined"!=typeof Reflect&&T(Reflect.ownKeys),Co=function(){function e(){r=!1;var e=n.slice(0);n.length=0;for(var t=0;t1?y(n):n;for(var r=y(arguments,1),i=0,o=n.length;i1&&(t[n[0].trim()]=n[1].trim())}}),t}),Va=/^--/,Wa=/\s*!important$/,Ka=function(e,t,n){if(Va.test(t))e.style.setProperty(t,n);else if(Wa.test(n))e.style.setProperty(t,n.replace(Wa,""),"important");else{var r=qa(t);if(Array.isArray(n))for(var i=0,o=n.length;iv?(f=n(i[g+1])?null:i[g+1].elm,y(e,f,i,d,g,o)):d>g&&b(e,t,p,v)}function w(e,t,n,i){for(var o=n;o ',n.innerHTML.indexOf(t)>0}("\n","
"),bs=/\{\{((?:.|\n)+?)\}\}/g,xs=/[-.*+?^${}()|[\]\/\\]/g,Cs=m(function(e){var t=e[0].replace(xs,"\\$&"),n=e[1].replace(xs,"\\$&");return new RegExp(t+"((?:.|\\n)+?)"+n,"g")}),ws={staticKeys:["staticClass"],transformNode:Sr,genData:Tr},$s={staticKeys:["staticStyle"],transformNode:Er,genData:jr},ks=[ws,$s],As={model:Pn,text:Mr,html:Pr},Os=d("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr"),Ss=d("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source"),Ts=d("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track"),Es={expectHTML:!0,modules:ks,directives:As,isPreTag:ka,isUnaryTag:Os,mustUseProp:ha,canBeLeftOpenTag:Ss,isReservedTag:Aa,getTagNamespace:Ht,staticKeys:function(e){return e.reduce(function(e,t){return e.concat(t.staticKeys||[])},[]).join(",")}(ks)},js={decode:function(e){return ys=ys||document.createElement("div"),ys.innerHTML=e,ys.textContent}},Ms=/^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,Ps="[a-zA-Z_][\\w\\-\\.]*",Ns="((?:"+Ps+"\\:)?"+Ps+")",Ls=new RegExp("^<"+Ns),Rs=/^\s*(\/?)>/,zs=new RegExp("^<\\/"+Ns+"[^>]*>"),Is=/^]+>/i,Ds=/^/g,"$1").replace(//g,"$1")),ic(p,n)&&(n=n.slice(1)),e.chars&&e.chars(n),""});l+=t.length-v.length,t=v,r(p,l-f,l)}else{var h=t.indexOf("<");if(0===h){if(Rs.test(t)){var m=t.indexOf("--\x3e");if(m>=0){e.shouldKeepComment&&e.comment(t.substring(4,m)),n(m+3);continue}}if(Hs.test(t)){var y=t.indexOf("]>");if(y>=0){n(y+2);continue}}var g=t.match(Fs);if(g){n(g[0].length);continue}var _=t.match(Ps);if(_){var b=l;n(_[0].length),r(_[1],b,l);continue}var $=function(){var e=t.match(Is);if(e){var r={tagName:e[1],attrs:[],start:l};n(e[0].length);for(var i,o;!(i=t.match(Ds))&&(o=t.match(Ls));)n(o[0].length),r.attrs.push(o);if(i)return r.unarySlash=i[1],n(i[0].length),r.end=l,r}}();if($){!function(t){var n=t.tagName,i=t.unarySlash;s&&("p"===o&&Ss(n)&&r(o),u(n)&&o===n&&r(n));for(var l=c(n)||!!i,f=t.attrs.length,p=new Array(f),d=0;d=0){for(C=t.slice(h);!(Ps.test(C)||Is.test(C)||Rs.test(C)||Hs.test(C)||(x=C.indexOf("<",1))<0);)h+=x,C=t.slice(h);w=t.substring(0,h),n(h)}h<0&&(w=t,t=""),e.chars&&w&&e.chars(w)}if(t===i){e.chars&&e.chars(t);break}}r()}function Dr(t,e){function n(t){t.pre&&(s=!1),qs(t.tag)&&(c=!1)}Us=e.warn||yn,qs=e.isPreTag||Gi,Ws=e.mustUseProp||Gi,Gs=e.getTagNamespace||Gi,zs=gn(e.modules,"transformNode"),Ks=gn(e.modules,"preTransformNode"),Js=gn(e.modules,"postTransformNode"),Vs=e.delimiters;var r,i,o=[],a=!1!==e.preserveWhitespace,s=!1,c=!1;return Ir(t,{warn:Us,expectHTML:e.expectHTML,isUnaryTag:e.isUnaryTag,canBeLeftOpenTag:e.canBeLeftOpenTag,shouldDecodeNewlines:e.shouldDecodeNewlines,shouldKeepComment:e.comments,start:function(t,a,u){var l=i&&i.ns||Gs(t);so&&"svg"===l&&(a=ei(a));var f={type:1,tag:t,attrsList:a,attrsMap:Qr(a),parent:i,children:[]};l&&(f.ns=l),ti(f)&&!_o()&&(f.forbidden=!0);for(var p=0;p0,uo=ao&&ao.indexOf("edge/")>0,lo=ao&&ao.indexOf("android")>0,fo=ao&&/iphone|ipad|ipod|ios/.test(ao),po=ao&&/chrome\/\d+/.test(ao)&&!uo,vo={}.watch,ho=!1;if(oo)try{var mo={};Object.defineProperty(mo,"passive",{get:function(){ho=!0}}),window.addEventListener("test-passive",null,mo)}catch(t){}var yo,go,_o=function(){return void 0===yo&&(yo=!oo&&void 0!==e&&"server"===e.process.env.VUE_ENV),yo},bo=oo&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,$o="undefined"!=typeof Symbol&&S(Symbol)&&"undefined"!=typeof Reflect&&S(Reflect.ownKeys),wo=function(){function t(){r=!1;var t=n.slice(0);n.length=0;for(var e=0;e1?g(n):n;for(var r=g(arguments,1),i=0,o=n.length;i1&&(e[n[0].trim()]=n[1].trim())}}),e}),za=/^--/,Ka=/\s*!important$/,Ja=function(t,e,n){if(za.test(e))t.style.setProperty(e,n);else if(Ka.test(n))t.style.setProperty(e,n.replace(Ka,""),"important");else{var r=Wa(e);if(Array.isArray(n))for(var i=0,o=n.length;iv?(f=n(i[y+1])?null:i[y+1].elm,g(t,f,i,d,y,o)):d>y&&b(t,e,p,v)}function C(t,e,n,i){for(var o=n;o ',n.innerHTML.indexOf(e)>0}("\n","
"),bs=/\{\{((?:.|\n)+?)\}\}/g,$s=/[-.*+?^${}()|[\]\/\\]/g,ws=m(function(t){var e=t[0].replace($s,"\\$&"),n=t[1].replace($s,"\\$&");return new RegExp(e+"((?:.|\\n)+?)"+n,"g")}),Cs={staticKeys:["staticClass"],transformNode:Tr,genData:Sr},xs={staticKeys:["staticStyle"],transformNode:jr,genData:Er},As=[Cs,xs],ks={model:Nn,text:Lr,html:Nr},Os=d("area,base,br,col,embed,frame,hr,img,input,isindex,keygen,link,meta,param,source,track,wbr"),Ts=d("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr,source"),Ss=d("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track"),js={expectHTML:!0,modules:As,directives:ks,isPreTag:Aa,isUnaryTag:Os,mustUseProp:ha,canBeLeftOpenTag:Ts,isReservedTag:ka,getTagNamespace:Be,staticKeys:function(t){return t.reduce(function(t,e){return t.concat(e.staticKeys||[])},[]).join(",")}(As)},Es={decode:function(t){return gs=gs||document.createElement("div"),gs.innerHTML=t,gs.textContent}},Ls=/^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,Ns="[a-zA-Z_][\\w\\-\\.]*",Ms="((?:"+Ns+"\\:)?"+Ns+")",Is=new RegExp("^<"+Ms),Ds=/^\s*(\/?)>/,Ps=new RegExp("^<\\/"+Ms+"[^>]*>"),Fs=/^]+>/i,Rs=/^