reactivity.global.js 46 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360
  1. var VueReactivity = (function (exports) {
  2. 'use strict';
  3. /**
  4. * Make a map and return a function for checking if a key
  5. * is in that map.
  6. * IMPORTANT: all calls of this function must be prefixed with
  7. * \/\*#\_\_PURE\_\_\*\/
  8. * So that rollup can tree-shake them if necessary.
  9. */
  10. function makeMap(str, expectsLowerCase) {
  11. const map = Object.create(null);
  12. const list = str.split(',');
  13. for (let i = 0; i < list.length; i++) {
  14. map[list[i]] = true;
  15. }
  16. return expectsLowerCase ? val => !!map[val.toLowerCase()] : val => !!map[val];
  17. }
  18. const extend = Object.assign;
  19. const hasOwnProperty$1 = Object.prototype.hasOwnProperty;
  20. const hasOwn = (val, key) => hasOwnProperty$1.call(val, key);
  21. const isArray = Array.isArray;
  22. const isMap = (val) => toTypeString(val) === '[object Map]';
  23. const isFunction = (val) => typeof val === 'function';
  24. const isString = (val) => typeof val === 'string';
  25. const isSymbol = (val) => typeof val === 'symbol';
  26. const isObject = (val) => val !== null && typeof val === 'object';
  27. const objectToString = Object.prototype.toString;
  28. const toTypeString = (value) => objectToString.call(value);
  29. const toRawType = (value) => {
  30. // extract "RawType" from strings like "[object RawType]"
  31. return toTypeString(value).slice(8, -1);
  32. };
  33. const isIntegerKey = (key) => isString(key) &&
  34. key !== 'NaN' &&
  35. key[0] !== '-' &&
  36. '' + parseInt(key, 10) === key;
  37. const cacheStringFunction = (fn) => {
  38. const cache = Object.create(null);
  39. return ((str) => {
  40. const hit = cache[str];
  41. return hit || (cache[str] = fn(str));
  42. });
  43. };
  44. /**
  45. * @private
  46. */
  47. const capitalize = cacheStringFunction((str) => str.charAt(0).toUpperCase() + str.slice(1));
  48. // compare whether a value has changed, accounting for NaN.
  49. const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
  50. const def = (obj, key, value) => {
  51. Object.defineProperty(obj, key, {
  52. configurable: true,
  53. enumerable: false,
  54. value
  55. });
  56. };
  57. function warn(msg, ...args) {
  58. console.warn(`[Vue warn] ${msg}`, ...args);
  59. }
  60. let activeEffectScope;
  61. class EffectScope {
  62. constructor(detached = false) {
  63. this.detached = detached;
  64. /**
  65. * @internal
  66. */
  67. this._active = true;
  68. /**
  69. * @internal
  70. */
  71. this.effects = [];
  72. /**
  73. * @internal
  74. */
  75. this.cleanups = [];
  76. this.parent = activeEffectScope;
  77. if (!detached && activeEffectScope) {
  78. this.index =
  79. (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
  80. }
  81. }
  82. get active() {
  83. return this._active;
  84. }
  85. run(fn) {
  86. if (this._active) {
  87. const currentEffectScope = activeEffectScope;
  88. try {
  89. activeEffectScope = this;
  90. return fn();
  91. }
  92. finally {
  93. activeEffectScope = currentEffectScope;
  94. }
  95. }
  96. else {
  97. warn(`cannot run an inactive effect scope.`);
  98. }
  99. }
  100. /**
  101. * This should only be called on non-detached scopes
  102. * @internal
  103. */
  104. on() {
  105. activeEffectScope = this;
  106. }
  107. /**
  108. * This should only be called on non-detached scopes
  109. * @internal
  110. */
  111. off() {
  112. activeEffectScope = this.parent;
  113. }
  114. stop(fromParent) {
  115. if (this._active) {
  116. let i, l;
  117. for (i = 0, l = this.effects.length; i < l; i++) {
  118. this.effects[i].stop();
  119. }
  120. for (i = 0, l = this.cleanups.length; i < l; i++) {
  121. this.cleanups[i]();
  122. }
  123. if (this.scopes) {
  124. for (i = 0, l = this.scopes.length; i < l; i++) {
  125. this.scopes[i].stop(true);
  126. }
  127. }
  128. // nested scope, dereference from parent to avoid memory leaks
  129. if (!this.detached && this.parent && !fromParent) {
  130. // optimized O(1) removal
  131. const last = this.parent.scopes.pop();
  132. if (last && last !== this) {
  133. this.parent.scopes[this.index] = last;
  134. last.index = this.index;
  135. }
  136. }
  137. this.parent = undefined;
  138. this._active = false;
  139. }
  140. }
  141. }
  142. function effectScope(detached) {
  143. return new EffectScope(detached);
  144. }
  145. function recordEffectScope(effect, scope = activeEffectScope) {
  146. if (scope && scope.active) {
  147. scope.effects.push(effect);
  148. }
  149. }
  150. function getCurrentScope() {
  151. return activeEffectScope;
  152. }
  153. function onScopeDispose(fn) {
  154. if (activeEffectScope) {
  155. activeEffectScope.cleanups.push(fn);
  156. }
  157. else {
  158. warn(`onScopeDispose() is called when there is no active effect scope` +
  159. ` to be associated with.`);
  160. }
  161. }
  162. const createDep = (effects) => {
  163. const dep = new Set(effects);
  164. dep.w = 0;
  165. dep.n = 0;
  166. return dep;
  167. };
  168. const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
  169. const newTracked = (dep) => (dep.n & trackOpBit) > 0;
  170. const initDepMarkers = ({ deps }) => {
  171. if (deps.length) {
  172. for (let i = 0; i < deps.length; i++) {
  173. deps[i].w |= trackOpBit; // set was tracked
  174. }
  175. }
  176. };
  177. const finalizeDepMarkers = (effect) => {
  178. const { deps } = effect;
  179. if (deps.length) {
  180. let ptr = 0;
  181. for (let i = 0; i < deps.length; i++) {
  182. const dep = deps[i];
  183. if (wasTracked(dep) && !newTracked(dep)) {
  184. dep.delete(effect);
  185. }
  186. else {
  187. deps[ptr++] = dep;
  188. }
  189. // clear bits
  190. dep.w &= ~trackOpBit;
  191. dep.n &= ~trackOpBit;
  192. }
  193. deps.length = ptr;
  194. }
  195. };
  196. const targetMap = new WeakMap();
  197. // The number of effects currently being tracked recursively.
  198. let effectTrackDepth = 0;
  199. let trackOpBit = 1;
  200. /**
  201. * The bitwise track markers support at most 30 levels of recursion.
  202. * This value is chosen to enable modern JS engines to use a SMI on all platforms.
  203. * When recursion depth is greater, fall back to using a full cleanup.
  204. */
  205. const maxMarkerBits = 30;
  206. let activeEffect;
  207. const ITERATE_KEY = Symbol('iterate' );
  208. const MAP_KEY_ITERATE_KEY = Symbol('Map key iterate' );
  209. class ReactiveEffect {
  210. constructor(fn, scheduler = null, scope) {
  211. this.fn = fn;
  212. this.scheduler = scheduler;
  213. this.active = true;
  214. this.deps = [];
  215. this.parent = undefined;
  216. recordEffectScope(this, scope);
  217. }
  218. run() {
  219. if (!this.active) {
  220. return this.fn();
  221. }
  222. let parent = activeEffect;
  223. let lastShouldTrack = shouldTrack;
  224. while (parent) {
  225. if (parent === this) {
  226. return;
  227. }
  228. parent = parent.parent;
  229. }
  230. try {
  231. this.parent = activeEffect;
  232. activeEffect = this;
  233. shouldTrack = true;
  234. trackOpBit = 1 << ++effectTrackDepth;
  235. if (effectTrackDepth <= maxMarkerBits) {
  236. initDepMarkers(this);
  237. }
  238. else {
  239. cleanupEffect(this);
  240. }
  241. return this.fn();
  242. }
  243. finally {
  244. if (effectTrackDepth <= maxMarkerBits) {
  245. finalizeDepMarkers(this);
  246. }
  247. trackOpBit = 1 << --effectTrackDepth;
  248. activeEffect = this.parent;
  249. shouldTrack = lastShouldTrack;
  250. this.parent = undefined;
  251. if (this.deferStop) {
  252. this.stop();
  253. }
  254. }
  255. }
  256. stop() {
  257. // stopped while running itself - defer the cleanup
  258. if (activeEffect === this) {
  259. this.deferStop = true;
  260. }
  261. else if (this.active) {
  262. cleanupEffect(this);
  263. if (this.onStop) {
  264. this.onStop();
  265. }
  266. this.active = false;
  267. }
  268. }
  269. }
  270. function cleanupEffect(effect) {
  271. const { deps } = effect;
  272. if (deps.length) {
  273. for (let i = 0; i < deps.length; i++) {
  274. deps[i].delete(effect);
  275. }
  276. deps.length = 0;
  277. }
  278. }
  279. function effect(fn, options) {
  280. if (fn.effect) {
  281. fn = fn.effect.fn;
  282. }
  283. const _effect = new ReactiveEffect(fn);
  284. if (options) {
  285. extend(_effect, options);
  286. if (options.scope)
  287. recordEffectScope(_effect, options.scope);
  288. }
  289. if (!options || !options.lazy) {
  290. _effect.run();
  291. }
  292. const runner = _effect.run.bind(_effect);
  293. runner.effect = _effect;
  294. return runner;
  295. }
  296. function stop(runner) {
  297. runner.effect.stop();
  298. }
  299. let shouldTrack = true;
  300. const trackStack = [];
  301. function pauseTracking() {
  302. trackStack.push(shouldTrack);
  303. shouldTrack = false;
  304. }
  305. function enableTracking() {
  306. trackStack.push(shouldTrack);
  307. shouldTrack = true;
  308. }
  309. function resetTracking() {
  310. const last = trackStack.pop();
  311. shouldTrack = last === undefined ? true : last;
  312. }
  313. function track(target, type, key) {
  314. if (shouldTrack && activeEffect) {
  315. let depsMap = targetMap.get(target);
  316. if (!depsMap) {
  317. targetMap.set(target, (depsMap = new Map()));
  318. }
  319. let dep = depsMap.get(key);
  320. if (!dep) {
  321. depsMap.set(key, (dep = createDep()));
  322. }
  323. const eventInfo = { effect: activeEffect, target, type, key }
  324. ;
  325. trackEffects(dep, eventInfo);
  326. }
  327. }
  328. function trackEffects(dep, debuggerEventExtraInfo) {
  329. let shouldTrack = false;
  330. if (effectTrackDepth <= maxMarkerBits) {
  331. if (!newTracked(dep)) {
  332. dep.n |= trackOpBit; // set newly tracked
  333. shouldTrack = !wasTracked(dep);
  334. }
  335. }
  336. else {
  337. // Full cleanup mode.
  338. shouldTrack = !dep.has(activeEffect);
  339. }
  340. if (shouldTrack) {
  341. dep.add(activeEffect);
  342. activeEffect.deps.push(dep);
  343. if (activeEffect.onTrack) {
  344. activeEffect.onTrack(Object.assign({ effect: activeEffect }, debuggerEventExtraInfo));
  345. }
  346. }
  347. }
  348. function trigger(target, type, key, newValue, oldValue, oldTarget) {
  349. const depsMap = targetMap.get(target);
  350. if (!depsMap) {
  351. // never been tracked
  352. return;
  353. }
  354. let deps = [];
  355. if (type === "clear" /* TriggerOpTypes.CLEAR */) {
  356. // collection being cleared
  357. // trigger all effects for target
  358. deps = [...depsMap.values()];
  359. }
  360. else if (key === 'length' && isArray(target)) {
  361. const newLength = Number(newValue);
  362. depsMap.forEach((dep, key) => {
  363. if (key === 'length' || key >= newLength) {
  364. deps.push(dep);
  365. }
  366. });
  367. }
  368. else {
  369. // schedule runs for SET | ADD | DELETE
  370. if (key !== void 0) {
  371. deps.push(depsMap.get(key));
  372. }
  373. // also run for iteration key on ADD | DELETE | Map.SET
  374. switch (type) {
  375. case "add" /* TriggerOpTypes.ADD */:
  376. if (!isArray(target)) {
  377. deps.push(depsMap.get(ITERATE_KEY));
  378. if (isMap(target)) {
  379. deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
  380. }
  381. }
  382. else if (isIntegerKey(key)) {
  383. // new index added to array -> length changes
  384. deps.push(depsMap.get('length'));
  385. }
  386. break;
  387. case "delete" /* TriggerOpTypes.DELETE */:
  388. if (!isArray(target)) {
  389. deps.push(depsMap.get(ITERATE_KEY));
  390. if (isMap(target)) {
  391. deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
  392. }
  393. }
  394. break;
  395. case "set" /* TriggerOpTypes.SET */:
  396. if (isMap(target)) {
  397. deps.push(depsMap.get(ITERATE_KEY));
  398. }
  399. break;
  400. }
  401. }
  402. const eventInfo = { target, type, key, newValue, oldValue, oldTarget }
  403. ;
  404. if (deps.length === 1) {
  405. if (deps[0]) {
  406. {
  407. triggerEffects(deps[0], eventInfo);
  408. }
  409. }
  410. }
  411. else {
  412. const effects = [];
  413. for (const dep of deps) {
  414. if (dep) {
  415. effects.push(...dep);
  416. }
  417. }
  418. {
  419. triggerEffects(createDep(effects), eventInfo);
  420. }
  421. }
  422. }
  423. function triggerEffects(dep, debuggerEventExtraInfo) {
  424. // spread into array for stabilization
  425. const effects = isArray(dep) ? dep : [...dep];
  426. for (const effect of effects) {
  427. if (effect.computed) {
  428. triggerEffect(effect, debuggerEventExtraInfo);
  429. }
  430. }
  431. for (const effect of effects) {
  432. if (!effect.computed) {
  433. triggerEffect(effect, debuggerEventExtraInfo);
  434. }
  435. }
  436. }
  437. function triggerEffect(effect, debuggerEventExtraInfo) {
  438. if (effect !== activeEffect || effect.allowRecurse) {
  439. if (effect.onTrigger) {
  440. effect.onTrigger(extend({ effect }, debuggerEventExtraInfo));
  441. }
  442. if (effect.scheduler) {
  443. effect.scheduler();
  444. }
  445. else {
  446. effect.run();
  447. }
  448. }
  449. }
  450. function getDepFromReactive(object, key) {
  451. var _a;
  452. return (_a = targetMap.get(object)) === null || _a === void 0 ? void 0 : _a.get(key);
  453. }
  454. const isNonTrackableKeys = /*#__PURE__*/ makeMap(`__proto__,__v_isRef,__isVue`);
  455. const builtInSymbols = new Set(
  456. /*#__PURE__*/
  457. Object.getOwnPropertyNames(Symbol)
  458. // ios10.x Object.getOwnPropertyNames(Symbol) can enumerate 'arguments' and 'caller'
  459. // but accessing them on Symbol leads to TypeError because Symbol is a strict mode
  460. // function
  461. .filter(key => key !== 'arguments' && key !== 'caller')
  462. .map(key => Symbol[key])
  463. .filter(isSymbol));
  464. const get$1 = /*#__PURE__*/ createGetter();
  465. const shallowGet = /*#__PURE__*/ createGetter(false, true);
  466. const readonlyGet = /*#__PURE__*/ createGetter(true);
  467. const shallowReadonlyGet = /*#__PURE__*/ createGetter(true, true);
  468. const arrayInstrumentations = /*#__PURE__*/ createArrayInstrumentations();
  469. function createArrayInstrumentations() {
  470. const instrumentations = {};
  471. ['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
  472. instrumentations[key] = function (...args) {
  473. const arr = toRaw(this);
  474. for (let i = 0, l = this.length; i < l; i++) {
  475. track(arr, "get" /* TrackOpTypes.GET */, i + '');
  476. }
  477. // we run the method using the original args first (which may be reactive)
  478. const res = arr[key](...args);
  479. if (res === -1 || res === false) {
  480. // if that didn't work, run it again using raw values.
  481. return arr[key](...args.map(toRaw));
  482. }
  483. else {
  484. return res;
  485. }
  486. };
  487. });
  488. ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => {
  489. instrumentations[key] = function (...args) {
  490. pauseTracking();
  491. const res = toRaw(this)[key].apply(this, args);
  492. resetTracking();
  493. return res;
  494. };
  495. });
  496. return instrumentations;
  497. }
  498. function hasOwnProperty(key) {
  499. const obj = toRaw(this);
  500. track(obj, "has" /* TrackOpTypes.HAS */, key);
  501. return obj.hasOwnProperty(key);
  502. }
  503. function createGetter(isReadonly = false, shallow = false) {
  504. return function get(target, key, receiver) {
  505. if (key === "__v_isReactive" /* ReactiveFlags.IS_REACTIVE */) {
  506. return !isReadonly;
  507. }
  508. else if (key === "__v_isReadonly" /* ReactiveFlags.IS_READONLY */) {
  509. return isReadonly;
  510. }
  511. else if (key === "__v_isShallow" /* ReactiveFlags.IS_SHALLOW */) {
  512. return shallow;
  513. }
  514. else if (key === "__v_raw" /* ReactiveFlags.RAW */ &&
  515. receiver ===
  516. (isReadonly
  517. ? shallow
  518. ? shallowReadonlyMap
  519. : readonlyMap
  520. : shallow
  521. ? shallowReactiveMap
  522. : reactiveMap).get(target)) {
  523. return target;
  524. }
  525. const targetIsArray = isArray(target);
  526. if (!isReadonly) {
  527. if (targetIsArray && hasOwn(arrayInstrumentations, key)) {
  528. return Reflect.get(arrayInstrumentations, key, receiver);
  529. }
  530. if (key === 'hasOwnProperty') {
  531. return hasOwnProperty;
  532. }
  533. }
  534. const res = Reflect.get(target, key, receiver);
  535. if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) {
  536. return res;
  537. }
  538. if (!isReadonly) {
  539. track(target, "get" /* TrackOpTypes.GET */, key);
  540. }
  541. if (shallow) {
  542. return res;
  543. }
  544. if (isRef(res)) {
  545. // ref unwrapping - skip unwrap for Array + integer key.
  546. return targetIsArray && isIntegerKey(key) ? res : res.value;
  547. }
  548. if (isObject(res)) {
  549. // Convert returned value into a proxy as well. we do the isObject check
  550. // here to avoid invalid value warning. Also need to lazy access readonly
  551. // and reactive here to avoid circular dependency.
  552. return isReadonly ? readonly(res) : reactive(res);
  553. }
  554. return res;
  555. };
  556. }
  557. const set$1 = /*#__PURE__*/ createSetter();
  558. const shallowSet = /*#__PURE__*/ createSetter(true);
  559. function createSetter(shallow = false) {
  560. return function set(target, key, value, receiver) {
  561. let oldValue = target[key];
  562. if (isReadonly(oldValue) && isRef(oldValue) && !isRef(value)) {
  563. return false;
  564. }
  565. if (!shallow) {
  566. if (!isShallow(value) && !isReadonly(value)) {
  567. oldValue = toRaw(oldValue);
  568. value = toRaw(value);
  569. }
  570. if (!isArray(target) && isRef(oldValue) && !isRef(value)) {
  571. oldValue.value = value;
  572. return true;
  573. }
  574. }
  575. const hadKey = isArray(target) && isIntegerKey(key)
  576. ? Number(key) < target.length
  577. : hasOwn(target, key);
  578. const result = Reflect.set(target, key, value, receiver);
  579. // don't trigger if target is something up in the prototype chain of original
  580. if (target === toRaw(receiver)) {
  581. if (!hadKey) {
  582. trigger(target, "add" /* TriggerOpTypes.ADD */, key, value);
  583. }
  584. else if (hasChanged(value, oldValue)) {
  585. trigger(target, "set" /* TriggerOpTypes.SET */, key, value, oldValue);
  586. }
  587. }
  588. return result;
  589. };
  590. }
  591. function deleteProperty(target, key) {
  592. const hadKey = hasOwn(target, key);
  593. const oldValue = target[key];
  594. const result = Reflect.deleteProperty(target, key);
  595. if (result && hadKey) {
  596. trigger(target, "delete" /* TriggerOpTypes.DELETE */, key, undefined, oldValue);
  597. }
  598. return result;
  599. }
  600. function has$1(target, key) {
  601. const result = Reflect.has(target, key);
  602. if (!isSymbol(key) || !builtInSymbols.has(key)) {
  603. track(target, "has" /* TrackOpTypes.HAS */, key);
  604. }
  605. return result;
  606. }
  607. function ownKeys(target) {
  608. track(target, "iterate" /* TrackOpTypes.ITERATE */, isArray(target) ? 'length' : ITERATE_KEY);
  609. return Reflect.ownKeys(target);
  610. }
  611. const mutableHandlers = {
  612. get: get$1,
  613. set: set$1,
  614. deleteProperty,
  615. has: has$1,
  616. ownKeys
  617. };
  618. const readonlyHandlers = {
  619. get: readonlyGet,
  620. set(target, key) {
  621. {
  622. warn(`Set operation on key "${String(key)}" failed: target is readonly.`, target);
  623. }
  624. return true;
  625. },
  626. deleteProperty(target, key) {
  627. {
  628. warn(`Delete operation on key "${String(key)}" failed: target is readonly.`, target);
  629. }
  630. return true;
  631. }
  632. };
  633. const shallowReactiveHandlers = /*#__PURE__*/ extend({}, mutableHandlers, {
  634. get: shallowGet,
  635. set: shallowSet
  636. });
  637. // Props handlers are special in the sense that it should not unwrap top-level
  638. // refs (in order to allow refs to be explicitly passed down), but should
  639. // retain the reactivity of the normal readonly object.
  640. const shallowReadonlyHandlers = /*#__PURE__*/ extend({}, readonlyHandlers, {
  641. get: shallowReadonlyGet
  642. });
  643. const toShallow = (value) => value;
  644. const getProto = (v) => Reflect.getPrototypeOf(v);
  645. function get(target, key, isReadonly = false, isShallow = false) {
  646. // #1772: readonly(reactive(Map)) should return readonly + reactive version
  647. // of the value
  648. target = target["__v_raw" /* ReactiveFlags.RAW */];
  649. const rawTarget = toRaw(target);
  650. const rawKey = toRaw(key);
  651. if (!isReadonly) {
  652. if (key !== rawKey) {
  653. track(rawTarget, "get" /* TrackOpTypes.GET */, key);
  654. }
  655. track(rawTarget, "get" /* TrackOpTypes.GET */, rawKey);
  656. }
  657. const { has } = getProto(rawTarget);
  658. const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive;
  659. if (has.call(rawTarget, key)) {
  660. return wrap(target.get(key));
  661. }
  662. else if (has.call(rawTarget, rawKey)) {
  663. return wrap(target.get(rawKey));
  664. }
  665. else if (target !== rawTarget) {
  666. // #3602 readonly(reactive(Map))
  667. // ensure that the nested reactive `Map` can do tracking for itself
  668. target.get(key);
  669. }
  670. }
  671. function has(key, isReadonly = false) {
  672. const target = this["__v_raw" /* ReactiveFlags.RAW */];
  673. const rawTarget = toRaw(target);
  674. const rawKey = toRaw(key);
  675. if (!isReadonly) {
  676. if (key !== rawKey) {
  677. track(rawTarget, "has" /* TrackOpTypes.HAS */, key);
  678. }
  679. track(rawTarget, "has" /* TrackOpTypes.HAS */, rawKey);
  680. }
  681. return key === rawKey
  682. ? target.has(key)
  683. : target.has(key) || target.has(rawKey);
  684. }
  685. function size(target, isReadonly = false) {
  686. target = target["__v_raw" /* ReactiveFlags.RAW */];
  687. !isReadonly && track(toRaw(target), "iterate" /* TrackOpTypes.ITERATE */, ITERATE_KEY);
  688. return Reflect.get(target, 'size', target);
  689. }
  690. function add(value) {
  691. value = toRaw(value);
  692. const target = toRaw(this);
  693. const proto = getProto(target);
  694. const hadKey = proto.has.call(target, value);
  695. if (!hadKey) {
  696. target.add(value);
  697. trigger(target, "add" /* TriggerOpTypes.ADD */, value, value);
  698. }
  699. return this;
  700. }
  701. function set(key, value) {
  702. value = toRaw(value);
  703. const target = toRaw(this);
  704. const { has, get } = getProto(target);
  705. let hadKey = has.call(target, key);
  706. if (!hadKey) {
  707. key = toRaw(key);
  708. hadKey = has.call(target, key);
  709. }
  710. else {
  711. checkIdentityKeys(target, has, key);
  712. }
  713. const oldValue = get.call(target, key);
  714. target.set(key, value);
  715. if (!hadKey) {
  716. trigger(target, "add" /* TriggerOpTypes.ADD */, key, value);
  717. }
  718. else if (hasChanged(value, oldValue)) {
  719. trigger(target, "set" /* TriggerOpTypes.SET */, key, value, oldValue);
  720. }
  721. return this;
  722. }
  723. function deleteEntry(key) {
  724. const target = toRaw(this);
  725. const { has, get } = getProto(target);
  726. let hadKey = has.call(target, key);
  727. if (!hadKey) {
  728. key = toRaw(key);
  729. hadKey = has.call(target, key);
  730. }
  731. else {
  732. checkIdentityKeys(target, has, key);
  733. }
  734. const oldValue = get ? get.call(target, key) : undefined;
  735. // forward the operation before queueing reactions
  736. const result = target.delete(key);
  737. if (hadKey) {
  738. trigger(target, "delete" /* TriggerOpTypes.DELETE */, key, undefined, oldValue);
  739. }
  740. return result;
  741. }
  742. function clear() {
  743. const target = toRaw(this);
  744. const hadItems = target.size !== 0;
  745. const oldTarget = isMap(target)
  746. ? new Map(target)
  747. : new Set(target)
  748. ;
  749. // forward the operation before queueing reactions
  750. const result = target.clear();
  751. if (hadItems) {
  752. trigger(target, "clear" /* TriggerOpTypes.CLEAR */, undefined, undefined, oldTarget);
  753. }
  754. return result;
  755. }
  756. function createForEach(isReadonly, isShallow) {
  757. return function forEach(callback, thisArg) {
  758. const observed = this;
  759. const target = observed["__v_raw" /* ReactiveFlags.RAW */];
  760. const rawTarget = toRaw(target);
  761. const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive;
  762. !isReadonly && track(rawTarget, "iterate" /* TrackOpTypes.ITERATE */, ITERATE_KEY);
  763. return target.forEach((value, key) => {
  764. // important: make sure the callback is
  765. // 1. invoked with the reactive map as `this` and 3rd arg
  766. // 2. the value received should be a corresponding reactive/readonly.
  767. return callback.call(thisArg, wrap(value), wrap(key), observed);
  768. });
  769. };
  770. }
  771. function createIterableMethod(method, isReadonly, isShallow) {
  772. return function (...args) {
  773. const target = this["__v_raw" /* ReactiveFlags.RAW */];
  774. const rawTarget = toRaw(target);
  775. const targetIsMap = isMap(rawTarget);
  776. const isPair = method === 'entries' || (method === Symbol.iterator && targetIsMap);
  777. const isKeyOnly = method === 'keys' && targetIsMap;
  778. const innerIterator = target[method](...args);
  779. const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive;
  780. !isReadonly &&
  781. track(rawTarget, "iterate" /* TrackOpTypes.ITERATE */, isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY);
  782. // return a wrapped iterator which returns observed versions of the
  783. // values emitted from the real iterator
  784. return {
  785. // iterator protocol
  786. next() {
  787. const { value, done } = innerIterator.next();
  788. return done
  789. ? { value, done }
  790. : {
  791. value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value),
  792. done
  793. };
  794. },
  795. // iterable protocol
  796. [Symbol.iterator]() {
  797. return this;
  798. }
  799. };
  800. };
  801. }
  802. function createReadonlyMethod(type) {
  803. return function (...args) {
  804. {
  805. const key = args[0] ? `on key "${args[0]}" ` : ``;
  806. console.warn(`${capitalize(type)} operation ${key}failed: target is readonly.`, toRaw(this));
  807. }
  808. return type === "delete" /* TriggerOpTypes.DELETE */ ? false : this;
  809. };
  810. }
  811. function createInstrumentations() {
  812. const mutableInstrumentations = {
  813. get(key) {
  814. return get(this, key);
  815. },
  816. get size() {
  817. return size(this);
  818. },
  819. has,
  820. add,
  821. set,
  822. delete: deleteEntry,
  823. clear,
  824. forEach: createForEach(false, false)
  825. };
  826. const shallowInstrumentations = {
  827. get(key) {
  828. return get(this, key, false, true);
  829. },
  830. get size() {
  831. return size(this);
  832. },
  833. has,
  834. add,
  835. set,
  836. delete: deleteEntry,
  837. clear,
  838. forEach: createForEach(false, true)
  839. };
  840. const readonlyInstrumentations = {
  841. get(key) {
  842. return get(this, key, true);
  843. },
  844. get size() {
  845. return size(this, true);
  846. },
  847. has(key) {
  848. return has.call(this, key, true);
  849. },
  850. add: createReadonlyMethod("add" /* TriggerOpTypes.ADD */),
  851. set: createReadonlyMethod("set" /* TriggerOpTypes.SET */),
  852. delete: createReadonlyMethod("delete" /* TriggerOpTypes.DELETE */),
  853. clear: createReadonlyMethod("clear" /* TriggerOpTypes.CLEAR */),
  854. forEach: createForEach(true, false)
  855. };
  856. const shallowReadonlyInstrumentations = {
  857. get(key) {
  858. return get(this, key, true, true);
  859. },
  860. get size() {
  861. return size(this, true);
  862. },
  863. has(key) {
  864. return has.call(this, key, true);
  865. },
  866. add: createReadonlyMethod("add" /* TriggerOpTypes.ADD */),
  867. set: createReadonlyMethod("set" /* TriggerOpTypes.SET */),
  868. delete: createReadonlyMethod("delete" /* TriggerOpTypes.DELETE */),
  869. clear: createReadonlyMethod("clear" /* TriggerOpTypes.CLEAR */),
  870. forEach: createForEach(true, true)
  871. };
  872. const iteratorMethods = ['keys', 'values', 'entries', Symbol.iterator];
  873. iteratorMethods.forEach(method => {
  874. mutableInstrumentations[method] = createIterableMethod(method, false, false);
  875. readonlyInstrumentations[method] = createIterableMethod(method, true, false);
  876. shallowInstrumentations[method] = createIterableMethod(method, false, true);
  877. shallowReadonlyInstrumentations[method] = createIterableMethod(method, true, true);
  878. });
  879. return [
  880. mutableInstrumentations,
  881. readonlyInstrumentations,
  882. shallowInstrumentations,
  883. shallowReadonlyInstrumentations
  884. ];
  885. }
  886. const [mutableInstrumentations, readonlyInstrumentations, shallowInstrumentations, shallowReadonlyInstrumentations] = /* #__PURE__*/ createInstrumentations();
  887. function createInstrumentationGetter(isReadonly, shallow) {
  888. const instrumentations = shallow
  889. ? isReadonly
  890. ? shallowReadonlyInstrumentations
  891. : shallowInstrumentations
  892. : isReadonly
  893. ? readonlyInstrumentations
  894. : mutableInstrumentations;
  895. return (target, key, receiver) => {
  896. if (key === "__v_isReactive" /* ReactiveFlags.IS_REACTIVE */) {
  897. return !isReadonly;
  898. }
  899. else if (key === "__v_isReadonly" /* ReactiveFlags.IS_READONLY */) {
  900. return isReadonly;
  901. }
  902. else if (key === "__v_raw" /* ReactiveFlags.RAW */) {
  903. return target;
  904. }
  905. return Reflect.get(hasOwn(instrumentations, key) && key in target
  906. ? instrumentations
  907. : target, key, receiver);
  908. };
  909. }
  910. const mutableCollectionHandlers = {
  911. get: /*#__PURE__*/ createInstrumentationGetter(false, false)
  912. };
  913. const shallowCollectionHandlers = {
  914. get: /*#__PURE__*/ createInstrumentationGetter(false, true)
  915. };
  916. const readonlyCollectionHandlers = {
  917. get: /*#__PURE__*/ createInstrumentationGetter(true, false)
  918. };
  919. const shallowReadonlyCollectionHandlers = {
  920. get: /*#__PURE__*/ createInstrumentationGetter(true, true)
  921. };
  922. function checkIdentityKeys(target, has, key) {
  923. const rawKey = toRaw(key);
  924. if (rawKey !== key && has.call(target, rawKey)) {
  925. const type = toRawType(target);
  926. console.warn(`Reactive ${type} contains both the raw and reactive ` +
  927. `versions of the same object${type === `Map` ? ` as keys` : ``}, ` +
  928. `which can lead to inconsistencies. ` +
  929. `Avoid differentiating between the raw and reactive versions ` +
  930. `of an object and only use the reactive version if possible.`);
  931. }
  932. }
  933. const reactiveMap = new WeakMap();
  934. const shallowReactiveMap = new WeakMap();
  935. const readonlyMap = new WeakMap();
  936. const shallowReadonlyMap = new WeakMap();
  937. function targetTypeMap(rawType) {
  938. switch (rawType) {
  939. case 'Object':
  940. case 'Array':
  941. return 1 /* TargetType.COMMON */;
  942. case 'Map':
  943. case 'Set':
  944. case 'WeakMap':
  945. case 'WeakSet':
  946. return 2 /* TargetType.COLLECTION */;
  947. default:
  948. return 0 /* TargetType.INVALID */;
  949. }
  950. }
  951. function getTargetType(value) {
  952. return value["__v_skip" /* ReactiveFlags.SKIP */] || !Object.isExtensible(value)
  953. ? 0 /* TargetType.INVALID */
  954. : targetTypeMap(toRawType(value));
  955. }
  956. function reactive(target) {
  957. // if trying to observe a readonly proxy, return the readonly version.
  958. if (isReadonly(target)) {
  959. return target;
  960. }
  961. return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap);
  962. }
  963. /**
  964. * Return a shallowly-reactive copy of the original object, where only the root
  965. * level properties are reactive. It also does not auto-unwrap refs (even at the
  966. * root level).
  967. */
  968. function shallowReactive(target) {
  969. return createReactiveObject(target, false, shallowReactiveHandlers, shallowCollectionHandlers, shallowReactiveMap);
  970. }
  971. /**
  972. * Creates a readonly copy of the original object. Note the returned copy is not
  973. * made reactive, but `readonly` can be called on an already reactive object.
  974. */
  975. function readonly(target) {
  976. return createReactiveObject(target, true, readonlyHandlers, readonlyCollectionHandlers, readonlyMap);
  977. }
  978. /**
  979. * Returns a reactive-copy of the original object, where only the root level
  980. * properties are readonly, and does NOT unwrap refs nor recursively convert
  981. * returned properties.
  982. * This is used for creating the props proxy object for stateful components.
  983. */
  984. function shallowReadonly(target) {
  985. return createReactiveObject(target, true, shallowReadonlyHandlers, shallowReadonlyCollectionHandlers, shallowReadonlyMap);
  986. }
  987. function createReactiveObject(target, isReadonly, baseHandlers, collectionHandlers, proxyMap) {
  988. if (!isObject(target)) {
  989. {
  990. console.warn(`value cannot be made reactive: ${String(target)}`);
  991. }
  992. return target;
  993. }
  994. // target is already a Proxy, return it.
  995. // exception: calling readonly() on a reactive object
  996. if (target["__v_raw" /* ReactiveFlags.RAW */] &&
  997. !(isReadonly && target["__v_isReactive" /* ReactiveFlags.IS_REACTIVE */])) {
  998. return target;
  999. }
  1000. // target already has corresponding Proxy
  1001. const existingProxy = proxyMap.get(target);
  1002. if (existingProxy) {
  1003. return existingProxy;
  1004. }
  1005. // only specific value types can be observed.
  1006. const targetType = getTargetType(target);
  1007. if (targetType === 0 /* TargetType.INVALID */) {
  1008. return target;
  1009. }
  1010. const proxy = new Proxy(target, targetType === 2 /* TargetType.COLLECTION */ ? collectionHandlers : baseHandlers);
  1011. proxyMap.set(target, proxy);
  1012. return proxy;
  1013. }
  1014. function isReactive(value) {
  1015. if (isReadonly(value)) {
  1016. return isReactive(value["__v_raw" /* ReactiveFlags.RAW */]);
  1017. }
  1018. return !!(value && value["__v_isReactive" /* ReactiveFlags.IS_REACTIVE */]);
  1019. }
  1020. function isReadonly(value) {
  1021. return !!(value && value["__v_isReadonly" /* ReactiveFlags.IS_READONLY */]);
  1022. }
  1023. function isShallow(value) {
  1024. return !!(value && value["__v_isShallow" /* ReactiveFlags.IS_SHALLOW */]);
  1025. }
  1026. function isProxy(value) {
  1027. return isReactive(value) || isReadonly(value);
  1028. }
  1029. function toRaw(observed) {
  1030. const raw = observed && observed["__v_raw" /* ReactiveFlags.RAW */];
  1031. return raw ? toRaw(raw) : observed;
  1032. }
  1033. function markRaw(value) {
  1034. def(value, "__v_skip" /* ReactiveFlags.SKIP */, true);
  1035. return value;
  1036. }
  1037. const toReactive = (value) => isObject(value) ? reactive(value) : value;
  1038. const toReadonly = (value) => isObject(value) ? readonly(value) : value;
  1039. function trackRefValue(ref) {
  1040. if (shouldTrack && activeEffect) {
  1041. ref = toRaw(ref);
  1042. {
  1043. trackEffects(ref.dep || (ref.dep = createDep()), {
  1044. target: ref,
  1045. type: "get" /* TrackOpTypes.GET */,
  1046. key: 'value'
  1047. });
  1048. }
  1049. }
  1050. }
  1051. function triggerRefValue(ref, newVal) {
  1052. ref = toRaw(ref);
  1053. const dep = ref.dep;
  1054. if (dep) {
  1055. {
  1056. triggerEffects(dep, {
  1057. target: ref,
  1058. type: "set" /* TriggerOpTypes.SET */,
  1059. key: 'value',
  1060. newValue: newVal
  1061. });
  1062. }
  1063. }
  1064. }
  1065. function isRef(r) {
  1066. return !!(r && r.__v_isRef === true);
  1067. }
  1068. function ref(value) {
  1069. return createRef(value, false);
  1070. }
  1071. function shallowRef(value) {
  1072. return createRef(value, true);
  1073. }
  1074. function createRef(rawValue, shallow) {
  1075. if (isRef(rawValue)) {
  1076. return rawValue;
  1077. }
  1078. return new RefImpl(rawValue, shallow);
  1079. }
  1080. class RefImpl {
  1081. constructor(value, __v_isShallow) {
  1082. this.__v_isShallow = __v_isShallow;
  1083. this.dep = undefined;
  1084. this.__v_isRef = true;
  1085. this._rawValue = __v_isShallow ? value : toRaw(value);
  1086. this._value = __v_isShallow ? value : toReactive(value);
  1087. }
  1088. get value() {
  1089. trackRefValue(this);
  1090. return this._value;
  1091. }
  1092. set value(newVal) {
  1093. const useDirectValue = this.__v_isShallow || isShallow(newVal) || isReadonly(newVal);
  1094. newVal = useDirectValue ? newVal : toRaw(newVal);
  1095. if (hasChanged(newVal, this._rawValue)) {
  1096. this._rawValue = newVal;
  1097. this._value = useDirectValue ? newVal : toReactive(newVal);
  1098. triggerRefValue(this, newVal);
  1099. }
  1100. }
  1101. }
  1102. function triggerRef(ref) {
  1103. triggerRefValue(ref, ref.value );
  1104. }
  1105. function unref(ref) {
  1106. return isRef(ref) ? ref.value : ref;
  1107. }
  1108. const shallowUnwrapHandlers = {
  1109. get: (target, key, receiver) => unref(Reflect.get(target, key, receiver)),
  1110. set: (target, key, value, receiver) => {
  1111. const oldValue = target[key];
  1112. if (isRef(oldValue) && !isRef(value)) {
  1113. oldValue.value = value;
  1114. return true;
  1115. }
  1116. else {
  1117. return Reflect.set(target, key, value, receiver);
  1118. }
  1119. }
  1120. };
  1121. function proxyRefs(objectWithRefs) {
  1122. return isReactive(objectWithRefs)
  1123. ? objectWithRefs
  1124. : new Proxy(objectWithRefs, shallowUnwrapHandlers);
  1125. }
  1126. class CustomRefImpl {
  1127. constructor(factory) {
  1128. this.dep = undefined;
  1129. this.__v_isRef = true;
  1130. const { get, set } = factory(() => trackRefValue(this), () => triggerRefValue(this));
  1131. this._get = get;
  1132. this._set = set;
  1133. }
  1134. get value() {
  1135. return this._get();
  1136. }
  1137. set value(newVal) {
  1138. this._set(newVal);
  1139. }
  1140. }
  1141. function customRef(factory) {
  1142. return new CustomRefImpl(factory);
  1143. }
  1144. function toRefs(object) {
  1145. if (!isProxy(object)) {
  1146. console.warn(`toRefs() expects a reactive object but received a plain one.`);
  1147. }
  1148. const ret = isArray(object) ? new Array(object.length) : {};
  1149. for (const key in object) {
  1150. ret[key] = toRef(object, key);
  1151. }
  1152. return ret;
  1153. }
  1154. class ObjectRefImpl {
  1155. constructor(_object, _key, _defaultValue) {
  1156. this._object = _object;
  1157. this._key = _key;
  1158. this._defaultValue = _defaultValue;
  1159. this.__v_isRef = true;
  1160. }
  1161. get value() {
  1162. const val = this._object[this._key];
  1163. return val === undefined ? this._defaultValue : val;
  1164. }
  1165. set value(newVal) {
  1166. this._object[this._key] = newVal;
  1167. }
  1168. get dep() {
  1169. return getDepFromReactive(toRaw(this._object), this._key);
  1170. }
  1171. }
  1172. function toRef(object, key, defaultValue) {
  1173. const val = object[key];
  1174. return isRef(val)
  1175. ? val
  1176. : new ObjectRefImpl(object, key, defaultValue);
  1177. }
  1178. var _a$1;
  1179. class ComputedRefImpl {
  1180. constructor(getter, _setter, isReadonly, isSSR) {
  1181. this._setter = _setter;
  1182. this.dep = undefined;
  1183. this.__v_isRef = true;
  1184. this[_a$1] = false;
  1185. this._dirty = true;
  1186. this.effect = new ReactiveEffect(getter, () => {
  1187. if (!this._dirty) {
  1188. this._dirty = true;
  1189. triggerRefValue(this);
  1190. }
  1191. });
  1192. this.effect.computed = this;
  1193. this.effect.active = this._cacheable = !isSSR;
  1194. this["__v_isReadonly" /* ReactiveFlags.IS_READONLY */] = isReadonly;
  1195. }
  1196. get value() {
  1197. // the computed ref may get wrapped by other proxies e.g. readonly() #3376
  1198. const self = toRaw(this);
  1199. trackRefValue(self);
  1200. if (self._dirty || !self._cacheable) {
  1201. self._dirty = false;
  1202. self._value = self.effect.run();
  1203. }
  1204. return self._value;
  1205. }
  1206. set value(newValue) {
  1207. this._setter(newValue);
  1208. }
  1209. }
  1210. _a$1 = "__v_isReadonly" /* ReactiveFlags.IS_READONLY */;
  1211. function computed(getterOrOptions, debugOptions, isSSR = false) {
  1212. let getter;
  1213. let setter;
  1214. const onlyGetter = isFunction(getterOrOptions);
  1215. if (onlyGetter) {
  1216. getter = getterOrOptions;
  1217. setter = () => {
  1218. console.warn('Write operation failed: computed value is readonly');
  1219. }
  1220. ;
  1221. }
  1222. else {
  1223. getter = getterOrOptions.get;
  1224. setter = getterOrOptions.set;
  1225. }
  1226. const cRef = new ComputedRefImpl(getter, setter, onlyGetter || !setter, isSSR);
  1227. if (debugOptions && !isSSR) {
  1228. cRef.effect.onTrack = debugOptions.onTrack;
  1229. cRef.effect.onTrigger = debugOptions.onTrigger;
  1230. }
  1231. return cRef;
  1232. }
  1233. var _a;
  1234. const tick = /*#__PURE__*/ Promise.resolve();
  1235. const queue = [];
  1236. let queued = false;
  1237. const scheduler = (fn) => {
  1238. queue.push(fn);
  1239. if (!queued) {
  1240. queued = true;
  1241. tick.then(flush);
  1242. }
  1243. };
  1244. const flush = () => {
  1245. for (let i = 0; i < queue.length; i++) {
  1246. queue[i]();
  1247. }
  1248. queue.length = 0;
  1249. queued = false;
  1250. };
  1251. class DeferredComputedRefImpl {
  1252. constructor(getter) {
  1253. this.dep = undefined;
  1254. this._dirty = true;
  1255. this.__v_isRef = true;
  1256. this[_a] = true;
  1257. let compareTarget;
  1258. let hasCompareTarget = false;
  1259. let scheduled = false;
  1260. this.effect = new ReactiveEffect(getter, (computedTrigger) => {
  1261. if (this.dep) {
  1262. if (computedTrigger) {
  1263. compareTarget = this._value;
  1264. hasCompareTarget = true;
  1265. }
  1266. else if (!scheduled) {
  1267. const valueToCompare = hasCompareTarget ? compareTarget : this._value;
  1268. scheduled = true;
  1269. hasCompareTarget = false;
  1270. scheduler(() => {
  1271. if (this.effect.active && this._get() !== valueToCompare) {
  1272. triggerRefValue(this);
  1273. }
  1274. scheduled = false;
  1275. });
  1276. }
  1277. // chained upstream computeds are notified synchronously to ensure
  1278. // value invalidation in case of sync access; normal effects are
  1279. // deferred to be triggered in scheduler.
  1280. for (const e of this.dep) {
  1281. if (e.computed instanceof DeferredComputedRefImpl) {
  1282. e.scheduler(true /* computedTrigger */);
  1283. }
  1284. }
  1285. }
  1286. this._dirty = true;
  1287. });
  1288. this.effect.computed = this;
  1289. }
  1290. _get() {
  1291. if (this._dirty) {
  1292. this._dirty = false;
  1293. return (this._value = this.effect.run());
  1294. }
  1295. return this._value;
  1296. }
  1297. get value() {
  1298. trackRefValue(this);
  1299. // the computed ref may get wrapped by other proxies e.g. readonly() #3376
  1300. return toRaw(this)._get();
  1301. }
  1302. }
  1303. _a = "__v_isReadonly" /* ReactiveFlags.IS_READONLY */;
  1304. function deferredComputed(getter) {
  1305. return new DeferredComputedRefImpl(getter);
  1306. }
  1307. exports.EffectScope = EffectScope;
  1308. exports.ITERATE_KEY = ITERATE_KEY;
  1309. exports.ReactiveEffect = ReactiveEffect;
  1310. exports.computed = computed;
  1311. exports.customRef = customRef;
  1312. exports.deferredComputed = deferredComputed;
  1313. exports.effect = effect;
  1314. exports.effectScope = effectScope;
  1315. exports.enableTracking = enableTracking;
  1316. exports.getCurrentScope = getCurrentScope;
  1317. exports.isProxy = isProxy;
  1318. exports.isReactive = isReactive;
  1319. exports.isReadonly = isReadonly;
  1320. exports.isRef = isRef;
  1321. exports.isShallow = isShallow;
  1322. exports.markRaw = markRaw;
  1323. exports.onScopeDispose = onScopeDispose;
  1324. exports.pauseTracking = pauseTracking;
  1325. exports.proxyRefs = proxyRefs;
  1326. exports.reactive = reactive;
  1327. exports.readonly = readonly;
  1328. exports.ref = ref;
  1329. exports.resetTracking = resetTracking;
  1330. exports.shallowReactive = shallowReactive;
  1331. exports.shallowReadonly = shallowReadonly;
  1332. exports.shallowRef = shallowRef;
  1333. exports.stop = stop;
  1334. exports.toRaw = toRaw;
  1335. exports.toRef = toRef;
  1336. exports.toRefs = toRefs;
  1337. exports.track = track;
  1338. exports.trigger = trigger;
  1339. exports.triggerRef = triggerRef;
  1340. exports.unref = unref;
  1341. Object.defineProperty(exports, '__esModule', { value: true });
  1342. return exports;
  1343. })({});