├── .gitignore
├── README-CN.md
├── README.md
├── dist
    ├── client.0e30b849.js
    └── index.html
├── package.json
├── src
    ├── App.vue
    ├── Child1.vue
    ├── Child2.vue
    ├── Grandchild1.vue
    ├── Grandchild2.vue
    └── sharedState.mixin.js
└── vue-build.config.js


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | *.log
3 | *.map
4 | node_modules
5 | 


--------------------------------------------------------------------------------
/README-CN.md:
--------------------------------------------------------------------------------
 1 | # Vue 另类状态管理
 2 | 
 3 | 我们都知道 Vue 2.x 移除了 `.sync`（`v2.3` 又回来了一个[阉割版](https://vuejs.org/v2/guide/components.html#sync-Modifier)的）  
 4 | 尤其是对于 `props` 传递深度较浅的情况下，会多写一些冗余繁琐的代码  
 5 | 文档提到用 `v-model` 在组件上实现[双向绑定](http://vuejs.org/v2/guide/components.html#Form-Input-Components-using-Custom-Events)，也实在是太鸡肋了  
 6 | 官方推荐使用 Vuex，但对于**独立封装**的组件，一般是不应该引入的  
 7 | 业界虽然推崇 `单向数据流` 最佳实践，但也要权衡开发效率、易维护性与直观性
 8 | 
 9 | 在参阅了文档中的
10 | 
11 | * [`data` 必须是函数](http://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function)
12 | * [状态管理](http://vuejs.org/v2/guide/state-management.html)
13 | 
14 | 我们可以另辟蹊径，自行实现出简易另类的状态管理  
15 | 
16 | 先来看看 `src/sharedState.mixin.js`：
17 | 
18 | ```js
19 | // The magic of state persistance is closure here
20 | export const sharedState = {
21 |   todos: [],
22 |   counter: 0
23 | }
24 | 
25 | export const resetTodos = () => sharedState.todos = []
26 | export const resetCounter = () => sharedState.counter = 0
27 | export const addTodo = (s) => sharedState.todos.push(s)
28 | export const inc = () => sharedState.counter++
29 | export const dec = () => sharedState.counter--
30 | 
31 | /**
32 |  * @exports.default {Mixin}
33 |  */
34 | export default {
35 |   data: () => ({
36 |     sharedState
37 |   }),
38 |   methods: {
39 |     resetTodos,
40 |     resetCounter,
41 |     addTodo,
42 |     inc,
43 |     dec
44 |   }
45 | }
46 | 
47 | /*
48 | 
49 |   You can access the shared state and methods
50 |   not only within Vue component (as mixins) but also in common js files
51 | 
52 |   ※ e.g.
53 |   import { sharedState, inc } from '<path to>/sharedState.mixin'
54 |   
55 |   console.info(sharedState.counter) // 0
56 |   inc()
57 |   console.info(sharedState.counter) // 1
58 |  
59 |  */
60 | ```
61 | 
62 | 应用到如下组件树中：
63 | 
64 | ```
65 | App
66 |  ├─ Child1
67 |  |    └─ Grandchild1
68 |  └─ Child2
69 |       └─ Grandchild2
70 | ```
71 | 
72 | 最终结果见[在线 demo](https://kenberkeley.github.io/vue-state-management-alternative/dist/)  
73 | 
74 | > 建议进入 [`src/`](./src) 了解如何使用  
75 | > 本方式适用于 Vue 1.x / 2.x
76 | 
77 | ***
78 | 
79 | ### 本地测试
80 | 
81 | ```
82 | $ git clone https://github.com/kenberkeley/vue-state-management-alternative.git
83 | $ cd vue-state-management-alternative
84 | $ npm i
85 | $ npm start
86 | ```
87 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Alternative state management for Vue
 2 | 
 3 | > [Chinese README - 中文说明](./README-CN.md)
 4 | 
 5 | `.sync` is deprecated in Vue 2.x (**UPDATE:** a castration edition is back in `v2.3`)  
 6 | Especially for the case that `props` passed shallowly, you have to write more verbose code  
 7 | The docs mentioned using `v-model` as a [hack](http://vuejs.org/v2/guide/components.html#Form-Input-Components-using-Custom-Events) which sounds hardly elegant  
 8 | Also, the official solution `Vuex` is not suitable for independent components  
 9 | We all know **one-way data flow** is a best practice  
10 | but development efficiency, maintainability, simple and straight-forward should all be taken into consideration
11 | 
12 | After reviewing the below contents of the docs:
13 | 
14 | * [`data` Must Be a Function](http://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function)
15 | * [State Management](http://vuejs.org/v2/guide/state-management.html)
16 | 
17 | We can implement an awesome state management solution ourselves
18 | 
19 | Firstly, Take a look at `src/sharedState.mixin.js`:
20 | 
21 | ```js
22 | // The magic of state persistance is closure here
23 | export const sharedState = {
24 |   todos: [],
25 |   counter: 0
26 | }
27 | 
28 | export const resetTodos = () => sharedState.todos = []
29 | export const resetCounter = () => sharedState.counter = 0
30 | export const addTodo = (s) => sharedState.todos.push(s)
31 | export const inc = () => sharedState.counter++
32 | export const dec = () => sharedState.counter--
33 | 
34 | /**
35 |  * @exports.default {Mixin}
36 |  */
37 | export default {
38 |   data: () => ({
39 |     sharedState
40 |   }),
41 |   methods: {
42 |     resetTodos,
43 |     resetCounter,
44 |     addTodo,
45 |     inc,
46 |     dec
47 |   }
48 | }
49 | 
50 | /*
51 | 
52 |   You can access the shared state and methods
53 |   not only within Vue component (as mixins) but also in common js files
54 | 
55 |   ※ e.g.
56 |   import { sharedState, inc } from '<path to>/sharedState.mixin'
57 |   
58 |   console.info(sharedState.counter) // 0
59 |   inc()
60 |   console.info(sharedState.counter) // 1
61 |  
62 |  */
63 | ```
64 | 
65 | Then, apply to the component tree below:
66 | 
67 | ```
68 | App
69 |  ├─ Child1
70 |  |    └─ Grandchild1
71 |  └─ Child2
72 |       └─ Grandchild2
73 | ```
74 | 
75 | Finally we get an [online demo](https://kenberkeley.github.io/vue-state-management-alternative/dist/)  
76 | 
77 | > It's highly suggested to dive into [`src/`](./src) to learn about how to use it  
78 | > This solution is applicable for Vue 1.x / 2.x
79 | 
80 | ***
81 | 
82 | ### Test it yourself
83 | 
84 | ```
85 | $ git clone https://github.com/kenberkeley/vue-state-management-alternative.git
86 | $ cd vue-state-management-alternative
87 | $ npm i
88 | $ npm start
89 | ```
90 | 


--------------------------------------------------------------------------------
/dist/client.0e30b849.js:
--------------------------------------------------------------------------------
1 | !function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};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="",e(e.s=20)}([function(t,e){t.exports=function(t,e,n,r){var o,i=t=t||{},a=typeof t.default;"object"!==a&&"function"!==a||(o=t,i=t.default);var s="function"==typeof i?i.options:i;if(e&&(s.render=e.render,s.staticRenderFns=e.staticRenderFns),n&&(s._scopeId=n),r){var c=s.computed||(s.computed={});Object.keys(r).forEach(function(t){var e=r[t];c[t]=function(){return e}})}return{esModule:o,exports:i,options:s}}},function(t,e,n){"use strict";var r={todos:[],counter:0},o=function(){return r.todos=[]},i=function(){return r.counter=0},a=function(t){return r.todos.push(t)},s=function(){return r.counter++},c=function(){return r.counter--};e.a={data:function(){return{sharedState:r}},methods:{resetTodos:o,resetCounter:i,addTodo:a,inc:s,dec:c}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(13),o=n(3),i=n.n(o);new r.a({el:"#app",render:function(t){return t(i.a)}})},function(t,e,n){var r=n(0)(n(15),n(8),null,null);t.exports=r.exports},function(t,e,n){var r=n(0)(n(16),n(12),null,null);t.exports=r.exports},function(t,e,n){var r=n(0)(n(17),n(11),null,null);t.exports=r.exports},function(t,e,n){var r=n(0)(n(18),n(10),null,null);t.exports=r.exports},function(t,e,n){var r=n(0)(n(19),n(9),null,null);t.exports=r.exports},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("fieldset",[n("code",[t._v(t._s(t.$data))]),t._v(" "),n("br"),t._v(" "),n("button",{on:{click:t.resetTodos}},[t._v("todos = []")]),t._v(" "),n("button",{on:{click:t.resetCounter}},[t._v("counter = 0")]),t._v(" "),n("br"),n("br"),t._v(" "),n("child1"),n("br"),t._v(" "),n("child2")],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("fieldset",[n("code",[t._v(t._s(t.$data))]),t._v(" "),n("br"),t._v(" "),n("button",{on:{click:function(e){t.addTodo("grandchild2")}}},[t._v("todos.push('grandchild2')")]),t._v(" "),n("button",{on:{click:t.dec}},[t._v("counter--")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("fieldset",[n("code",[t._v(t._s(t.$data))]),t._v(" "),n("br"),t._v(" "),n("button",{on:{click:function(e){t.addTodo("grandchild1")}}},[t._v("todos.push('grandchild1')")]),t._v(" "),n("button",{on:{click:t.inc}},[t._v("counter++")])])},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("fieldset",[n("code",[t._v(t._s(t.$data))]),t._v(" "),n("br"),t._v(" "),n("button",{on:{click:function(e){t.addTodo("child2")}}},[t._v("todos.push('child2')")]),t._v(" "),n("button",{on:{click:t.dec}},[t._v("counter--")]),t._v(" "),n("br"),n("br"),t._v(" "),n("grandchild2")],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("fieldset",[n("code",[t._v(t._s(t.$data))]),t._v(" "),n("br"),t._v(" "),n("button",{on:{click:function(e){t.addTodo("child1")}}},[t._v("todos.push('child1')")]),t._v(" "),n("button",{on:{click:t.inc}},[t._v("counter++")]),t._v(" "),n("br"),n("br"),t._v(" "),n("grandchild1")],1)},staticRenderFns:[]}},function(t,e,n){"use strict";(function(t){function n(t){return null==t?"":"object"==typeof t?JSON.stringify(t,null,2):String(t)}function r(t){var e=parseFloat(t);return isNaN(e)?t:e}function o(t,e){for(var n=Object.create(null),r=t.split(","),o=0;o<r.length;o++)n[r[o]]=!0;return e?function(t){return n[t.toLowerCase()]}:function(t){return n[t]}}function i(t,e){if(t.length){var n=t.indexOf(e);if(n>-1)return t.splice(n,1)}}function a(t,e){return Bn.call(t,e)}function s(t){return"string"==typeof t||"number"==typeof t}function c(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}function u(t,e){function n(n){var r=arguments.length;return r?r>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n}function l(t,e){e=e||0;for(var n=t.length-e,r=new Array(n);n--;)r[n]=t[n+e];return r}function f(t,e){for(var n in e)t[n]=e[n];return t}function d(t){return null!==t&&"object"==typeof t}function p(t){return qn.call(t)===Wn}function v(t){for(var e={},n=0;n<t.length;n++)t[n]&&f(e,t[n]);return e}function h(){}function m(t,e){var n=d(t),r=d(e);if(!n||!r)return!n&&!r&&String(t)===String(e);try{return JSON.stringify(t)===JSON.stringify(e)}catch(n){return t===e}}function _(t,e){for(var n=0;n<t.length;n++)if(m(t[n],e))return n;return-1}function y(t){var e=!1;return function(){e||(e=!0,t())}}function g(t){var e=(t+"").charCodeAt(0);return 36===e||95===e}function b(t,e,n,r){Object.defineProperty(t,e,{value:n,enumerable:!!r,writable:!0,configurable:!0})}function C(t){if(!Qn.test(t)){var e=t.split(".");return function(t){for(var n=0;n<e.length;n++){if(!t)return;t=t[e[n]]}return t}}}function w(t){return/native code/.test(t.toString())}function $(t){pr.target&&vr.push(pr.target),pr.target=t}function x(){pr.target=vr.pop()}function k(t,e){t.__proto__=e}function A(t,e,n){for(var r=0,o=n.length;r<o;r++){var i=n[r];b(t,i,e[i])}}function O(t,e){if(d(t)){var n;return a(t,"__ob__")&&t.__ob__ instanceof gr?n=t.__ob__:yr.shouldConvert&&!sr()&&(Array.isArray(t)||p(t))&&Object.isExtensible(t)&&!t._isVue&&(n=new gr(t)),e&&n&&n.vmCount++,n}}function S(t,e,n,r){var o=new pr,i=Object.getOwnPropertyDescriptor(t,e);if(!i||i.configurable!==!1){var a=i&&i.get,s=i&&i.set,c=O(n);Object.defineProperty(t,e,{enumerable:!0,configurable:!0,get:function(){var e=a?a.call(t):n;return pr.target&&(o.depend(),c&&c.dep.depend(),Array.isArray(e)&&j(e)),e},set:function(e){var r=a?a.call(t):n;e===r||e!==e&&r!==r||(s?s.call(t,e):n=e,c=O(e),o.notify())}})}}function E(t,e,n){if(Array.isArray(t)&&"number"==typeof e)return t.length=Math.max(t.length,e),t.splice(e,1,n),n;if(a(t,e))return t[e]=n,n;var r=t.__ob__;return t._isVue||r&&r.vmCount?n:r?(S(r.value,e,n),r.dep.notify(),n):(t[e]=n,n)}function T(t,e){if(Array.isArray(t)&&"number"==typeof e)return void t.splice(e,1);var n=t.__ob__;t._isVue||n&&n.vmCount||a(t,e)&&(delete t[e],n&&n.dep.notify())}function j(t){for(var e=void 0,n=0,r=t.length;n<r;n++)e=t[n],e&&e.__ob__&&e.__ob__.dep.depend(),Array.isArray(e)&&j(e)}function I(t,e){if(!e)return t;for(var n,r,o,i=Object.keys(e),s=0;s<i.length;s++)n=i[s],r=t[n],o=e[n],a(t,n)?p(r)&&p(o)&&I(r,o):E(t,n,o);return t}function D(t,e){return e?t?t.concat(e):Array.isArray(e)?e:[e]:t}function P(t,e){var n=Object.create(t||null);return e?f(n,e):n}function M(t){var e=t.props;if(e){var n,r,o,i={};if(Array.isArray(e))for(n=e.length;n--;)"string"==typeof(r=e[n])&&(o=Vn(r),i[o]={type:null});else if(p(e))for(var a in e)r=e[a],o=Vn(a),i[o]=p(r)?r:{type:r};t.props=i}}function N(t){var e=t.directives;if(e)for(var n in e){var r=e[n];"function"==typeof r&&(e[n]={bind:r,update:r})}}function L(t,e,n){function r(r){var o=br[r]||Cr;l[r]=o(t[r],e[r],n,r)}M(e),N(e);var o=e.extends;if(o&&(t="function"==typeof o?L(t,o.options,n):L(t,o,n)),e.mixins)for(var i=0,s=e.mixins.length;i<s;i++){var c=e.mixins[i];c.prototype instanceof oe&&(c=c.options),t=L(t,c,n)}var u,l={};for(u in t)r(u);for(u in e)a(t,u)||r(u);return l}function R(t,e,n,r){if("string"==typeof n){var o=t[e];if(a(o,n))return o[n];var i=Vn(n);if(a(o,i))return o[i];var s=Hn(i);if(a(o,s))return o[s];return o[n]||o[i]||o[s]}}function U(t,e,n,r){var o=e[t],i=!a(n,t),s=n[t];if(V(Boolean,o.type)&&(i&&!a(o,"default")?s=!1:V(String,o.type)||""!==s&&s!==zn(t)||(s=!0)),void 0===s){s=F(r,o,t);var c=yr.shouldConvert;yr.shouldConvert=!0,O(s),yr.shouldConvert=c}return s}function F(t,e,n){if(a(e,"default")){var r=e.default;return t&&t.$options.propsData&&void 0===t.$options.propsData[n]&&void 0!==t._props[n]?t._props[n]:"function"==typeof r&&"Function"!==B(e.type)?r.call(t):r}}function B(t){var e=t&&t.toString().match(/^\s*function (\w+)/);return e&&e[1]}function V(t,e){if(!Array.isArray(e))return B(e)===B(t);for(var n=0,r=e.length;n<r;n++)if(B(e[n])===B(t))return!0;return!1}function H(t,e,n){if(Jn.errorHandler)Jn.errorHandler.call(null,t,e,n);else{if(!Yn||"undefined"==typeof console)throw t;console.error(t)}}function z(t){return new wr(void 0,void 0,void 0,String(t))}function q(t){var e=new wr(t.tag,t.data,t.children,t.text,t.elm,t.context,t.componentOptions);return e.ns=t.ns,e.isStatic=t.isStatic,e.key=t.key,e.isCloned=!0,e}function W(t){for(var e=t.length,n=new Array(e),r=0;r<e;r++)n[r]=q(t[r]);return n}function G(t){function e(){var t=arguments,n=e.fns;if(!Array.isArray(n))return n.apply(null,arguments);for(var r=0;r<n.length;r++)n[r].apply(null,t)}return e.fns=t,e}function K(t,e,n,r,o){var i,a,s,c;for(i in t)a=t[i],s=e[i],c=Ar(i),a&&(s?a!==s&&(s.fns=a,t[i]=s):(a.fns||(a=t[i]=G(a)),n(c.name,a,c.once,c.capture)));for(i in e)t[i]||(c=Ar(i),r(c.name,e[i],c.capture))}function J(t,e,n){function r(){n.apply(this,arguments),i(o.fns,r)}var o,a=t[e];a?a.fns&&a.merged?(o=a,o.fns.push(r)):o=G([a,r]):o=G([r]),o.merged=!0,t[e]=o}function Z(t){for(var e=0;e<t.length;e++)if(Array.isArray(t[e]))return Array.prototype.concat.apply([],t);return t}function Q(t){return s(t)?[z(t)]:Array.isArray(t)?X(t):void 0}function X(t,e){var n,r,o,i=[];for(n=0;n<t.length;n++)null!=(r=t[n])&&"boolean"!=typeof r&&(o=i[i.length-1],Array.isArray(r)?i.push.apply(i,X(r,(e||"")+"_"+n)):s(r)?o&&o.text?o.text+=String(r):""!==r&&i.push(z(r)):r.text&&o&&o.text?i[i.length-1]=z(o.text+r.text):(r.tag&&null==r.key&&null!=e&&(r.key="__vlist"+e+"_"+n+"__"),i.push(r)));return i}function Y(t){return t&&t.filter(function(t){return t&&t.componentOptions})[0]}function tt(t){t._events=Object.create(null),t._hasHookEvent=!1;var e=t.$options._parentListeners;e&&rt(t,e)}function et(t,e,n){n?xr.$once(t,e):xr.$on(t,e)}function nt(t,e){xr.$off(t,e)}function rt(t,e,n){xr=t,K(e,n||{},et,nt,t)}function ot(t,e){var n={};if(!t)return n;for(var r,o,i=[],a=0,s=t.length;a<s;a++)if(o=t[a],(o.context===e||o.functionalContext===e)&&o.data&&(r=o.data.slot)){var c=n[r]||(n[r]=[]);"template"===o.tag?c.push.apply(c,o.children):c.push(o)}else i.push(o);return i.every(it)||(n.default=i),n}function it(t){return t.isComment||" "===t.text}function at(t){for(var e={},n=0;n<t.length;n++)e[t[n][0]]=t[n][1];return e}function st(t){var e=t.$options,n=e.parent;if(n&&!e.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(t)}t.$parent=n,t.$root=n?n.$root:t,t.$children=[],t.$refs={},t._watcher=null,t._inactive=null,t._directInactive=!1,t._isMounted=!1,t._isDestroyed=!1,t._isBeingDestroyed=!1}function ct(t,e,n){t.$el=e,t.$options.render||(t.$options.render=kr),pt(t,"beforeMount");var r;return r=function(){t._update(t._render(),n)},t._watcher=new Pr(t,r,h),n=!1,null==t.$vnode&&(t._isMounted=!0,pt(t,"mounted")),t}function ut(t,e,n,r,o){var i=!!(o||t.$options._renderChildren||r.data.scopedSlots||t.$scopedSlots!==Zn);if(t.$options._parentVnode=r,t.$vnode=r,t._vnode&&(t._vnode.parent=r),t.$options._renderChildren=o,e&&t.$options.props){yr.shouldConvert=!1;for(var a=t._props,s=t.$options._propKeys||[],c=0;c<s.length;c++){var u=s[c];a[u]=U(u,t.$options.props,e,t)}yr.shouldConvert=!0,t.$options.propsData=e}if(n){var l=t.$options._parentListeners;t.$options._parentListeners=n,rt(t,n,l)}i&&(t.$slots=ot(o,r.context),t.$forceUpdate())}function lt(t){for(;t&&(t=t.$parent);)if(t._inactive)return!0;return!1}function ft(t,e){if(e){if(t._directInactive=!1,lt(t))return}else if(t._directInactive)return;if(t._inactive||null==t._inactive){t._inactive=!1;for(var n=0;n<t.$children.length;n++)ft(t.$children[n]);pt(t,"activated")}}function dt(t,e){if(!(e&&(t._directInactive=!0,lt(t))||t._inactive)){t._inactive=!0;for(var n=0;n<t.$children.length;n++)dt(t.$children[n]);pt(t,"deactivated")}}function pt(t,e){var n=t.$options[e];if(n)for(var r=0,o=n.length;r<o;r++)try{n[r].call(t)}catch(n){H(n,t,e+" hook")}t._hasHookEvent&&t.$emit("hook:"+e)}function vt(){Sr.length=0,Er={},Tr=jr=!1}function ht(){jr=!0;var t,e,n;for(Sr.sort(function(t,e){return t.id-e.id}),Ir=0;Ir<Sr.length;Ir++)t=Sr[Ir],e=t.id,Er[e]=null,t.run();var r=Sr.slice();for(vt(),Ir=r.length;Ir--;)t=r[Ir],n=t.vm,n._watcher===t&&n._isMounted&&pt(n,"updated");cr&&Jn.devtools&&cr.emit("flush")}function mt(t){var e=t.id;if(null==Er[e]){if(Er[e]=!0,jr){for(var n=Sr.length-1;n>=0&&Sr[n].id>t.id;)n--;Sr.splice(Math.max(n,Ir)+1,0,t)}else Sr.push(t);Tr||(Tr=!0,lr(ht))}}function _t(t){Mr.clear(),yt(t,Mr)}function yt(t,e){var n,r,o=Array.isArray(t);if((o||d(t))&&Object.isExtensible(t)){if(t.__ob__){var i=t.__ob__.dep.id;if(e.has(i))return;e.add(i)}if(o)for(n=t.length;n--;)yt(t[n],e);else for(r=Object.keys(t),n=r.length;n--;)yt(t[r[n]],e)}}function gt(t,e,n){Nr.get=function(){return this[e][n]},Nr.set=function(t){this[e][n]=t},Object.defineProperty(t,n,Nr)}function bt(t){t._watchers=[];var e=t.$options;e.props&&Ct(t,e.props),e.methods&&Ot(t,e.methods),e.data?wt(t):O(t._data={},!0),e.computed&&xt(t,e.computed),e.watch&&St(t,e.watch)}function Ct(t,e){var n=t.$options.propsData||{},r=t._props={},o=t.$options._propKeys=[],i=!t.$parent;yr.shouldConvert=i;for(var a in e)!function(i){o.push(i);var a=U(i,e,n,t);S(r,i,a),i in t||gt(t,"_props",i)}(a);yr.shouldConvert=!0}function wt(t){var e=t.$options.data;e=t._data="function"==typeof e?$t(e,t):e||{},p(e)||(e={});for(var n=Object.keys(e),r=t.$options.props,o=n.length;o--;)r&&a(r,n[o])||g(n[o])||gt(t,"_data",n[o]);O(e,!0)}function $t(t,e){try{return t.call(e)}catch(t){return H(t,e,"data()"),{}}}function xt(t,e){var n=t._computedWatchers=Object.create(null);for(var r in e){var o=e[r],i="function"==typeof o?o:o.get;n[r]=new Pr(t,i,h,Lr),r in t||kt(t,r,o)}}function kt(t,e,n){"function"==typeof n?(Nr.get=At(e),Nr.set=h):(Nr.get=n.get?n.cache!==!1?At(e):n.get:h,Nr.set=n.set?n.set:h),Object.defineProperty(t,e,Nr)}function At(t){return function(){var e=this._computedWatchers&&this._computedWatchers[t];if(e)return e.dirty&&e.evaluate(),pr.target&&e.depend(),e.value}}function Ot(t,e){t.$options.props;for(var n in e)t[n]=null==e[n]?h:u(e[n],t)}function St(t,e){for(var n in e){var r=e[n];if(Array.isArray(r))for(var o=0;o<r.length;o++)Et(t,n,r[o]);else Et(t,n,r)}}function Et(t,e,n){var r;p(n)&&(r=n,n=n.handler),"string"==typeof n&&(n=t[n]),t.$watch(e,n,r)}function Tt(t,e,n,r,o){if(t){var i=n.$options._base;if(d(t)&&(t=i.extend(t)),"function"==typeof t){if(!t.cid)if(t.resolved)t=t.resolved;else if(!(t=Dt(t,i,function(){n.$forceUpdate()})))return;ee(t),e=e||{},e.model&&Rt(t.options,e);var a=Pt(e,t,o);if(t.options.functional)return jt(t,a,e,n,r);var s=e.on;e.on=e.nativeOn,t.options.abstract&&(e={}),Nt(e);var c=t.options.name||o;return new wr("vue-component-"+t.cid+(c?"-"+c:""),e,void 0,void 0,void 0,n,{Ctor:t,propsData:a,listeners:s,tag:o,children:r})}}}function jt(t,e,n,r,o){var i={},a=t.options.props;if(a)for(var s in a)i[s]=U(s,a,e);var c=Object.create(r),u=function(t,e,n,r){return Ut(c,t,e,n,r,!0)},l=t.options.render.call(null,u,{props:i,data:n,parent:r,children:o,slots:function(){return ot(o,r)}});return l instanceof wr&&(l.functionalContext=r,n.slot&&((l.data||(l.data={})).slot=n.slot)),l}function It(t,e,n,r){var o=t.componentOptions,i={_isComponent:!0,parent:e,propsData:o.propsData,_componentTag:o.tag,_parentVnode:t,_parentListeners:o.listeners,_renderChildren:o.children,_parentElm:n||null,_refElm:r||null},a=t.data.inlineTemplate;return a&&(i.render=a.render,i.staticRenderFns=a.staticRenderFns),new o.Ctor(i)}function Dt(t,e,n){if(!t.requested){t.requested=!0;var r=t.pendingCallbacks=[n],o=!0,i=function(n){if(d(n)&&(n=e.extend(n)),t.resolved=n,!o)for(var i=0,a=r.length;i<a;i++)r[i](n)},a=function(t){},s=t(i,a);return s&&"function"==typeof s.then&&!t.resolved&&s.then(i,a),o=!1,t.resolved}t.pendingCallbacks.push(n)}function Pt(t,e,n){var r=e.options.props;if(r){var o={},i=t.attrs,a=t.props,s=t.domProps;if(i||a||s)for(var c in r){var u=zn(c);Mt(o,a,c,u,!0)||Mt(o,i,c,u)||Mt(o,s,c,u)}return o}}function Mt(t,e,n,r,o){if(e){if(a(e,n))return t[n]=e[n],o||delete e[n],!0;if(a(e,r))return t[n]=e[r],o||delete e[r],!0}return!1}function Nt(t){t.hook||(t.hook={});for(var e=0;e<Ur.length;e++){var n=Ur[e],r=t.hook[n],o=Rr[n];t.hook[n]=r?Lt(o,r):o}}function Lt(t,e){return function(n,r,o,i){t(n,r,o,i),e(n,r,o,i)}}function Rt(t,e){var n=t.model&&t.model.prop||"value",r=t.model&&t.model.event||"input";(e.props||(e.props={}))[n]=e.model.value;var o=e.on||(e.on={});o[r]?o[r]=[e.model.callback].concat(o[r]):o[r]=e.model.callback}function Ut(t,e,n,r,o,i){return(Array.isArray(n)||s(n))&&(o=r,r=n,n=void 0),i&&(o=Br),Ft(t,e,n,r,o)}function Ft(t,e,n,r,o){if(n&&n.__ob__)return kr();if(!e)return kr();Array.isArray(r)&&"function"==typeof r[0]&&(n=n||{},n.scopedSlots={default:r[0]},r.length=0),o===Br?r=Q(r):o===Fr&&(r=Z(r));var i,a;if("string"==typeof e){var s;a=Jn.getTagNamespace(e),i=Jn.isReservedTag(e)?new wr(Jn.parsePlatformTagName(e),n,r,void 0,void 0,t):(s=R(t.$options,"components",e))?Tt(s,n,t,r,e):new wr(e,n,r,void 0,void 0,t)}else i=Tt(e,n,t,r);return i?(a&&Bt(i,a),i):kr()}function Bt(t,e){if(t.ns=e,"foreignObject"!==t.tag&&t.children)for(var n=0,r=t.children.length;n<r;n++){var o=t.children[n];o.tag&&!o.ns&&Bt(o,e)}}function Vt(t,e){var n,r,o,i,a;if(Array.isArray(t)||"string"==typeof t)for(n=new Array(t.length),r=0,o=t.length;r<o;r++)n[r]=e(t[r],r);else if("number"==typeof t)for(n=new Array(t),r=0;r<t;r++)n[r]=e(r+1,r);else if(d(t))for(i=Object.keys(t),n=new Array(i.length),r=0,o=i.length;r<o;r++)a=i[r],n[r]=e(t[a],a,r);return n}function Ht(t,e,n,r){var o=this.$scopedSlots[t];if(o)return n=n||{},r&&f(n,r),o(n)||e;var i=this.$slots[t];return i||e}function zt(t){return R(this.$options,"filters",t,!0)||Kn}function qt(t,e,n){var r=Jn.keyCodes[e]||n;return Array.isArray(r)?r.indexOf(t)===-1:r!==t}function Wt(t,e,n,r){if(n)if(d(n)){Array.isArray(n)&&(n=v(n));var o;for(var i in n){if("class"===i||"style"===i)o=t;else{var a=t.attrs&&t.attrs.type;o=r||Jn.mustUseProp(e,a,i)?t.domProps||(t.domProps={}):t.attrs||(t.attrs={})}i in o||(o[i]=n[i])}}else;return t}function Gt(t,e){var n=this._staticTrees[t];return n&&!e?Array.isArray(n)?W(n):q(n):(n=this._staticTrees[t]=this.$options.staticRenderFns[t].call(this._renderProxy),Jt(n,"__static__"+t,!1),n)}function Kt(t,e,n){return Jt(t,"__once__"+e+(n?"_"+n:""),!0),t}function Jt(t,e,n){if(Array.isArray(t))for(var r=0;r<t.length;r++)t[r]&&"string"!=typeof t[r]&&Zt(t[r],e+"_"+r,n);else Zt(t,e,n)}function Zt(t,e,n){t.isStatic=!0,t.key=e,t.isOnce=n}function Qt(t){t.$vnode=null,t._vnode=null,t._staticTrees=null;var e=t.$options._parentVnode,n=e&&e.context;t.$slots=ot(t.$options._renderChildren,n),t.$scopedSlots=Zn,t._c=function(e,n,r,o){return Ut(t,e,n,r,o,!1)},t.$createElement=function(e,n,r,o){return Ut(t,e,n,r,o,!0)}}function Xt(t){var e=t.$options.provide;e&&(t._provided="function"==typeof e?e.call(t):e)}function Yt(t){var e=t.$options.inject;if(e)for(var n=Array.isArray(e),r=n?e:ur?Reflect.ownKeys(e):Object.keys(e),o=0;o<r.length;o++)!function(o){for(var i=r[o],a=n?i:e[i],s=t;s;){if(s._provided&&a in s._provided){S(t,i,s._provided[a]);break}s=s.$parent}}(o)}function te(t,e){var n=t.$options=Object.create(t.constructor.options);n.parent=e.parent,n.propsData=e.propsData,n._parentVnode=e._parentVnode,n._parentListeners=e._parentListeners,n._renderChildren=e._renderChildren,n._componentTag=e._componentTag,n._parentElm=e._parentElm,n._refElm=e._refElm,e.render&&(n.render=e.render,n.staticRenderFns=e.staticRenderFns)}function ee(t){var e=t.options;if(t.super){var n=ee(t.super);if(n!==t.superOptions){t.superOptions=n;var r=ne(t);r&&f(t.extendOptions,r),e=t.options=L(n,t.extendOptions),e.name&&(e.components[e.name]=t)}}return e}function ne(t){var e,n=t.options,r=t.sealedOptions;for(var o in n)n[o]!==r[o]&&(e||(e={}),e[o]=re(n[o],r[o]));return e}function re(t,e){if(Array.isArray(t)){var n=[];e=Array.isArray(e)?e:[e];for(var r=0;r<t.length;r++)e.indexOf(t[r])<0&&n.push(t[r]);return n}return t}function oe(t){this._init(t)}function ie(t){t.use=function(t){if(!t.installed){var e=l(arguments,1);return e.unshift(this),"function"==typeof t.install?t.install.apply(t,e):"function"==typeof t&&t.apply(null,e),t.installed=!0,this}}}function ae(t){t.mixin=function(t){this.options=L(this.options,t)}}function se(t){t.cid=0;var e=1;t.extend=function(t){t=t||{};var n=this,r=n.cid,o=t._Ctor||(t._Ctor={});if(o[r])return o[r];var i=t.name||n.options.name,a=function(t){this._init(t)};return a.prototype=Object.create(n.prototype),a.prototype.constructor=a,a.cid=e++,a.options=L(n.options,t),a.super=n,a.options.props&&ce(a),a.options.computed&&ue(a),a.extend=n.extend,a.mixin=n.mixin,a.use=n.use,Jn._assetTypes.forEach(function(t){a[t]=n[t]}),i&&(a.options.components[i]=a),a.superOptions=n.options,a.extendOptions=t,a.sealedOptions=f({},a.options),o[r]=a,a}}function ce(t){var e=t.options.props;for(var n in e)gt(t.prototype,"_props",n)}function ue(t){var e=t.options.computed;for(var n in e)kt(t.prototype,n,e[n])}function le(t){Jn._assetTypes.forEach(function(e){t[e]=function(t,n){return n?("component"===e&&p(n)&&(n.name=n.name||t,n=this.options._base.extend(n)),"directive"===e&&"function"==typeof n&&(n={bind:n,update:n}),this.options[e+"s"][t]=n,n):this.options[e+"s"][t]}})}function fe(t){return t&&(t.Ctor.options.name||t.tag)}function de(t,e){return"string"==typeof t?t.split(",").indexOf(e)>-1:t instanceof RegExp&&t.test(e)}function pe(t,e){for(var n in t){var r=t[n];if(r){var o=fe(r.componentOptions);o&&!e(o)&&(ve(r),t[n]=null)}}}function ve(t){t&&(t.componentInstance._inactive||pt(t.componentInstance,"deactivated"),t.componentInstance.$destroy())}function he(t){for(var e=t.data,n=t,r=t;r.componentInstance;)r=r.componentInstance._vnode,r.data&&(e=me(r.data,e));for(;n=n.parent;)n.data&&(e=me(e,n.data));return _e(e)}function me(t,e){return{staticClass:ye(t.staticClass,e.staticClass),class:t.class?[t.class,e.class]:e.class}}function _e(t){var e=t.class,n=t.staticClass;return n||e?ye(n,ge(e)):""}function ye(t,e){return t?e?t+" "+e:t:e||""}function ge(t){var e="";if(!t)return e;if("string"==typeof t)return t;if(Array.isArray(t)){for(var n,r=0,o=t.length;r<o;r++)t[r]&&(n=ge(t[r]))&&(e+=n+" ");return e.slice(0,-1)}if(d(t)){for(var i in t)t[i]&&(e+=i+" ");return e.slice(0,-1)}return e}function be(t){return oo(t)?"svg":"math"===t?"math":void 0}function Ce(t){if(!Yn)return!0;if(io(t))return!1;if(t=t.toLowerCase(),null!=ao[t])return ao[t];var e=document.createElement(t);return t.indexOf("-")>-1?ao[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:ao[t]=/HTMLUnknownElement/.test(e.toString())}function we(t){if("string"==typeof t){var e=document.querySelector(t);return e?e:document.createElement("div")}return t}function $e(t,e){var n=document.createElement(t);return"select"!==t?n:(e.data&&e.data.attrs&&void 0!==e.data.attrs.multiple&&n.setAttribute("multiple","multiple"),n)}function xe(t,e){return document.createElementNS(no[t],e)}function ke(t){return document.createTextNode(t)}function Ae(t){return document.createComment(t)}function Oe(t,e,n){t.insertBefore(e,n)}function Se(t,e){t.removeChild(e)}function Ee(t,e){t.appendChild(e)}function Te(t){return t.parentNode}function je(t){return t.nextSibling}function Ie(t){return t.tagName}function De(t,e){t.textContent=e}function Pe(t,e,n){t.setAttribute(e,n)}function Me(t,e){var n=t.data.ref;if(n){var r=t.context,o=t.componentInstance||t.elm,a=r.$refs;e?Array.isArray(a[n])?i(a[n],o):a[n]===o&&(a[n]=void 0):t.data.refInFor?Array.isArray(a[n])&&a[n].indexOf(o)<0?a[n].push(o):a[n]=[o]:a[n]=o}}function Ne(t){return void 0===t||null===t}function Le(t){return void 0!==t&&null!==t}function Re(t){return t===!0}function Ue(t,e){return t.key===e.key&&t.tag===e.tag&&t.isComment===e.isComment&&Le(t.data)===Le(e.data)&&Fe(t,e)}function Fe(t,e){if("input"!==t.tag)return!0;var n;return(Le(n=t.data)&&Le(n=n.attrs)&&n.type)===(Le(n=e.data)&&Le(n=n.attrs)&&n.type)}function Be(t,e,n){var r,o,i={};for(r=e;r<=n;++r)o=t[r].key,Le(o)&&(i[o]=r);return i}function Ve(t,e){(t.data.directives||e.data.directives)&&He(t,e)}function He(t,e){var n,r,o,i=t===uo,a=e===uo,s=ze(t.data.directives,t.context),c=ze(e.data.directives,e.context),u=[],l=[];for(n in c)r=s[n],o=c[n],r?(o.oldValue=r.value,We(o,"update",e,t),o.def&&o.def.componentUpdated&&l.push(o)):(We(o,"bind",e,t),o.def&&o.def.inserted&&u.push(o));if(u.length){var f=function(){for(var n=0;n<u.length;n++)We(u[n],"inserted",e,t)};i?J(e.data.hook||(e.data.hook={}),"insert",f):f()}if(l.length&&J(e.data.hook||(e.data.hook={}),"postpatch",function(){for(var n=0;n<l.length;n++)We(l[n],"componentUpdated",e,t)}),!i)for(n in s)c[n]||We(s[n],"unbind",t,t,a)}function ze(t,e){var n=Object.create(null);if(!t)return n;var r,o;for(r=0;r<t.length;r++)o=t[r],o.modifiers||(o.modifiers=po),n[qe(o)]=o,o.def=R(e.$options,"directives",o.name,!0);return n}function qe(t){return t.rawName||t.name+"."+Object.keys(t.modifiers||{}).join(".")}function We(t,e,n,r,o){var i=t.def&&t.def[e];i&&i(n.elm,t,n,r,o)}function Ge(t,e){if(t.data.attrs||e.data.attrs){var n,r,o=e.elm,i=t.data.attrs||{},a=e.data.attrs||{};a.__ob__&&(a=e.data.attrs=f({},a));for(n in a)r=a[n],i[n]!==r&&Ke(o,n,r);nr&&a.value!==i.value&&Ke(o,"value",a.value);for(n in i)null==a[n]&&(Yr(n)?o.removeAttributeNS(Xr,to(n)):Zr(n)||o.removeAttribute(n))}}function Ke(t,e,n){Qr(e)?eo(n)?t.removeAttribute(e):t.setAttribute(e,e):Zr(e)?t.setAttribute(e,eo(n)||"false"===n?"false":"true"):Yr(e)?eo(n)?t.removeAttributeNS(Xr,to(e)):t.setAttributeNS(Xr,e,n):eo(n)?t.removeAttribute(e):t.setAttribute(e,n)}function Je(t,e){var n=e.elm,r=e.data,o=t.data;if(r.staticClass||r.class||o&&(o.staticClass||o.class)){var i=he(e),a=n._transitionClasses;a&&(i=ye(i,ge(a))),i!==n._prevClass&&(n.setAttribute("class",i),n._prevClass=i)}}function Ze(t){var e;t[_o]&&(e=er?"change":"input",t[e]=[].concat(t[_o],t[e]||[]),delete t[_o]),t[yo]&&(e=ar?"click":"change",t[e]=[].concat(t[yo],t[e]||[]),delete t[yo])}function Qe(t,e,n,r){if(n){var o=e,i=Wr;e=function(n){null!==(1===arguments.length?o(n):o.apply(null,arguments))&&Xe(t,e,r,i)}}Wr.addEventListener(t,e,r)}function Xe(t,e,n,r){(r||Wr).removeEventListener(t,e,n)}function Ye(t,e){if(t.data.on||e.data.on){var n=e.data.on||{},r=t.data.on||{};Wr=e.elm,Ze(n),K(n,r,Qe,Xe,e.context)}}function tn(t,e){if(t.data.domProps||e.data.domProps){var n,r,o=e.elm,i=t.data.domProps||{},a=e.data.domProps||{};a.__ob__&&(a=e.data.domProps=f({},a));for(n in i)null==a[n]&&(o[n]="");for(n in a)if(r=a[n],"textContent"!==n&&"innerHTML"!==n||(e.children&&(e.children.length=0),r!==i[n]))if("value"===n){o._value=r;var s=null==r?"":String(r);en(o,e,s)&&(o.value=s)}else o[n]=r}}function en(t,e,n){return!t.composing&&("option"===e.tag||nn(t,n)||rn(t,n))}function nn(t,e){return document.activeElement!==t&&t.value!==e}function rn(t,e){var n=t.value,o=t._vModifiers;return o&&o.number||"number"===t.type?r(n)!==r(e):o&&o.trim?n.trim()!==e.trim():n!==e}function on(t){var e=an(t.style);return t.staticStyle?f(t.staticStyle,e):e}function an(t){return Array.isArray(t)?v(t):"string"==typeof t?Co(t):t}function sn(t,e){var n,r={};if(e)for(var o=t;o.componentInstance;)o=o.componentInstance._vnode,o.data&&(n=on(o.data))&&f(r,n);(n=on(t.data))&&f(r,n);for(var i=t;i=i.parent;)i.data&&(n=on(i.data))&&f(r,n);return r}function cn(t,e){var n=e.data,r=t.data;if(n.staticStyle||n.style||r.staticStyle||r.style){var o,i,a=e.elm,s=t.data.staticStyle,c=t.data.style||{},u=s||c,l=an(e.data.style)||{};e.data.style=l.__ob__?f({},l):l;var d=sn(e,!0);for(i in u)null==d[i]&&xo(a,i,"");for(i in d)(o=d[i])!==u[i]&&xo(a,i,null==o?"":o)}}function un(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.add(e)}):t.classList.add(e);else{var n=" "+(t.getAttribute("class")||"")+" ";n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function ln(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(/\s+/).forEach(function(e){return t.classList.remove(e)}):t.classList.remove(e);else{for(var n=" "+(t.getAttribute("class")||"")+" ",r=" "+e+" ";n.indexOf(r)>=0;)n=n.replace(r," ");t.setAttribute("class",n.trim())}}function fn(t){if(t){if("object"==typeof t){var e={};return t.css!==!1&&f(e,So(t.name||"v")),f(e,t),e}return"string"==typeof t?So(t):void 0}}function dn(t){No(function(){No(t)})}function pn(t,e){(t._transitionClasses||(t._transitionClasses=[])).push(e),un(t,e)}function vn(t,e){t._transitionClasses&&i(t._transitionClasses,e),ln(t,e)}function hn(t,e,n){var r=mn(t,e),o=r.type,i=r.timeout,a=r.propCount;if(!o)return n();var s=o===To?Do:Mo,c=0,u=function(){t.removeEventListener(s,l),n()},l=function(e){e.target===t&&++c>=a&&u()};setTimeout(function(){c<a&&u()},i+1),t.addEventListener(s,l)}function mn(t,e){var n,r=window.getComputedStyle(t),o=r[Io+"Delay"].split(", "),i=r[Io+"Duration"].split(", "),a=_n(o,i),s=r[Po+"Delay"].split(", "),c=r[Po+"Duration"].split(", "),u=_n(s,c),l=0,f=0;return e===To?a>0&&(n=To,l=a,f=i.length):e===jo?u>0&&(n=jo,l=u,f=c.length):(l=Math.max(a,u),n=l>0?a>u?To:jo:null,f=n?n===To?i.length:c.length:0),{type:n,timeout:l,propCount:f,hasTransform:n===To&&Lo.test(r[Io+"Property"])}}function _n(t,e){for(;t.length<e.length;)t=t.concat(t);return Math.max.apply(null,e.map(function(e,n){return yn(e)+yn(t[n])}))}function yn(t){return 1e3*Number(t.slice(0,-1))}function gn(t,e){var n=t.elm;n._leaveCb&&(n._leaveCb.cancelled=!0,n._leaveCb());var o=fn(t.data.transition);if(o&&!n._enterCb&&1===n.nodeType){for(var i=o.css,a=o.type,s=o.enterClass,c=o.enterToClass,u=o.enterActiveClass,l=o.appearClass,f=o.appearToClass,p=o.appearActiveClass,v=o.beforeEnter,h=o.enter,m=o.afterEnter,_=o.enterCancelled,g=o.beforeAppear,b=o.appear,C=o.afterAppear,w=o.appearCancelled,$=o.duration,x=Or,k=Or.$vnode;k&&k.parent;)k=k.parent,x=k.context;var A=!x._isMounted||!t.isRootInsert;if(!A||b||""===b){var O=A&&l?l:s,S=A&&p?p:u,E=A&&f?f:c,T=A?g||v:v,j=A&&"function"==typeof b?b:h,I=A?C||m:m,D=A?w||_:_,P=r(d($)?$.enter:$),M=i!==!1&&!nr,N=wn(j),L=n._enterCb=y(function(){M&&(vn(n,E),vn(n,S)),L.cancelled?(M&&vn(n,O),D&&D(n)):I&&I(n),n._enterCb=null});t.data.show||J(t.data.hook||(t.data.hook={}),"insert",function(){var e=n.parentNode,r=e&&e._pending&&e._pending[t.key];r&&r.tag===t.tag&&r.elm._leaveCb&&r.elm._leaveCb(),j&&j(n,L)}),T&&T(n),M&&(pn(n,O),pn(n,S),dn(function(){pn(n,E),vn(n,O),L.cancelled||N||(Cn(P)?setTimeout(L,P):hn(n,a,L))})),t.data.show&&(e&&e(),j&&j(n,L)),M||N||L()}}}function bn(t,e){function n(){w.cancelled||(t.data.show||((o.parentNode._pending||(o.parentNode._pending={}))[t.key]=t),f&&f(o),g&&(pn(o,c),pn(o,l),dn(function(){pn(o,u),vn(o,c),w.cancelled||b||(Cn(C)?setTimeout(w,C):hn(o,s,w))})),p&&p(o,w),g||b||w())}var o=t.elm;o._enterCb&&(o._enterCb.cancelled=!0,o._enterCb());var i=fn(t.data.transition);if(!i)return e();if(!o._leaveCb&&1===o.nodeType){var a=i.css,s=i.type,c=i.leaveClass,u=i.leaveToClass,l=i.leaveActiveClass,f=i.beforeLeave,p=i.leave,v=i.afterLeave,h=i.leaveCancelled,m=i.delayLeave,_=i.duration,g=a!==!1&&!nr,b=wn(p),C=r(d(_)?_.leave:_),w=o._leaveCb=y(function(){o.parentNode&&o.parentNode._pending&&(o.parentNode._pending[t.key]=null),g&&(vn(o,u),vn(o,l)),w.cancelled?(g&&vn(o,c),h&&h(o)):(e(),v&&v(o)),o._leaveCb=null});m?m(n):n()}}function Cn(t){return"number"==typeof t&&!isNaN(t)}function wn(t){if(!t)return!1;var e=t.fns;return e?wn(Array.isArray(e)?e[0]:e):(t._length||t.length)>1}function $n(t,e){e.data.show||gn(e)}function xn(t,e,n){var r=e.value,o=t.multiple;if(!o||Array.isArray(r)){for(var i,a,s=0,c=t.options.length;s<c;s++)if(a=t.options[s],o)i=_(r,An(a))>-1,a.selected!==i&&(a.selected=i);else if(m(An(a),r))return void(t.selectedIndex!==s&&(t.selectedIndex=s));o||(t.selectedIndex=-1)}}function kn(t,e){for(var n=0,r=e.length;n<r;n++)if(m(An(e[n]),t))return!1;return!0}function An(t){return"_value"in t?t._value:t.value}function On(t){t.target.composing=!0}function Sn(t){t.target.composing=!1,En(t.target,"input")}function En(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function Tn(t){return!t.componentInstance||t.data&&t.data.transition?t:Tn(t.componentInstance._vnode)}function jn(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?jn(Y(e.children)):t}function In(t){var e={},n=t.$options;for(var r in n.propsData)e[r]=t[r];var o=n._parentListeners;for(var i in o)e[Vn(i)]=o[i];return e}function Dn(t,e){return/\d-keep-alive$/.test(e.tag)?t("keep-alive"):null}function Pn(t){for(;t=t.parent;)if(t.data.transition)return!0}function Mn(t,e){return e.key===t.key&&e.tag===t.tag}function Nn(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function Ln(t){t.data.newPos=t.elm.getBoundingClientRect()}function Rn(t){var e=t.data.pos,n=t.data.newPos,r=e.left-n.left,o=e.top-n.top;if(r||o){t.data.moved=!0;var i=t.elm.style;i.transform=i.WebkitTransform="translate("+r+"px,"+o+"px)",i.transitionDuration="0s"}}var Un,Fn,Bn=(o("slot,component",!0),Object.prototype.hasOwnProperty),Vn=c(function(t){return t.replace(/-(\w)/g,function(t,e){return e?e.toUpperCase():""})}),Hn=c(function(t){return t.charAt(0).toUpperCase()+t.slice(1)}),zn=c(function(t){return t.replace(/([^-])([A-Z])/g,"$1-$2").replace(/([^-])([A-Z])/g,"$1-$2").toLowerCase()}),qn=Object.prototype.toString,Wn="[object Object]",Gn=function(){return!1},Kn=function(t){return t},Jn={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:Gn,isUnknownElement:Gn,getTagNamespace:h,parsePlatformTagName:Kn,mustUseProp:Gn,_assetTypes:["component","directive","filter"],_lifecycleHooks:["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated"],_maxUpdateCount:100},Zn=Object.freeze({}),Qn=/[^\w.$]/,Xn="__proto__"in{},Yn="undefined"!=typeof window,tr=Yn&&window.navigator.userAgent.toLowerCase(),er=tr&&/msie|trident/.test(tr),nr=tr&&tr.indexOf("msie 9.0")>0,rr=tr&&tr.indexOf("edge/")>0,or=tr&&tr.indexOf("android")>0,ir=tr&&/iphone|ipad|ipod|ios/.test(tr),ar=tr&&/chrome\/\d+/.test(tr)&&!rr,sr=function(){return void 0===Un&&(Un=!Yn&&void 0!==t&&"server"===t.process.env.VUE_ENV),Un},cr=Yn&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__,ur="undefined"!=typeof Symbol&&w(Symbol)&&"undefined"!=typeof Reflect&&w(Reflect.ownKeys),lr=function(){function t(){r=!1;var t=n.slice(0);n.length=0;for(var e=0;e<t.length;e++)t[e]()}var e,n=[],r=!1;if("undefined"!=typeof Promise&&w(Promise)){var o=Promise.resolve(),i=function(t){console.error(t)};e=function(){o.then(t).catch(i),ir&&setTimeout(h)}}else if("undefined"==typeof MutationObserver||!w(MutationObserver)&&"[object MutationObserverConstructor]"!==MutationObserver.toString())e=function(){setTimeout(t,0)};else{var a=1,s=new MutationObserver(t),c=document.createTextNode(String(a));s.observe(c,{characterData:!0}),e=function(){a=(a+1)%2,c.data=String(a)}}return function(t,o){var i;if(n.push(function(){t&&t.call(o),i&&i(o)}),r||(r=!0,e()),!t&&"undefined"!=typeof Promise)return new Promise(function(t){i=t})}}();Fn="undefined"!=typeof Set&&w(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return this.set[t]===!0},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var fr=h,dr=0,pr=function(){this.id=dr++,this.subs=[]};pr.prototype.addSub=function(t){this.subs.push(t)},pr.prototype.removeSub=function(t){i(this.subs,t)},pr.prototype.depend=function(){pr.target&&pr.target.addDep(this)},pr.prototype.notify=function(){for(var t=this.subs.slice(),e=0,n=t.length;e<n;e++)t[e].update()},pr.target=null;var vr=[],hr=Array.prototype,mr=Object.create(hr);["push","pop","shift","unshift","splice","sort","reverse"].forEach(function(t){var e=hr[t];b(mr,t,function(){for(var n=arguments,r=arguments.length,o=new Array(r);r--;)o[r]=n[r];var i,a=e.apply(this,o),s=this.__ob__;switch(t){case"push":i=o;break;case"unshift":i=o;break;case"splice":i=o.slice(2)}return i&&s.observeArray(i),s.dep.notify(),a})});var _r=Object.getOwnPropertyNames(mr),yr={shouldConvert:!0,isSettingProps:!1},gr=function(t){if(this.value=t,this.dep=new pr,this.vmCount=0,b(t,"__ob__",this),Array.isArray(t)){(Xn?k:A)(t,mr,_r),this.observeArray(t)}else this.walk(t)};gr.prototype.walk=function(t){for(var e=Object.keys(t),n=0;n<e.length;n++)S(t,e[n],t[e[n]])},gr.prototype.observeArray=function(t){for(var e=0,n=t.length;e<n;e++)O(t[e])};var br=Jn.optionMergeStrategies;br.data=function(t,e,n){return n?t||e?function(){var r="function"==typeof e?e.call(n):e,o="function"==typeof t?t.call(n):void 0;return r?I(r,o):o}:void 0:e?"function"!=typeof e?t:t?function(){return I(e.call(this),t.call(this))}:e:t},Jn._lifecycleHooks.forEach(function(t){br[t]=D}),Jn._assetTypes.forEach(function(t){br[t+"s"]=P}),br.watch=function(t,e){if(!e)return Object.create(t||null);if(!t)return e;var n={};f(n,t);for(var r in e){var o=n[r],i=e[r];o&&!Array.isArray(o)&&(o=[o]),n[r]=o?o.concat(i):[i]}return n},br.props=br.methods=br.computed=function(t,e){if(!e)return Object.create(t||null);if(!t)return e;var n=Object.create(null);return f(n,t),f(n,e),n};var Cr=function(t,e){return void 0===e?t:e},wr=function(t,e,n,r,o,i,a){this.tag=t,this.data=e,this.children=n,this.text=r,this.elm=o,this.ns=void 0,this.context=i,this.functionalContext=void 0,this.key=e&&e.key,this.componentOptions=a,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1},$r={child:{}};$r.child.get=function(){return this.componentInstance},Object.defineProperties(wr.prototype,$r);var xr,kr=function(){var t=new wr;return t.text="",t.isComment=!0,t},Ar=c(function(t){var e="~"===t.charAt(0);t=e?t.slice(1):t;var n="!"===t.charAt(0);return t=n?t.slice(1):t,{name:t,once:e,capture:n}}),Or=null,Sr=[],Er={},Tr=!1,jr=!1,Ir=0,Dr=0,Pr=function(t,e,n,r){this.vm=t,t._watchers.push(this),r?(this.deep=!!r.deep,this.user=!!r.user,this.lazy=!!r.lazy,this.sync=!!r.sync):this.deep=this.user=this.lazy=this.sync=!1,this.cb=n,this.id=++Dr,this.active=!0,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new Fn,this.newDepIds=new Fn,this.expression="","function"==typeof e?this.getter=e:(this.getter=C(e),this.getter||(this.getter=function(){})),this.value=this.lazy?void 0:this.get()};Pr.prototype.get=function(){$(this);var t,e=this.vm;if(this.user)try{t=this.getter.call(e,e)}catch(t){H(t,e,'getter for watcher "'+this.expression+'"')}else t=this.getter.call(e,e);return this.deep&&_t(t),x(),this.cleanupDeps(),t},Pr.prototype.addDep=function(t){var e=t.id;this.newDepIds.has(e)||(this.newDepIds.add(e),this.newDeps.push(t),this.depIds.has(e)||t.addSub(this))},Pr.prototype.cleanupDeps=function(){for(var t=this,e=this.deps.length;e--;){var n=t.deps[e];t.newDepIds.has(n.id)||n.removeSub(t)}var r=this.depIds;this.depIds=this.newDepIds,this.newDepIds=r,this.newDepIds.clear(),r=this.deps,this.deps=this.newDeps,this.newDeps=r,this.newDeps.length=0},Pr.prototype.update=function(){this.lazy?this.dirty=!0:this.sync?this.run():mt(this)},Pr.prototype.run=function(){if(this.active){var t=this.get();if(t!==this.value||d(t)||this.deep){var e=this.value;if(this.value=t,this.user)try{this.cb.call(this.vm,t,e)}catch(t){H(t,this.vm,'callback for watcher "'+this.expression+'"')}else this.cb.call(this.vm,t,e)}}},Pr.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},Pr.prototype.depend=function(){for(var t=this,e=this.deps.length;e--;)t.deps[e].depend()},Pr.prototype.teardown=function(){var t=this;if(this.active){this.vm._isBeingDestroyed||i(this.vm._watchers,this);for(var e=this.deps.length;e--;)t.deps[e].removeSub(t);this.active=!1}};var Mr=new Fn,Nr={enumerable:!0,configurable:!0,get:h,set:h},Lr={lazy:!0},Rr={init:function(t,e,n,r){if(!t.componentInstance||t.componentInstance._isDestroyed){(t.componentInstance=It(t,Or,n,r)).$mount(e?t.elm:void 0,e)}else if(t.data.keepAlive){var o=t;Rr.prepatch(o,o)}},prepatch:function(t,e){var n=e.componentOptions;ut(e.componentInstance=t.componentInstance,n.propsData,n.listeners,e,n.children)},insert:function(t){t.componentInstance._isMounted||(t.componentInstance._isMounted=!0,pt(t.componentInstance,"mounted")),t.data.keepAlive&&ft(t.componentInstance,!0)},destroy:function(t){t.componentInstance._isDestroyed||(t.data.keepAlive?dt(t.componentInstance,!0):t.componentInstance.$destroy())}},Ur=Object.keys(Rr),Fr=1,Br=2,Vr=0;!function(t){t.prototype._init=function(t){var e=this;e._uid=Vr++,e._isVue=!0,t&&t._isComponent?te(e,t):e.$options=L(ee(e.constructor),t||{},e),e._renderProxy=e,e._self=e,st(e),tt(e),Qt(e),pt(e,"beforeCreate"),Yt(e),bt(e),Xt(e),pt(e,"created"),e.$options.el&&e.$mount(e.$options.el)}}(oe),function(t){var e={};e.get=function(){return this._data};var n={};n.get=function(){return this._props},Object.defineProperty(t.prototype,"$data",e),Object.defineProperty(t.prototype,"$props",n),t.prototype.$set=E,t.prototype.$delete=T,t.prototype.$watch=function(t,e,n){var r=this;n=n||{},n.user=!0;var o=new Pr(r,t,e,n);return n.immediate&&e.call(r,o.value),function(){o.teardown()}}}(oe),function(t){var e=/^hook:/;t.prototype.$on=function(t,n){var r=this,o=this;if(Array.isArray(t))for(var i=0,a=t.length;i<a;i++)r.$on(t[i],n);else(o._events[t]||(o._events[t]=[])).push(n),e.test(t)&&(o._hasHookEvent=!0);return o},t.prototype.$once=function(t,e){function n(){r.$off(t,n),e.apply(r,arguments)}var r=this;return n.fn=e,r.$on(t,n),r},t.prototype.$off=function(t,e){var n=this,r=this;if(!arguments.length)return r._events=Object.create(null),r;if(Array.isArray(t)){for(var o=0,i=t.length;o<i;o++)n.$off(t[o],e);return r}var a=r._events[t];if(!a)return r;if(1===arguments.length)return r._events[t]=null,r;for(var s,c=a.length;c--;)if((s=a[c])===e||s.fn===e){a.splice(c,1);break}return r},t.prototype.$emit=function(t){var e=this,n=e._events[t];if(n){n=n.length>1?l(n):n;for(var r=l(arguments,1),o=0,i=n.length;o<i;o++)n[o].apply(e,r)}return e}}(oe),function(t){t.prototype._update=function(t,e){var n=this;n._isMounted&&pt(n,"beforeUpdate");var r=n.$el,o=n._vnode,i=Or;Or=n,n._vnode=t,n.$el=o?n.__patch__(o,t):n.__patch__(n.$el,t,e,!1,n.$options._parentElm,n.$options._refElm),Or=i,r&&(r.__vue__=null),n.$el&&(n.$el.__vue__=n),n.$vnode&&n.$parent&&n.$vnode===n.$parent._vnode&&(n.$parent.$el=n.$el)},t.prototype.$forceUpdate=function(){var t=this;t._watcher&&t._watcher.update()},t.prototype.$destroy=function(){var t=this;if(!t._isBeingDestroyed){pt(t,"beforeDestroy"),t._isBeingDestroyed=!0;var e=t.$parent;!e||e._isBeingDestroyed||t.$options.abstract||i(e.$children,t),t._watcher&&t._watcher.teardown();for(var n=t._watchers.length;n--;)t._watchers[n].teardown();t._data.__ob__&&t._data.__ob__.vmCount--,t._isDestroyed=!0,t.__patch__(t._vnode,null),pt(t,"destroyed"),t.$off(),t.$el&&(t.$el.__vue__=null),t.$options._parentElm=t.$options._refElm=null}}}(oe),function(t){t.prototype.$nextTick=function(t){return lr(t,this)},t.prototype._render=function(){var t=this,e=t.$options,n=e.render,r=e.staticRenderFns,o=e._parentVnode;if(t._isMounted)for(var i in t.$slots)t.$slots[i]=W(t.$slots[i]);t.$scopedSlots=o&&o.data.scopedSlots||Zn,r&&!t._staticTrees&&(t._staticTrees=[]),t.$vnode=o;var a;try{a=n.call(t._renderProxy,t.$createElement)}catch(e){H(e,t,"render function"),a=t._vnode}return a instanceof wr||(a=kr()),a.parent=o,a},t.prototype._o=Kt,t.prototype._n=r,t.prototype._s=n,t.prototype._l=Vt,t.prototype._t=Ht,t.prototype._q=m,t.prototype._i=_,t.prototype._m=Gt,t.prototype._f=zt,t.prototype._k=qt,t.prototype._b=Wt,t.prototype._v=z,t.prototype._e=kr,t.prototype._u=at}(oe);var Hr=[String,RegExp],zr={name:"keep-alive",abstract:!0,props:{include:Hr,exclude:Hr},created:function(){this.cache=Object.create(null)},destroyed:function(){var t=this;for(var e in t.cache)ve(t.cache[e])},watch:{include:function(t){pe(this.cache,function(e){return de(t,e)})},exclude:function(t){pe(this.cache,function(e){return!de(t,e)})}},render:function(){var t=Y(this.$slots.default),e=t&&t.componentOptions;if(e){var n=fe(e);if(n&&(this.include&&!de(this.include,n)||this.exclude&&de(this.exclude,n)))return t;var r=null==t.key?e.Ctor.cid+(e.tag?"::"+e.tag:""):t.key;this.cache[r]?t.componentInstance=this.cache[r].componentInstance:this.cache[r]=t,t.data.keepAlive=!0}return t}},qr={KeepAlive:zr};!function(t){var e={};e.get=function(){return Jn},Object.defineProperty(t,"config",e),t.util={warn:fr,extend:f,mergeOptions:L,defineReactive:S},t.set=E,t.delete=T,t.nextTick=lr,t.options=Object.create(null),Jn._assetTypes.forEach(function(e){t.options[e+"s"]=Object.create(null)}),t.options._base=t,f(t.options.components,qr),ie(t),ae(t),se(t),le(t)}(oe),Object.defineProperty(oe.prototype,"$isServer",{get:sr}),oe.version="2.2.6";var Wr,Gr,Kr=o("input,textarea,option,select"),Jr=function(t,e,n){return"value"===n&&Kr(t)&&"button"!==e||"selected"===n&&"option"===t||"checked"===n&&"input"===t||"muted"===n&&"video"===t},Zr=o("contenteditable,draggable,spellcheck"),Qr=o("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,translate,truespeed,typemustmatch,visible"),Xr="http://www.w3.org/1999/xlink",Yr=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},to=function(t){return Yr(t)?t.slice(6,t.length):""},eo=function(t){return null==t||t===!1},no={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},ro=o("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template"),oo=o("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignObject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),io=function(t){return ro(t)||oo(t)},ao=Object.create(null),so=Object.freeze({createElement:$e,createElementNS:xe,createTextNode:ke,createComment:Ae,insertBefore:Oe,removeChild:Se,appendChild:Ee,parentNode:Te,nextSibling:je,tagName:Ie,setTextContent:De,setAttribute:Pe}),co={create:function(t,e){Me(e)},update:function(t,e){t.data.ref!==e.data.ref&&(Me(t,!0),Me(e))},destroy:function(t){Me(t,!0)}},uo=new wr("",{},[]),lo=["create","activate","update","remove","destroy"],fo={create:Ve,update:Ve,destroy:function(t){Ve(t,uo)}},po=Object.create(null),vo=[co,fo],ho={create:Ge,update:Ge},mo={create:Je,update:Je},_o="__r",yo="__c",go={create:Ye,update:Ye},bo={create:tn,update:tn},Co=c(function(t){var e={};return t.split(/;(?![^(]*\))/g).forEach(function(t){if(t){var n=t.split(/:(.+)/);n.length>1&&(e[n[0].trim()]=n[1].trim())}}),e}),wo=/^--/,$o=/\s*!important$/,xo=function(t,e,n){wo.test(e)?t.style.setProperty(e,n):$o.test(n)?t.style.setProperty(e,n.replace($o,""),"important"):t.style[Ao(e)]=n},ko=["Webkit","Moz","ms"],Ao=c(function(t){if(Gr=Gr||document.createElement("div"),"filter"!==(t=Vn(t))&&t in Gr.style)return t;for(var e=t.charAt(0).toUpperCase()+t.slice(1),n=0;n<ko.length;n++){var r=ko[n]+e;if(r in Gr.style)return r}}),Oo={create:cn,update:cn},So=c(function(t){return{enterClass:t+"-enter",enterToClass:t+"-enter-to",enterActiveClass:t+"-enter-active",leaveClass:t+"-leave",leaveToClass:t+"-leave-to",leaveActiveClass:t+"-leave-active"}}),Eo=Yn&&!nr,To="transition",jo="animation",Io="transition",Do="transitionend",Po="animation",Mo="animationend";Eo&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(Io="WebkitTransition",Do="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(Po="WebkitAnimation",Mo="webkitAnimationEnd"));var No=Yn&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout,Lo=/\b(transform|all)(,|$)/,Ro=Yn?{create:$n,activate:$n,remove:function(t,e){t.data.show?e():bn(t,e)}}:{},Uo=[ho,mo,go,bo,Oo,Ro],Fo=Uo.concat(vo),Bo=function(t){function e(t){return new wr(O.tagName(t).toLowerCase(),{},[],void 0,t)}function n(t,e){function n(){0==--n.listeners&&r(t)}return n.listeners=e,n}function r(t){var e=O.parentNode(t);Le(e)&&O.removeChild(e,t)}function i(t,e,n,r,o){if(t.isRootInsert=!o,!a(t,e,n,r)){var i=t.data,s=t.children,c=t.tag;Le(c)?(t.elm=t.ns?O.createElementNS(t.ns,c):O.createElement(c,t),v(t),f(t,s,e),Le(i)&&p(t,e),l(n,t.elm,r)):Re(t.isComment)?(t.elm=O.createComment(t.text),l(n,t.elm,r)):(t.elm=O.createTextNode(t.text),l(n,t.elm,r))}}function a(t,e,n,r){var o=t.data;if(Le(o)){var i=Le(t.componentInstance)&&o.keepAlive;if(Le(o=o.hook)&&Le(o=o.init)&&o(t,!1,n,r),Le(t.componentInstance))return c(t,e),Re(i)&&u(t,e,n,r),!0}}function c(t,e){Le(t.data.pendingInsert)&&e.push.apply(e,t.data.pendingInsert),t.elm=t.componentInstance.$el,d(t)?(p(t,e),v(t)):(Me(t),e.push(t))}function u(t,e,n,r){for(var o,i=t;i.componentInstance;)if(i=i.componentInstance._vnode,Le(o=i.data)&&Le(o=o.transition)){for(o=0;o<k.activate.length;++o)k.activate[o](uo,i);e.push(i);break}l(n,t.elm,r)}function l(t,e,n){Le(t)&&(Le(n)?O.insertBefore(t,e,n):O.appendChild(t,e))}function f(t,e,n){if(Array.isArray(e))for(var r=0;r<e.length;++r)i(e[r],n,t.elm,null,!0);else s(t.text)&&O.appendChild(t.elm,O.createTextNode(t.text))}function d(t){for(;t.componentInstance;)t=t.componentInstance._vnode;return Le(t.tag)}function p(t,e){for(var n=0;n<k.create.length;++n)k.create[n](uo,t);$=t.data.hook,Le($)&&(Le($.create)&&$.create(uo,t),Le($.insert)&&e.push(t))}function v(t){for(var e,n=t;n;)Le(e=n.context)&&Le(e=e.$options._scopeId)&&O.setAttribute(t.elm,e,""),n=n.parent;Le(e=Or)&&e!==t.context&&Le(e=e.$options._scopeId)&&O.setAttribute(t.elm,e,"")}function h(t,e,n,r,o,a){for(;r<=o;++r)i(n[r],a,t,e)}function m(t){var e,n,r=t.data;if(Le(r))for(Le(e=r.hook)&&Le(e=e.destroy)&&e(t),e=0;e<k.destroy.length;++e)k.destroy[e](t);if(Le(e=t.children))for(n=0;n<t.children.length;++n)m(t.children[n])}function _(t,e,n,o){for(;n<=o;++n){var i=e[n];Le(i)&&(Le(i.tag)?(y(i),m(i)):r(i.elm))}}function y(t,e){if(Le(e)||Le(t.data)){var o=k.remove.length+1;for(Le(e)?e.listeners+=o:e=n(t.elm,o),Le($=t.componentInstance)&&Le($=$._vnode)&&Le($.data)&&y($,e),$=0;$<k.remove.length;++$)k.remove[$](t,e);Le($=t.data.hook)&&Le($=$.remove)?$(t,e):e()}else r(t.elm)}function g(t,e,n,r,o){for(var a,s,c,u,l=0,f=0,d=e.length-1,p=e[0],v=e[d],m=n.length-1,y=n[0],g=n[m],C=!o;l<=d&&f<=m;)Ne(p)?p=e[++l]:Ne(v)?v=e[--d]:Ue(p,y)?(b(p,y,r),p=e[++l],y=n[++f]):Ue(v,g)?(b(v,g,r),v=e[--d],g=n[--m]):Ue(p,g)?(b(p,g,r),C&&O.insertBefore(t,p.elm,O.nextSibling(v.elm)),p=e[++l],g=n[--m]):Ue(v,y)?(b(v,y,r),C&&O.insertBefore(t,v.elm,p.elm),v=e[--d],y=n[++f]):(Ne(a)&&(a=Be(e,l,d)),s=Le(y.key)?a[y.key]:null,Ne(s)?(i(y,r,t,p.elm),y=n[++f]):(c=e[s],Ue(c,y)?(b(c,y,r),e[s]=void 0,C&&O.insertBefore(t,y.elm,p.elm),y=n[++f]):(i(y,r,t,p.elm),y=n[++f])));l>d?(u=Ne(n[m+1])?null:n[m+1].elm,h(t,u,n,f,m,r)):f>m&&_(t,e,l,d)}function b(t,e,n,r){if(t!==e){if(Re(e.isStatic)&&Re(t.isStatic)&&e.key===t.key&&(Re(e.isCloned)||Re(e.isOnce)))return e.elm=t.elm,void(e.componentInstance=t.componentInstance);var o,i=e.data;Le(i)&&Le(o=i.hook)&&Le(o=o.prepatch)&&o(t,e);var a=e.elm=t.elm,s=t.children,c=e.children;if(Le(i)&&d(e)){for(o=0;o<k.update.length;++o)k.update[o](t,e);Le(o=i.hook)&&Le(o=o.update)&&o(t,e)}Ne(e.text)?Le(s)&&Le(c)?s!==c&&g(a,s,c,n,r):Le(c)?(Le(t.text)&&O.setTextContent(a,""),h(a,null,c,0,c.length-1,n)):Le(s)?_(a,s,0,s.length-1):Le(t.text)&&O.setTextContent(a,""):t.text!==e.text&&O.setTextContent(a,e.text),Le(i)&&Le(o=i.hook)&&Le(o=o.postpatch)&&o(t,e)}}function C(t,e,n){if(Re(n)&&Le(t.parent))t.parent.data.pendingInsert=e;else for(var r=0;r<e.length;++r)e[r].data.hook.insert(e[r])}function w(t,e,n){e.elm=t;var r=e.tag,o=e.data,i=e.children;if(Le(o)&&(Le($=o.hook)&&Le($=$.init)&&$(e,!0),Le($=e.componentInstance)))return c(e,n),!0;if(Le(r)){if(Le(i))if(t.hasChildNodes()){for(var a=!0,s=t.firstChild,u=0;u<i.length;u++){if(!s||!w(s,i[u],n)){a=!1;break}s=s.nextSibling}if(!a||s)return!1}else f(e,i,n);if(Le(o))for(var l in o)if(!S(l)){p(e,n);break}}else t.data!==e.text&&(t.data=e.text);return!0}var $,x,k={},A=t.modules,O=t.nodeOps;for($=0;$<lo.length;++$)for(k[lo[$]]=[],x=0;x<A.length;++x)Le(A[x][lo[$]])&&k[lo[$]].push(A[x][lo[$]]);var S=o("attrs,style,class,staticClass,staticStyle,key");return function(t,n,r,o,a,s){if(Ne(n))return void(Le(t)&&m(t));var c=!1,u=[];if(Ne(t))c=!0,i(n,u,a,s);else{var l=Le(t.nodeType);if(!l&&Ue(t,n))b(t,n,u,o);else{if(l){if(1===t.nodeType&&t.hasAttribute("server-rendered")&&(t.removeAttribute("server-rendered"),r=!0),Re(r)&&w(t,n,u))return C(n,u,!0),t;t=e(t)}var f=t.elm,p=O.parentNode(f);if(i(n,u,f._leaveCb?null:p,O.nextSibling(f)),Le(n.parent)){for(var v=n.parent;v;)v.elm=n.elm,v=v.parent;if(d(n))for(var h=0;h<k.create.length;++h)k.create[h](uo,n.parent)}Le(p)?_(p,[t],0,0):Le(t.tag)&&m(t)}}return C(n,u,c),n.elm}}({nodeOps:so,modules:Fo});nr&&document.addEventListener("selectionchange",function(){var t=document.activeElement;t&&t.vmodel&&En(t,"input")});var Vo={inserted:function(t,e,n){if("select"===n.tag){var r=function(){xn(t,e,n.context)};r(),(er||rr)&&setTimeout(r,0)}else"textarea"!==n.tag&&"text"!==t.type&&"password"!==t.type||(t._vModifiers=e.modifiers,e.modifiers.lazy||(or||(t.addEventListener("compositionstart",On),t.addEventListener("compositionend",Sn)),nr&&(t.vmodel=!0)))},componentUpdated:function(t,e,n){if("select"===n.tag){xn(t,e,n.context);(t.multiple?e.value.some(function(e){return kn(e,t.options)}):e.value!==e.oldValue&&kn(e.value,t.options))&&En(t,"change")}}},Ho={bind:function(t,e,n){var r=e.value;n=Tn(n);var o=n.data&&n.data.transition,i=t.__vOriginalDisplay="none"===t.style.display?"":t.style.display;r&&o&&!nr?(n.data.show=!0,gn(n,function(){t.style.display=i})):t.style.display=r?i:"none"},update:function(t,e,n){var r=e.value;r!==e.oldValue&&(n=Tn(n),n.data&&n.data.transition&&!nr?(n.data.show=!0,r?gn(n,function(){t.style.display=t.__vOriginalDisplay}):bn(n,function(){t.style.display="none"})):t.style.display=r?t.__vOriginalDisplay:"none")},unbind:function(t,e,n,r,o){o||(t.style.display=t.__vOriginalDisplay)}},zo={model:Vo,show:Ho},qo={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]},Wo={name:"transition",props:qo,abstract:!0,render:function(t){var e=this,n=this.$slots.default;if(n&&(n=n.filter(function(t){return t.tag}),n.length)){var r=this.mode,o=n[0];if(Pn(this.$vnode))return o;var i=jn(o);if(!i)return o;if(this._leaving)return Dn(t,o);var a="__transition-"+this._uid+"-";i.key=null==i.key?a+i.tag:s(i.key)?0===String(i.key).indexOf(a)?i.key:a+i.key:i.key;var c=(i.data||(i.data={})).transition=In(this),u=this._vnode,l=jn(u);if(i.data.directives&&i.data.directives.some(function(t){return"show"===t.name})&&(i.data.show=!0),l&&l.data&&!Mn(i,l)){var d=l&&(l.data.transition=f({},c));if("out-in"===r)return this._leaving=!0,J(d,"afterLeave",function(){e._leaving=!1,e.$forceUpdate()}),Dn(t,o);if("in-out"===r){var p,v=function(){p()};J(c,"afterEnter",v),J(c,"enterCancelled",v),J(d,"delayLeave",function(t){p=t})}}return o}}},Go=f({tag:String,moveClass:String},qo);delete Go.mode;var Ko={props:Go,render:function(t){for(var e=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,o=this.$slots.default||[],i=this.children=[],a=In(this),s=0;s<o.length;s++){var c=o[s];if(c.tag)if(null!=c.key&&0!==String(c.key).indexOf("__vlist"))i.push(c),n[c.key]=c,(c.data||(c.data={})).transition=a;else;}if(r){for(var u=[],l=[],f=0;f<r.length;f++){var d=r[f];d.data.transition=a,d.data.pos=d.elm.getBoundingClientRect(),n[d.key]?u.push(d):l.push(d)}this.kept=t(e,null,u),this.removed=l}return t(e,null,i)},beforeUpdate:function(){this.__patch__(this._vnode,this.kept,!1,!0),this._vnode=this.kept},updated:function(){var t=this.prevChildren,e=this.moveClass||(this.name||"v")+"-move";if(t.length&&this.hasMove(t[0].elm,e)){t.forEach(Nn),t.forEach(Ln),t.forEach(Rn);var n=document.body;n.offsetHeight;t.forEach(function(t){if(t.data.moved){var n=t.elm,r=n.style;pn(n,e),r.transform=r.WebkitTransform=r.transitionDuration="",n.addEventListener(Do,n._moveCb=function t(r){r&&!/transform$/.test(r.propertyName)||(n.removeEventListener(Do,t),n._moveCb=null,vn(n,e))})}})}},methods:{hasMove:function(t,e){if(!Eo)return!1;if(null!=this._hasMove)return this._hasMove;var n=t.cloneNode();t._transitionClasses&&t._transitionClasses.forEach(function(t){ln(n,t)}),un(n,e),n.style.display="none",this.$el.appendChild(n);var r=mn(n);return this.$el.removeChild(n),this._hasMove=r.hasTransform}}},Jo={Transition:Wo,TransitionGroup:Ko};oe.config.mustUseProp=Jr,oe.config.isReservedTag=io,oe.config.getTagNamespace=be,oe.config.isUnknownElement=Ce,f(oe.options.directives,zo),f(oe.options.components,Jo),oe.prototype.__patch__=Yn?Bo:h,oe.prototype.$mount=function(t,e){return t=t&&Yn?we(t):void 0,ct(this,t,e)},setTimeout(function(){Jn.devtools&&cr&&cr.emit("init",oe)},0),e.a=oe}).call(e,n(14))},function(t,e){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(n=window)}t.exports=n},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(1),o=n(4),i=n.n(o),a=n(5),s=n.n(a);e.default={name:"App",mixins:[r.a],components:{Child1:i.a,Child2:s.a},data:function(){return{me:"app"}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(1),o=n(6),i=n.n(o);e.default={name:"Child1",mixins:[r.a],components:{Grandchild1:i.a},data:function(){return{me:"child1"}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(1),o=n(7),i=n.n(o);e.default={name:"Child2",mixins:[r.a],components:{Grandchild2:i.a},data:function(){return{me:"child2"}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(1);e.default={name:"Grandchild1",mixins:[r.a],data:function(){return{me:"grandchild1"}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(1);e.default={name:"Grandchild2",mixins:[r.a],data:function(){return{me:"grandchild2"}}}},function(t,e,n){t.exports=n(2)}]);
2 | //# sourceMappingURL=client.0e30b849.js.map


--------------------------------------------------------------------------------
/dist/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
 5 |     <title>Vue state management alternative</title>
 6 |   </head>
 7 |   <body>
 8 |     <div id="app"></div>
 9 |   <script type="text/javascript" src="client.0e30b849.js"></script></body>
10 | </html>
11 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-state-management-alternative",
 3 |   "version": "1.0.0",
 4 |   "description": "Alternative state management for Vue",
 5 |   "scripts": {
 6 |     "start": "vue build src/App.vue",
 7 |     "build": "vue build src/App.vue --prod --config vue-build.config.js"
 8 |   },
 9 |   "devDependencies": {
10 |     "vue-cli": "^2.8.1"
11 |   },
12 |   "license": "MIT"
13 | }
14 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <fieldset>
 3 |     <code>{{ $data }}</code>
 4 |     <br>
 5 |     <button @click="resetTodos">todos = []</button>
 6 |     <button @click="resetCounter">counter = 0</button>
 7 |     <br><br>
 8 |     <child1 /><br>
 9 |     <child2 />
10 |   </fieldset>
11 | </template>
12 | <script>
13 | import sharedStateMixin from './sharedState.mixin'
14 | import Child1 from './Child1'
15 | import Child2 from './Child2'
16 | 
17 | export default {
18 |   name: 'App',
19 |   mixins: [sharedStateMixin],
20 |   components: { Child1, Child2 },
21 |   data: () => ({ me: 'app' })
22 | }
23 | </script>
24 | 


--------------------------------------------------------------------------------
/src/Child1.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <fieldset>
 3 |     <code>{{ $data }}</code>
 4 |     <br>
 5 |     <button @click="addTodo('child1')">todos.push('child1')</button>
 6 |     <button @click="inc">counter++</button>
 7 |     <br><br>
 8 |     <grandchild1 />
 9 |   </fieldset>
10 | </template>
11 | <script>
12 | import sharedStateMixin from './sharedState.mixin'
13 | import Grandchild1 from './Grandchild1'
14 | 
15 | export default {
16 |   name: 'Child1',
17 |   mixins: [sharedStateMixin],
18 |   components: { Grandchild1 },
19 |   data: () => ({ me: 'child1' })
20 | }
21 | </script>
22 | 


--------------------------------------------------------------------------------
/src/Child2.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <fieldset>
 3 |     <code>{{ $data }}</code>
 4 |     <br>
 5 |     <button @click="addTodo('child2')">todos.push('child2')</button>
 6 |     <button @click="dec">counter--</button>
 7 |     <br><br>
 8 |     <grandchild2 />
 9 |   </fieldset>
10 | </template>
11 | <script>
12 | import sharedStateMixin from './sharedState.mixin'
13 | import Grandchild2 from './Grandchild2'
14 | 
15 | export default {
16 |   name: 'Child2',
17 |   mixins: [sharedStateMixin],
18 |   components: { Grandchild2 },
19 |   data: () => ({ me: 'child2' })
20 | }
21 | </script>
22 | 


--------------------------------------------------------------------------------
/src/Grandchild1.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <fieldset>
 3 |     <code>{{ $data }}</code>
 4 |     <br>
 5 |     <button @click="addTodo('grandchild1')">todos.push('grandchild1')</button>
 6 |     <button @click="inc">counter++</button>
 7 |   </fieldset>
 8 | </template>
 9 | <script>
10 | import sharedStateMixin from './sharedState.mixin'
11 | 
12 | export default {
13 |   name: 'Grandchild1',
14 |   mixins: [sharedStateMixin],
15 |   data: () => ({ me: 'grandchild1' })
16 | }
17 | </script>
18 | 


--------------------------------------------------------------------------------
/src/Grandchild2.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <fieldset>
 3 |     <code>{{ $data }}</code>
 4 |     <br>
 5 |     <button @click="addTodo('grandchild2')">todos.push('grandchild2')</button>
 6 |     <button @click="dec">counter--</button>
 7 |   </fieldset>
 8 | </template>
 9 | <script>
10 | import sharedStateMixin from './sharedState.mixin'
11 | 
12 | export default {
13 |   name: 'Grandchild2',
14 |   mixins: [sharedStateMixin],
15 |   data: () => ({ me: 'grandchild2' })
16 | }
17 | </script>
18 | 


--------------------------------------------------------------------------------
/src/sharedState.mixin.js:
--------------------------------------------------------------------------------
 1 | // The magic of state persistance is closure here
 2 | export const sharedState = {
 3 |   todos: [],
 4 |   counter: 0
 5 | }
 6 | 
 7 | export const resetTodos = () => sharedState.todos = []
 8 | export const resetCounter = () => sharedState.counter = 0
 9 | export const addTodo = (s) => sharedState.todos.push(s)
10 | export const inc = () => sharedState.counter++
11 | export const dec = () => sharedState.counter--
12 | 
13 | /**
14 |  * @exports.default {Mixin}
15 |  */
16 | export default {
17 |   data: () => ({
18 |     sharedState
19 |   }),
20 |   methods: {
21 |     resetTodos,
22 |     resetCounter,
23 |     addTodo,
24 |     inc,
25 |     dec
26 |   }
27 | }
28 | 
29 | /*
30 | 
31 |   You can access the shared state and methods
32 |   not only within Vue component (as mixins) but also in common js files
33 | 
34 |   ※ e.g.
35 |   import { sharedState, inc } from '<path to>/sharedState.mixin'
36 |   
37 |   console.info(sharedState.counter) // 0
38 |   inc()
39 |   console.info(sharedState.counter) // 1
40 |  
41 |  */
42 | 


--------------------------------------------------------------------------------
/vue-build.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   html: {
 3 |     title: 'Vue state management alternative'
 4 |   },
 5 |   webpack: {
 6 |     output: {
 7 |       publicPath: ''
 8 |     }
 9 |   }
10 | };
11 | 


--------------------------------------------------------------------------------