useCache.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  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 = function _default(values) {
  14. var cacheRef = (0, _vue.shallowRef)({
  15. valueLabels: new Map()
  16. });
  17. var mergedValues = (0, _vue.shallowRef)();
  18. (0, _vue.watch)(values, function () {
  19. mergedValues.value = (0, _vue.toRaw)(values.value);
  20. }, {
  21. immediate: true
  22. });
  23. var newFilledValues = (0, _vue.computed)(function () {
  24. var valueLabels = cacheRef.value.valueLabels;
  25. var valueLabelsCache = new Map();
  26. var filledValues = mergedValues.value.map(function (item) {
  27. var _item$label;
  28. var value = item.value;
  29. var mergedLabel = (_item$label = item.label) !== null && _item$label !== void 0 ? _item$label : valueLabels.get(value);
  30. // Save in cache
  31. valueLabelsCache.set(value, mergedLabel);
  32. return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
  33. label: mergedLabel
  34. });
  35. });
  36. cacheRef.value.valueLabels = valueLabelsCache;
  37. return filledValues;
  38. });
  39. return [newFilledValues];
  40. };
  41. exports.default = _default;