reactivity.esm-browser.js 42 KB

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