reactivity.global.js 43 KB

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