reactivity.cjs.prod.js 31 KB

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