useCache.js 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = void 0;
  7. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  8. var _vue = require("vue");
  9. /**
  10. * This function will try to call requestIdleCallback if available to save performance.
  11. * No need `getLabel` here since already fetch on `rawLabeledValue`.
  12. */
  13. var _default = values => {
  14. const cacheRef = (0, _vue.shallowRef)({
  15. valueLabels: new Map()
  16. });
  17. const mergedValues = (0, _vue.shallowRef)();
  18. (0, _vue.watch)(values, () => {
  19. mergedValues.value = (0, _vue.toRaw)(values.value);
  20. }, {
  21. immediate: true
  22. });
  23. const newFilledValues = (0, _vue.computed)(() => {
  24. const {
  25. valueLabels
  26. } = cacheRef.value;
  27. const valueLabelsCache = new Map();
  28. const filledValues = mergedValues.value.map(item => {
  29. var _a;
  30. const {
  31. value
  32. } = item;
  33. const mergedLabel = (_a = item.label) !== null && _a !== void 0 ? _a : valueLabels.get(value);
  34. // Save in cache
  35. valueLabelsCache.set(value, mergedLabel);
  36. return (0, _extends2.default)((0, _extends2.default)({}, item), {
  37. label: mergedLabel
  38. });
  39. });
  40. cacheRef.value.valueLabels = valueLabelsCache;
  41. return filledValues;
  42. });
  43. return [newFilledValues];
  44. };
  45. exports.default = _default;