reactivity.esm-bundler.js 34 KB

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