reactivity.cjs.prod.js 31 KB

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