reactivity.esm-browser.js 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911
  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 EMPTY_OBJ = Object.freeze({})
  17. ;
  18. Object.freeze([]) ;
  19. const extend = Object.assign;
  20. const hasOwnProperty = Object.prototype.hasOwnProperty;
  21. const hasOwn = (val, key) => hasOwnProperty.call(val, key);
  22. const isArray = Array.isArray;
  23. const isMap = (val) => toTypeString(val) === '[object Map]';
  24. const isFunction = (val) => typeof val === 'function';
  25. const isString = (val) => typeof val === 'string';
  26. const isSymbol = (val) => typeof val === 'symbol';
  27. const isObject = (val) => val !== null && typeof val === 'object';
  28. const objectToString = Object.prototype.toString;
  29. const toTypeString = (value) => objectToString.call(value);
  30. const toRawType = (value) => {
  31. // extract "RawType" from strings like "[object RawType]"
  32. return toTypeString(value).slice(8, -1);
  33. };
  34. const isIntegerKey = (key) => isString(key) &&
  35. key !== 'NaN' &&
  36. key[0] !== '-' &&
  37. '' + parseInt(key, 10) === key;
  38. const cacheStringFunction = (fn) => {
  39. const cache = Object.create(null);
  40. return ((str) => {
  41. const hit = cache[str];
  42. return hit || (cache[str] = fn(str));
  43. });
  44. };
  45. /**
  46. * @private
  47. */
  48. const capitalize = cacheStringFunction((str) => str.charAt(0).toUpperCase() + str.slice(1));
  49. // compare whether a value has changed, accounting for NaN.
  50. const hasChanged = (value, oldValue) => value !== oldValue && (value === value || oldValue === oldValue);
  51. const def = (obj, key, value) => {
  52. Object.defineProperty(obj, key, {
  53. configurable: true,
  54. enumerable: false,
  55. value
  56. });
  57. };
  58. const targetMap = new WeakMap();
  59. const effectStack = [];
  60. let activeEffect;
  61. const ITERATE_KEY = Symbol('iterate' );
  62. const MAP_KEY_ITERATE_KEY = Symbol('Map key iterate' );
  63. function isEffect(fn) {
  64. return fn && fn._isEffect === true;
  65. }
  66. function effect(fn, options = EMPTY_OBJ) {
  67. if (isEffect(fn)) {
  68. fn = fn.raw;
  69. }
  70. const effect = createReactiveEffect(fn, options);
  71. if (!options.lazy) {
  72. effect();
  73. }
  74. return effect;
  75. }
  76. function stop(effect) {
  77. if (effect.active) {
  78. cleanup(effect);
  79. if (effect.options.onStop) {
  80. effect.options.onStop();
  81. }
  82. effect.active = false;
  83. }
  84. }
  85. let uid = 0;
  86. function createReactiveEffect(fn, options) {
  87. const effect = function reactiveEffect() {
  88. if (!effect.active) {
  89. return options.scheduler ? undefined : fn();
  90. }
  91. if (!effectStack.includes(effect)) {
  92. cleanup(effect);
  93. try {
  94. enableTracking();
  95. effectStack.push(effect);
  96. activeEffect = effect;
  97. return fn();
  98. }
  99. finally {
  100. effectStack.pop();
  101. resetTracking();
  102. activeEffect = effectStack[effectStack.length - 1];
  103. }
  104. }
  105. };
  106. effect.id = uid++;
  107. effect.allowRecurse = !!options.allowRecurse;
  108. effect._isEffect = true;
  109. effect.active = true;
  110. effect.raw = fn;
  111. effect.deps = [];
  112. effect.options = options;
  113. return effect;
  114. }
  115. function cleanup(effect) {
  116. const { deps } = effect;
  117. if (deps.length) {
  118. for (let i = 0; i < deps.length; i++) {
  119. deps[i].delete(effect);
  120. }
  121. deps.length = 0;
  122. }
  123. }
  124. let shouldTrack = true;
  125. const trackStack = [];
  126. function pauseTracking() {
  127. trackStack.push(shouldTrack);
  128. shouldTrack = false;
  129. }
  130. function enableTracking() {
  131. trackStack.push(shouldTrack);
  132. shouldTrack = true;
  133. }
  134. function resetTracking() {
  135. const last = trackStack.pop();
  136. shouldTrack = last === undefined ? true : last;
  137. }
  138. function track(target, type, key) {
  139. if (!shouldTrack || activeEffect === undefined) {
  140. return;
  141. }
  142. let depsMap = targetMap.get(target);
  143. if (!depsMap) {
  144. targetMap.set(target, (depsMap = new Map()));
  145. }
  146. let dep = depsMap.get(key);
  147. if (!dep) {
  148. depsMap.set(key, (dep = new Set()));
  149. }
  150. if (!dep.has(activeEffect)) {
  151. dep.add(activeEffect);
  152. activeEffect.deps.push(dep);
  153. if (activeEffect.options.onTrack) {
  154. activeEffect.options.onTrack({
  155. effect: activeEffect,
  156. target,
  157. type,
  158. key
  159. });
  160. }
  161. }
  162. }
  163. function trigger(target, type, key, newValue, oldValue, oldTarget) {
  164. const depsMap = targetMap.get(target);
  165. if (!depsMap) {
  166. // never been tracked
  167. return;
  168. }
  169. const effects = new Set();
  170. const add = (effectsToAdd) => {
  171. if (effectsToAdd) {
  172. effectsToAdd.forEach(effect => {
  173. if (effect !== activeEffect || effect.allowRecurse) {
  174. effects.add(effect);
  175. }
  176. });
  177. }
  178. };
  179. if (type === "clear" /* CLEAR */) {
  180. // collection being cleared
  181. // trigger all effects for target
  182. depsMap.forEach(add);
  183. }
  184. else if (key === 'length' && isArray(target)) {
  185. depsMap.forEach((dep, key) => {
  186. if (key === 'length' || key >= newValue) {
  187. add(dep);
  188. }
  189. });
  190. }
  191. else {
  192. // schedule runs for SET | ADD | DELETE
  193. if (key !== void 0) {
  194. add(depsMap.get(key));
  195. }
  196. // also run for iteration key on ADD | DELETE | Map.SET
  197. switch (type) {
  198. case "add" /* ADD */:
  199. if (!isArray(target)) {
  200. add(depsMap.get(ITERATE_KEY));
  201. if (isMap(target)) {
  202. add(depsMap.get(MAP_KEY_ITERATE_KEY));
  203. }
  204. }
  205. else if (isIntegerKey(key)) {
  206. // new index added to array -> length changes
  207. add(depsMap.get('length'));
  208. }
  209. break;
  210. case "delete" /* DELETE */:
  211. if (!isArray(target)) {
  212. add(depsMap.get(ITERATE_KEY));
  213. if (isMap(target)) {
  214. add(depsMap.get(MAP_KEY_ITERATE_KEY));
  215. }
  216. }
  217. break;
  218. case "set" /* SET */:
  219. if (isMap(target)) {
  220. add(depsMap.get(ITERATE_KEY));
  221. }
  222. break;
  223. }
  224. }
  225. const run = (effect) => {
  226. if (effect.options.onTrigger) {
  227. effect.options.onTrigger({
  228. effect,
  229. target,
  230. key,
  231. type,
  232. newValue,
  233. oldValue,
  234. oldTarget
  235. });
  236. }
  237. if (effect.options.scheduler) {
  238. effect.options.scheduler(effect);
  239. }
  240. else {
  241. effect();
  242. }
  243. };
  244. effects.forEach(run);
  245. }
  246. const isNonTrackableKeys = /*#__PURE__*/ makeMap(`__proto__,__v_isRef,__isVue`);
  247. const builtInSymbols = new Set(Object.getOwnPropertyNames(Symbol)
  248. .map(key => Symbol[key])
  249. .filter(isSymbol));
  250. const get = /*#__PURE__*/ createGetter();
  251. const shallowGet = /*#__PURE__*/ createGetter(false, true);
  252. const readonlyGet = /*#__PURE__*/ createGetter(true);
  253. const shallowReadonlyGet = /*#__PURE__*/ createGetter(true, true);
  254. const arrayInstrumentations = {};
  255. ['includes', 'indexOf', 'lastIndexOf'].forEach(key => {
  256. const method = Array.prototype[key];
  257. arrayInstrumentations[key] = function (...args) {
  258. const arr = toRaw(this);
  259. for (let i = 0, l = this.length; i < l; i++) {
  260. track(arr, "get" /* GET */, i + '');
  261. }
  262. // we run the method using the original args first (which may be reactive)
  263. const res = method.apply(arr, args);
  264. if (res === -1 || res === false) {
  265. // if that didn't work, run it again using raw values.
  266. return method.apply(arr, args.map(toRaw));
  267. }
  268. else {
  269. return res;
  270. }
  271. };
  272. });
  273. ['push', 'pop', 'shift', 'unshift', 'splice'].forEach(key => {
  274. const method = Array.prototype[key];
  275. arrayInstrumentations[key] = function (...args) {
  276. pauseTracking();
  277. const res = method.apply(this, args);
  278. resetTracking();
  279. return res;
  280. };
  281. });
  282. function createGetter(isReadonly = false, shallow = false) {
  283. return function get(target, key, receiver) {
  284. if (key === "__v_isReactive" /* IS_REACTIVE */) {
  285. return !isReadonly;
  286. }
  287. else if (key === "__v_isReadonly" /* IS_READONLY */) {
  288. return isReadonly;
  289. }
  290. else if (key === "__v_raw" /* RAW */ &&
  291. receiver === (isReadonly ? readonlyMap : reactiveMap).get(target)) {
  292. return target;
  293. }
  294. const targetIsArray = isArray(target);
  295. if (!isReadonly && targetIsArray && hasOwn(arrayInstrumentations, key)) {
  296. return Reflect.get(arrayInstrumentations, key, receiver);
  297. }
  298. const res = Reflect.get(target, key, receiver);
  299. if (isSymbol(key)
  300. ? builtInSymbols.has(key)
  301. : isNonTrackableKeys(key)) {
  302. return res;
  303. }
  304. if (!isReadonly) {
  305. track(target, "get" /* GET */, key);
  306. }
  307. if (shallow) {
  308. return res;
  309. }
  310. if (isRef(res)) {
  311. // ref unwrapping - does not apply for Array + integer key.
  312. const shouldUnwrap = !targetIsArray || !isIntegerKey(key);
  313. return shouldUnwrap ? res.value : res;
  314. }
  315. if (isObject(res)) {
  316. // Convert returned value into a proxy as well. we do the isObject check
  317. // here to avoid invalid value warning. Also need to lazy access readonly
  318. // and reactive here to avoid circular dependency.
  319. return isReadonly ? readonly(res) : reactive(res);
  320. }
  321. return res;
  322. };
  323. }
  324. const set = /*#__PURE__*/ createSetter();
  325. const shallowSet = /*#__PURE__*/ createSetter(true);
  326. function createSetter(shallow = false) {
  327. return function set(target, key, value, receiver) {
  328. const oldValue = target[key];
  329. if (!shallow) {
  330. value = toRaw(value);
  331. if (!isArray(target) && isRef(oldValue) && !isRef(value)) {
  332. oldValue.value = value;
  333. return true;
  334. }
  335. }
  336. const hadKey = isArray(target) && isIntegerKey(key)
  337. ? Number(key) < target.length
  338. : hasOwn(target, key);
  339. const result = Reflect.set(target, key, value, receiver);
  340. // don't trigger if target is something up in the prototype chain of original
  341. if (target === toRaw(receiver)) {
  342. if (!hadKey) {
  343. trigger(target, "add" /* ADD */, key, value);
  344. }
  345. else if (hasChanged(value, oldValue)) {
  346. trigger(target, "set" /* SET */, key, value, oldValue);
  347. }
  348. }
  349. return result;
  350. };
  351. }
  352. function deleteProperty(target, key) {
  353. const hadKey = hasOwn(target, key);
  354. const oldValue = target[key];
  355. const result = Reflect.deleteProperty(target, key);
  356. if (result && hadKey) {
  357. trigger(target, "delete" /* DELETE */, key, undefined, oldValue);
  358. }
  359. return result;
  360. }
  361. function has(target, key) {
  362. const result = Reflect.has(target, key);
  363. if (!isSymbol(key) || !builtInSymbols.has(key)) {
  364. track(target, "has" /* HAS */, key);
  365. }
  366. return result;
  367. }
  368. function ownKeys(target) {
  369. track(target, "iterate" /* ITERATE */, isArray(target) ? 'length' : ITERATE_KEY);
  370. return Reflect.ownKeys(target);
  371. }
  372. const mutableHandlers = {
  373. get,
  374. set,
  375. deleteProperty,
  376. has,
  377. ownKeys
  378. };
  379. const readonlyHandlers = {
  380. get: readonlyGet,
  381. set(target, key) {
  382. {
  383. console.warn(`Set operation on key "${String(key)}" failed: target is readonly.`, target);
  384. }
  385. return true;
  386. },
  387. deleteProperty(target, key) {
  388. {
  389. console.warn(`Delete operation on key "${String(key)}" failed: target is readonly.`, target);
  390. }
  391. return true;
  392. }
  393. };
  394. const shallowReactiveHandlers = extend({}, mutableHandlers, {
  395. get: shallowGet,
  396. set: shallowSet
  397. });
  398. // Props handlers are special in the sense that it should not unwrap top-level
  399. // refs (in order to allow refs to be explicitly passed down), but should
  400. // retain the reactivity of the normal readonly object.
  401. const shallowReadonlyHandlers = extend({}, readonlyHandlers, {
  402. get: shallowReadonlyGet
  403. });
  404. const toReactive = (value) => isObject(value) ? reactive(value) : value;
  405. const toReadonly = (value) => isObject(value) ? readonly(value) : value;
  406. const toShallow = (value) => value;
  407. const getProto = (v) => Reflect.getPrototypeOf(v);
  408. function get$1(target, key, isReadonly = false, isShallow = false) {
  409. // #1772: readonly(reactive(Map)) should return readonly + reactive version
  410. // of the value
  411. target = target["__v_raw" /* RAW */];
  412. const rawTarget = toRaw(target);
  413. const rawKey = toRaw(key);
  414. if (key !== rawKey) {
  415. !isReadonly && track(rawTarget, "get" /* GET */, key);
  416. }
  417. !isReadonly && track(rawTarget, "get" /* GET */, rawKey);
  418. const { has } = getProto(rawTarget);
  419. const wrap = isReadonly ? toReadonly : isShallow ? toShallow : toReactive;
  420. if (has.call(rawTarget, key)) {
  421. return wrap(target.get(key));
  422. }
  423. else if (has.call(rawTarget, rawKey)) {
  424. return wrap(target.get(rawKey));
  425. }
  426. }
  427. function has$1(key, isReadonly = false) {
  428. const target = this["__v_raw" /* RAW */];
  429. const rawTarget = toRaw(target);
  430. const rawKey = toRaw(key);
  431. if (key !== rawKey) {
  432. !isReadonly && track(rawTarget, "has" /* HAS */, key);
  433. }
  434. !isReadonly && track(rawTarget, "has" /* HAS */, rawKey);
  435. return key === rawKey
  436. ? target.has(key)
  437. : target.has(key) || target.has(rawKey);
  438. }
  439. function size(target, isReadonly = false) {
  440. target = target["__v_raw" /* RAW */];
  441. !isReadonly && track(toRaw(target), "iterate" /* ITERATE */, ITERATE_KEY);
  442. return Reflect.get(target, 'size', target);
  443. }
  444. function add(value) {
  445. value = toRaw(value);
  446. const target = toRaw(this);
  447. const proto = getProto(target);
  448. const hadKey = proto.has.call(target, value);
  449. target.add(value);
  450. if (!hadKey) {
  451. trigger(target, "add" /* ADD */, value, value);
  452. }
  453. return this;
  454. }
  455. function set$1(key, value) {
  456. value = toRaw(value);
  457. const target = toRaw(this);
  458. const { has, get } = getProto(target);
  459. let hadKey = has.call(target, key);
  460. if (!hadKey) {
  461. key = toRaw(key);
  462. hadKey = has.call(target, key);
  463. }
  464. else {
  465. checkIdentityKeys(target, has, key);
  466. }
  467. const oldValue = get.call(target, key);
  468. target.set(key, value);
  469. if (!hadKey) {
  470. trigger(target, "add" /* ADD */, key, value);
  471. }
  472. else if (hasChanged(value, oldValue)) {
  473. trigger(target, "set" /* SET */, key, value, oldValue);
  474. }
  475. return this;
  476. }
  477. function deleteEntry(key) {
  478. const target = toRaw(this);
  479. const { has, get } = getProto(target);
  480. let hadKey = has.call(target, key);
  481. if (!hadKey) {
  482. key = toRaw(key);
  483. hadKey = has.call(target, key);
  484. }
  485. else {
  486. checkIdentityKeys(target, has, key);
  487. }
  488. const oldValue = get ? get.call(target, key) : undefined;
  489. // forward the operation before queueing reactions
  490. const result = target.delete(key);
  491. if (hadKey) {
  492. trigger(target, "delete" /* DELETE */, key, undefined, oldValue);
  493. }
  494. return result;
  495. }
  496. function clear() {
  497. const target = toRaw(this);
  498. const hadItems = target.size !== 0;
  499. const oldTarget = isMap(target)
  500. ? new Map(target)
  501. : new Set(target)
  502. ;
  503. // forward the operation before queueing reactions
  504. const result = target.clear();
  505. if (hadItems) {
  506. trigger(target, "clear" /* CLEAR */, undefined, undefined, oldTarget);
  507. }
  508. return result;
  509. }
  510. function createForEach(isReadonly, isShallow) {
  511. return function forEach(callback, thisArg) {
  512. const observed = this;
  513. const target = observed["__v_raw" /* RAW */];
  514. const rawTarget = toRaw(target);
  515. const wrap = isReadonly ? toReadonly : isShallow ? toShallow : toReactive;
  516. !isReadonly && track(rawTarget, "iterate" /* ITERATE */, ITERATE_KEY);
  517. return target.forEach((value, key) => {
  518. // important: make sure the callback is
  519. // 1. invoked with the reactive map as `this` and 3rd arg
  520. // 2. the value received should be a corresponding reactive/readonly.
  521. return callback.call(thisArg, wrap(value), wrap(key), observed);
  522. });
  523. };
  524. }
  525. function createIterableMethod(method, isReadonly, isShallow) {
  526. return function (...args) {
  527. const target = this["__v_raw" /* RAW */];
  528. const rawTarget = toRaw(target);
  529. const targetIsMap = isMap(rawTarget);
  530. const isPair = method === 'entries' || (method === Symbol.iterator && targetIsMap);
  531. const isKeyOnly = method === 'keys' && targetIsMap;
  532. const innerIterator = target[method](...args);
  533. const wrap = isReadonly ? toReadonly : isShallow ? toShallow : toReactive;
  534. !isReadonly &&
  535. track(rawTarget, "iterate" /* ITERATE */, isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY);
  536. // return a wrapped iterator which returns observed versions of the
  537. // values emitted from the real iterator
  538. return {
  539. // iterator protocol
  540. next() {
  541. const { value, done } = innerIterator.next();
  542. return done
  543. ? { value, done }
  544. : {
  545. value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value),
  546. done
  547. };
  548. },
  549. // iterable protocol
  550. [Symbol.iterator]() {
  551. return this;
  552. }
  553. };
  554. };
  555. }
  556. function createReadonlyMethod(type) {
  557. return function (...args) {
  558. {
  559. const key = args[0] ? `on key "${args[0]}" ` : ``;
  560. console.warn(`${capitalize(type)} operation ${key}failed: target is readonly.`, toRaw(this));
  561. }
  562. return type === "delete" /* DELETE */ ? false : this;
  563. };
  564. }
  565. const mutableInstrumentations = {
  566. get(key) {
  567. return get$1(this, key);
  568. },
  569. get size() {
  570. return size(this);
  571. },
  572. has: has$1,
  573. add,
  574. set: set$1,
  575. delete: deleteEntry,
  576. clear,
  577. forEach: createForEach(false, false)
  578. };
  579. const shallowInstrumentations = {
  580. get(key) {
  581. return get$1(this, key, false, true);
  582. },
  583. get size() {
  584. return size(this);
  585. },
  586. has: has$1,
  587. add,
  588. set: set$1,
  589. delete: deleteEntry,
  590. clear,
  591. forEach: createForEach(false, true)
  592. };
  593. const readonlyInstrumentations = {
  594. get(key) {
  595. return get$1(this, key, true);
  596. },
  597. get size() {
  598. return size(this, true);
  599. },
  600. has(key) {
  601. return has$1.call(this, key, true);
  602. },
  603. add: createReadonlyMethod("add" /* ADD */),
  604. set: createReadonlyMethod("set" /* SET */),
  605. delete: createReadonlyMethod("delete" /* DELETE */),
  606. clear: createReadonlyMethod("clear" /* CLEAR */),
  607. forEach: createForEach(true, false)
  608. };
  609. const iteratorMethods = ['keys', 'values', 'entries', Symbol.iterator];
  610. iteratorMethods.forEach(method => {
  611. mutableInstrumentations[method] = createIterableMethod(method, false, false);
  612. readonlyInstrumentations[method] = createIterableMethod(method, true, false);
  613. shallowInstrumentations[method] = createIterableMethod(method, false, true);
  614. });
  615. function createInstrumentationGetter(isReadonly, shallow) {
  616. const instrumentations = shallow
  617. ? shallowInstrumentations
  618. : isReadonly
  619. ? readonlyInstrumentations
  620. : mutableInstrumentations;
  621. return (target, key, receiver) => {
  622. if (key === "__v_isReactive" /* IS_REACTIVE */) {
  623. return !isReadonly;
  624. }
  625. else if (key === "__v_isReadonly" /* IS_READONLY */) {
  626. return isReadonly;
  627. }
  628. else if (key === "__v_raw" /* RAW */) {
  629. return target;
  630. }
  631. return Reflect.get(hasOwn(instrumentations, key) && key in target
  632. ? instrumentations
  633. : target, key, receiver);
  634. };
  635. }
  636. const mutableCollectionHandlers = {
  637. get: createInstrumentationGetter(false, false)
  638. };
  639. const shallowCollectionHandlers = {
  640. get: createInstrumentationGetter(false, true)
  641. };
  642. const readonlyCollectionHandlers = {
  643. get: createInstrumentationGetter(true, false)
  644. };
  645. function checkIdentityKeys(target, has, key) {
  646. const rawKey = toRaw(key);
  647. if (rawKey !== key && has.call(target, rawKey)) {
  648. const type = toRawType(target);
  649. console.warn(`Reactive ${type} contains both the raw and reactive ` +
  650. `versions of the same object${type === `Map` ? ` as keys` : ``}, ` +
  651. `which can lead to inconsistencies. ` +
  652. `Avoid differentiating between the raw and reactive versions ` +
  653. `of an object and only use the reactive version if possible.`);
  654. }
  655. }
  656. const reactiveMap = new WeakMap();
  657. const readonlyMap = new WeakMap();
  658. function targetTypeMap(rawType) {
  659. switch (rawType) {
  660. case 'Object':
  661. case 'Array':
  662. return 1 /* COMMON */;
  663. case 'Map':
  664. case 'Set':
  665. case 'WeakMap':
  666. case 'WeakSet':
  667. return 2 /* COLLECTION */;
  668. default:
  669. return 0 /* INVALID */;
  670. }
  671. }
  672. function getTargetType(value) {
  673. return value["__v_skip" /* SKIP */] || !Object.isExtensible(value)
  674. ? 0 /* INVALID */
  675. : targetTypeMap(toRawType(value));
  676. }
  677. function reactive(target) {
  678. // if trying to observe a readonly proxy, return the readonly version.
  679. if (target && target["__v_isReadonly" /* IS_READONLY */]) {
  680. return target;
  681. }
  682. return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers);
  683. }
  684. /**
  685. * Return a shallowly-reactive copy of the original object, where only the root
  686. * level properties are reactive. It also does not auto-unwrap refs (even at the
  687. * root level).
  688. */
  689. function shallowReactive(target) {
  690. return createReactiveObject(target, false, shallowReactiveHandlers, shallowCollectionHandlers);
  691. }
  692. /**
  693. * Creates a readonly copy of the original object. Note the returned copy is not
  694. * made reactive, but `readonly` can be called on an already reactive object.
  695. */
  696. function readonly(target) {
  697. return createReactiveObject(target, true, readonlyHandlers, readonlyCollectionHandlers);
  698. }
  699. /**
  700. * Returns a reactive-copy of the original object, where only the root level
  701. * properties are readonly, and does NOT unwrap refs nor recursively convert
  702. * returned properties.
  703. * This is used for creating the props proxy object for stateful components.
  704. */
  705. function shallowReadonly(target) {
  706. return createReactiveObject(target, true, shallowReadonlyHandlers, readonlyCollectionHandlers);
  707. }
  708. function createReactiveObject(target, isReadonly, baseHandlers, collectionHandlers) {
  709. if (!isObject(target)) {
  710. {
  711. console.warn(`value cannot be made reactive: ${String(target)}`);
  712. }
  713. return target;
  714. }
  715. // target is already a Proxy, return it.
  716. // exception: calling readonly() on a reactive object
  717. if (target["__v_raw" /* RAW */] &&
  718. !(isReadonly && target["__v_isReactive" /* IS_REACTIVE */])) {
  719. return target;
  720. }
  721. // target already has corresponding Proxy
  722. const proxyMap = isReadonly ? readonlyMap : reactiveMap;
  723. const existingProxy = proxyMap.get(target);
  724. if (existingProxy) {
  725. return existingProxy;
  726. }
  727. // only a whitelist of value types can be observed.
  728. const targetType = getTargetType(target);
  729. if (targetType === 0 /* INVALID */) {
  730. return target;
  731. }
  732. const proxy = new Proxy(target, targetType === 2 /* COLLECTION */ ? collectionHandlers : baseHandlers);
  733. proxyMap.set(target, proxy);
  734. return proxy;
  735. }
  736. function isReactive(value) {
  737. if (isReadonly(value)) {
  738. return isReactive(value["__v_raw" /* RAW */]);
  739. }
  740. return !!(value && value["__v_isReactive" /* IS_REACTIVE */]);
  741. }
  742. function isReadonly(value) {
  743. return !!(value && value["__v_isReadonly" /* IS_READONLY */]);
  744. }
  745. function isProxy(value) {
  746. return isReactive(value) || isReadonly(value);
  747. }
  748. function toRaw(observed) {
  749. return ((observed && toRaw(observed["__v_raw" /* RAW */])) || observed);
  750. }
  751. function markRaw(value) {
  752. def(value, "__v_skip" /* SKIP */, true);
  753. return value;
  754. }
  755. const convert = (val) => isObject(val) ? reactive(val) : val;
  756. function isRef(r) {
  757. return Boolean(r && r.__v_isRef === true);
  758. }
  759. function ref(value) {
  760. return createRef(value);
  761. }
  762. function shallowRef(value) {
  763. return createRef(value, true);
  764. }
  765. class RefImpl {
  766. constructor(_rawValue, _shallow = false) {
  767. this._rawValue = _rawValue;
  768. this._shallow = _shallow;
  769. this.__v_isRef = true;
  770. this._value = _shallow ? _rawValue : convert(_rawValue);
  771. }
  772. get value() {
  773. track(toRaw(this), "get" /* GET */, 'value');
  774. return this._value;
  775. }
  776. set value(newVal) {
  777. if (hasChanged(toRaw(newVal), this._rawValue)) {
  778. this._rawValue = newVal;
  779. this._value = this._shallow ? newVal : convert(newVal);
  780. trigger(toRaw(this), "set" /* SET */, 'value', newVal);
  781. }
  782. }
  783. }
  784. function createRef(rawValue, shallow = false) {
  785. if (isRef(rawValue)) {
  786. return rawValue;
  787. }
  788. return new RefImpl(rawValue, shallow);
  789. }
  790. function triggerRef(ref) {
  791. trigger(toRaw(ref), "set" /* SET */, 'value', ref.value );
  792. }
  793. function unref(ref) {
  794. return isRef(ref) ? ref.value : ref;
  795. }
  796. const shallowUnwrapHandlers = {
  797. get: (target, key, receiver) => unref(Reflect.get(target, key, receiver)),
  798. set: (target, key, value, receiver) => {
  799. const oldValue = target[key];
  800. if (isRef(oldValue) && !isRef(value)) {
  801. oldValue.value = value;
  802. return true;
  803. }
  804. else {
  805. return Reflect.set(target, key, value, receiver);
  806. }
  807. }
  808. };
  809. function proxyRefs(objectWithRefs) {
  810. return isReactive(objectWithRefs)
  811. ? objectWithRefs
  812. : new Proxy(objectWithRefs, shallowUnwrapHandlers);
  813. }
  814. class CustomRefImpl {
  815. constructor(factory) {
  816. this.__v_isRef = true;
  817. const { get, set } = factory(() => track(this, "get" /* GET */, 'value'), () => trigger(this, "set" /* SET */, 'value'));
  818. this._get = get;
  819. this._set = set;
  820. }
  821. get value() {
  822. return this._get();
  823. }
  824. set value(newVal) {
  825. this._set(newVal);
  826. }
  827. }
  828. function customRef(factory) {
  829. return new CustomRefImpl(factory);
  830. }
  831. function toRefs(object) {
  832. if (!isProxy(object)) {
  833. console.warn(`toRefs() expects a reactive object but received a plain one.`);
  834. }
  835. const ret = isArray(object) ? new Array(object.length) : {};
  836. for (const key in object) {
  837. ret[key] = toRef(object, key);
  838. }
  839. return ret;
  840. }
  841. class ObjectRefImpl {
  842. constructor(_object, _key) {
  843. this._object = _object;
  844. this._key = _key;
  845. this.__v_isRef = true;
  846. }
  847. get value() {
  848. return this._object[this._key];
  849. }
  850. set value(newVal) {
  851. this._object[this._key] = newVal;
  852. }
  853. }
  854. function toRef(object, key) {
  855. return isRef(object[key])
  856. ? object[key]
  857. : new ObjectRefImpl(object, key);
  858. }
  859. class ComputedRefImpl {
  860. constructor(getter, _setter, isReadonly) {
  861. this._setter = _setter;
  862. this._dirty = true;
  863. this.__v_isRef = true;
  864. this.effect = effect(getter, {
  865. lazy: true,
  866. scheduler: () => {
  867. if (!this._dirty) {
  868. this._dirty = true;
  869. trigger(toRaw(this), "set" /* SET */, 'value');
  870. }
  871. }
  872. });
  873. this["__v_isReadonly" /* IS_READONLY */] = isReadonly;
  874. }
  875. get value() {
  876. if (this._dirty) {
  877. this._value = this.effect();
  878. this._dirty = false;
  879. }
  880. track(toRaw(this), "get" /* GET */, 'value');
  881. return this._value;
  882. }
  883. set value(newValue) {
  884. this._setter(newValue);
  885. }
  886. }
  887. function computed(getterOrOptions) {
  888. let getter;
  889. let setter;
  890. if (isFunction(getterOrOptions)) {
  891. getter = getterOrOptions;
  892. setter = () => {
  893. console.warn('Write operation failed: computed value is readonly');
  894. }
  895. ;
  896. }
  897. else {
  898. getter = getterOrOptions.get;
  899. setter = getterOrOptions.set;
  900. }
  901. return new ComputedRefImpl(getter, setter, isFunction(getterOrOptions) || !getterOrOptions.set);
  902. }
  903. export { ITERATE_KEY, computed, customRef, effect, enableTracking, isProxy, isReactive, isReadonly, isRef, markRaw, pauseTracking, proxyRefs, reactive, readonly, ref, resetTracking, shallowReactive, shallowReadonly, shallowRef, stop, toRaw, toRef, toRefs, track, trigger, triggerRef, unref };