reactivity.cjs.prod.js 36 KB

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