reactivity.esm-browser.js 34 KB

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