@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 +8 -0
- package/dist/index.bundle.js +20 -20
- package/dist/index.bundle.js.map +1 -1
- package/dist/index.esm.js +20 -20
- package/dist/index.esm.js.map +1 -1
- package/dist/types/internal/mediaQuery.d.ts +3 -3
- package/dist/types/internal/mediaQuery.d.ts.map +1 -1
- package/package.json +2 -2
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
|
|
package/dist/index.bundle.js
CHANGED
|
@@ -2186,28 +2186,28 @@
|
|
|
2186
2186
|
return tplContextMap.get(tplContextId);
|
|
2187
2187
|
}
|
|
2188
2188
|
|
|
2189
|
-
var
|
|
2189
|
+
var MediaBreakpoint;
|
|
2190
2190
|
|
|
2191
|
-
(function (
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
})(
|
|
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
|
|
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
|
|
2201
|
+
var breakpointMatchesMap = {};
|
|
2202
2202
|
var MEDIA = {};
|
|
2203
2203
|
|
|
2204
|
-
function handleMatchesChange(data,
|
|
2204
|
+
function handleMatchesChange(data, breakpoint) {
|
|
2205
2205
|
var changed = false;
|
|
2206
|
-
|
|
2206
|
+
breakpointMatchesMap[breakpoint] = data.matches;
|
|
2207
2207
|
|
|
2208
|
-
for (var [
|
|
2209
|
-
if (
|
|
2210
|
-
MEDIA.
|
|
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
|
-
|
|
2224
|
-
var mediaQueryList = window.matchMedia("(min-width: ".concat(
|
|
2225
|
-
handleMatchesChange(mediaQueryList,
|
|
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,
|
|
2229
|
+
handleMatchesChange(event, breakpoint);
|
|
2230
2230
|
});
|
|
2231
2231
|
} else {
|
|
2232
2232
|
mediaQueryList.addListener(event => {
|
|
2233
|
-
handleMatchesChange(event,
|
|
2233
|
+
handleMatchesChange(event, breakpoint);
|
|
2234
2234
|
});
|
|
2235
2235
|
}
|
|
2236
2236
|
});
|