lisang
/
d2-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: minWidth minKey

This commit is contained in:
FairyEver 2021-12-03 19:07:52 +08:00
parent 68557ea9d3
commit f950ac603f
1 changed files with 2 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
d2/use/break-point.js
View File

@ -4,9 +4,6 @@ import { useWindowSize } from 'd2/use/window-size.js'
import { useConfig } from 'd2/components/d2/config/use.js'
import { breakPoints } from 'd2/utils/const/break-point.js'
const minKey = 'min'
const minWidth = 0
/**
* Get breakpoint status
* @param {Object} breakPointsParam break point setting, if do not set this parameter, use global config
@ -25,15 +22,13 @@ export function useBreakPoint (breakPointsParam) {
breakPoints,
breakPointsConfig,
breakPointsParam,
{
[minKey]: minWidth
}
{ min: 0 }
)
const widths = values(_points).sort((a, b) => a - b)
const dict = invert(_points)
const activeWidth = computed(() => widths.reduce((r, e) => unref(width) >= e ? e : r, minWidth))
const activeWidth = computed(() => widths.reduce((r, e) => unref(width) >= e ? e : r, 0))
const activeName = computed(() => dict[unref(activeWidth)])
const status = mapValues(_points, (v, k) => computed(() => unref(activeName) === k))