reactivity.esm-bundler.js 34 KB

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