Socket
Socket
Sign inDemoInstall

@vue/composition-api

Package Overview
Dependencies
Maintainers
16
Versions
106
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vue/composition-api - npm Package Compare versions

Comparing version 1.0.0-beta.6 to 1.0.0-beta.7

22

CHANGELOG.md

@@ -0,1 +1,23 @@

<a name="1.0.0-beta.7"></a>
# [1.0.0-beta.7](https://github.com/vuejs/composition-api/compare/v3.0.0-beta.6...v1.0.0-beta.7) (2020-08-06)
### Features
* `proxyRefs` method and `ShallowUnwrapRefs` type ([#456](https://github.com/vuejs/composition-api/issues/456)) ([149821a](https://github.com/vuejs/composition-api/commit/149821a))
### Performance Improvements
* more light-weight computed ([#452](https://github.com/vuejs/composition-api/issues/452)) ([95d87f1](https://github.com/vuejs/composition-api/commit/95d87f1))
### BREAKING CHANGES
* template auto ref unwrapping are now applied shallowly,
i.e. only at the root level. See https://github.com/vuejs/vue-next/pull/1682 for
more details.
<a name="1.0.0-beta.6"></a>

@@ -2,0 +24,0 @@ # [1.0.0-beta.6](https://github.com/vuejs/composition-api/compare/v1.0.0-beta.5...v1.0.0-beta.6) (2020-07-22)

49

dist/index.d.ts

@@ -63,5 +63,5 @@ import Vue$1, { VueConstructor, ComponentOptions, VNode, CreateElement } from 'vue';

$attrs: Data;
} & Readonly<P> & UnwrapRef<B> & D & M & ExtractComputedReturns<C> & Omit<Vue$1, '$data' | '$props' | '$attrs'>;
} & Readonly<P> & ShallowUnwrapRef<B> & D & M & ExtractComputedReturns<C> & Omit<Vue$1, '$data' | '$props' | '$attrs'>;
declare type VueConstructorProxy<PropsOptions, RawBindings> = VueConstructor & {
new (...args: any[]): ComponentRenderProxy<ExtractPropTypes<PropsOptions>, UnwrapRef<RawBindings>, ExtractPropTypes<PropsOptions, false>>;
new (...args: any[]): ComponentRenderProxy<ExtractPropTypes<PropsOptions>, ShallowUnwrapRef<RawBindings>, ExtractPropTypes<PropsOptions, false>>;
};

@@ -75,3 +75,3 @@ declare type DefaultData<V> = object | ((this: V) => object);

};
declare type VueProxy<PropsOptions, RawBindings, Data = DefaultData<Vue$1>, Computed = DefaultComputed, Methods = DefaultMethods<Vue$1>> = ComponentOptions<Vue$1, UnwrapRef<RawBindings> & Data, Methods, Computed, PropsOptions, ExtractPropTypes<PropsOptions, false>> & VueConstructorProxy<PropsOptions, RawBindings>;
declare type VueProxy<PropsOptions, RawBindings, Data = DefaultData<Vue$1>, Computed = DefaultComputed, Methods = DefaultMethods<Vue$1>> = ComponentOptions<Vue$1, ShallowUnwrapRef<RawBindings> & Data, Methods, Computed, PropsOptions, ExtractPropTypes<PropsOptions, false>> & VueConstructorProxy<PropsOptions, RawBindings>;

@@ -139,14 +139,2 @@ interface SetupContext {

interface Option<T> {
get: () => T;
set: (value: T) => void;
}
interface ComputedRef<T = any> extends WritableComputedRef<T> {
readonly value: T;
}
interface WritableComputedRef<T> extends Ref<T> {
}
declare function computed<T>(getter: Option<T>['get']): ComputedRef<T>;
declare function computed<T>(options: Option<T>): WritableComputedRef<T>;
declare const _refBrand: unique symbol;

@@ -164,4 +152,9 @@ interface Ref<T = any> {

declare type BaseTypes = string | number | boolean | Node | Window;
declare type UnwrapRef<T> = T extends ComputedRef<infer V> ? UnwrapRefSimple<V> : T extends Ref<infer V> ? UnwrapRefSimple<V> : UnwrapRefSimple<T>;
declare type UnwrapRefSimple<T> = T extends Function | CollectionTypes | BaseTypes | Ref ? T : T extends Array<any> ? T : T extends object ? UnwrappedObject<T> : T;
declare type ShallowUnwrapRef<T> = {
[K in keyof T]: T[K] extends Ref<infer V> ? V : T[K];
};
declare type UnwrapRef<T> = T extends Ref<infer V> ? UnwrapRefSimple<V> : UnwrapRefSimple<T>;
declare type UnwrapRefSimple<T> = T extends Function | CollectionTypes | BaseTypes | Ref ? T : T extends Array<any> ? {
[K in keyof T]: UnwrapRefSimple<T[K]>;
} : T extends object ? UnwrappedObject<T> : T;
declare type SymbolExtract<T> = (T extends {

@@ -188,2 +181,6 @@ [Symbol.asyncIterator]: infer V;

} : {}) & (T extends {
[Symbol.matchAll]: infer V;
} ? {
[Symbol.matchAll]: V;
} : {}) & (T extends {
[Symbol.replace]: infer V;

@@ -232,5 +229,7 @@ } ? {

declare function toRef<T extends object, K extends keyof T>(object: T, key: K): Ref<T[K]>;
declare function shallowRef<T>(value: T): T extends Ref ? T : Ref<T>;
declare function shallowRef<T extends object>(value: T): T extends Ref ? T : Ref<T>;
declare function shallowRef<T>(value: T): Ref<T>;
declare function shallowRef<T = any>(): Ref<T | undefined>;
declare function triggerRef(value: any): void;
declare function proxyRefs<T extends object>(objectWithRefs: T): ShallowUnwrapRef<T>;

@@ -270,2 +269,14 @@ declare function isReadonly(obj: any): boolean;

interface Option<T> {
get: () => T;
set: (value: T) => void;
}
interface ComputedRef<T = any> extends WritableComputedRef<T> {
readonly value: T;
}
interface WritableComputedRef<T> extends Ref<T> {
}
declare function computed<T>(getter: Option<T>['get']): ComputedRef<T>;
declare function computed<T>(options: Option<T>): WritableComputedRef<T>;
declare type WatchEffect = (onInvalidate: InvalidateCbRegistrator) => void;

@@ -333,2 +344,2 @@ declare type WatchSource<T = any> = Ref<T> | ComputedRef<T> | (() => T);

export default Plugin;
export { ComponentRenderProxy, ComputedRef, FlushMode, InjectionKey, PropOptions, PropType, Ref, SetupContext, UnwrapRef, VueWatcher, WatchCallback, WatchEffect, WatchOptions, WatchOptionsBase, WatchSource, WatchStopHandle, WritableComputedRef, computed, createApp, customRef, defineComponent, getCurrentInstance, createElement as h, inject, isReactive, isReadonly, isRef, markRaw, markReactive, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onServerPrefetch, onUnmounted, onUpdated, provide, reactive, ref, set, shallowReactive, shallowReadonly, shallowRef, toRaw, toRef, toRefs, triggerRef, unref, useCSSModule, watch, watchEffect };
export { ComponentRenderProxy, ComputedRef, FlushMode, InjectionKey, PropOptions, PropType, Ref, SetupContext, ShallowUnwrapRef, UnwrapRef, VueWatcher, WatchCallback, WatchEffect, WatchOptions, WatchOptionsBase, WatchSource, WatchStopHandle, WritableComputedRef, computed, createApp, customRef, defineComponent, getCurrentInstance, createElement as h, inject, isReactive, isReadonly, isRef, markRaw, markReactive, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onServerPrefetch, onUnmounted, onUpdated, provide, proxyRefs, reactive, ref, set, shallowReactive, shallowReadonly, shallowRef, toRaw, toRef, toRefs, triggerRef, unref, useCSSModule, watch, watchEffect };

183

dist/vue-composition-api.common.js

@@ -160,2 +160,24 @@ 'use strict';

}
var vueInternalClasses;
var getVueInternalClasses = function () {
if (!vueInternalClasses) {
var vm = defineComponentInstance(getVueConstructor(), {
computed: {
value: function () {
return 0;
},
},
});
// to get Watcher class
var Watcher = vm._computedWatchers.value.constructor;
// to get Dep class
var Dep = vm._data.__ob__.dep.constructor;
vueInternalClasses = {
Watcher: Watcher,
Dep: Dep,
};
vm.$destroy();
}
return vueInternalClasses;
};

@@ -317,2 +339,39 @@ /*! *****************************************************************************

}
function proxyRefs(objectWithRefs) {
var _a, e_1, _b;
if (isReactive(objectWithRefs)) {
return objectWithRefs;
}
var value = reactive((_a = {}, _a[RefKey] = objectWithRefs, _a));
var _loop_1 = function (key) {
proxy(value, key, {
get: function () {
if (isRef(value[key])) {
return value[key].value;
}
return value[key];
},
set: function (v) {
if (isRef(value[key])) {
return (value[key].value = unref(v));
}
value[key] = unref(v);
},
});
};
try {
for (var _c = __values(Object.keys(objectWithRefs)), _d = _c.next(); !_d.done; _d = _c.next()) {
var key = _d.value;
_loop_1(key);
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
}
finally { if (e_1) throw e_1.error; }
}
return value;
}

@@ -675,60 +734,2 @@ var AccessControlIdentifier = {};

function unwrapRefProxy(value, map) {
var e_1, _a;
if (map === void 0) { map = new WeakMap(); }
if (map.has(value)) {
return map.get(value);
}
if (isFunction(value) ||
isArray(value) ||
isReactive(value) ||
!isPlainObject(value) ||
!Object.isExtensible(value) ||
isRef(value) ||
isRaw(value)) {
return value;
}
var obj = {};
map.set(value, obj);
// copy symbols over
Object.getOwnPropertySymbols(value).forEach(function (s) { return (obj[s] = value[s]); });
// copy __ob__
if (hasOwn(value, '__ob__')) {
Object.defineProperty(obj, '__ob__', {
enumerable: false,
value: value.__ob__,
});
}
var _loop_1 = function (k) {
var r = value[k];
// don't process on falsy or raw
if (!r || isRaw(r)) {
obj[k] = r;
}
// if is a ref, create a proxy to retrieve the value,
else if (isRef(r)) {
var set = function (v) { return (r.value = v); };
var get = function () { return r.value; };
proxy(obj, k, { get: get, set: set });
}
else {
obj[k] = unwrapRefProxy(r, map);
}
};
try {
for (var _b = __values(Object.keys(value)), _c = _b.next(); !_c.done; _c = _b.next()) {
var k = _c.value;
_loop_1(k);
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
}
finally { if (e_1) throw e_1.error; }
}
return obj;
}
var genName = function (name) { return "on" + (name[0].toUpperCase() + name.slice(1)); };

@@ -1033,14 +1034,41 @@ function createLifeCycle(lifeCyclehook) {

}
var computedHost = defineComponentInstance(getVueConstructor(), {
computed: {
$$state: {
get: get,
set: set,
var computedSetter;
var computedGetter;
if (vm) {
var _a = getVueInternalClasses(), Watcher_1 = _a.Watcher, Dep_1 = _a.Dep;
var watcher_1;
computedGetter = function () {
if (!watcher_1) {
watcher_1 = new Watcher_1(vm, get, noopFn, { lazy: true });
}
if (watcher_1.dirty) {
watcher_1.evaluate();
}
if (Dep_1.target) {
watcher_1.depend();
}
return watcher_1.value;
};
computedSetter = function (v) {
if ( !set) {
warn('Write operation failed: computed value is readonly.', vm);
return;
}
if (set) {
set(v);
}
};
}
else {
// fallback
var computedHost_1 = defineComponentInstance(getVueConstructor(), {
computed: {
$$state: {
get: get,
set: set,
},
},
},
});
vm && vm.$on('hook:destroyed', function () { return computedHost.$destroy(); });
return createRef({
get: function () { return computedHost.$$state; },
set: function (v) {
});
computedGetter = function () { return computedHost_1.$$state; };
computedSetter = function (v) {
if ( !set) {

@@ -1050,4 +1078,8 @@ warn('Write operation failed: computed value is readonly.', vm);

}
computedHost.$$state = v;
},
computedHost_1.$$state = v;
};
}
return createRef({
get: computedGetter,
set: computedSetter,
}, !set);

@@ -1348,3 +1380,3 @@ }

var ctx = createSetupContext(vm);
// mark props as reactive
// mark props
markReactive(props);

@@ -1384,8 +1416,4 @@ // resolve scopedSlots and slots to functions

}
// unwrap all ref properties
var unwrapped = unwrapRefProxy(bindingValue);
// mark the object as reactive
markReactive(unwrapped);
// a non-reactive should not don't get reactivity
bindingValue = ref(markRaw(unwrapped));
bindingValue = ref(markRaw(bindingValue));
}

@@ -1545,2 +1573,3 @@ }

exports.provide = provide;
exports.proxyRefs = proxyRefs;
exports.reactive = reactive;

@@ -1547,0 +1576,0 @@ exports.ref = ref;

5

dist/vue-composition-api.common.prod.js

@@ -1,2 +0,2 @@

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("vue"))&&"object"==typeof e&&"default"in e?e.default:e;function n(e){return"function"==typeof e&&/native code/.test(e.toString())}var r="undefined"!=typeof Symbol&&n(Symbol)&&"undefined"!=typeof Reflect&&n(Reflect.ownKeys),o=function(e){return e},i={enumerable:!0,configurable:!0,get:o,set:o};function u(e,t,n){var r=n.get,u=n.set;i.get=r||o,i.set=u||o,Object.defineProperty(e,t,i)}function a(e,t,n,r){Object.defineProperty(e,t,{value:n,enumerable:!!r,writable:!0,configurable:!0})}function f(e,t){return Object.hasOwnProperty.call(e,t)}function c(e){return Array.isArray(e)}function s(e){return"[object Object]"===function(e){return Object.prototype.toString.call(e)}(e)}function l(e){return"function"==typeof e}function p(e,n){t.util.warn(e,n)}var v=null,d=null;function y(){return v}function b(){return d}function g(e){d=e}function h(e){return b()}function _(e,t){void 0===t&&(t={});var n=e.config.silent;e.config.silent=!0;var r=new e(t);return e.config.silent=n,r}function m(e){var t=y();return t&&e instanceof t}function x(e,t){return function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];return e.$scopedSlots[t]?e.$scopedSlots[t].apply(e,n):p("slots."+t+'() got called outside of the "render()" scope',e)}}
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("vue"))&&"object"==typeof e&&"default"in e?e.default:e;function n(e){return"function"==typeof e&&/native code/.test(e.toString())}var r="undefined"!=typeof Symbol&&n(Symbol)&&"undefined"!=typeof Reflect&&n(Reflect.ownKeys),o=function(e){return e},i={enumerable:!0,configurable:!0,get:o,set:o};function u(e,t,n){var r=n.get,u=n.set;i.get=r||o,i.set=u||o,Object.defineProperty(e,t,i)}function a(e,t,n,r){Object.defineProperty(e,t,{value:n,enumerable:!!r,writable:!0,configurable:!0})}function f(e,t){return Object.hasOwnProperty.call(e,t)}function c(e){return"[object Object]"===function(e){return Object.prototype.toString.call(e)}(e)}function s(e){return"function"==typeof e}function l(e,n){t.util.warn(e,n)}var p,v=null,d=null;function y(){return v}function b(){return d}function g(e){d=e}function h(e){return b()}function _(e,t){void 0===t&&(t={});var n=e.config.silent;e.config.silent=!0;var r=new e(t);return e.config.silent=n,r}function m(e){var t=y();return t&&e instanceof t}function x(e,t){return function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];return e.$scopedSlots[t]?e.$scopedSlots[t].apply(e,n):l("slots."+t+'() got called outside of the "render()" scope',e)}}var w=function(){return(w=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};
/*! *****************************************************************************

@@ -15,3 +15,2 @@ Copyright (c) Microsoft Corporation.

PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
var w=function(){return(w=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function O(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function j(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),u=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)u.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return u}function $(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(j(arguments[t]));return e}function k(e){return r?Symbol.for(e):e}var S=k("composition-api.preFlushQueue"),E=k("composition-api.postFlushQueue"),R=k("composition-api.accessControlIdentifier"),P=k("composition-api.reactiveIdentifier"),A=k("composition-api.rawIdentifierKey"),C=k("composition-api.readonlyIdentifierKey"),M="composition-api.refKey",I=function(e){u(this,"value",{get:e.get,set:e.set})};function U(e,t){void 0===t&&(t=!1);var n=new I(e);return t&&(n[C]=t),Object.seal(n)}function D(e){var t;if(B(e))return e;var n=H(((t={})[M]=e,t));return U({get:function(){return n[M]},set:function(e){return n[M]=e}})}function B(e){return e instanceof I}function K(e,t){var n=e[t];return B(n)?n:U({get:function(){return e[t]},set:function(n){return e[t]=n}})}var z={},F={},T={};function V(e){return f(e,A)&&e[A]===T}function Q(e){return null!==(t=e)&&"object"==typeof t&&Object.isExtensible(e)&&f(e,P)&&e[P]===F;var t}function q(e){if(!(!s(e)||V(e)||Array.isArray(e)||B(e)||m(e)||f(e,R)&&e[R]===z)){Object.isExtensible(e)&&a(e,R,z);for(var t=Object.keys(e),n=0;n<t.length;n++)J(e,t[n])}}function J(e,t,n){if("__ob__"!==t){var r,o,i=Object.getOwnPropertyDescriptor(e,t);if(i){if(!1===i.configurable)return;r=i.get,o=i.set,r&&!o||2!==arguments.length||(n=e[t])}q(n),Object.defineProperty(e,t,{enumerable:!0,configurable:!0,get:function(){var o=r?r.call(e):n;return t!==M&&B(o)?o.value:o},set:function(i){if(!r||o){var u=r?r.call(e):n;t!==M&&B(u)&&!B(i)?u.value=i:o?o.call(e,i):n=i,q(i)}}})}}function N(e){var t,n=y();n.observable?t=n.observable(e):t=_(n,{data:{$$state:e}})._data.$$state;return t}function W(e){var t,n;if(!s(e)||Q(e)||V(e)||!Object.isExtensible(e))return e;var r=N({});G(r,!0),q(r);var o=r.__ob__,i=function(t){var n,i,a=e[t],f=Object.getOwnPropertyDescriptor(e,t);if(f){if(!1===f.configurable)return"continue";n=f.get,i=f.set,n&&!i||2!==u.length||(a=e[t])}Object.defineProperty(r,t,{enumerable:!0,configurable:!0,get:function(){var t=n?n.call(e):a;return o.dep.depend(),t},set:function(t){n&&!i||(i?i.call(e,t):a=t,o.dep.notify())}})},u=arguments;try{for(var a=O(Object.keys(e)),f=a.next();!f.done;f=a.next()){var c=f.value;i(c)}}catch(e){t={error:e}}finally{try{f&&!f.done&&(n=a.return)&&n.call(a)}finally{if(t)throw t.error}}return r}function G(e,t){if(void 0===t&&(t=!1),!(!s(e)||V(e)||Array.isArray(e)||B(e)||m(e)||f(e,P)&&e[P]===F||(Object.isExtensible(e)&&a(e,P,F),t)))for(var n=Object.keys(e),r=0;r<n.length;r++)G(e[n[r]])}function H(e){if(!s(e)||Q(e)||V(e)||!Object.isExtensible(e))return e;var t=N(e);return G(e),q(t),t}function L(e){return s(e)&&Object.isExtensible(e)?(a(e,"__ob__",N({}).__ob__),a(e,A,T),e):e}function X(e){return function(t){var n,r=h(((n=e)[0].toUpperCase(),n.slice(1)));r&&function(e,t,n,r){var o=t.$options,i=e.config.optionMergeStrategies[n];o[n]=i(o[n],function(e,t){return function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var o=b();g(e);try{return t.apply(void 0,$(n))}finally{g(o)}}}(t,r))}(y(),r,e,t)}}var Y,Z=X("beforeMount"),ee=X("mounted"),te=X("beforeUpdate"),ne=X("updated"),re=X("beforeDestroy"),oe=X("destroyed"),ie=X("errorCaptured"),ue=X("activated"),ae=X("deactivated"),fe=X("serverPrefetch");function ce(){pe(this,S)}function se(){pe(this,E)}function le(){var e=b();return e?function(e){return void 0!==e[S]}(e)||function(e){e[S]=[],e[E]=[],e.$on("hook:beforeUpdate",ce),e.$on("hook:updated",se)}(e):(Y||(Y=_(y())),e=Y),e}function pe(e,t){for(var n=e[t],r=0;r<n.length;r++)n[r]();n.length=0}function ve(e,t,n){var r=function(){e.$nextTick((function(){e[S].length&&pe(e,S),e[E].length&&pe(e,E)}))};switch(n){case"pre":r(),e[S].push(t);break;case"post":r(),e[E].push(t);break;default:!function(e,t){if(!e)throw new Error("[vue-composition-api] "+t)}(!1,'flush must be one of ["post", "pre", "sync"], but got '+n)}}function de(e,t){var n=e.teardown;e.teardown=function(){for(var r=[],o=0;o<arguments.length;o++)r[o]=arguments[o];n.apply(e,r),t()}}function ye(e,t,n,r){var i,u=r.flush,a="sync"===u,f=function(e){i=function(){try{e()}catch(e){!function(e,t,n){if("undefined"==typeof window||"undefined"==typeof console)throw e;console.error(e)}(e)}}},c=function(){i&&(i(),i=null)},s=function(t){return a||e===Y?t:function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];return ve(e,(function(){t.apply(void 0,$(n))}),u)}};if(null===n){var v=!1,d=function(e,t,n,r){var o=e._watchers.length;return e.$watch(t,n,{immediate:r.immediateInvokeCallback,deep:r.deep,lazy:r.noRun,sync:r.sync,before:r.before}),e._watchers[o]}(e,(function(){if(!v)try{v=!0,t(f)}finally{v=!1}}),o,{deep:r.deep||!1,sync:a,before:c});de(d,c),d.lazy=!1;var y=d.get.bind(d);return d.get=s(y),function(){d.teardown()}}var b,g=r.deep;Array.isArray(t)?b=function(){return t.map((function(e){return B(e)?e.value:e()}))}:B(t)?b=function(){return t.value}:Q(t)?(b=function(){return t},g=!0):l(t)?b=t:(b=o,p("Invalid watch source: "+JSON.stringify(t)+".\n A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.",e));var h=function(e,t){c(),n(e,t,f)},_=s(h);if(r.immediate){var m=_,x=function(e,t){x=m,h(e,t)};_=function(e,t){x(e,t)}}var w=e.$watch(b,_,{immediate:r.immediate,deep:g,sync:a});return de(e._watchers[e._watchers.length-1],c),function(){w()}}var be={};var ge={};var he;var _e={set:function(e,t,n){(e.__composition_api_state__=e.__composition_api_state__||{})[t]=n},get:function(e,t){return(e.__composition_api_state__||{})[t]}};function me(e){var t=_e.get(e,"rawBindings")||{};if(t&&Object.keys(t).length){for(var n=e.$refs,r=_e.get(e,"refs")||[],o=0;o<r.length;o++){var i=t[f=r[o]];!n[f]&&i&&B(i)&&(i.value=null)}var u=Object.keys(n),a=[];for(o=0;o<u.length;o++){var f;i=t[f=u[o]];n[f]&&i&&B(i)&&(i.value=n[f],a.push(f))}_e.set(e,"refs",a)}}function xe(e,t){var n=e.$options._parentVnode;if(n){for(var r=_e.get(e,"slots")||[],o=function(e,t){var n;if(e){if(e._normalized)return e._normalized;for(var r in n={},e)e[r]&&"$"!==r[0]&&(n[r]=!0)}else n={};for(var r in t)r in n||(n[r]=!0);return n}(n.data.scopedSlots,e.$slots),i=0;i<r.length;i++){o[a=r[i]]||delete t[a]}var u=Object.keys(o);for(i=0;i<u.length;i++){var a;t[a=u[i]]||(t[a]=x(e,a))}_e.set(e,"slots",u)}}function we(e,t,n){var r=b();g(e);try{return t(e)}catch(e){if(!n)throw e;n(e)}finally{g(r)}}function Oe(e){e.mixin({beforeCreate:function(){var e=this,t=e.$options,n=t.setup,r=t.render;r&&(t.render=function(){for(var t=this,n=[],o=0;o<arguments.length;o++)n[o]=arguments[o];return we(e,(function(){return r.apply(t,n)}))});if(!n)return;if("function"!=typeof n)return;var o=t.data;t.data=function(){return function(e,t){void 0===t&&(t={});var n,r=e.$options.setup,o=function(e){var t={slots:{}};return["root","parent","refs","attrs","listeners","isServer","ssrContext"].forEach((function(n){var r,o,i;Array.isArray(n)?(r=j(n,2),o=r[0],i=r[1]):o=i=n,i="$"+i,u(t,o,{get:function(){return e[i]},set:function(){p("Cannot assign to '"+o+"' because it is a read-only property",e)}})})),["emit"].forEach((function(n){var r="$"+n;u(t,n,{get:function(){return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];var o=e[r];o.apply(e,t)}}})})),t}(e);if(G(t),xe(e,o.slots),we(e,(function(){n=r(t,o)})),!n)return;if(l(n)){var i=n;return void(e.$options.render=function(){return xe(e,o.slots),we(e,(function(){return i()}))})}if(s(n)){var a=n;_e.set(e,"rawBindings",n),Object.keys(n).forEach((function(t){var n=a[t];if(!B(n))if(Q(n))n=D(n);else{l(n)&&(n=n.bind(e));var r=function e(t,n){var r,o;if(void 0===n&&(n=new WeakMap),n.has(t))return n.get(t);if(l(t)||c(t)||Q(t)||!s(t)||!Object.isExtensible(t)||B(t)||V(t))return t;var i={};n.set(t,i),Object.getOwnPropertySymbols(t).forEach((function(e){return i[e]=t[e]})),f(t,"__ob__")&&Object.defineProperty(i,"__ob__",{enumerable:!1,value:t.__ob__});var a=function(r){var o=t[r];if(!o||V(o))i[r]=o;else if(B(o)){u(i,r,{get:function(){return o.value},set:function(e){return o.value=e}})}else i[r]=e(o,n)};try{for(var p=O(Object.keys(t)),v=p.next();!v.done;v=p.next()){a(v.value)}}catch(e){r={error:e}}finally{try{v&&!v.done&&(o=p.return)&&o.call(p)}finally{if(r)throw r.error}}return i}(n);G(r),n=D(L(r))}!function(e,t,n){var r=e.$options.props;t in e||r&&f(r,t)||u(e,t,{get:function(){return n.value},set:function(e){n.value=e}})}(e,t,n)}))}}(e,e.$props),"function"==typeof o?o.call(e,e):o||{}}},mounted:function(){me(this)},updated:function(){me(this)}})}function je(e){v||function(e){return f(e,"__composition_api_installed__")}(e)||(e.config.optionMergeStrategies.setup=function(e,t){return function(n,o){return function e(t,n){if(!t)return n;if(!n)return t;for(var o,i,u,a=r?Reflect.ownKeys(t):Object.keys(t),c=0;c<a.length;c++)"__ob__"!==(o=a[c])&&(i=n[o],u=t[o],f(n,o)?i!==u&&s(i)&&!B(i)&&s(u)&&!B(u)&&e(u,i):n[o]=u);return n}("function"==typeof e?e(n,o)||{}:void 0,"function"==typeof t?t(n,o)||{}:void 0)}},function(e){v=e,Object.defineProperty(e,"__composition_api_installed__",{configurable:!0,writable:!0,value:!0})}(e),Oe(e))}var $e={install:function(e){return je(e)}};"undefined"!=typeof window&&window.Vue&&window.Vue.use($e),exports.computed=function(e){var t,n,r=b();"function"==typeof e?t=e:(t=e.get,n=e.set);var o=_(y(),{computed:{$$state:{get:t,set:n}}});return r&&r.$on("hook:destroyed",(function(){return o.$destroy()})),U({get:function(){return o.$$state},set:function(e){o.$$state=e}},!n)},exports.createApp=function(e,t){void 0===t&&(t=void 0);var n=y(),r=void 0;return{config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),directive:n.directive.bind(n),mount:function(o,i){return r||((r=new n(w({propsData:t},e))).$mount(o,i),r)},unmount:function(){r&&(r.$destroy(),r=void 0)}}},exports.customRef=function(e){var t=D(0);return U(e((function(){t.value}),(function(){++t.value})))},exports.default=$e,exports.defineComponent=function(e){return e},exports.getCurrentInstance=b,exports.h=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=b();return n?n.$createElement.apply(n,e):(p("`createElement()` has been called outside of render function."),he||(he=_(y()).$createElement),he.apply(he,e))},exports.inject=function(e,t){if(!e)return t;var n=b();if(n){var r=function(e,t){for(var n=t;n;){if(n._provided&&f(n._provided,e))return n._provided[e];n=n.$parent}return be}(e,n);return r!==be?r:t}p("inject() can only be used inside setup() or functional components.")},exports.isReactive=Q,exports.isReadonly=function(e){return f(e,C)&&e[C]},exports.isRef=B,exports.markRaw=L,exports.markReactive=G,exports.nextTick=function(){for(var e,t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return null===(e=y())||void 0===e?void 0:e.nextTick.apply(this,t)},exports.onActivated=ue,exports.onBeforeMount=Z,exports.onBeforeUnmount=re,exports.onBeforeUpdate=te,exports.onDeactivated=ae,exports.onErrorCaptured=ie,exports.onMounted=ee,exports.onServerPrefetch=fe,exports.onUnmounted=oe,exports.onUpdated=ne,exports.provide=function(e,t){var n=h();if(n){if(!n._provided){var r={};Object.defineProperty(n,"_provided",{get:function(){return r},set:function(e){return Object.assign(r,e)}})}n._provided[e]=t}},exports.reactive=H,exports.ref=D,exports.set=function(e,t,n){var r=y().util,o=(r.warn,r.defineReactive);if(c(e)&&function(e){var t=parseFloat(String(e));return t>=0&&Math.floor(t)===t&&isFinite(e)}(t))return e.length=Math.max(e.length,t),e.splice(t,1,n),n;if(t in e&&!(t in Object.prototype))return e[t]=n,n;var i=e.__ob__;return e._isVue||i&&i.vmCount?n:i?(o(i.value,t,n),J(e,t,n),G(i.value[t]),i.dep.notify(),n):(e[t]=n,n)},exports.shallowReactive=W,exports.shallowReadonly=function(e){var t,n,r;if(!s(e)||!Object.isExtensible(e))return e;var o=((t={})[C]=!0,t),i=H({}),u=i.__ob__,a=function(t){var n,r=e[t],i=void 0,a=Object.getOwnPropertyDescriptor(e,t);if(a){if(!1===a.configurable)return"continue";n=a.get,i=a.set,n&&!i||2!==f.length||(r=e[t])}Object.defineProperty(o,t,{enumerable:!0,configurable:!0,get:function(){var t=n?n.call(e):r;return u.dep.depend(),t},set:function(e){}})},f=arguments;try{for(var c=O(Object.keys(e)),l=c.next();!l.done;l=c.next()){var p=l.value;a(p)}}catch(e){n={error:e}}finally{try{l&&!l.done&&(r=c.return)&&r.call(c)}finally{if(n)throw n.error}}return o},exports.shallowRef=function(e){var t;if(B(e))return e;var n=W(((t={})[M]=e,t));return U({get:function(){return n[M]},set:function(e){return n[M]=e}})},exports.toRaw=function(e){return V(e)||!Object.isExtensible(e)?e:e.__ob__.value||e},exports.toRef=K,exports.toRefs=function(e){if(!s(e))return e;var t={};for(var n in e)t[n]=K(e,n);return t},exports.triggerRef=function(e){B(e)&&(e.value=e.value)},exports.unref=function(e){return B(e)?e.value:e},exports.useCSSModule=function(e){void 0===e&&(e="$style");var t=b();if(!t)return ge;var n=t[e];return n||ge},exports.watch=function(e,t,n){var r=null;"function"==typeof t?r=t:(n=t,r=null);var o=function(e){return w({immediate:!1,deep:!1,flush:"post"},e)}(n);return ye(le(),e,r,o)},exports.watchEffect=function(e,t){var n=function(e){return w({immediate:!0,deep:!1,flush:"post"},e)}(t);return ye(le(),e,null,n)};
***************************************************************************** */function j(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function O(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),u=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)u.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return u}function $(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(O(arguments[t]));return e}function k(e){return r?Symbol.for(e):e}var S=k("composition-api.preFlushQueue"),R=k("composition-api.postFlushQueue"),E=k("composition-api.accessControlIdentifier"),P=k("composition-api.reactiveIdentifier"),A=k("composition-api.rawIdentifierKey"),C=k("composition-api.readonlyIdentifierKey"),M="composition-api.refKey",D=function(e){u(this,"value",{get:e.get,set:e.set})};function I(e,t){void 0===t&&(t=!1);var n=new D(e);return t&&(n[C]=t),Object.seal(n)}function U(e){var t;if(z(e))return e;var n=L(((t={})[M]=e,t));return I({get:function(){return n[M]},set:function(e){return n[M]=e}})}function z(e){return e instanceof D}function B(e){return z(e)?e.value:e}function K(e,t){var n=e[t];return z(n)?n:I({get:function(){return e[t]},set:function(n){return e[t]=n}})}var F={},T={},V={};function W(e){return f(e,A)&&e[A]===V}function Q(e){return null!==(t=e)&&"object"==typeof t&&Object.isExtensible(e)&&f(e,P)&&e[P]===T;var t}function q(e){if(!(!c(e)||W(e)||Array.isArray(e)||z(e)||m(e)||f(e,E)&&e[E]===F)){Object.isExtensible(e)&&a(e,E,F);for(var t=Object.keys(e),n=0;n<t.length;n++)J(e,t[n])}}function J(e,t,n){if("__ob__"!==t){var r,o,i=Object.getOwnPropertyDescriptor(e,t);if(i){if(!1===i.configurable)return;r=i.get,o=i.set,r&&!o||2!==arguments.length||(n=e[t])}q(n),Object.defineProperty(e,t,{enumerable:!0,configurable:!0,get:function(){var o=r?r.call(e):n;return t!==M&&z(o)?o.value:o},set:function(i){if(!r||o){var u=r?r.call(e):n;t!==M&&z(u)&&!z(i)?u.value=i:o?o.call(e,i):n=i,q(i)}}})}}function N(e){var t,n=y();n.observable?t=n.observable(e):t=_(n,{data:{$$state:e}})._data.$$state;return t}function G(e){var t,n;if(!c(e)||Q(e)||W(e)||!Object.isExtensible(e))return e;var r=N({});H(r,!0),q(r);var o=r.__ob__,i=function(t){var n,i,a=e[t],f=Object.getOwnPropertyDescriptor(e,t);if(f){if(!1===f.configurable)return"continue";n=f.get,i=f.set,n&&!i||2!==u.length||(a=e[t])}Object.defineProperty(r,t,{enumerable:!0,configurable:!0,get:function(){var t=n?n.call(e):a;return o.dep.depend(),t},set:function(t){n&&!i||(i?i.call(e,t):a=t,o.dep.notify())}})},u=arguments;try{for(var a=j(Object.keys(e)),f=a.next();!f.done;f=a.next()){var s=f.value;i(s)}}catch(e){t={error:e}}finally{try{f&&!f.done&&(n=a.return)&&n.call(a)}finally{if(t)throw t.error}}return r}function H(e,t){if(void 0===t&&(t=!1),!(!c(e)||W(e)||Array.isArray(e)||z(e)||m(e)||f(e,P)&&e[P]===T||(Object.isExtensible(e)&&a(e,P,T),t)))for(var n=Object.keys(e),r=0;r<n.length;r++)H(e[n[r]])}function L(e){if(!c(e)||Q(e)||W(e)||!Object.isExtensible(e))return e;var t=N(e);return H(e),q(t),t}function X(e){return c(e)&&Object.isExtensible(e)?(a(e,"__ob__",N({}).__ob__),a(e,A,V),e):e}function Y(e){return function(t){var n,r=h(((n=e)[0].toUpperCase(),n.slice(1)));r&&function(e,t,n,r){var o=t.$options,i=e.config.optionMergeStrategies[n];o[n]=i(o[n],function(e,t){return function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var o=b();g(e);try{return t.apply(void 0,$(n))}finally{g(o)}}}(t,r))}(y(),r,e,t)}}var Z,ee=Y("beforeMount"),te=Y("mounted"),ne=Y("beforeUpdate"),re=Y("updated"),oe=Y("beforeDestroy"),ie=Y("destroyed"),ue=Y("errorCaptured"),ae=Y("activated"),fe=Y("deactivated"),ce=Y("serverPrefetch");function se(){ve(this,S)}function le(){ve(this,R)}function pe(){var e=b();return e?function(e){return void 0!==e[S]}(e)||function(e){e[S]=[],e[R]=[],e.$on("hook:beforeUpdate",se),e.$on("hook:updated",le)}(e):(Z||(Z=_(y())),e=Z),e}function ve(e,t){for(var n=e[t],r=0;r<n.length;r++)n[r]();n.length=0}function de(e,t,n){var r=function(){e.$nextTick((function(){e[S].length&&ve(e,S),e[R].length&&ve(e,R)}))};switch(n){case"pre":r(),e[S].push(t);break;case"post":r(),e[R].push(t);break;default:!function(e,t){if(!e)throw new Error("[vue-composition-api] "+t)}(!1,'flush must be one of ["post", "pre", "sync"], but got '+n)}}function ye(e,t){var n=e.teardown;e.teardown=function(){for(var r=[],o=0;o<arguments.length;o++)r[o]=arguments[o];n.apply(e,r),t()}}function be(e,t,n,r){var i,u=r.flush,a="sync"===u,f=function(e){i=function(){try{e()}catch(e){!function(e,t,n){if("undefined"==typeof window||"undefined"==typeof console)throw e;console.error(e)}(e)}}},c=function(){i&&(i(),i=null)},p=function(t){return a||e===Z?t:function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];return de(e,(function(){t.apply(void 0,$(n))}),u)}};if(null===n){var v=!1,d=function(e,t,n,r){var o=e._watchers.length;return e.$watch(t,n,{immediate:r.immediateInvokeCallback,deep:r.deep,lazy:r.noRun,sync:r.sync,before:r.before}),e._watchers[o]}(e,(function(){if(!v)try{v=!0,t(f)}finally{v=!1}}),o,{deep:r.deep||!1,sync:a,before:c});ye(d,c),d.lazy=!1;var y=d.get.bind(d);return d.get=p(y),function(){d.teardown()}}var b,g=r.deep;Array.isArray(t)?b=function(){return t.map((function(e){return z(e)?e.value:e()}))}:z(t)?b=function(){return t.value}:Q(t)?(b=function(){return t},g=!0):s(t)?b=t:(b=o,l("Invalid watch source: "+JSON.stringify(t)+".\n A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.",e));var h=function(e,t){c(),n(e,t,f)},_=p(h);if(r.immediate){var m=_,x=function(e,t){x=m,h(e,t)};_=function(e,t){x(e,t)}}var w=e.$watch(b,_,{immediate:r.immediate,deep:g,sync:a});return ye(e._watchers[e._watchers.length-1],c),function(){w()}}var ge={};var he={};var _e;var me={set:function(e,t,n){(e.__composition_api_state__=e.__composition_api_state__||{})[t]=n},get:function(e,t){return(e.__composition_api_state__||{})[t]}};function xe(e){var t=me.get(e,"rawBindings")||{};if(t&&Object.keys(t).length){for(var n=e.$refs,r=me.get(e,"refs")||[],o=0;o<r.length;o++){var i=t[f=r[o]];!n[f]&&i&&z(i)&&(i.value=null)}var u=Object.keys(n),a=[];for(o=0;o<u.length;o++){var f;i=t[f=u[o]];n[f]&&i&&z(i)&&(i.value=n[f],a.push(f))}me.set(e,"refs",a)}}function we(e,t){var n=e.$options._parentVnode;if(n){for(var r=me.get(e,"slots")||[],o=function(e,t){var n;if(e){if(e._normalized)return e._normalized;for(var r in n={},e)e[r]&&"$"!==r[0]&&(n[r]=!0)}else n={};for(var r in t)r in n||(n[r]=!0);return n}(n.data.scopedSlots,e.$slots),i=0;i<r.length;i++){o[a=r[i]]||delete t[a]}var u=Object.keys(o);for(i=0;i<u.length;i++){var a;t[a=u[i]]||(t[a]=x(e,a))}me.set(e,"slots",u)}}function je(e,t,n){var r=b();g(e);try{return t(e)}catch(e){if(!n)throw e;n(e)}finally{g(r)}}function Oe(e){e.mixin({beforeCreate:function(){var e=this,t=e.$options,n=t.setup,r=t.render;r&&(t.render=function(){for(var t=this,n=[],o=0;o<arguments.length;o++)n[o]=arguments[o];return je(e,(function(){return r.apply(t,n)}))});if(!n)return;if("function"!=typeof n)return;var o=t.data;t.data=function(){return function(e,t){void 0===t&&(t={});var n,r=e.$options.setup,o=function(e){var t={slots:{}};return["root","parent","refs","attrs","listeners","isServer","ssrContext"].forEach((function(n){var r,o,i;Array.isArray(n)?(r=O(n,2),o=r[0],i=r[1]):o=i=n,i="$"+i,u(t,o,{get:function(){return e[i]},set:function(){l("Cannot assign to '"+o+"' because it is a read-only property",e)}})})),["emit"].forEach((function(n){var r="$"+n;u(t,n,{get:function(){return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];var o=e[r];o.apply(e,t)}}})})),t}(e);if(H(t),we(e,o.slots),je(e,(function(){n=r(t,o)})),!n)return;if(s(n)){var i=n;return void(e.$options.render=function(){return we(e,o.slots),je(e,(function(){return i()}))})}if(c(n)){var a=n;me.set(e,"rawBindings",n),Object.keys(n).forEach((function(t){var n=a[t];z(n)||(Q(n)?n=U(n):(s(n)&&(n=n.bind(e)),n=U(X(n)))),function(e,t,n){var r=e.$options.props;t in e||r&&f(r,t)||u(e,t,{get:function(){return n.value},set:function(e){n.value=e}})}(e,t,n)}))}}(e,e.$props),"function"==typeof o?o.call(e,e):o||{}}},mounted:function(){xe(this)},updated:function(){xe(this)}})}function $e(e){v||function(e){return f(e,"__composition_api_installed__")}(e)||(e.config.optionMergeStrategies.setup=function(e,t){return function(n,o){return function e(t,n){if(!t)return n;if(!n)return t;for(var o,i,u,a=r?Reflect.ownKeys(t):Object.keys(t),s=0;s<a.length;s++)"__ob__"!==(o=a[s])&&(i=n[o],u=t[o],f(n,o)?i!==u&&c(i)&&!z(i)&&c(u)&&!z(u)&&e(u,i):n[o]=u);return n}("function"==typeof e?e(n,o)||{}:void 0,"function"==typeof t?t(n,o)||{}:void 0)}},function(e){v=e,Object.defineProperty(e,"__composition_api_installed__",{configurable:!0,writable:!0,value:!0})}(e),Oe(e))}var ke={install:function(e){return $e(e)}};"undefined"!=typeof window&&window.Vue&&window.Vue.use(ke),exports.computed=function(e){var t,n,r,i,u=b();if("function"==typeof e?t=e:(t=e.get,n=e.set),u){var a,f=function(){if(!p){var e=_(y(),{computed:{value:function(){return 0}}}),t=e._computedWatchers.value.constructor,n=e._data.__ob__.dep.constructor;p={Watcher:t,Dep:n},e.$destroy()}return p}(),c=f.Watcher,s=f.Dep;i=function(){return a||(a=new c(u,t,o,{lazy:!0})),a.dirty&&a.evaluate(),s.target&&a.depend(),a.value},r=function(e){n&&n(e)}}else{var l=_(y(),{computed:{$$state:{get:t,set:n}}});i=function(){return l.$$state},r=function(e){l.$$state=e}}return I({get:i,set:r},!n)},exports.createApp=function(e,t){void 0===t&&(t=void 0);var n=y(),r=void 0;return{config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),directive:n.directive.bind(n),mount:function(o,i){return r||((r=new n(w({propsData:t},e))).$mount(o,i),r)},unmount:function(){r&&(r.$destroy(),r=void 0)}}},exports.customRef=function(e){var t=U(0);return I(e((function(){t.value}),(function(){++t.value})))},exports.default=ke,exports.defineComponent=function(e){return e},exports.getCurrentInstance=b,exports.h=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=b();return n?n.$createElement.apply(n,e):(l("`createElement()` has been called outside of render function."),_e||(_e=_(y()).$createElement),_e.apply(_e,e))},exports.inject=function(e,t){if(!e)return t;var n=b();if(n){var r=function(e,t){for(var n=t;n;){if(n._provided&&f(n._provided,e))return n._provided[e];n=n.$parent}return ge}(e,n);return r!==ge?r:t}l("inject() can only be used inside setup() or functional components.")},exports.isReactive=Q,exports.isReadonly=function(e){return f(e,C)&&e[C]},exports.isRef=z,exports.markRaw=X,exports.markReactive=H,exports.nextTick=function(){for(var e,t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return null===(e=y())||void 0===e?void 0:e.nextTick.apply(this,t)},exports.onActivated=ae,exports.onBeforeMount=ee,exports.onBeforeUnmount=oe,exports.onBeforeUpdate=ne,exports.onDeactivated=fe,exports.onErrorCaptured=ue,exports.onMounted=te,exports.onServerPrefetch=ce,exports.onUnmounted=ie,exports.onUpdated=re,exports.provide=function(e,t){var n=h();if(n){if(!n._provided){var r={};Object.defineProperty(n,"_provided",{get:function(){return r},set:function(e){return Object.assign(r,e)}})}n._provided[e]=t}},exports.proxyRefs=function(e){var t,n,r;if(Q(e))return e;var o=L(((t={})[M]=e,t)),i=function(e){u(o,e,{get:function(){return z(o[e])?o[e].value:o[e]},set:function(t){if(z(o[e]))return o[e].value=B(t);o[e]=B(t)}})};try{for(var a=j(Object.keys(e)),f=a.next();!f.done;f=a.next()){i(f.value)}}catch(e){n={error:e}}finally{try{f&&!f.done&&(r=a.return)&&r.call(a)}finally{if(n)throw n.error}}return o},exports.reactive=L,exports.ref=U,exports.set=function(e,t,n){var r,o=y().util,i=(o.warn,o.defineReactive);if(r=e,Array.isArray(r)&&function(e){var t=parseFloat(String(e));return t>=0&&Math.floor(t)===t&&isFinite(e)}(t))return e.length=Math.max(e.length,t),e.splice(t,1,n),n;if(t in e&&!(t in Object.prototype))return e[t]=n,n;var u=e.__ob__;return e._isVue||u&&u.vmCount?n:u?(i(u.value,t,n),J(e,t,n),H(u.value[t]),u.dep.notify(),n):(e[t]=n,n)},exports.shallowReactive=G,exports.shallowReadonly=function(e){var t,n,r;if(!c(e)||!Object.isExtensible(e))return e;var o=((t={})[C]=!0,t),i=L({}),u=i.__ob__,a=function(t){var n,r=e[t],i=void 0,a=Object.getOwnPropertyDescriptor(e,t);if(a){if(!1===a.configurable)return"continue";n=a.get,i=a.set,n&&!i||2!==f.length||(r=e[t])}Object.defineProperty(o,t,{enumerable:!0,configurable:!0,get:function(){var t=n?n.call(e):r;return u.dep.depend(),t},set:function(e){}})},f=arguments;try{for(var s=j(Object.keys(e)),l=s.next();!l.done;l=s.next()){var p=l.value;a(p)}}catch(e){n={error:e}}finally{try{l&&!l.done&&(r=s.return)&&r.call(s)}finally{if(n)throw n.error}}return o},exports.shallowRef=function(e){var t;if(z(e))return e;var n=G(((t={})[M]=e,t));return I({get:function(){return n[M]},set:function(e){return n[M]=e}})},exports.toRaw=function(e){return W(e)||!Object.isExtensible(e)?e:e.__ob__.value||e},exports.toRef=K,exports.toRefs=function(e){if(!c(e))return e;var t={};for(var n in e)t[n]=K(e,n);return t},exports.triggerRef=function(e){z(e)&&(e.value=e.value)},exports.unref=B,exports.useCSSModule=function(e){void 0===e&&(e="$style");var t=b();if(!t)return he;var n=t[e];return n||he},exports.watch=function(e,t,n){var r=null;"function"==typeof t?r=t:(n=t,r=null);var o=function(e){return w({immediate:!1,deep:!1,flush:"post"},e)}(n);return be(pe(),e,r,o)},exports.watchEffect=function(e,t){var n=function(e){return w({immediate:!0,deep:!1,flush:"post"},e)}(t);return be(pe(),e,null,n)};

184

dist/vue-composition-api.esm.js

@@ -154,2 +154,24 @@ import Vue from 'vue';

}
var vueInternalClasses;
var getVueInternalClasses = function () {
if (!vueInternalClasses) {
var vm = defineComponentInstance(getVueConstructor(), {
computed: {
value: function () {
return 0;
},
},
});
// to get Watcher class
var Watcher = vm._computedWatchers.value.constructor;
// to get Dep class
var Dep = vm._data.__ob__.dep.constructor;
vueInternalClasses = {
Watcher: Watcher,
Dep: Dep,
};
vm.$destroy();
}
return vueInternalClasses;
};

