reactivity.esm-browser.js 34 KB

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