Browse Source

fix: typo substract -> subtract (#3551)

pull/3552/head
苗大 3 years ago
committed by GitHub
parent
commit
f3fbb57dc9
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
  1. 24
      src/hooks/web/useContentHeight.ts

24
src/hooks/web/useContentHeight.ts

@ -1,8 +1,8 @@
import { ComputedRef, isRef, nextTick, Ref, ref, unref, watch } from 'vue';
import { onMountedOrActivated, useWindowSizeFn } from '@vben/hooks';
import { useLayoutHeight } from '@/layouts/default/content/useContentViewHeight'; import { useLayoutHeight } from '@/layouts/default/content/useContentViewHeight';
import { getViewportOffset } from '@/utils/domUtils'; import { getViewportOffset } from '@/utils/domUtils';
import { isNumber, isString } from '@/utils/is'; import { isNumber, isString } from '@/utils/is';
import { onMountedOrActivated, useWindowSizeFn } from '@vben/hooks';
import { ComputedRef, isRef, nextTick, Ref, ref, unref, watch } from 'vue';
export interface CompensationHeight { export interface CompensationHeight {
// 使用 layout Footer 高度作为判断补偿高度的条件 // 使用 layout Footer 高度作为判断补偿高度的条件
@ -20,7 +20,7 @@ type Upward = number | string | null | undefined;
* @param flag 用于开启计算的响应式标识 * @param flag 用于开启计算的响应式标识
* @param anchorRef 锚点组件 Ref<ElRef | ComponentRef> * @param anchorRef 锚点组件 Ref<ElRef | ComponentRef>
* @param subtractHeightRefs 待减去高度的组件列表 Ref<ElRef | ComponentRef> * @param subtractHeightRefs 待减去高度的组件列表 Ref<ElRef | ComponentRef>
* @param substractSpaceRefs 待减去空闲空间(margins/paddings)的组件列表 Ref<ElRef | ComponentRef> * @param subtractSpaceRefs 待减去空闲空间(margins/paddings)的组件列表 Ref<ElRef | ComponentRef>
* @param offsetHeightRef 计算偏移的响应式高度,计算高度时将直接减去此值 * @param offsetHeightRef 计算偏移的响应式高度,计算高度时将直接减去此值
* @param upwardSpace 向上递归减去空闲空间的 层级 或 直到指定class为止 数值为2代表向上递归两次|数值为ant-layout表示向上递归直到碰见.ant-layout为止 * @param upwardSpace 向上递归减去空闲空间的 层级 或 直到指定class为止 数值为2代表向上递归两次|数值为ant-layout表示向上递归直到碰见.ant-layout为止
* @returns 响应式高度 * @returns 响应式高度
@ -29,7 +29,7 @@ export function useContentHeight(
flag: ComputedRef<Boolean>, flag: ComputedRef<Boolean>,
anchorRef: Ref, anchorRef: Ref,
subtractHeightRefs: Ref[], subtractHeightRefs: Ref[],
substractSpaceRefs: Ref[], subtractSpaceRefs: Ref[],
upwardSpace: Ref<Upward> | ComputedRef<Upward> | Upward = 0, upwardSpace: Ref<Upward> | ComputedRef<Upward> | Upward = 0,
offsetHeightRef: Ref<number> = ref(0), offsetHeightRef: Ref<number> = ref(0),
) { ) {
@ -100,16 +100,16 @@ export function useContentHeight(
} }
const { bottomIncludeBody } = getViewportOffset(anchorEl); const { bottomIncludeBody } = getViewportOffset(anchorEl);
// substract elements height // subtract elements height
let substractHeight = 0; let subtractHeight = 0;
subtractHeightRefs.forEach((item) => { subtractHeightRefs.forEach((item) => {
substractHeight += getEl(unref(item))?.offsetHeight ?? 0; subtractHeight += getEl(unref(item))?.offsetHeight ?? 0;
}); });
// subtract margins / paddings // subtract margins / paddings
let substractSpaceHeight = calcSubtractSpace(anchorEl) ?? 0; let subtractSpaceHeight = calcSubtractSpace(anchorEl) ?? 0;
substractSpaceRefs.forEach((item) => { subtractSpaceRefs.forEach((item) => {
substractSpaceHeight += calcSubtractSpace(getEl(unref(item))); subtractSpaceHeight += calcSubtractSpace(getEl(unref(item)));
}); });
// upwardSpace // upwardSpace
@ -144,8 +144,8 @@ export function useContentHeight(
bottomIncludeBody - bottomIncludeBody -
unref(layoutFooterHeightRef) - unref(layoutFooterHeightRef) -
unref(offsetHeightRef) - unref(offsetHeightRef) -
substractHeight - subtractHeight -
substractSpaceHeight - subtractSpaceHeight -
upwardSpaceHeight; upwardSpaceHeight;
// compensation height // compensation height

Loading…
Cancel
Save