OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Improved rendering performance by omitting unnecessary emits for hero and tabs

Browse Source
This commit is contained in:
squidfunk 2020-03-29 14:41:52 +02:00
parent 155ce0a268
commit e5f20b540d
7 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
material/assets/javascripts/bundle.f34104ec.min.js → material/assets/javascripts/bundle.ed8df680.min.js vendored
View File

File diff suppressed because one or more lines are too long

1
material/assets/javascripts/bundle.ed8df680.min.js.map Normal file
View File

File diff suppressed because one or more lines are too long

1
material/assets/javascripts/bundle.f34104ec.min.js.map
View File

File diff suppressed because one or more lines are too long

4
material/assets/manifest.json
View File

@ -1,6 +1,6 @@
{ {
"assets/javascripts/bundle.js": "assets/javascripts/bundle.f34104ec.min.js", "assets/javascripts/bundle.js": "assets/javascripts/bundle.ed8df680.min.js",
"assets/javascripts/bundle.js.map": "assets/javascripts/bundle.f34104ec.min.js.map", "assets/javascripts/bundle.js.map": "assets/javascripts/bundle.ed8df680.min.js.map",
"assets/javascripts/vendor.js": "assets/javascripts/vendor.c1fcc1cc.min.js", "assets/javascripts/vendor.js": "assets/javascripts/vendor.c1fcc1cc.min.js",
"assets/javascripts/vendor.js.map": "assets/javascripts/vendor.c1fcc1cc.min.js.map", "assets/javascripts/vendor.js.map": "assets/javascripts/vendor.c1fcc1cc.min.js.map",
"assets/javascripts/worker/search.js": "assets/javascripts/worker/search.3bc815f0.min.js", "assets/javascripts/worker/search.js": "assets/javascripts/worker/search.3bc815f0.min.js",

2
material/base.html
View File

@ -179,7 +179,7 @@
</div> </div>
{% block scripts %} {% block scripts %}
<script src="{{ 'assets/javascripts/vendor.c1fcc1cc.min.js' | url }}"></script> <script src="{{ 'assets/javascripts/vendor.c1fcc1cc.min.js' | url }}"></script>
<script src="{{ 'assets/javascripts/bundle.f34104ec.min.js' | url }}"></script> <script src="{{ 'assets/javascripts/bundle.ed8df680.min.js' | url }}"></script>
{%- set translations = {} -%} {%- set translations = {} -%}
{%- for key in [ {%- for key in [
"clipboard.copy", "clipboard.copy",

8
src/assets/javascripts/components/hero/_/index.ts
View File

@ -21,7 +21,11 @@
*/ */
import { Observable, OperatorFunction, pipe } from "rxjs" import { Observable, OperatorFunction, pipe } from "rxjs"
import { distinctUntilChanged, map, switchMap } from "rxjs/operators" import {
distinctUntilKeyChanged,
map,
switchMap
} from "rxjs/operators"
import { Viewport, watchViewportAt } from "browser" import { Viewport, watchViewportAt } from "browser"
@ -69,7 +73,7 @@ export function mountHero(
switchMap(el => watchViewportAt(el, { header$, viewport$ }) switchMap(el => watchViewportAt(el, { header$, viewport$ })
.pipe( .pipe(
map(({ offset: { y } }) => ({ hidden: y >= 20 })), map(({ offset: { y } }) => ({ hidden: y >= 20 })),
distinctUntilChanged(), distinctUntilKeyChanged("hidden"),
applyHero(el) applyHero(el)
) )
) )

8
src/assets/javascripts/components/tabs/_/index.ts
View File

@ -21,7 +21,11 @@
*/ */
import { Observable, OperatorFunction, of, pipe } from "rxjs" import { Observable, OperatorFunction, of, pipe } from "rxjs"
import { distinctUntilChanged, map, switchMap } from "rxjs/operators" import {
distinctUntilKeyChanged,
map,
switchMap
} from "rxjs/operators"
import { Viewport, watchViewportAt } from "browser" import { Viewport, watchViewportAt } from "browser"
@ -76,7 +80,7 @@ export function mountTabs(
return watchViewportAt(el, { header$, viewport$ }) return watchViewportAt(el, { header$, viewport$ })
.pipe( .pipe(
map(({ offset: { y } }) => ({ hidden: y >= 10 })), map(({ offset: { y } }) => ({ hidden: y >= 10 })),
distinctUntilChanged(), distinctUntilKeyChanged("hidden"),
applyTabs(el) applyTabs(el)
) )