reactivity.global.js 45 KB

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