test/element-plus
1
0
Fork 0
mirror of https://gitee.com/element-plus/element-plus.git synced 2024-12-05 04:37:47 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

refactor(components): [form-label-wrap] use getStyle method (#13913)

Browse Source
This commit is contained in:
tiansQAQ 2023-08-09 20:52:03 +08:00 committed by GitHub
parent ec639c4d14
commit c6a6d9bc6e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/components/form/src/form-label-wrap.tsx
View File

@ -11,7 +11,7 @@ import {
watch, watch,
} from 'vue' } from 'vue'
import { useResizeObserver } from '@vueuse/core' import { useResizeObserver } from '@vueuse/core'
import { throwError } from '@element-plus/utils' import { getStyle, throwError } from '@element-plus/utils'
import { useNamespace } from '@element-plus/hooks' import { useNamespace } from '@element-plus/hooks'
import { formContextKey, formItemContextKey } from './constants' import { formContextKey, formItemContextKey } from './constants'
@ -41,8 +41,11 @@ export default defineComponent({
const getLabelWidth = () => { const getLabelWidth = () => {
if (el.value?.firstElementChild) { if (el.value?.firstElementChild) {
const width = window.getComputedStyle(el.value.firstElementChild).width const width = getStyle(
return Math.ceil(Number.parseFloat(width)) el.value.firstElementChild as HTMLElement,
'width'
)
return Math.ceil(Number.parseFloat(width)) || 0
} else { } else {
return 0 return 0
} }