@@ -311,2 +333,39 @@ /*! *****************************************************************************

}
function proxyRefs(objectWithRefs) {
var _a, e_1, _b;
if (isReactive(objectWithRefs)) {
return objectWithRefs;
}
var value = reactive((_a = {}, _a[RefKey] = objectWithRefs, _a));
var _loop_1 = function (key) {
proxy(value, key, {
get: function () {
if (isRef(value[key])) {
return value[key].value;
}
return value[key];
},
set: function (v) {
if (isRef(value[key])) {
return (value[key].value = unref(v));
}
value[key] = unref(v);
},
});
};
try {
for (var _c = __values(Object.keys(objectWithRefs)), _d = _c.next(); !_d.done; _d = _c.next()) {
var key = _d.value;
_loop_1(key);
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
}
finally { if (e_1) throw e_1.error; }
}
return value;
}

@@ -669,60 +728,2 @@ var AccessControlIdentifier = {};

function unwrapRefProxy(value, map) {
var e_1, _a;
if (map === void 0) { map = new WeakMap(); }
if (map.has(value)) {
return map.get(value);
}
if (isFunction(value) ||
isArray(value) ||
isReactive(value) ||
!isPlainObject(value) ||
!Object.isExtensible(value) ||
isRef(value) ||
isRaw(value)) {
return value;
}
var obj = {};
map.set(value, obj);
// copy symbols over
Object.getOwnPropertySymbols(value).forEach(function (s) { return (obj[s] = value[s]); });
// copy __ob__
if (hasOwn(value, '__ob__')) {
Object.defineProperty(obj, '__ob__', {
enumerable: false,
value: value.__ob__,
});
}
var _loop_1 = function (k) {
var r = value[k];
// don't process on falsy or raw
if (!r || isRaw(r)) {
obj[k] = r;
}
// if is a ref, create a proxy to retrieve the value,
else if (isRef(r)) {
var set = function (v) { return (r.value = v); };
var get = function () { return r.value; };
proxy(obj, k, { get: get, set: set });
}
else {
obj[k] = unwrapRefProxy(r, map);
}
};
try {
for (var _b = __values(Object.keys(value)), _c = _b.next(); !_c.done; _c = _b.next()) {
var k = _c.value;
_loop_1(k);
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
}
finally { if (e_1) throw e_1.error; }
}
return obj;
}
var genName = function (name) { return "on" + (name[0].toUpperCase() + name.slice(1)); };

@@ -1027,14 +1028,41 @@ function createLifeCycle(lifeCyclehook) {

}
var computedHost = defineComponentInstance(getVueConstructor(), {
computed: {
$$state: {
get: get,
set: set,
var computedSetter;
var computedGetter;
if (vm) {
var _a = getVueInternalClasses(), Watcher_1 = _a.Watcher, Dep_1 = _a.Dep;
var watcher_1;
computedGetter = function () {
if (!watcher_1) {
watcher_1 = new Watcher_1(vm, get, noopFn, { lazy: true });
}
if (watcher_1.dirty) {
watcher_1.evaluate();
}
if (Dep_1.target) {
watcher_1.depend();
}
return watcher_1.value;
};
computedSetter = function (v) {
if ((process.env.NODE_ENV !== 'production') && !set) {
warn('Write operation failed: computed value is readonly.', vm);
return;
}
if (set) {
set(v);
}
};
}
else {
// fallback
var computedHost_1 = defineComponentInstance(getVueConstructor(), {
computed: {
$$state: {
get: get,
set: set,
},
},
},
});
vm && vm.$on('hook:destroyed', function () { return computedHost.$destroy(); });
return createRef({
get: function () { return computedHost.$$state; },
set: function (v) {
});
computedGetter = function () { return computedHost_1.$$state; };
computedSetter = function (v) {
if ((process.env.NODE_ENV !== 'production') && !set) {

@@ -1044,4 +1072,8 @@ warn('Write operation failed: computed value is readonly.', vm);

}
computedHost.$$state = v;
},
computedHost_1.$$state = v;
};
}
return createRef({
get: computedGetter,
set: computedSetter,
}, !set);

@@ -1343,3 +1375,3 @@ }

var ctx = createSetupContext(vm);
// mark props as reactive
// mark props
markReactive(props);

@@ -1379,8 +1411,4 @@ // resolve scopedSlots and slots to functions

}
// unwrap all ref properties
var unwrapped = unwrapRefProxy(bindingValue);
// mark the object as reactive
markReactive(unwrapped);
// a non-reactive should not don't get reactivity
bindingValue = ref(markRaw(unwrapped));
bindingValue = ref(markRaw(bindingValue));
}

@@ -1519,2 +1547,2 @@ }

export default Plugin;
export { computed, createApp, customRef, defineComponent, getCurrentInstance, createElement as h, inject, isReactive, isReadonly, isRef, markRaw, markReactive, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onServerPrefetch, onUnmounted, onUpdated, provide, reactive, ref, set, shallowReactive, shallowReadonly, shallowRef, toRaw, toRef, toRefs, triggerRef, unref, useCSSModule, watch, watchEffect };
export { computed, createApp, customRef, defineComponent, getCurrentInstance, createElement as h, inject, isReactive, isReadonly, isRef, markRaw, markReactive, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onServerPrefetch, onUnmounted, onUpdated, provide, proxyRefs, reactive, ref, set, shallowReactive, shallowReadonly, shallowRef, toRaw, toRef, toRefs, triggerRef, unref, useCSSModule, watch, watchEffect };

183

dist/vue-composition-api.js

@@ -160,2 +160,24 @@ (function (global, factory) {

}
var vueInternalClasses;
var getVueInternalClasses = function () {
if (!vueInternalClasses) {
var vm = defineComponentInstance(getVueConstructor(), {
computed: {
value: function () {
return 0;
},
},
});
// to get Watcher class
var Watcher = vm._computedWatchers.value.constructor;
// to get Dep class
var Dep = vm._data.__ob__.dep.constructor;
vueInternalClasses = {
Watcher: Watcher,
Dep: Dep,
};
vm.$destroy();
}
return vueInternalClasses;
};

@@ -317,2 +339,39 @@ /*! *****************************************************************************

}
function proxyRefs(objectWithRefs) {
var _a, e_1, _b;
if (isReactive(objectWithRefs)) {
return objectWithRefs;
}
var value = reactive((_a = {}, _a[RefKey] = objectWithRefs, _a));
var _loop_1 = function (key) {
proxy(value, key, {
get: function () {
if (isRef(value[key])) {
return value[key].value;
}
return value[key];
},
set: function (v) {
if (isRef(value[key])) {
return (value[key].value = unref(v));
}
value[key] = unref(v);
},
});
};
try {
for (var _c = __values(Object.keys(objectWithRefs)), _d = _c.next(); !_d.done; _d = _c.next()) {
var key = _d.value;
_loop_1(key);
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
}
finally { if (e_1) throw e_1.error; }
}
return value;
}

@@ -675,60 +734,2 @@ var AccessControlIdentifier = {};

function unwrapRefProxy(value, map) {
var e_1, _a;
if (map === void 0) { map = new WeakMap(); }
if (map.has(value)) {
return map.get(value);
}
if (isFunction(value) ||
isArray(value) ||
isReactive(value) ||
!isPlainObject(value) ||
!Object.isExtensible(value) ||
isRef(value) ||
isRaw(value)) {
return value;
}
var obj = {};
map.set(value, obj);
// copy symbols over
Object.getOwnPropertySymbols(value).forEach(function (s) { return (obj[s] = value[s]); });
// copy __ob__
if (hasOwn(value, '__ob__')) {
Object.defineProperty(obj, '__ob__', {
enumerable: false,
value: value.__ob__,
});
}
var _loop_1 = function (k) {
var r = value[k];
// don't process on falsy or raw
if (!r || isRaw(r)) {
obj[k] = r;
}
// if is a ref, create a proxy to retrieve the value,
else if (isRef(r)) {
var set = function (v) { return (r.value = v); };
var get = function () { return r.value; };
proxy(obj, k, { get: get, set: set });
}
else {
obj[k] = unwrapRefProxy(r, map);
}
};
try {
for (var _b = __values(Object.keys(value)), _c = _b.next(); !_c.done; _c = _b.next()) {
var k = _c.value;
_loop_1(k);
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
}
finally { if (e_1) throw e_1.error; }
}
return obj;
}
var genName = function (name) { return "on" + (name[0].toUpperCase() + name.slice(1)); };

@@ -1033,14 +1034,41 @@ function createLifeCycle(lifeCyclehook) {

}
var computedHost = defineComponentInstance(getVueConstructor(), {
computed: {
$$state: {
get: get,
set: set,
var computedSetter;
var computedGetter;
if (vm) {
var _a = getVueInternalClasses(), Watcher_1 = _a.Watcher, Dep_1 = _a.Dep;
var watcher_1;
computedGetter = function () {
if (!watcher_1) {
watcher_1 = new Watcher_1(vm, get, noopFn, { lazy: true });
}
if (watcher_1.dirty) {
watcher_1.evaluate();
}
if (Dep_1.target) {
watcher_1.depend();
}
return watcher_1.value;
};
computedSetter = function (v) {
if ( !set) {
warn('Write operation failed: computed value is readonly.', vm);
return;
}
if (set) {
set(v);
}
};
}
else {
// fallback
var computedHost_1 = defineComponentInstance(getVueConstructor(), {
computed: {
$$state: {
get: get,
set: set,
},
},
},
});
vm && vm.$on('hook:destroyed', function () { return computedHost.$destroy(); });
return createRef({
get: function () { return computedHost.$$state; },
set: function (v) {
});
computedGetter = function () { return computedHost_1.$$state; };
computedSetter = function (v) {
if ( !set) {

@@ -1050,4 +1078,8 @@ warn('Write operation failed: computed value is readonly.', vm);

}
computedHost.$$state = v;
},
computedHost_1.$$state = v;
};
}
return createRef({
get: computedGetter,
set: computedSetter,
}, !set);

@@ -1348,3 +1380,3 @@ }

var ctx = createSetupContext(vm);
// mark props as reactive
// mark props
markReactive(props);

@@ -1384,8 +1416,4 @@ // resolve scopedSlots and slots to functions

}
// unwrap all ref properties
var unwrapped = unwrapRefProxy(bindingValue);
// mark the object as reactive
markReactive(unwrapped);
// a non-reactive should not don't get reactivity
bindingValue = ref(markRaw(unwrapped));
bindingValue = ref(markRaw(bindingValue));
}

@@ -1545,2 +1573,3 @@ }

exports.provide = provide;
exports.proxyRefs = proxyRefs;
exports.reactive = reactive;

@@ -1547,0 +1576,0 @@ exports.ref = ref;

5

dist/vue-composition-api.prod.js

@@ -1,2 +0,2 @@

!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],n):n((e=e||self).VueCompositionAPI={},e.Vue)}(this,(function(e,n){"use strict";n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n;function t(e){return"function"==typeof e&&/native code/.test(e.toString())}var r="undefined"!=typeof Symbol&&t(Symbol)&&"undefined"!=typeof Reflect&&t(Reflect.ownKeys),o=function(e){return e},i={enumerable:!0,configurable:!0,get:o,set:o};function u(e,n,t){var r=t.get,u=t.set;i.get=r||o,i.set=u||o,Object.defineProperty(e,n,i)}function a(e,n,t,r){Object.defineProperty(e,n,{value:t,enumerable:!!r,writable:!0,configurable:!0})}function f(e,n){return Object.hasOwnProperty.call(e,n)}function c(e){return Array.isArray(e)}function l(e){return"[object Object]"===function(e){return Object.prototype.toString.call(e)}(e)}function s(e){return"function"==typeof e}function v(e,t){n.util.warn(e,t)}var d=null,p=null;function y(){return d}function b(){return p}function g(e){p=e}function h(e){return b()}function _(e,n){void 0===n&&(n={});var t=e.config.silent;e.config.silent=!0;var r=new e(n);return e.config.silent=t,r}function m(e){var n=y();return n&&e instanceof n}function w(e,n){return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e.$scopedSlots[n]?e.$scopedSlots[n].apply(e,t):v("slots."+n+'() got called outside of the "render()" scope',e)}}
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],n):n((e=e||self).VueCompositionAPI={},e.Vue)}(this,(function(e,n){"use strict";n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n;function t(e){return"function"==typeof e&&/native code/.test(e.toString())}var r="undefined"!=typeof Symbol&&t(Symbol)&&"undefined"!=typeof Reflect&&t(Reflect.ownKeys),o=function(e){return e},i={enumerable:!0,configurable:!0,get:o,set:o};function u(e,n,t){var r=t.get,u=t.set;i.get=r||o,i.set=u||o,Object.defineProperty(e,n,i)}function a(e,n,t,r){Object.defineProperty(e,n,{value:t,enumerable:!!r,writable:!0,configurable:!0})}function f(e,n){return Object.hasOwnProperty.call(e,n)}function c(e){return"[object Object]"===function(e){return Object.prototype.toString.call(e)}(e)}function l(e){return"function"==typeof e}function s(e,t){n.util.warn(e,t)}var v,d=null,p=null;function y(){return d}function b(){return p}function g(e){p=e}function h(e){return b()}function _(e,n){void 0===n&&(n={});var t=e.config.silent;e.config.silent=!0;var r=new e(n);return e.config.silent=t,r}function m(e){var n=y();return n&&e instanceof n}function w(e,n){return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e.$scopedSlots[n]?e.$scopedSlots[n].apply(e,t):s("slots."+n+'() got called outside of the "render()" scope',e)}}var O=function(){return(O=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e}).apply(this,arguments)};
/*! *****************************************************************************

@@ -15,3 +15,2 @@ Copyright (c) Microsoft Corporation.

PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */
var O=function(){return(O=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e}).apply(this,arguments)};function j(e){var n="function"==typeof Symbol&&Symbol.iterator,t=n&&e[n],r=0;if(t)return t.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(n?"Object is not iterable.":"Symbol.iterator is not defined.")}function $(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,o,i=t.call(e),u=[];try{for(;(void 0===n||n-- >0)&&!(r=i.next()).done;)u.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(t=i.return)&&t.call(i)}finally{if(o)throw o.error}}return u}function x(){for(var e=[],n=0;n<arguments.length;n++)e=e.concat($(arguments[n]));return e}function k(e){return r?Symbol.for(e):e}var S=k("composition-api.preFlushQueue"),E=k("composition-api.postFlushQueue"),P=k("composition-api.accessControlIdentifier"),R=k("composition-api.reactiveIdentifier"),A=k("composition-api.rawIdentifierKey"),C=k("composition-api.readonlyIdentifierKey"),M="composition-api.refKey",I=function(e){u(this,"value",{get:e.get,set:e.set})};function U(e,n){void 0===n&&(n=!1);var t=new I(e);return n&&(t[C]=n),Object.seal(t)}function D(e){var n;if(V(e))return e;var t=H(((n={})[M]=e,n));return U({get:function(){return t[M]},set:function(e){return t[M]=e}})}function V(e){return e instanceof I}function B(e,n){var t=e[n];return V(t)?t:U({get:function(){return e[n]},set:function(t){return e[n]=t}})}var K={},z={},F={};function T(e){return f(e,A)&&e[A]===F}function Q(e){return null!==(n=e)&&"object"==typeof n&&Object.isExtensible(e)&&f(e,R)&&e[R]===z;var n}function q(e){if(!(!l(e)||T(e)||Array.isArray(e)||V(e)||m(e)||f(e,P)&&e[P]===K)){Object.isExtensible(e)&&a(e,P,K);for(var n=Object.keys(e),t=0;t<n.length;t++)J(e,n[t])}}function J(e,n,t){if("__ob__"!==n){var r,o,i=Object.getOwnPropertyDescriptor(e,n);if(i){if(!1===i.configurable)return;r=i.get,o=i.set,r&&!o||2!==arguments.length||(t=e[n])}q(t),Object.defineProperty(e,n,{enumerable:!0,configurable:!0,get:function(){var o=r?r.call(e):t;return n!==M&&V(o)?o.value:o},set:function(i){if(!r||o){var u=r?r.call(e):t;n!==M&&V(u)&&!V(i)?u.value=i:o?o.call(e,i):t=i,q(i)}}})}}function N(e){var n,t=y();t.observable?n=t.observable(e):n=_(t,{data:{$$state:e}})._data.$$state;return n}function W(e){var n,t;if(!l(e)||Q(e)||T(e)||!Object.isExtensible(e))return e;var r=N({});G(r,!0),q(r);var o=r.__ob__,i=function(n){var t,i,a=e[n],f=Object.getOwnPropertyDescriptor(e,n);if(f){if(!1===f.configurable)return"continue";t=f.get,i=f.set,t&&!i||2!==u.length||(a=e[n])}Object.defineProperty(r,n,{enumerable:!0,configurable:!0,get:function(){var n=t?t.call(e):a;return o.dep.depend(),n},set:function(n){t&&!i||(i?i.call(e,n):a=n,o.dep.notify())}})},u=arguments;try{for(var a=j(Object.keys(e)),f=a.next();!f.done;f=a.next()){var c=f.value;i(c)}}catch(e){n={error:e}}finally{try{f&&!f.done&&(t=a.return)&&t.call(a)}finally{if(n)throw n.error}}return r}function G(e,n){if(void 0===n&&(n=!1),!(!l(e)||T(e)||Array.isArray(e)||V(e)||m(e)||f(e,R)&&e[R]===z||(Object.isExtensible(e)&&a(e,R,z),n)))for(var t=Object.keys(e),r=0;r<t.length;r++)G(e[t[r]])}function H(e){if(!l(e)||Q(e)||T(e)||!Object.isExtensible(e))return e;var n=N(e);return G(e),q(n),n}function L(e){return l(e)&&Object.isExtensible(e)?(a(e,"__ob__",N({}).__ob__),a(e,A,F),e):e}function X(e){return function(n){var t,r=h(((t=e)[0].toUpperCase(),t.slice(1)));r&&function(e,n,t,r){var o=n.$options,i=e.config.optionMergeStrategies[t];o[t]=i(o[t],function(e,n){return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];var o=b();g(e);try{return n.apply(void 0,x(t))}finally{g(o)}}}(n,r))}(y(),r,e,n)}}var Y,Z=X("beforeMount"),ee=X("mounted"),ne=X("beforeUpdate"),te=X("updated"),re=X("beforeDestroy"),oe=X("destroyed"),ie=X("errorCaptured"),ue=X("activated"),ae=X("deactivated"),fe=X("serverPrefetch");function ce(){ve(this,S)}function le(){ve(this,E)}function se(){var e=b();return e?function(e){return void 0!==e[S]}(e)||function(e){e[S]=[],e[E]=[],e.$on("hook:beforeUpdate",ce),e.$on("hook:updated",le)}(e):(Y||(Y=_(y())),e=Y),e}function ve(e,n){for(var t=e[n],r=0;r<t.length;r++)t[r]();t.length=0}function de(e,n,t){var r=function(){e.$nextTick((function(){e[S].length&&ve(e,S),e[E].length&&ve(e,E)}))};switch(t){case"pre":r(),e[S].push(n);break;case"post":r(),e[E].push(n);break;default:!function(e,n){if(!e)throw new Error("[vue-composition-api] "+n)}(!1,'flush must be one of ["post", "pre", "sync"], but got '+t)}}function pe(e,n){var t=e.teardown;e.teardown=function(){for(var r=[],o=0;o<arguments.length;o++)r[o]=arguments[o];t.apply(e,r),n()}}function ye(e,n,t,r){var i,u=r.flush,a="sync"===u,f=function(e){i=function(){try{e()}catch(e){!function(e,n,t){if("undefined"==typeof window||"undefined"==typeof console)throw e;console.error(e)}(e)}}},c=function(){i&&(i(),i=null)},l=function(n){return a||e===Y?n:function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return de(e,(function(){n.apply(void 0,x(t))}),u)}};if(null===t){var d=!1,p=function(e,n,t,r){var o=e._watchers.length;return e.$watch(n,t,{immediate:r.immediateInvokeCallback,deep:r.deep,lazy:r.noRun,sync:r.sync,before:r.before}),e._watchers[o]}(e,(function(){if(!d)try{d=!0,n(f)}finally{d=!1}}),o,{deep:r.deep||!1,sync:a,before:c});pe(p,c),p.lazy=!1;var y=p.get.bind(p);return p.get=l(y),function(){p.teardown()}}var b,g=r.deep;Array.isArray(n)?b=function(){return n.map((function(e){return V(e)?e.value:e()}))}:V(n)?b=function(){return n.value}:Q(n)?(b=function(){return n},g=!0):s(n)?b=n:(b=o,v("Invalid watch source: "+JSON.stringify(n)+".\n A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.",e));var h=function(e,n){c(),t(e,n,f)},_=l(h);if(r.immediate){var m=_,w=function(e,n){w=m,h(e,n)};_=function(e,n){w(e,n)}}var O=e.$watch(b,_,{immediate:r.immediate,deep:g,sync:a});return pe(e._watchers[e._watchers.length-1],c),function(){O()}}var be={};var ge={};var he;var _e={set:function(e,n,t){(e.__composition_api_state__=e.__composition_api_state__||{})[n]=t},get:function(e,n){return(e.__composition_api_state__||{})[n]}};function me(e){var n=_e.get(e,"rawBindings")||{};if(n&&Object.keys(n).length){for(var t=e.$refs,r=_e.get(e,"refs")||[],o=0;o<r.length;o++){var i=n[f=r[o]];!t[f]&&i&&V(i)&&(i.value=null)}var u=Object.keys(t),a=[];for(o=0;o<u.length;o++){var f;i=n[f=u[o]];t[f]&&i&&V(i)&&(i.value=t[f],a.push(f))}_e.set(e,"refs",a)}}function we(e,n){var t=e.$options._parentVnode;if(t){for(var r=_e.get(e,"slots")||[],o=function(e,n){var t;if(e){if(e._normalized)return e._normalized;for(var r in t={},e)e[r]&&"$"!==r[0]&&(t[r]=!0)}else t={};for(var r in n)r in t||(t[r]=!0);return t}(t.data.scopedSlots,e.$slots),i=0;i<r.length;i++){o[a=r[i]]||delete n[a]}var u=Object.keys(o);for(i=0;i<u.length;i++){var a;n[a=u[i]]||(n[a]=w(e,a))}_e.set(e,"slots",u)}}function Oe(e,n,t){var r=b();g(e);try{return n(e)}catch(e){if(!t)throw e;t(e)}finally{g(r)}}function je(e){e.mixin({beforeCreate:function(){var e=this,n=e.$options,t=n.setup,r=n.render;r&&(n.render=function(){for(var n=this,t=[],o=0;o<arguments.length;o++)t[o]=arguments[o];return Oe(e,(function(){return r.apply(n,t)}))});if(!t)return;if("function"!=typeof t)return;var o=n.data;n.data=function(){return function(e,n){void 0===n&&(n={});var t,r=e.$options.setup,o=function(e){var n={slots:{}};return["root","parent","refs","attrs","listeners","isServer","ssrContext"].forEach((function(t){var r,o,i;Array.isArray(t)?(r=$(t,2),o=r[0],i=r[1]):o=i=t,i="$"+i,u(n,o,{get:function(){return e[i]},set:function(){v("Cannot assign to '"+o+"' because it is a read-only property",e)}})})),["emit"].forEach((function(t){var r="$"+t;u(n,t,{get:function(){return function(){for(var n=[],t=0;t<arguments.length;t++)n[t]=arguments[t];var o=e[r];o.apply(e,n)}}})})),n}(e);if(G(n),we(e,o.slots),Oe(e,(function(){t=r(n,o)})),!t)return;if(s(t)){var i=t;return void(e.$options.render=function(){return we(e,o.slots),Oe(e,(function(){return i()}))})}if(l(t)){var a=t;_e.set(e,"rawBindings",t),Object.keys(t).forEach((function(n){var t=a[n];if(!V(t))if(Q(t))t=D(t);else{s(t)&&(t=t.bind(e));var r=function e(n,t){var r,o;if(void 0===t&&(t=new WeakMap),t.has(n))return t.get(n);if(s(n)||c(n)||Q(n)||!l(n)||!Object.isExtensible(n)||V(n)||T(n))return n;var i={};t.set(n,i),Object.getOwnPropertySymbols(n).forEach((function(e){return i[e]=n[e]})),f(n,"__ob__")&&Object.defineProperty(i,"__ob__",{enumerable:!1,value:n.__ob__});var a=function(r){var o=n[r];if(!o||T(o))i[r]=o;else if(V(o)){u(i,r,{get:function(){return o.value},set:function(e){return o.value=e}})}else i[r]=e(o,t)};try{for(var v=j(Object.keys(n)),d=v.next();!d.done;d=v.next()){a(d.value)}}catch(e){r={error:e}}finally{try{d&&!d.done&&(o=v.return)&&o.call(v)}finally{if(r)throw r.error}}return i}(t);G(r),t=D(L(r))}!function(e,n,t){var r=e.$options.props;n in e||r&&f(r,n)||u(e,n,{get:function(){return t.value},set:function(e){t.value=e}})}(e,n,t)}))}}(e,e.$props),"function"==typeof o?o.call(e,e):o||{}}},mounted:function(){me(this)},updated:function(){me(this)}})}function $e(e){d||function(e){return f(e,"__composition_api_installed__")}(e)||(e.config.optionMergeStrategies.setup=function(e,n){return function(t,o){return function e(n,t){if(!n)return t;if(!t)return n;for(var o,i,u,a=r?Reflect.ownKeys(n):Object.keys(n),c=0;c<a.length;c++)"__ob__"!==(o=a[c])&&(i=t[o],u=n[o],f(t,o)?i!==u&&l(i)&&!V(i)&&l(u)&&!V(u)&&e(u,i):t[o]=u);return t}("function"==typeof e?e(t,o)||{}:void 0,"function"==typeof n?n(t,o)||{}:void 0)}},function(e){d=e,Object.defineProperty(e,"__composition_api_installed__",{configurable:!0,writable:!0,value:!0})}(e),je(e))}var xe={install:function(e){return $e(e)}};"undefined"!=typeof window&&window.Vue&&window.Vue.use(xe),e.computed=function(e){var n,t,r=b();"function"==typeof e?n=e:(n=e.get,t=e.set);var o=_(y(),{computed:{$$state:{get:n,set:t}}});return r&&r.$on("hook:destroyed",(function(){return o.$destroy()})),U({get:function(){return o.$$state},set:function(e){o.$$state=e}},!t)},e.createApp=function(e,n){void 0===n&&(n=void 0);var t=y(),r=void 0;return{config:t.config,use:t.use.bind(t),mixin:t.mixin.bind(t),component:t.component.bind(t),directive:t.directive.bind(t),mount:function(o,i){return r||((r=new t(O({propsData:n},e))).$mount(o,i),r)},unmount:function(){r&&(r.$destroy(),r=void 0)}}},e.customRef=function(e){var n=D(0);return U(e((function(){n.value}),(function(){++n.value})))},e.default=xe,e.defineComponent=function(e){return e},e.getCurrentInstance=b,e.h=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];var t=b();return t?t.$createElement.apply(t,e):(v("`createElement()` has been called outside of render function."),he||(he=_(y()).$createElement),he.apply(he,e))},e.inject=function(e,n){if(!e)return n;var t=b();if(t){var r=function(e,n){for(var t=n;t;){if(t._provided&&f(t._provided,e))return t._provided[e];t=t.$parent}return be}(e,t);return r!==be?r:n}v("inject() can only be used inside setup() or functional components.")},e.isReactive=Q,e.isReadonly=function(e){return f(e,C)&&e[C]},e.isRef=V,e.markRaw=L,e.markReactive=G,e.nextTick=function(){for(var e,n=[],t=0;t<arguments.length;t++)n[t]=arguments[t];return null===(e=y())||void 0===e?void 0:e.nextTick.apply(this,n)},e.onActivated=ue,e.onBeforeMount=Z,e.onBeforeUnmount=re,e.onBeforeUpdate=ne,e.onDeactivated=ae,e.onErrorCaptured=ie,e.onMounted=ee,e.onServerPrefetch=fe,e.onUnmounted=oe,e.onUpdated=te,e.provide=function(e,n){var t=h();if(t){if(!t._provided){var r={};Object.defineProperty(t,"_provided",{get:function(){return r},set:function(e){return Object.assign(r,e)}})}t._provided[e]=n}},e.reactive=H,e.ref=D,e.set=function(e,n,t){var r=y().util,o=(r.warn,r.defineReactive);if(c(e)&&function(e){var n=parseFloat(String(e));return n>=0&&Math.floor(n)===n&&isFinite(e)}(n))return e.length=Math.max(e.length,n),e.splice(n,1,t),t;if(n in e&&!(n in Object.prototype))return e[n]=t,t;var i=e.__ob__;return e._isVue||i&&i.vmCount?t:i?(o(i.value,n,t),J(e,n,t),G(i.value[n]),i.dep.notify(),t):(e[n]=t,t)},e.shallowReactive=W,e.shallowReadonly=function(e){var n,t,r;if(!l(e)||!Object.isExtensible(e))return e;var o=((n={})[C]=!0,n),i=H({}),u=i.__ob__,a=function(n){var t,r=e[n],i=void 0,a=Object.getOwnPropertyDescriptor(e,n);if(a){if(!1===a.configurable)return"continue";t=a.get,i=a.set,t&&!i||2!==f.length||(r=e[n])}Object.defineProperty(o,n,{enumerable:!0,configurable:!0,get:function(){var n=t?t.call(e):r;return u.dep.depend(),n},set:function(e){}})},f=arguments;try{for(var c=j(Object.keys(e)),s=c.next();!s.done;s=c.next()){var v=s.value;a(v)}}catch(e){t={error:e}}finally{try{s&&!s.done&&(r=c.return)&&r.call(c)}finally{if(t)throw t.error}}return o},e.shallowRef=function(e){var n;if(V(e))return e;var t=W(((n={})[M]=e,n));return U({get:function(){return t[M]},set:function(e){return t[M]=e}})},e.toRaw=function(e){return T(e)||!Object.isExtensible(e)?e:e.__ob__.value||e},e.toRef=B,e.toRefs=function(e){if(!l(e))return e;var n={};for(var t in e)n[t]=B(e,t);return n},e.triggerRef=function(e){V(e)&&(e.value=e.value)},e.unref=function(e){return V(e)?e.value:e},e.useCSSModule=function(e){void 0===e&&(e="$style");var n=b();if(!n)return ge;var t=n[e];return t||ge},e.watch=function(e,n,t){var r=null;"function"==typeof n?r=n:(t=n,r=null);var o=function(e){return O({immediate:!1,deep:!1,flush:"post"},e)}(t);return ye(se(),e,r,o)},e.watchEffect=function(e,n){var t=function(e){return O({immediate:!0,deep:!1,flush:"post"},e)}(n);return ye(se(),e,null,t)},Object.defineProperty(e,"__esModule",{value:!0})}));
***************************************************************************** */function j(e){var n="function"==typeof Symbol&&Symbol.iterator,t=n&&e[n],r=0;if(t)return t.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(n?"Object is not iterable.":"Symbol.iterator is not defined.")}function $(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,o,i=t.call(e),u=[];try{for(;(void 0===n||n-- >0)&&!(r=i.next()).done;)u.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(t=i.return)&&t.call(i)}finally{if(o)throw o.error}}return u}function x(){for(var e=[],n=0;n<arguments.length;n++)e=e.concat($(arguments[n]));return e}function k(e){return r?Symbol.for(e):e}var S=k("composition-api.preFlushQueue"),R=k("composition-api.postFlushQueue"),E=k("composition-api.accessControlIdentifier"),P=k("composition-api.reactiveIdentifier"),A=k("composition-api.rawIdentifierKey"),C=k("composition-api.readonlyIdentifierKey"),M="composition-api.refKey",D=function(e){u(this,"value",{get:e.get,set:e.set})};function I(e,n){void 0===n&&(n=!1);var t=new D(e);return n&&(t[C]=n),Object.seal(t)}function U(e){var n;if(V(e))return e;var t=L(((n={})[M]=e,n));return I({get:function(){return t[M]},set:function(e){return t[M]=e}})}function V(e){return e instanceof D}function z(e){return V(e)?e.value:e}function B(e,n){var t=e[n];return V(t)?t:I({get:function(){return e[n]},set:function(t){return e[n]=t}})}var K={},F={},T={};function W(e){return f(e,A)&&e[A]===T}function Q(e){return null!==(n=e)&&"object"==typeof n&&Object.isExtensible(e)&&f(e,P)&&e[P]===F;var n}function q(e){if(!(!c(e)||W(e)||Array.isArray(e)||V(e)||m(e)||f(e,E)&&e[E]===K)){Object.isExtensible(e)&&a(e,E,K);for(var n=Object.keys(e),t=0;t<n.length;t++)J(e,n[t])}}function J(e,n,t){if("__ob__"!==n){var r,o,i=Object.getOwnPropertyDescriptor(e,n);if(i){if(!1===i.configurable)return;r=i.get,o=i.set,r&&!o||2!==arguments.length||(t=e[n])}q(t),Object.defineProperty(e,n,{enumerable:!0,configurable:!0,get:function(){var o=r?r.call(e):t;return n!==M&&V(o)?o.value:o},set:function(i){if(!r||o){var u=r?r.call(e):t;n!==M&&V(u)&&!V(i)?u.value=i:o?o.call(e,i):t=i,q(i)}}})}}function N(e){var n,t=y();t.observable?n=t.observable(e):n=_(t,{data:{$$state:e}})._data.$$state;return n}function G(e){var n,t;if(!c(e)||Q(e)||W(e)||!Object.isExtensible(e))return e;var r=N({});H(r,!0),q(r);var o=r.__ob__,i=function(n){var t,i,a=e[n],f=Object.getOwnPropertyDescriptor(e,n);if(f){if(!1===f.configurable)return"continue";t=f.get,i=f.set,t&&!i||2!==u.length||(a=e[n])}Object.defineProperty(r,n,{enumerable:!0,configurable:!0,get:function(){var n=t?t.call(e):a;return o.dep.depend(),n},set:function(n){t&&!i||(i?i.call(e,n):a=n,o.dep.notify())}})},u=arguments;try{for(var a=j(Object.keys(e)),f=a.next();!f.done;f=a.next()){var l=f.value;i(l)}}catch(e){n={error:e}}finally{try{f&&!f.done&&(t=a.return)&&t.call(a)}finally{if(n)throw n.error}}return r}function H(e,n){if(void 0===n&&(n=!1),!(!c(e)||W(e)||Array.isArray(e)||V(e)||m(e)||f(e,P)&&e[P]===F||(Object.isExtensible(e)&&a(e,P,F),n)))for(var t=Object.keys(e),r=0;r<t.length;r++)H(e[t[r]])}function L(e){if(!c(e)||Q(e)||W(e)||!Object.isExtensible(e))return e;var n=N(e);return H(e),q(n),n}function X(e){return c(e)&&Object.isExtensible(e)?(a(e,"__ob__",N({}).__ob__),a(e,A,T),e):e}function Y(e){return function(n){var t,r=h(((t=e)[0].toUpperCase(),t.slice(1)));r&&function(e,n,t,r){var o=n.$options,i=e.config.optionMergeStrategies[t];o[t]=i(o[t],function(e,n){return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];var o=b();g(e);try{return n.apply(void 0,x(t))}finally{g(o)}}}(n,r))}(y(),r,e,n)}}var Z,ee=Y("beforeMount"),ne=Y("mounted"),te=Y("beforeUpdate"),re=Y("updated"),oe=Y("beforeDestroy"),ie=Y("destroyed"),ue=Y("errorCaptured"),ae=Y("activated"),fe=Y("deactivated"),ce=Y("serverPrefetch");function le(){de(this,S)}function se(){de(this,R)}function ve(){var e=b();return e?function(e){return void 0!==e[S]}(e)||function(e){e[S]=[],e[R]=[],e.$on("hook:beforeUpdate",le),e.$on("hook:updated",se)}(e):(Z||(Z=_(y())),e=Z),e}function de(e,n){for(var t=e[n],r=0;r<t.length;r++)t[r]();t.length=0}function pe(e,n,t){var r=function(){e.$nextTick((function(){e[S].length&&de(e,S),e[R].length&&de(e,R)}))};switch(t){case"pre":r(),e[S].push(n);break;case"post":r(),e[R].push(n);break;default:!function(e,n){if(!e)throw new Error("[vue-composition-api] "+n)}(!1,'flush must be one of ["post", "pre", "sync"], but got '+t)}}function ye(e,n){var t=e.teardown;e.teardown=function(){for(var r=[],o=0;o<arguments.length;o++)r[o]=arguments[o];t.apply(e,r),n()}}function be(e,n,t,r){var i,u=r.flush,a="sync"===u,f=function(e){i=function(){try{e()}catch(e){!function(e,n,t){if("undefined"==typeof window||"undefined"==typeof console)throw e;console.error(e)}(e)}}},c=function(){i&&(i(),i=null)},v=function(n){return a||e===Z?n:function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return pe(e,(function(){n.apply(void 0,x(t))}),u)}};if(null===t){var d=!1,p=function(e,n,t,r){var o=e._watchers.length;return e.$watch(n,t,{immediate:r.immediateInvokeCallback,deep:r.deep,lazy:r.noRun,sync:r.sync,before:r.before}),e._watchers[o]}(e,(function(){if(!d)try{d=!0,n(f)}finally{d=!1}}),o,{deep:r.deep||!1,sync:a,before:c});ye(p,c),p.lazy=!1;var y=p.get.bind(p);return p.get=v(y),function(){p.teardown()}}var b,g=r.deep;Array.isArray(n)?b=function(){return n.map((function(e){return V(e)?e.value:e()}))}:V(n)?b=function(){return n.value}:Q(n)?(b=function(){return n},g=!0):l(n)?b=n:(b=o,s("Invalid watch source: "+JSON.stringify(n)+".\n A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.",e));var h=function(e,n){c(),t(e,n,f)},_=v(h);if(r.immediate){var m=_,w=function(e,n){w=m,h(e,n)};_=function(e,n){w(e,n)}}var O=e.$watch(b,_,{immediate:r.immediate,deep:g,sync:a});return ye(e._watchers[e._watchers.length-1],c),function(){O()}}var ge={};var he={};var _e;var me={set:function(e,n,t){(e.__composition_api_state__=e.__composition_api_state__||{})[n]=t},get:function(e,n){return(e.__composition_api_state__||{})[n]}};function we(e){var n=me.get(e,"rawBindings")||{};if(n&&Object.keys(n).length){for(var t=e.$refs,r=me.get(e,"refs")||[],o=0;o<r.length;o++){var i=n[f=r[o]];!t[f]&&i&&V(i)&&(i.value=null)}var u=Object.keys(t),a=[];for(o=0;o<u.length;o++){var f;i=n[f=u[o]];t[f]&&i&&V(i)&&(i.value=t[f],a.push(f))}me.set(e,"refs",a)}}function Oe(e,n){var t=e.$options._parentVnode;if(t){for(var r=me.get(e,"slots")||[],o=function(e,n){var t;if(e){if(e._normalized)return e._normalized;for(var r in t={},e)e[r]&&"$"!==r[0]&&(t[r]=!0)}else t={};for(var r in n)r in t||(t[r]=!0);return t}(t.data.scopedSlots,e.$slots),i=0;i<r.length;i++){o[a=r[i]]||delete n[a]}var u=Object.keys(o);for(i=0;i<u.length;i++){var a;n[a=u[i]]||(n[a]=w(e,a))}me.set(e,"slots",u)}}function je(e,n,t){var r=b();g(e);try{return n(e)}catch(e){if(!t)throw e;t(e)}finally{g(r)}}function $e(e){e.mixin({beforeCreate:function(){var e=this,n=e.$options,t=n.setup,r=n.render;r&&(n.render=function(){for(var n=this,t=[],o=0;o<arguments.length;o++)t[o]=arguments[o];return je(e,(function(){return r.apply(n,t)}))});if(!t)return;if("function"!=typeof t)return;var o=n.data;n.data=function(){return function(e,n){void 0===n&&(n={});var t,r=e.$options.setup,o=function(e){var n={slots:{}};return["root","parent","refs","attrs","listeners","isServer","ssrContext"].forEach((function(t){var r,o,i;Array.isArray(t)?(r=$(t,2),o=r[0],i=r[1]):o=i=t,i="$"+i,u(n,o,{get:function(){return e[i]},set:function(){s("Cannot assign to '"+o+"' because it is a read-only property",e)}})})),["emit"].forEach((function(t){var r="$"+t;u(n,t,{get:function(){return function(){for(var n=[],t=0;t<arguments.length;t++)n[t]=arguments[t];var o=e[r];o.apply(e,n)}}})})),n}(e);if(H(n),Oe(e,o.slots),je(e,(function(){t=r(n,o)})),!t)return;if(l(t)){var i=t;return void(e.$options.render=function(){return Oe(e,o.slots),je(e,(function(){return i()}))})}if(c(t)){var a=t;me.set(e,"rawBindings",t),Object.keys(t).forEach((function(n){var t=a[n];V(t)||(Q(t)?t=U(t):(l(t)&&(t=t.bind(e)),t=U(X(t)))),function(e,n,t){var r=e.$options.props;n in e||r&&f(r,n)||u(e,n,{get:function(){return t.value},set:function(e){t.value=e}})}(e,n,t)}))}}(e,e.$props),"function"==typeof o?o.call(e,e):o||{}}},mounted:function(){we(this)},updated:function(){we(this)}})}function xe(e){d||function(e){return f(e,"__composition_api_installed__")}(e)||(e.config.optionMergeStrategies.setup=function(e,n){return function(t,o){return function e(n,t){if(!n)return t;if(!t)return n;for(var o,i,u,a=r?Reflect.ownKeys(n):Object.keys(n),l=0;l<a.length;l++)"__ob__"!==(o=a[l])&&(i=t[o],u=n[o],f(t,o)?i!==u&&c(i)&&!V(i)&&c(u)&&!V(u)&&e(u,i):t[o]=u);return t}("function"==typeof e?e(t,o)||{}:void 0,"function"==typeof n?n(t,o)||{}:void 0)}},function(e){d=e,Object.defineProperty(e,"__composition_api_installed__",{configurable:!0,writable:!0,value:!0})}(e),$e(e))}var ke={install:function(e){return xe(e)}};"undefined"!=typeof window&&window.Vue&&window.Vue.use(ke),e.computed=function(e){var n,t,r,i,u=b();if("function"==typeof e?n=e:(n=e.get,t=e.set),u){var a,f=function(){if(!v){var e=_(y(),{computed:{value:function(){return 0}}}),n=e._computedWatchers.value.constructor,t=e._data.__ob__.dep.constructor;v={Watcher:n,Dep:t},e.$destroy()}return v}(),c=f.Watcher,l=f.Dep;i=function(){return a||(a=new c(u,n,o,{lazy:!0})),a.dirty&&a.evaluate(),l.target&&a.depend(),a.value},r=function(e){t&&t(e)}}else{var s=_(y(),{computed:{$$state:{get:n,set:t}}});i=function(){return s.$$state},r=function(e){s.$$state=e}}return I({get:i,set:r},!t)},e.createApp=function(e,n){void 0===n&&(n=void 0);var t=y(),r=void 0;return{config:t.config,use:t.use.bind(t),mixin:t.mixin.bind(t),component:t.component.bind(t),directive:t.directive.bind(t),mount:function(o,i){return r||((r=new t(O({propsData:n},e))).$mount(o,i),r)},unmount:function(){r&&(r.$destroy(),r=void 0)}}},e.customRef=function(e){var n=U(0);return I(e((function(){n.value}),(function(){++n.value})))},e.default=ke,e.defineComponent=function(e){return e},e.getCurrentInstance=b,e.h=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];var t=b();return t?t.$createElement.apply(t,e):(s("`createElement()` has been called outside of render function."),_e||(_e=_(y()).$createElement),_e.apply(_e,e))},e.inject=function(e,n){if(!e)return n;var t=b();if(t){var r=function(e,n){for(var t=n;t;){if(t._provided&&f(t._provided,e))return t._provided[e];t=t.$parent}return ge}(e,t);return r!==ge?r:n}s("inject() can only be used inside setup() or functional components.")},e.isReactive=Q,e.isReadonly=function(e){return f(e,C)&&e[C]},e.isRef=V,e.markRaw=X,e.markReactive=H,e.nextTick=function(){for(var e,n=[],t=0;t<arguments.length;t++)n[t]=arguments[t];return null===(e=y())||void 0===e?void 0:e.nextTick.apply(this,n)},e.onActivated=ae,e.onBeforeMount=ee,e.onBeforeUnmount=oe,e.onBeforeUpdate=te,e.onDeactivated=fe,e.onErrorCaptured=ue,e.onMounted=ne,e.onServerPrefetch=ce,e.onUnmounted=ie,e.onUpdated=re,e.provide=function(e,n){var t=h();if(t){if(!t._provided){var r={};Object.defineProperty(t,"_provided",{get:function(){return r},set:function(e){return Object.assign(r,e)}})}t._provided[e]=n}},e.proxyRefs=function(e){var n,t,r;if(Q(e))return e;var o=L(((n={})[M]=e,n)),i=function(e){u(o,e,{get:function(){return V(o[e])?o[e].value:o[e]},set:function(n){if(V(o[e]))return o[e].value=z(n);o[e]=z(n)}})};try{for(var a=j(Object.keys(e)),f=a.next();!f.done;f=a.next()){i(f.value)}}catch(e){t={error:e}}finally{try{f&&!f.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}return o},e.reactive=L,e.ref=U,e.set=function(e,n,t){var r,o=y().util,i=(o.warn,o.defineReactive);if(r=e,Array.isArray(r)&&function(e){var n=parseFloat(String(e));return n>=0&&Math.floor(n)===n&&isFinite(e)}(n))return e.length=Math.max(e.length,n),e.splice(n,1,t),t;if(n in e&&!(n in Object.prototype))return e[n]=t,t;var u=e.__ob__;return e._isVue||u&&u.vmCount?t:u?(i(u.value,n,t),J(e,n,t),H(u.value[n]),u.dep.notify(),t):(e[n]=t,t)},e.shallowReactive=G,e.shallowReadonly=function(e){var n,t,r;if(!c(e)||!Object.isExtensible(e))return e;var o=((n={})[C]=!0,n),i=L({}),u=i.__ob__,a=function(n){var t,r=e[n],i=void 0,a=Object.getOwnPropertyDescriptor(e,n);if(a){if(!1===a.configurable)return"continue";t=a.get,i=a.set,t&&!i||2!==f.length||(r=e[n])}Object.defineProperty(o,n,{enumerable:!0,configurable:!0,get:function(){var n=t?t.call(e):r;return u.dep.depend(),n},set:function(e){}})},f=arguments;try{for(var l=j(Object.keys(e)),s=l.next();!s.done;s=l.next()){var v=s.value;a(v)}}catch(e){t={error:e}}finally{try{s&&!s.done&&(r=l.return)&&r.call(l)}finally{if(t)throw t.error}}return o},e.shallowRef=function(e){var n;if(V(e))return e;var t=G(((n={})[M]=e,n));return I({get:function(){return t[M]},set:function(e){return t[M]=e}})},e.toRaw=function(e){return W(e)||!Object.isExtensible(e)?e:e.__ob__.value||e},e.toRef=B,e.toRefs=function(e){if(!c(e))return e;var n={};for(var t in e)n[t]=B(e,t);return n},e.triggerRef=function(e){V(e)&&(e.value=e.value)},e.unref=z,e.useCSSModule=function(e){void 0===e&&(e="$style");var n=b();if(!n)return he;var t=n[e];return t||he},e.watch=function(e,n,t){var r=null;"function"==typeof n?r=n:(t=n,r=null);var o=function(e){return O({immediate:!1,deep:!1,flush:"post"},e)}(t);return be(ve(),e,r,o)},e.watchEffect=function(e,n){var t=function(e){return O({immediate:!0,deep:!1,flush:"post"},e)}(n);return be(ve(),e,null,t)},Object.defineProperty(e,"__esModule",{value:!0})}));

