reactivity.esm-browser.js 34 KB

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