javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: use prettier (#3228)

Browse Source 
* style: use prettier

* style: just prettier format, no code changes

* style: eslint fix
object-shorthand, prefer-const

* style: fix no-void

* style: no-console
This commit is contained in:
三咲智子
2021-09-04 19:29:28 +08:00
committed by GitHub
parent a4146608db
commit 55348b30b6
823 changed files with 55587 additions and 42248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
packages/components/loading/src/createLoadingComponent.ts
View File

@@ -14,7 +14,10 @@ import { removeClass } from '@element-plus/utils/dom'
import type { VNode } from 'vue'
import type { Nullable } from '@element-plus/utils/types'
import type { ILoadingCreateComponentParams, ILoadingInstance } from './loading.type'
import type {
ILoadingCreateComponentParams,
ILoadingInstance,
} from './loading.type'
export function createLoadingComponent({
options,
@@ -90,41 +93,67 @@ export function createLoadingComponent({
return componentSetupConfig
},
render() {
const spinner = h('svg', {
class: 'circular',
viewBox: this.svgViewBox ? this.svgViewBox : '25 25 50 50',
...(this.svg ? { innerHTML: this.svg } : {}),
}, [
h('circle', { class: 'path', cx: '50', cy: '50', r: '20', fill: 'none' }),
])
const spinner = h(
'svg',
{
class: 'circular',
viewBox: this.svgViewBox ? this.svgViewBox : '25 25 50 50',
...(this.svg ? { innerHTML: this.svg } : {}),
},
[
h('circle', {
class: 'path',
cx: '50',
cy: '50',
r: '20',
fill: 'none',
}),
]
)
const noSpinner = h('i', { class: this.spinner })
const spinnerText = h('p', { class: 'el-loading-text' }, [this.text])
return h(Transition, {
name: 'el-loading-fade',
onAfterLeave: this.handleAfterLeave,
}, {
default: withCtx(() => [withDirectives(createVNode('div', {
style: {
backgroundColor: this.background || '',
},
class: [
'el-loading-mask',
this.customClass,
this.fullscreen ? 'is-fullscreen' : '',
],
}, [
h('div', {
class: 'el-loading-spinner',
}, [
!this.spinner ? spinner : noSpinner,
this.text ? spinnerText : null,
return h(
Transition,
{
name: 'el-loading-fade',
onAfterLeave: this.handleAfterLeave,
},
{
default: withCtx(() => [
withDirectives(
createVNode(
'div',
{
style: {
backgroundColor: this.background || '',
},
class: [
'el-loading-mask',
this.customClass,
this.fullscreen ? 'is-fullscreen' : '',
],
},
[
h(
'div',
{
class: 'el-loading-spinner',
},
[
!this.spinner ? spinner : noSpinner,
this.text ? spinnerText : null,
]
),
]
),
[[vShow, this.visible]]
),
]),
]),
[[vShow, this.visible]])]),
})
}
)
},
}