0

index.js

@@ -0,0 +0,0 @@ 'use strict'

2

package.json
{
"name": "@vue/composition-api",
"version": "1.0.0-beta.6",
"version": "1.0.0-beta.7",
"description": "Provide logic composition capabilities for Vue.",

@@ -5,0 +5,0 @@ "keywords": [

30

README.md

@@ -43,3 +43,3 @@ # @vue/composition-api

<script src="https://cdn.jsdelivr.net/npm/vue@2.6"></script>
<script src="https://cdn.jsdelivr.net/npm/@vue/composition-api@1.0.0-beta.6"></script>
<script src="https://cdn.jsdelivr.net/npm/@vue/composition-api@1.0.0-beta.7"></script>
```

@@ -365,3 +365,3 @@ <!--cdn-links-end-->

### createApp
### `createApp`

@@ -386,3 +386,3 @@ <details>

### shallowReadonly
### `shallowReadonly`

@@ -398,2 +398,25 @@ <details>

### `props`
<details>
<summary>
⚠️ <code>toRefs(props.foo.bar)</code> will incorrectly warn when acessing nested levels of props.
⚠️ <code>isReactive(props.foo.bar)</code> will return false.
</summary>
```ts
defineComponent({
setup(props) {
const { bar } = toRefs(props.foo) // it will `warn`
// use this instead
const { foo } = toRefs(props)
const a = foo.value.bar
}
})
```
</details>
### Missing APIs

@@ -408,3 +431,2 @@

- `isProxy`
- `isVNode`

@@ -411,0 +433,0 @@ ### Reactive APIs in `data()`

76

README.zh-CN.md
# @vue/composition-api
Vue 2 插件用于提供 Vue 3 中的 **组合式 API**.
用于提供 **组合式 API** 的 Vue 2 插件.

@@ -10,3 +10,2 @@ [![npm](https://img.shields.io/npm/v/@vue/composition-api)](https://www.npmjs.com/package/@vue/composition-api)

## 安装

@@ -22,3 +21,3 @@

在使用 `@vue/composition-api` 前，必须先先通过 `Vue.use()` 进行安装后方可使用使用新的 [**组合式 API**](https://composition-api.vuejs.org/zh) 进行组件开发。
在使用 `@vue/composition-api` 前，必须先通过 `Vue.use()` 进行安装。之后才可使用新的 [**组合式 API**](https://composition-api.vuejs.org/zh) 进行组件开发。

@@ -39,3 +38,2 @@ ```js

### CDN

@@ -48,3 +46,3 @@

<script src="https://cdn.jsdelivr.net/npm/vue@2.6"></script>
<script src="https://cdn.jsdelivr.net/npm/@vue/composition-api@1.0.0-beta.6"></script>
<script src="https://cdn.jsdelivr.net/npm/@vue/composition-api@1.0.0-beta.7"></script>
```

@@ -63,3 +61,3 @@ <!--cdn-links-end-->

为了让 TypeScript 在 Vue 组件选项中正确地推导类型，我们必须使用 `defineComponent` 来定义组件:
为了让 TypeScript 在 Vue 组件选项中正确地进行类型推导，我们必须使用 `defineComponent` 来定义组件:

@@ -80,3 +78,3 @@ ```ts

尽管 Vue 3 暂时没有给出确定的 SSR 的 API，这个插件实现了 `onServerPrefetch` 生命周期钩子函数。这个钩子允许你使用在传统 API 中的 `serverPrefetch` 函数。
尽管 Vue 3 暂时没有给出确定的 SSR 的 API，这个插件实现了 `onServerPrefetch` 生命周期钩子函数。这个钩子允许你使用传统 API 中的 `serverPrefetch` 函数。

@@ -95,5 +93,5 @@ ```js

return {
result
result,
}
}
},
}

@@ -106,3 +104,2 @@ ```

### `Ref` 自动展开 (unwrap)

@@ -112,3 +109,2 @@

<details>

@@ -133,3 +129,2 @@ <summary>

<details>

@@ -140,9 +135,8 @@ <summary>

```js
const a = {
count: ref(0)
count: ref(0),
}
const b = reactive({
list: [a] // `a.count` 不会自动展开!!
list: [a], // `a.count` 不会自动展开!!
})

@@ -158,5 +152,5 @@

{
count: ref(0) // 不会自动展开!!
}
]
count: ref(0), // 不会自动展开!!
},
],
})

@@ -170,3 +164,2 @@

<details>

@@ -179,6 +172,6 @@ <summary>

const a = reactive({
count: ref(0)
count: ref(0),
})
const b = reactive({
list: [a]
list: [a],
})

@@ -190,7 +183,7 @@ // 自动展开

reactive({
count: ref(1)
count: ref(1),
})
)
// 自动展开
b.list[1].count === 1; // true
b.list[1].count === 1 // true
```

@@ -223,5 +216,5 @@

return {
root
root,
}
}
},
}

