@next-core/brick-kit 2.115.0 → 2.115.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [2.115.1](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.115.0...@next-core/brick-kit@2.115.1) (2022-03-30)
7
+
8
+ **Note:** Version bump only for package @next-core/brick-kit
9
+
10
+
11
+
12
+
13
+
6
14
  # [2.115.0](https://github.com/easyops-cn/next-core/compare/@next-core/brick-kit@2.114.0...@next-core/brick-kit@2.115.0) (2022-03-30)
7
15
 
8
16
 
@@ -2186,28 +2186,28 @@
2186
2186
  return tplContextMap.get(tplContextId);
2187
2187
  }
2188
2188
 
2189
- var MediaSize;
2189
+ var MediaBreakpoint;
2190
2190
 
2191
- (function (MediaSize) {
2192
- MediaSize["xLarge"] = "xLarge";
2193
- MediaSize["large"] = "large";
2194
- MediaSize["medium"] = "medium";
2195
- MediaSize["small"] = "small";
2196
- MediaSize["xSmall"] = "xSmall";
2197
- })(MediaSize || (MediaSize = {}));
2191
+ (function (MediaBreakpoint) {
2192
+ MediaBreakpoint["xLarge"] = "xLarge";
2193
+ MediaBreakpoint["large"] = "large";
2194
+ MediaBreakpoint["medium"] = "medium";
2195
+ MediaBreakpoint["small"] = "small";
2196
+ MediaBreakpoint["xSmall"] = "xSmall";
2197
+ })(MediaBreakpoint || (MediaBreakpoint = {}));
2198
2198
 
2199
- var mediaSizeBreakpointMap = new Map([[MediaSize.xLarge, "1920px"], [MediaSize.large, "1600px"], [MediaSize.medium, "1280px"], [MediaSize.small, "1024px"], [MediaSize.xSmall, 0]]);
2199
+ var mediaBreakpointMinWidthMap = new Map([[MediaBreakpoint.xLarge, "1920px"], [MediaBreakpoint.large, "1600px"], [MediaBreakpoint.medium, "1280px"], [MediaBreakpoint.small, "1024px"], [MediaBreakpoint.xSmall, 0]]);
2200
2200
  var mediaEventTarget = new EventTarget$1();
2201
- var sizeMatchesMap = {};
2201
+ var breakpointMatchesMap = {};
2202
2202
  var MEDIA = {};
2203
2203
 
2204
- function handleMatchesChange(data, size) {
2204
+ function handleMatchesChange(data, breakpoint) {
2205
2205
  var changed = false;
2206
- sizeMatchesMap[size] = data.matches;
2206
+ breakpointMatchesMap[breakpoint] = data.matches;
2207
2207
 
2208
- for (var [_size] of mediaSizeBreakpointMap) {
2209
- if (sizeMatchesMap[_size] && MEDIA.size !== _size) {
2210
- MEDIA.size = _size;
2208
+ for (var [_breakpoint] of mediaBreakpointMinWidthMap) {
2209
+ if (breakpointMatchesMap[_breakpoint] && MEDIA.breakpoint !== _breakpoint) {
2210
+ MEDIA.breakpoint = _breakpoint;
2211
2211
  changed = true;
2212
2212
  break;
2213
2213
  }
@@ -2220,17 +2220,17 @@
2220
2220
  }
2221
2221
  }
2222
2222
 
2223
- mediaSizeBreakpointMap.forEach((breakpoint, size) => {
2224
- var mediaQueryList = window.matchMedia("(min-width: ".concat(breakpoint, ")"));
2225
- handleMatchesChange(mediaQueryList, size);
2223
+ mediaBreakpointMinWidthMap.forEach((minWidth, breakpoint) => {
2224
+ var mediaQueryList = window.matchMedia("(min-width: ".concat(minWidth, ")"));
2225
+ handleMatchesChange(mediaQueryList, breakpoint);
2226
2226
 
2227
2227
  if (mediaQueryList.addEventListener) {
2228
2228
  mediaQueryList.addEventListener("change", event => {
2229
- handleMatchesChange(event, size);
2229
+ handleMatchesChange(event, breakpoint);
2230
2230
  });
2231
2231
  } else {
2232
2232
  mediaQueryList.addListener(event => {
2233
- handleMatchesChange(event, size);
2233
+ handleMatchesChange(event, breakpoint);
2234
2234
  });
2235
2235
  }
2236
2236
  });