@@ -233,4 +226,2 @@ </script>

<details>

@@ -252,3 +243,3 @@ <summary>

return {
root
root,
}

@@ -259,3 +250,3 @@ },

return () => <div ref="root" />
}
},
}

@@ -266,3 +257,2 @@ ```

<details>

@@ -273,3 +263,2 @@ <summary>

```html

@@ -286,5 +275,5 @@ <template>

return {
root
root,
}
}
},
}

@@ -296,3 +285,2 @@ </script>

<details>

@@ -315,3 +303,3 @@ <summary>

return () => <div ref={root} />
}
},
}

@@ -327,3 +315,2 @@ ```

> :warning: **警告**: `SetupContext.refs` 并不属于 `Vue 3.0` 的一部分, `@vue/composition-api` 将其曝光在 `SetupContext` 中只是临时提供一种变通方案。

@@ -339,3 +326,3 @@

// 在初次渲染后 DOM 元素会被赋值给 ref
console.log(refs.root); // <div/>
console.log(refs.root) // <div/>
})

@@ -381,3 +368,2 @@

### Watch

@@ -394,6 +380,7 @@

/* ... */
}, {
},
{
immediate: true,
onTrack() {}, // 不可用
onTrigger() {}, // 不可用
onTrack() {}, // 不可用
onTrigger() {}, // 不可用
}

@@ -440,5 +427,5 @@ )

// 在模版中会成为 { a: { value: 1 } }
a: ref(1)
a: ref(1),
}
}
},
}

@@ -449,7 +436,6 @@ ```

### 性能影响
用于 Vue 2 所提供的公共 API 的限制，`@vue/composition-api` 不可避免地引入了额外的性能开销。在非极端情况下，这并不会对你造成影响。
由于 Vue 2 的公共 API 的限制，`@vue/composition-api` 不可避免地引入了额外的性能开销。除非在极端情况下，否则这并不会对你造成影响。
你可以查看这个 [跑分结果](https://antfu.github.io/vue-composition-api-benchmark-results/) 了解更多信息。
LICENSE

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc