mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-02 11:17:46 +08:00
refactor: use svg for guide & resources (#7399)
This commit is contained in:
云游君
GitHub
parent
28e87550e9
commit
2ac81ab2cc
@ -3,25 +3,25 @@
|
||||
<div class="el-row cards" style="margin-left: -7px; margin-right: -7px">
|
||||
<div class="el-col el-col-24 el-col-xs-12 el-col-sm-6 is-guttered">
|
||||
<div class="card">
|
||||
<img src="/images/consistency.png" alt="Consistency" />
|
||||
<consistency-svg m="4" w="20" alt="Consistency" />
|
||||
<p>Consistency</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="el-col el-col-24 el-col-xs-12 el-col-sm-6 is-guttered">
|
||||
<div class="card">
|
||||
<img src="/images/feedback.png" alt="Feedback" />
|
||||
<feedback-svg m="4" w="20" alt="Feedback" />
|
||||
<p>Feedback</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="el-col el-col-24 el-col-xs-12 el-col-sm-6 is-guttered">
|
||||
<div class="card">
|
||||
<img src="/images/efficiency.png" alt="Efficiency" />
|
||||
<efficiency-svg m="4" w="20" alt="Efficiency" />
|
||||
<p>Efficiency</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="el-col el-col-24 el-col-xs-12 el-col-sm-6 is-guttered">
|
||||
<div class="card">
|
||||
<img src="/images/controllability.png" alt="Controllability" />
|
||||
<controllability-svg m="4" w="20" alt="Controllability" />
|
||||
<p>Controllability</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -0,0 +1,73 @@
|
||||
<template>
|
||||
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg
|
||||
id="图层_1"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 79 79"
|
||||
style="enable-background: new 0 0 79 79"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<circle class="st0" cx="39.5" cy="39.5" r="39.5" />
|
||||
<path
|
||||
class="st1"
|
||||
d="M23.2,42c-0.5,0-1,0.4-1,1v17.8c0,0.5,0.4,1,1,1h3.5c0.5,0,1-0.4,1-1V43c0-0.5-0.4-1-1-1H23.2z"
|
||||
/>
|
||||
<path
|
||||
class="st1"
|
||||
d="M32.6,42c-0.5,0-1,0.4-1,1v17.8c0,0.5,0.4,1,1,1H36c0.5,0,1-0.4,1-1V43c0-0.5-0.4-1-1-1H32.6z"
|
||||
/>
|
||||
<path
|
||||
class="st1"
|
||||
d="M42,43c0-0.5,0.4-1,1-1h3.5c0.5,0,1,0.4,1,1v17.8c0,0.5-0.4,1-1,1H43c-0.5,0-1-0.4-1-1V43z"
|
||||
/>
|
||||
<path
|
||||
class="st1"
|
||||
d="M52.3,42c-0.5,0-1,0.4-1,1v17.8c0,0.5,0.4,1,1,1h3.5c0.5,0,1-0.4,1-1V43c0-0.5-0.4-1-1-1H52.3z"
|
||||
/>
|
||||
<path
|
||||
class="st2"
|
||||
d="M22.2,43c0-0.5,0.4-1,1-1h3.5c0.5,0,1,0.4,1,1v15.8c0,0.5-0.4,1-1,1h-3.5c-0.5,0-1-0.4-1-1V43z"
|
||||
/>
|
||||
<path
|
||||
class="st2"
|
||||
d="M31.6,43c0-0.5,0.4-1,1-1H36c0.5,0,1,0.4,1,1v15.8c0,0.5-0.4,1-1,1h-3.5c-0.5,0-1-0.4-1-1V43z"
|
||||
/>
|
||||
<path
|
||||
class="st2"
|
||||
d="M42,43c0-0.5,0.4-1,1-1h3.5c0.5,0,1,0.4,1,1v15.8c0,0.5-0.4,1-1,1H43c-0.5,0-1-0.4-1-1V43z"
|
||||
/>
|
||||
<path
|
||||
class="st2"
|
||||
d="M51.3,43c0-0.5,0.4-1,1-1h3.5c0.5,0,1,0.4,1,1v15.8c0,0.5-0.4,1-1,1h-3.5c-0.5,0-1-0.4-1-1V43z"
|
||||
/>
|
||||
<path
|
||||
class="st3"
|
||||
d="M57.3,28.1l-5.9-5.9v4.9H22.7c-0.5,0-1,0.4-1,1c0,0.5,0.4,1,1,1h28.6v4.9L57.3,28.1z"
|
||||
/>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.st0 {
|
||||
fill: #eff5fd;
|
||||
}
|
||||
.st1 {
|
||||
fill: #0077ce;
|
||||
}
|
||||
.st2 {
|
||||
fill: #20a0ff;
|
||||
}
|
||||
.st3 {
|
||||
fill: #7383bf;
|
||||
}
|
||||
|
||||
.dark {
|
||||
.st0 {
|
||||
fill: #36393d;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,80 @@
|
||||
<template>
|
||||
<svg
|
||||
id="图层_1"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 79 79"
|
||||
style="enable-background: new 0 0 79 79"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<circle class="st0" cx="39.5" cy="39.5" r="39.5" />
|
||||
<g>
|
||||
<defs>
|
||||
<rect id="SVGID_1_" x="15.8" y="17.3" width="47.4" height="43.9" />
|
||||
</defs>
|
||||
<clipPath id="SVGID_00000103965616648291865560000002216192073450902938_">
|
||||
<use xlink:href="#SVGID_1_" style="overflow: visible" />
|
||||
</clipPath>
|
||||
<g
|
||||
style="
|
||||
clip-path: url(#SVGID_00000103965616648291865560000002216192073450902938_);
|
||||
"
|
||||
>
|
||||
<path
|
||||
class="st2"
|
||||
d="M57.3,23.2L57.3,23.2c0.5,0,1,0.4,1,1v36c0,0.5-0.4,1-1,1l0,0c-0.5,0-1-0.4-1-1v-36
|
||||
C56.3,23.6,56.7,23.2,57.3,23.2z"
|
||||
/>
|
||||
<ellipse class="st3" cx="57.3" cy="24.7" rx="5.9" ry="5.9" />
|
||||
<ellipse class="st4" cx="57.3" cy="23.2" rx="5.9" ry="5.9" />
|
||||
<path
|
||||
class="st2"
|
||||
d="M21.7,17.3L21.7,17.3c0.5,0,1,0.4,1,1v36c0,0.5-0.4,1-1,1h0c-0.5,0-1-0.4-1-1v-36
|
||||
C20.7,17.7,21.2,17.3,21.7,17.3z"
|
||||
/>
|
||||
<ellipse class="st3" cx="21.7" cy="55.3" rx="5.9" ry="5.9" />
|
||||
<ellipse class="st4" cx="21.7" cy="53.8" rx="5.9" ry="5.9" />
|
||||
<path
|
||||
class="st2"
|
||||
d="M39.5,17.3L39.5,17.3c0.5,0,1,0.4,1,1v42c0,0.5-0.4,1-1,1l0,0c-0.5,0-1-0.4-1-1v-42
|
||||
C38.5,17.7,39,17.3,39.5,17.3z"
|
||||
/>
|
||||
<ellipse class="st5" cx="39.5" cy="39" rx="5.9" ry="5.9" />
|
||||
<ellipse class="st6" cx="39.5" cy="37.5" rx="5.9" ry="5.9" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.st0 {
|
||||
fill: #eff5fd;
|
||||
}
|
||||
.st1 {
|
||||
clip-path: url(#SVGID_00000172405038201111576250000009038874290854515645_);
|
||||
}
|
||||
.st2 {
|
||||
fill: #afcaf1;
|
||||
}
|
||||
.st3 {
|
||||
fill: #afb6bb;
|
||||
}
|
||||
.st4 {
|
||||
fill: #e7eced;
|
||||
}
|
||||
.st5 {
|
||||
fill: #0077ce;
|
||||
}
|
||||
.st6 {
|
||||
fill: #20a0ff;
|
||||
}
|
||||
|
||||
.dark {
|
||||
.st0 {
|
||||
fill: #36393d;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,74 @@
|
||||
<template>
|
||||
<svg
|
||||
id="图层_1"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 79 79"
|
||||
style="enable-background: new 0 0 79 79"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<circle class="st0" cx="39.5" cy="39.5" r="39.5" />
|
||||
<path
|
||||
class="st1"
|
||||
d="M37,16.8c-1.6,0-3,1.3-3,3V22c-3,0.9-5.7,2.5-7.9,4.5l-2-1.1c-1.4-0.8-3.2-0.3-4,1.1l-2.5,4.3
|
||||
c-0.8,1.4-0.3,3.2,1.1,4l2,1.1c-0.4,1.5-0.5,3-0.5,4.5c0,1.6,0.2,3.1,0.5,4.5l-2,1.1c-1.4,0.8-1.9,2.6-1.1,4l2.5,4.3
|
||||
c0.8,1.4,2.6,1.9,4,1.1l2-1.1c2.2,2.1,4.9,3.7,7.9,4.5v2.3c0,1.6,1.3,3,3,3h4.9c1.6,0,3-1.3,3-3V59c3-0.9,5.7-2.5,7.9-4.5l2,1.1
|
||||
c1.4,0.8,3.2,0.3,4-1.1l2.5-4.3c0.8-1.4,0.3-3.2-1.1-4l-2-1.1c0.4-1.5,0.5-3,0.5-4.5c0-1.6-0.2-3.1-0.5-4.5l2-1.1
|
||||
c1.4-0.8,1.9-2.6,1.1-4l-2.5-4.3c-0.8-1.4-2.6-1.9-4-1.1l-2,1.1c-2.2-2.1-4.9-3.7-7.9-4.5v-2.3c0-1.6-1.3-3-3-3H37z"
|
||||
/>
|
||||
<path
|
||||
class="st2"
|
||||
d="M37,14.8c-1.6,0-3,1.3-3,3V20c-3,0.9-5.7,2.5-7.9,4.5l-2-1.1c-1.4-0.8-3.2-0.3-4,1.1l-2.5,4.3
|
||||
c-0.8,1.4-0.3,3.2,1.1,4l2,1.1c-0.4,1.5-0.5,3-0.5,4.5s0.2,3.1,0.5,4.5l-2,1.1c-1.4,0.8-1.9,2.6-1.1,4l2.5,4.3
|
||||
c0.8,1.4,2.6,1.9,4,1.1l2-1.1c2.2,2.1,4.9,3.7,7.9,4.5v2.3c0,1.6,1.3,3,3,3h4.9c1.6,0,3-1.3,3-3V57c3-0.9,5.7-2.5,7.9-4.5l2,1.1
|
||||
c1.4,0.8,3.2,0.3,4-1.1l2.5-4.3c0.8-1.4,0.3-3.2-1.1-4l-2-1.1c0.4-1.5,0.5-3,0.5-4.5s-0.2-3.1-0.5-4.5l2-1.1c1.4-0.8,1.9-2.6,1.1-4
|
||||
l-2.5-4.3c-0.8-1.4-2.6-1.9-4-1.1l-2,1.1c-2.2-2.1-4.9-3.7-7.9-4.5v-2.3c0-1.6-1.3-3-3-3H37z"
|
||||
/>
|
||||
<ellipse
|
||||
transform="matrix(1 -2.392332e-03 2.392332e-03 1 -9.202202e-02 9.445851e-02)"
|
||||
class="st3"
|
||||
cx="39.4"
|
||||
cy="38.5"
|
||||
rx="15.3"
|
||||
ry="15.3"
|
||||
/>
|
||||
<path
|
||||
class="st4"
|
||||
d="M38.5,30.6c0-0.5,0.4-1,1-1c0.5,0,1,0.4,1,1v10.9h-2V30.6z"
|
||||
/>
|
||||
<path
|
||||
class="st5"
|
||||
d="M47.3,39.5c0.5,0,1,0.4,1,1c0,0.5-0.4,1-1,1h-8.9v-2H47.3z"
|
||||
/>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.st0 {
|
||||
fill: #eff5fd;
|
||||
}
|
||||
.st1 {
|
||||
fill: #afb6bb;
|
||||
}
|
||||
.st2 {
|
||||
fill: #e7eced;
|
||||
}
|
||||
.st3 {
|
||||
fill: #ffffff;
|
||||
}
|
||||
.st4 {
|
||||
fill: #0077ce;
|
||||
}
|
||||
.st5 {
|
||||
fill: #20a0ff;
|
||||
}
|
||||
|
||||
.dark {
|
||||
.st0 {
|
||||
fill: #36393d;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,52 @@
|
||||
<template>
|
||||
<svg
|
||||
id="图层_1"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 79 79"
|
||||
style="enable-background: new 0 0 79 79"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<circle class="st0" cx="39.5" cy="39.5" r="39.5" />
|
||||
<path
|
||||
class="st1"
|
||||
d="M19.8,26.2c0-3.3,2.7-5.9,5.9-5.9h27.7c3.3,0,5.9,2.7,5.9,5.9v23.7c0,3.3-2.7,5.9-5.9,5.9H25.9l-6.2,6.4V26.2z"
|
||||
/>
|
||||
<path
|
||||
class="st2"
|
||||
d="M19.8,24.2c0-3.3,2.7-5.9,5.9-5.9h27.7c3.3,0,5.9,2.7,5.9,5.9v23.7c0,3.3-2.7,5.9-5.9,5.9H25.9l-6.2,6.4V24.2z"
|
||||
/>
|
||||
<path
|
||||
class="st3"
|
||||
d="M37.5,35.5c0-1.1,0.9-2,2-2s2,0.9,2,2v7.9c0,1.1-0.9,2-2,2s-2-0.9-2-2V35.5z"
|
||||
/>
|
||||
<path
|
||||
class="st3"
|
||||
d="M37.5,29.1c0-1.1,0.9-2,2-2s2,0.9,2,2c0,1.1-0.9,2-2,2S37.5,30.2,37.5,29.1z"
|
||||
/>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.st0 {
|
||||
fill: #eff5fd;
|
||||
}
|
||||
.st1 {
|
||||
fill: #0077ce;
|
||||
}
|
||||
.st2 {
|
||||
fill: #20a0ff;
|
||||
}
|
||||
.st3 {
|
||||
fill: #ffffff;
|
||||
}
|
||||
|
||||
.dark {
|
||||
.st0 {
|
||||
fill: #36393d;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -10,9 +10,10 @@ const resourceLang = computed(() => resourceLocale[lang.value])
|
||||
<div class="page-resource">
|
||||
<h1>{{ resourceLang.title }}</h1>
|
||||
<p>{{ resourceLang.lineOne }}</p>
|
||||
<el-space :size="20" alignment="start">
|
||||
<div class="flex flex-wrap justify-center">
|
||||
<div class="inline-flex w-full md:w-1/3" p="2">
|
||||
<el-card class="card" shadow="hover">
|
||||
<img src="/images/Axure-Components.svg" alt="axure" />
|
||||
<axure-components-svg w="30" alt="axure" />
|
||||
<h3>{{ resourceLang.axure }}</h3>
|
||||
<p>
|
||||
{{ resourceLang.axureIntro }}
|
||||
@ -23,8 +24,10 @@ const resourceLang = computed(() => resourceLocale[lang.value])
|
||||
<el-button type="primary">{{ resourceLang.download }}</el-button>
|
||||
</a>
|
||||
</el-card>
|
||||
</div>
|
||||
<div class="inline-flex w-full md:w-1/3" p="2">
|
||||
<el-card class="card" shadow="hover">
|
||||
<img src="/images/Sketch-Template.svg" alt="Sketch" />
|
||||
<sketch-template-svg w="30" alt="Sketch" />
|
||||
<h3>{{ resourceLang.sketch }}</h3>
|
||||
<p>
|
||||
{{ resourceLang.sketchIntro }}
|
||||
@ -35,8 +38,10 @@ const resourceLang = computed(() => resourceLocale[lang.value])
|
||||
<el-button type="primary">{{ resourceLang.download }}</el-button>
|
||||
</a>
|
||||
</el-card>
|
||||
</div>
|
||||
<div class="inline-flex w-full md:w-1/3" p="2">
|
||||
<el-card class="card" shadow="hover">
|
||||
<img src="/images/figma.png" alt="Figma" />
|
||||
<figma-template-svg w="30" alt="Figma" />
|
||||
<h3>{{ resourceLang.figma }}</h3>
|
||||
<p>
|
||||
{{ resourceLang.figmaIntro }}
|
||||
@ -48,7 +53,8 @@ const resourceLang = computed(() => resourceLocale[lang.value])
|
||||
<el-button type="primary">{{ resourceLang.download }}</el-button>
|
||||
</a>
|
||||
</el-card>
|
||||
</el-space>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -0,0 +1,169 @@
|
||||
<template>
|
||||
<svg
|
||||
id="图层_1"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 120 120"
|
||||
style="enable-background: new 0 0 120 120"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<path
|
||||
class="st0"
|
||||
d="M8,16h104c1.7,0,3,1.3,3,3v82c0,1.7-1.3,3-3,3H8c-1.7,0-3-1.3-3-3V19C5,17.3,6.3,16,8,16z"
|
||||
/>
|
||||
<path
|
||||
class="st1"
|
||||
d="M13,22c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2s0.9-2,2-2C12.1,20,13,20.9,13,22z M19,22c0,1.1-0.9,2-2,2s-2-0.9-2-2
|
||||
s0.9-2,2-2S19,20.9,19,22z M23,24c1.1,0,2-0.9,2-2s-0.9-2-2-2s-2,0.9-2,2S21.9,24,23,24z"
|
||||
/>
|
||||
<path
|
||||
class="st2"
|
||||
d="M12,28h96c1.7,0,3,1.3,3,3v66c0,1.7-1.3,3-3,3H12c-1.7,0-3-1.3-3-3V31C9,29.3,10.3,28,12,28z"
|
||||
/>
|
||||
<path
|
||||
class="st3"
|
||||
d="M39,34h42c1.1,0,2,0.9,2,2v22c0,1.1-0.9,2-2,2H39c-1.1,0-2-0.9-2-2V36C37,34.9,37.9,34,39,34z"
|
||||
/>
|
||||
<path
|
||||
class="st4"
|
||||
d="M47,38h26c1.1,0,2,0.9,2,2l0,0c0,1.1-0.9,2-2,2H47c-1.1,0-2-0.9-2-2l0,0C45,38.9,45.9,38,47,38z"
|
||||
/>
|
||||
<path
|
||||
class="st4"
|
||||
d="M54,52h12c1.1,0,2,0.9,2,2l0,0c0,1.1-0.9,2-2,2H54c-1.1,0-2-0.9-2-2l0,0C52,52.9,52.9,52,54,52z"
|
||||
/>
|
||||
<path
|
||||
class="st4"
|
||||
d="M43,45h34c1.1,0,2,0.9,2,2l0,0c0,1.1-0.9,2-2,2H43c-1.1,0-2-0.9-2-2l0,0C41,45.9,41.9,45,43,45z"
|
||||
/>
|
||||
<path
|
||||
class="st5"
|
||||
d="M17,75h22c1.1,0,2,0.9,2,2v15c0,1.1-0.9,2-2,2H17c-1.1,0-2-0.9-2-2V77C15,75.9,15.9,75,17,75z"
|
||||
/>
|
||||
<path
|
||||
class="st6"
|
||||
d="M21,79h14c1.1,0,2,0.9,2,2l0,0c0,1.1-0.9,2-2,2H21c-1.1,0-2-0.9-2-2l0,0C19,79.9,19.9,79,21,79z"
|
||||
/>
|
||||
<path
|
||||
class="st6"
|
||||
d="M24,86h8c1.1,0,2,0.9,2,2l0,0c0,1.1-0.9,2-2,2h-8c-1.1,0-2-0.9-2-2l0,0C22,86.9,22.9,86,24,86z"
|
||||
/>
|
||||
<path
|
||||
class="st7"
|
||||
d="M49,75h22c1.1,0,2,0.9,2,2v15c0,1.1-0.9,2-2,2H49c-1.1,0-2-0.9-2-2V77C47,75.9,47.9,75,49,75z"
|
||||
/>
|
||||
<path
|
||||
class="st8"
|
||||
d="M53,79h14c1.1,0,2,0.9,2,2l0,0c0,1.1-0.9,2-2,2H53c-1.1,0-2-0.9-2-2l0,0C51,79.9,51.9,79,53,79z"
|
||||
/>
|
||||
<path
|
||||
class="st8"
|
||||
d="M56,86h8c1.1,0,2,0.9,2,2l0,0c0,1.1-0.9,2-2,2h-8c-1.1,0-2-0.9-2-2l0,0C54,86.9,54.9,86,56,86z"
|
||||
/>
|
||||
<path
|
||||
class="st9"
|
||||
d="M81,75h22c1.1,0,2,0.9,2,2v15c0,1.1-0.9,2-2,2H81c-1.1,0-2-0.9-2-2V77C79,75.9,79.9,75,81,75z"
|
||||
/>
|
||||
<path
|
||||
class="st10"
|
||||
d="M85,79h14c1.1,0,2,0.9,2,2l0,0c0,1.1-0.9,2-2,2H85c-1.1,0-2-0.9-2-2l0,0C83,79.9,83.9,79,85,79z"
|
||||
/>
|
||||
<path
|
||||
class="st10"
|
||||
d="M88,86h8c1.1,0,2,0.9,2,2l0,0c0,1.1-0.9,2-2,2h-8c-1.1,0-2-0.9-2-2l0,0C86,86.9,86.9,86,88,86z"
|
||||
/>
|
||||
<path
|
||||
class="st11"
|
||||
d="M58,60h4v5h30c1.1,0,2,0.9,2,2v2v6h-4v-6H62v6h-4v-6H30v6h-4v-6v-2c0-1.1,0.9-2,2-2h30V60z"
|
||||
/>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.st0 {
|
||||
fill: #f2f8fe;
|
||||
}
|
||||
.st1 {
|
||||
fill-rule: evenodd;
|
||||
clip-rule: evenodd;
|
||||
fill: #ddeafc;
|
||||
}
|
||||
.st2 {
|
||||
fill: #ffffff;
|
||||
}
|
||||
.st3 {
|
||||
fill: #20a0ff;
|
||||
}
|
||||
.st4 {
|
||||
fill: #0d89e5;
|
||||
}
|
||||
.st5 {
|
||||
fill: #80a8e1;
|
||||
}
|
||||
.st6 {
|
||||
fill: #5289d6;
|
||||
}
|
||||
.st7 {
|
||||
fill: #ffd6d2;
|
||||
}
|
||||
.st8 {
|
||||
fill: #f8a3a4;
|
||||
}
|
||||
.st9 {
|
||||
fill: #dbedff;
|
||||
}
|
||||
.st10 {
|
||||
fill: #a2c6eb;
|
||||
}
|
||||
.st11 {
|
||||
fill-rule: evenodd;
|
||||
clip-rule: evenodd;
|
||||
fill: #deebfd;
|
||||
}
|
||||
|
||||
.dark {
|
||||
.st0 {
|
||||
fill: #272829;
|
||||
}
|
||||
.st1 {
|
||||
fill-rule: evenodd;
|
||||
clip-rule: evenodd;
|
||||
fill: #494c52;
|
||||
}
|
||||
.st2 {
|
||||
fill: #33383d;
|
||||
}
|
||||
.st3 {
|
||||
fill: #20a0ff;
|
||||
}
|
||||
.st4 {
|
||||
fill: #0d89e5;
|
||||
}
|
||||
.st5 {
|
||||
fill: #80a8e1;
|
||||
}
|
||||
.st6 {
|
||||
fill: #5289d6;
|
||||
}
|
||||
.st7 {
|
||||
fill: #ffd6d2;
|
||||
}
|
||||
.st8 {
|
||||
fill: #f8a3a4;
|
||||
}
|
||||
.st9 {
|
||||
fill: #5d6874;
|
||||
}
|
||||
.st10 {
|
||||
fill: #a2c6eb;
|
||||
}
|
||||
.st11 {
|
||||
fill-rule: evenodd;
|
||||
clip-rule: evenodd;
|
||||
fill: #3e4652;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,86 @@
|
||||
<template>
|
||||
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg
|
||||
id="图层_1"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 120 120"
|
||||
style="enable-background: new 0 0 120 120"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<path
|
||||
class="st0"
|
||||
d="M7,14h106c1.1,0,2,0.9,2,2v68c0,1.1-0.9,2-2,2H7c-1.1,0-2-0.9-2-2V16C5,14.9,5.9,14,7,14z"
|
||||
/>
|
||||
<path
|
||||
class="st1"
|
||||
d="M60,46c0-3.3,2.7-6,6-6l0,0c3.3,0,6,2.7,6,6l0,0c0,3.3-2.7,6-6,6l0,0C62.7,52,60,49.3,60,46L60,46z"
|
||||
/>
|
||||
<path
|
||||
class="st2"
|
||||
d="M48,58c0-3.3,2.7-6,6-6h6v6c0,3.3-2.7,6-6,6l0,0C50.7,64,48,61.3,48,58L48,58z"
|
||||
/>
|
||||
<path class="st3" d="M60,28v12h6c3.3,0,6-2.7,6-6l0,0c0-3.3-2.7-6-6-6H60z" />
|
||||
<path
|
||||
class="st4"
|
||||
d="M48,34c0,3.3,2.7,6,6,6h6V28h-6C50.7,28,48,30.7,48,34L48,34z"
|
||||
/>
|
||||
<path
|
||||
class="st5"
|
||||
d="M48,46c0,3.3,2.7,6,6,6h6V40h-6C50.7,40,48,42.7,48,46L48,46z"
|
||||
/>
|
||||
<path class="st6" d="M5,74h110v10c0,1.1-0.9,2-2,2H7c-1.1,0-2-0.9-2-2V74z" />
|
||||
<circle class="st7" cx="60" cy="80" r="2" />
|
||||
<path
|
||||
class="st8"
|
||||
d="M46.8,86L38,103.1c-0.7,1.3,0.3,2.9,1.8,2.9H60V86H46.8z M73.2,86l8.7,17.1c0.7,1.3-0.3,2.9-1.8,2.9H60V86H73.2
|
||||
z"
|
||||
/>
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.st0 {
|
||||
fill: #f2f8fe;
|
||||
}
|
||||
.st1 {
|
||||
fill: #1abcfe;
|
||||
}
|
||||
.st2 {
|
||||
fill: #0acf83;
|
||||
}
|
||||
.st3 {
|
||||
fill: #ff7262;
|
||||
}
|
||||
.st4 {
|
||||
fill: #f24e1e;
|
||||
}
|
||||
.st5 {
|
||||
fill: #a259ff;
|
||||
}
|
||||
.st6 {
|
||||
fill: #20a0ff;
|
||||
}
|
||||
.st7 {
|
||||
fill: #ffffff;
|
||||
}
|
||||
.st8 {
|
||||
fill-rule: evenodd;
|
||||
clip-rule: evenodd;
|
||||
fill: #deecf9;
|
||||
}
|
||||
|
||||
.dark {
|
||||
.st0 {
|
||||
fill: #272829;
|
||||
}
|
||||
.st8 {
|
||||
fill-rule: evenodd;
|
||||
clip-rule: evenodd;
|
||||
fill: #373f48;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,82 @@
|
||||
<template>
|
||||
<svg
|
||||
id="图层_1"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 120 120"
|
||||
style="enable-background: new 0 0 120 120"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<path
|
||||
class="st0"
|
||||
d="M13,15h48c3.3,0,6,2.7,6,6v33c0,3.3-2.7,6-6,6H13c-3.3,0-6-2.7-6-6V21C7,17.7,9.7,15,13,15z"
|
||||
/>
|
||||
<path
|
||||
class="st0"
|
||||
d="M81,15h20c3.3,0,6,2.7,6,6v33c0,3.3-2.7,6-6,6H81c-3.3,0-6-2.7-6-6V21C75,17.7,77.7,15,81,15z"
|
||||
/>
|
||||
<path
|
||||
class="st1"
|
||||
d="M12.5,15h49c3,0,5.5,2.5,5.5,5.5l0,0c0,3-2.5,5.5-5.5,5.5h-49c-3,0-5.5-2.5-5.5-5.5l0,0C7,17.5,9.5,15,12.5,15z
|
||||
"
|
||||
/>
|
||||
<path
|
||||
class="st2"
|
||||
d="M80.5,15h21c3,0,5.5,2.5,5.5,5.5l0,0c0,3-2.5,5.5-5.5,5.5h-21c-3,0-5.5-2.5-5.5-5.5l0,0
|
||||
C75,17.5,77.5,15,80.5,15z"
|
||||
/>
|
||||
<path
|
||||
class="st0"
|
||||
d="M90,68c3.3,0,6,2.7,6,6v28c0,2.2-1.8,4-4,4H13c-3.3,0-6-2.7-6-6V74c0-3.3,2.7-6,6-6H90z"
|
||||
/>
|
||||
<path
|
||||
class="st2"
|
||||
d="M18,73.5v27c0,3-2.5,5.5-5.5,5.5l0,0c-3,0-5.5-2.5-5.5-5.5v-27c0-3,2.5-5.5,5.5-5.5l0,0
|
||||
C15.5,68,18,70.5,18,73.5z"
|
||||
/>
|
||||
<path class="st3" d="M84.3,78.7L79.5,68h13.1L84.3,78.7z" />
|
||||
<path class="st4" d="M102.1,78.7H84.2L92.6,68L102.1,78.7z" />
|
||||
<path class="st5" d="M70,78.7L79.5,68l4.8,10.7H70z" />
|
||||
<path class="st6" d="M92.6,68l9.5,10.7l4.8-10.7H92.6z" />
|
||||
<path class="st5" d="M106.8,68l8.3,10.7h-13.1L106.8,68z" />
|
||||
<path class="st7" d="M93.8,106l21.4-27.3h-13.1L93.8,106z" />
|
||||
<path class="st3" d="M70,78.7L93.8,106l-9.5-27.3H70z" />
|
||||
<path class="st5" d="M93.8,106l8.3-27.3H84.2L93.8,106z" />
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.st0 {
|
||||
fill: #f2f8fe;
|
||||
}
|
||||
.st1 {
|
||||
fill: #ffd6d2;
|
||||
}
|
||||
.st2 {
|
||||
fill: #20a0ff;
|
||||
}
|
||||
.st3 {
|
||||
fill: #6496dc;
|
||||
}
|
||||
.st4 {
|
||||
fill: #afc8ea;
|
||||
}
|
||||
.st5 {
|
||||
fill: #80a8e1;
|
||||
}
|
||||
.st6 {
|
||||
fill: #93b8ee;
|
||||
}
|
||||
.st7 {
|
||||
fill: #afc8eb;
|
||||
}
|
||||
|
||||
.dark {
|
||||
.st0 {
|
||||
fill: #3e444a;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -86,12 +86,12 @@ const homeLang = computed(() => homeLocale[lang.value])
|
||||
bottom: 0;
|
||||
|
||||
img {
|
||||
margin: 66px auto 60px;
|
||||
margin: 48px auto;
|
||||
}
|
||||
h3 {
|
||||
margin: 0;
|
||||
font-size: 18px;
|
||||
color: #1f2f3d;
|
||||
color: var(--el-text-color-primary);
|
||||
font-weight: normal;
|
||||
}
|
||||
p {
|
||||
@ -127,7 +127,7 @@ const homeLang = computed(() => homeLocale[lang.value])
|
||||
}
|
||||
&:hover {
|
||||
bottom: 6px;
|
||||
box-shadow: 0 6px 18px 0 rgba(232, 237, 250, 0.5);
|
||||
// box-shadow: 0 6px 18px 0 rgba(232, 237, 250, 0.5);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1140px) {
|
||||
|
||||
339
docs/components.d.ts
vendored
339
docs/components.d.ts
vendored
@ -5,14 +5,353 @@ import '@vue/runtime-core'
|
||||
|
||||
declare module '@vue/runtime-core' {
|
||||
export interface GlobalComponents {
|
||||
A11y: typeof import('./examples/tooltip-v2/a11y.vue')['default']
|
||||
Accordion: typeof import('./examples/collapse/accordion.vue')['default']
|
||||
AdvancedUsage: typeof import('./examples/tooltip/advanced-usage.vue')['default']
|
||||
Alert: typeof import('./examples/message-box/alert.vue')['default']
|
||||
Alignment: typeof import('./examples/form/alignment.vue')['default']
|
||||
AllowCreate: typeof import('./examples/select/allow-create.vue')['default']
|
||||
AllowHalf: typeof import('./examples/rate/allow-half.vue')['default']
|
||||
Alpha: typeof import('./examples/color-picker/alpha.vue')['default']
|
||||
Animation: typeof import('./examples/skeleton/animation.vue')['default']
|
||||
Animations: typeof import('./examples/tooltip/animations.vue')['default']
|
||||
AnyLevel: typeof import('./examples/cascader/any-level.vue')['default']
|
||||
Arrow: typeof import('./examples/tooltip-v2/arrow.vue')['default']
|
||||
Arrows: typeof import('./examples/carousel/arrows.vue')['default']
|
||||
Autocomplete: typeof import('./examples/input/autocomplete.vue')['default']
|
||||
AutocompleteTemplate: typeof import('./examples/input/autocomplete-template.vue')['default']
|
||||
AutoHidePagination: typeof import('./examples/pagination/auto-hide-pagination.vue')['default']
|
||||
AutoSizingTextarea: typeof import('./examples/input/auto-sizing-textarea.vue')['default']
|
||||
AutoWrapping: typeof import('./examples/space/auto-wrapping.vue')['default']
|
||||
Avatar: typeof import('./examples/upload/avatar.vue')['default']
|
||||
AvoidingRenderingBouncing: typeof import('./examples/skeleton/avoiding-rendering-bouncing.vue')['default']
|
||||
AxureComponentsSvg: typeof import('./.vitepress/vitepress/components/globals/resources/axure-components-svg.vue')['default']
|
||||
BackgroundColor: typeof import('./examples/pagination/background-color.vue')['default']
|
||||
BackToTop: typeof import('./.vitepress/vitepress/components/icons/back-to-top.vue')['default']
|
||||
Basic: typeof import('./examples/affix/basic.vue')['default']
|
||||
BasicForm: typeof import('./examples/form/basic-form.vue')['default']
|
||||
BasicLayout: typeof import('./examples/layout/basic-layout.vue')['default']
|
||||
BasicRange: typeof import('./examples/time-picker/basic-range.vue')['default']
|
||||
BasicUsage: typeof import('./examples/descriptions/basic-usage.vue')['default']
|
||||
Border: typeof import('./examples/border/border.vue')['default']
|
||||
BorderCard: typeof import('./examples/tabs/border-card.vue')['default']
|
||||
BottomContent: typeof import('./examples/empty/bottom-content.vue')['default']
|
||||
Button: typeof import('./examples/config-provider/button.vue')['default']
|
||||
ButtonStyle: typeof import('./examples/checkbox/button-style.vue')['default']
|
||||
Card: typeof import('./examples/carousel/card.vue')['default']
|
||||
CardStyle: typeof import('./examples/tabs/card-style.vue')['default']
|
||||
CellTemplating: typeof import('./examples/table-v2/cell-templating.vue')['default']
|
||||
Center: typeof import('./examples/alert/center.vue')['default']
|
||||
Centered: typeof import('./examples/steps/centered.vue')['default']
|
||||
CenteredContent: typeof import('./examples/dialog/centered-content.vue')['default']
|
||||
Checkable: typeof import('./examples/tag/checkable.vue')['default']
|
||||
CheckingTree: typeof import('./examples/tree/checking-tree.vue')['default']
|
||||
CheckStrictly: typeof import('./examples/tree-select/check-strictly.vue')['default']
|
||||
CircularProgressBar: typeof import('./examples/progress/circular-progress-bar.vue')['default']
|
||||
Clearable: typeof import('./examples/cascader/clearable.vue')['default']
|
||||
Closable: typeof import('./examples/message/closable.vue')['default']
|
||||
CloseButton: typeof import('./examples/alert/close-button.vue')['default']
|
||||
Codepen: typeof import('./.vitepress/vitepress/components/icons/codepen.vue')['default']
|
||||
Collapse: typeof import('./examples/menu/collapse.vue')['default']
|
||||
ColumnOffset: typeof import('./examples/layout/column-offset.vue')['default']
|
||||
ColumnSpacing: typeof import('./examples/layout/column-spacing.vue')['default']
|
||||
CommandEvent: typeof import('./examples/dropdown/command-event.vue')['default']
|
||||
ConfigurableRows: typeof import('./examples/skeleton/configurable-rows.vue')['default']
|
||||
Confirm: typeof import('./examples/message-box/confirm.vue')['default']
|
||||
ConsistencySvg: typeof import('./.vitepress/vitepress/components/globals/design/consistency-svg.vue')['default']
|
||||
Contributors: typeof import('./.vitepress/vitepress/components/globals/contributors.vue')['default']
|
||||
ControllabilitySvg: typeof import('./.vitepress/vitepress/components/globals/design/controllability-svg.vue')['default']
|
||||
Controlled: typeof import('./examples/input-number/controlled.vue')['default']
|
||||
ControlSize: typeof import('./examples/space/control-size.vue')['default']
|
||||
Convention: typeof import('./examples/typography/convention.vue')['default']
|
||||
Custom: typeof import('./examples/backtop/custom.vue')['default']
|
||||
CustomColor: typeof import('./examples/progress/custom-color.vue')['default']
|
||||
CustomColumn: typeof import('./examples/table/custom-column.vue')['default']
|
||||
CustomContent: typeof import('./examples/cascader/custom-content.vue')['default']
|
||||
CustomHeader: typeof import('./examples/table/custom-header.vue')['default']
|
||||
CustomIcon: typeof import('./examples/page-header/custom-icon.vue')['default']
|
||||
CustomIcons: typeof import('./examples/switch/custom-icons.vue')['default']
|
||||
CustomImage: typeof import('./examples/empty/custom-image.vue')['default']
|
||||
CustomIndex: typeof import('./examples/table/custom-index.vue')['default']
|
||||
Customization: typeof import('./examples/collapse/customization.vue')['default']
|
||||
CustomizationContent: typeof import('./examples/drawer/customization-content.vue')['default']
|
||||
Customizations: typeof import('./examples/dialog/customizations.vue')['default']
|
||||
Customize: typeof import('./examples/badge/customize.vue')['default']
|
||||
CustomizedContent: typeof import('./examples/progress/customized-content.vue')['default']
|
||||
CustomizedNode: typeof import('./examples/tree/customized-node.vue')['default']
|
||||
CustomizedOption: typeof import('./examples/select-v2/customized-option.vue')['default']
|
||||
CustomizedSize: typeof import('./examples/space/customized-size.vue')['default']
|
||||
CustomizedStyle: typeof import('./examples/descriptions/customized-style.vue')['default']
|
||||
CustomizedTemplate: typeof import('./examples/skeleton/customized-template.vue')['default']
|
||||
CustomizedTrigger: typeof import('./examples/tabs/customized-trigger.vue')['default']
|
||||
CustomLeaf: typeof import('./examples/tree/custom-leaf.vue')['default']
|
||||
CustomNode: typeof import('./examples/timeline/custom-node.vue')['default']
|
||||
CustomNodeClass: typeof import('./examples/tree/custom-node-class.vue')['default']
|
||||
CustomPrefixIcon: typeof import('./examples/date-picker/custom-prefix-icon.vue')['default']
|
||||
CustomTab: typeof import('./examples/tabs/custom-tab.vue')['default']
|
||||
CustomTemplate: typeof import('./examples/select/custom-template.vue')['default']
|
||||
CustomThumbnail: typeof import('./examples/upload/custom-thumbnail.vue')['default']
|
||||
CustomTimestamp: typeof import('./examples/timeline/custom-timestamp.vue')['default']
|
||||
CustomValidation: typeof import('./examples/form/custom-validation.vue')['default']
|
||||
Dark: typeof import('./.vitepress/vitepress/components/icons/dark.vue')['default']
|
||||
DashboardProgressBar: typeof import('./examples/progress/dashboard-progress-bar.vue')['default']
|
||||
DateAndTime: typeof import('./examples/datetime-picker/date-and-time.vue')['default']
|
||||
DateAndTimeFormats: typeof import('./examples/datetime-picker/date-and-time-formats.vue')['default']
|
||||
DateAndTimeRange: typeof import('./examples/datetime-picker/date-and-time-range.vue')['default']
|
||||
DateFormats: typeof import('./examples/date-picker/date-formats.vue')['default']
|
||||
DateRange: typeof import('./examples/date-picker/date-range.vue')['default']
|
||||
DefaultState: typeof import('./examples/tree/default-state.vue')['default']
|
||||
DefaultTime: typeof import('./examples/date-picker/default-time.vue')['default']
|
||||
DefaultValue: typeof import('./examples/date-picker/default-value.vue')['default']
|
||||
Description: typeof import('./examples/alert/description.vue')['default']
|
||||
DesignGuide: typeof import('./.vitepress/vitepress/components/globals/design-guide.vue')['default']
|
||||
DestroyOnClose: typeof import('./examples/dialog/destroy-on-close.vue')['default']
|
||||
DifferentTypes: typeof import('./examples/message/different-types.vue')['default']
|
||||
DirectiveUsage: typeof import('./examples/popover/directive-usage.vue')['default']
|
||||
Disabled: typeof import('./examples/button/disabled.vue')['default']
|
||||
DisabledOption: typeof import('./examples/select/disabled-option.vue')['default']
|
||||
DisableLoading: typeof import('./examples/infinite-scroll/disable-loading.vue')['default']
|
||||
DiscreteValues: typeof import('./examples/slider/discrete-values.vue')['default']
|
||||
DistinguishableCloseCancel: typeof import('./examples/message-box/distinguishable-close-cancel.vue')['default']
|
||||
Dot: typeof import('./examples/badge/dot.vue')['default']
|
||||
DragAndDrop: typeof import('./examples/upload/drag-and-drop.vue')['default']
|
||||
Draggable: typeof import('./examples/message-box/draggable.vue')['default']
|
||||
DraggableDialog: typeof import('./examples/dialog/draggable-dialog.vue')['default']
|
||||
DropdownMethods: typeof import('./examples/dropdown/dropdown-methods.vue')['default']
|
||||
DynamicLoading: typeof import('./examples/cascader/dynamic-loading.vue')['default']
|
||||
DynamicTabs: typeof import('./examples/tabs/dynamic-tabs.vue')['default']
|
||||
Editable: typeof import('./examples/tag/editable.vue')['default']
|
||||
EfficiencySvg: typeof import('./.vitepress/vitepress/components/globals/design/efficiency-svg.vue')['default']
|
||||
ElementPlusLogo: typeof import('./.vitepress/vitepress/components/icons/element-plus-logo.vue')['default']
|
||||
ElementPlusTextLogo: typeof import('./.vitepress/vitepress/components/icons/element-plus-text-logo.vue')['default']
|
||||
EnterDate: typeof import('./examples/date-picker/enter-date.vue')['default']
|
||||
Example: typeof import('./examples/container/example.vue')['default']
|
||||
Expand: typeof import('./.vitepress/vitepress/components/icons/expand.vue')['default']
|
||||
ExpandableRow: typeof import('./examples/table/expandable-row.vue')['default']
|
||||
ExtendedValueTypes: typeof import('./examples/switch/extended-value-types.vue')['default']
|
||||
Fade: typeof import('./examples/transitions/fade.vue')['default']
|
||||
Fallback: typeof import('./examples/avatar/fallback.vue')['default']
|
||||
FeedbackSvg: typeof import('./.vitepress/vitepress/components/globals/design/feedback-svg.vue')['default']
|
||||
FigmaTemplateSvg: typeof import('./.vitepress/vitepress/components/globals/resources/figma-template-svg.vue')['default']
|
||||
FileList: typeof import('./examples/upload/file-list.vue')['default']
|
||||
FileListWithThumbnail: typeof import('./examples/upload/file-list-with-thumbnail.vue')['default']
|
||||
Fill: typeof import('./examples/space/fill.vue')['default']
|
||||
FillRatio: typeof import('./examples/space/fill-ratio.vue')['default']
|
||||
Filter: typeof import('./examples/table/filter.vue')['default']
|
||||
Filterable: typeof import('./examples/cascader/filterable.vue')['default']
|
||||
Filtering: typeof import('./examples/tree/filtering.vue')['default']
|
||||
Fit: typeof import('./examples/avatar/fit.vue')['default']
|
||||
Fixed: typeof import('./examples/affix/fixed.vue')['default']
|
||||
FixedColumn: typeof import('./examples/table/fixed-column.vue')['default']
|
||||
FixedColumnAndHeader: typeof import('./examples/table/fixed-column-and-header.vue')['default']
|
||||
FixedColumns: typeof import('./examples/table-v2/fixed-columns.vue')['default']
|
||||
FixedHeader: typeof import('./examples/table/fixed-header.vue')['default']
|
||||
FixedHeaderWithFluidHeader: typeof import('./examples/table/fixed-header-with-fluid-header.vue')['default']
|
||||
FocusTrapping: typeof import('./examples/dialog/focus-trapping.vue')['default']
|
||||
Font: typeof import('./examples/typography/font.vue')['default']
|
||||
Formatter: typeof import('./examples/input/formatter.vue')['default']
|
||||
FormItems: typeof import('./examples/form/form-items.vue')['default']
|
||||
Fullscreen: typeof import('./examples/loading/fullscreen.vue')['default']
|
||||
FullTransition: typeof import('./examples/tooltip-v2/full-transition.vue')['default']
|
||||
Group: typeof import('./examples/button/group.vue')['default']
|
||||
Grouping: typeof import('./examples/checkbox/grouping.vue')['default']
|
||||
GroupingHeader: typeof import('./examples/table/grouping-header.vue')['default']
|
||||
Header: typeof import('./examples/calendar/header.vue')['default']
|
||||
HideExtraTags: typeof import('./examples/select-v2/hide-extra-tags.vue')['default']
|
||||
HomeCards: typeof import('./.vitepress/vitepress/components/home/home-cards.vue')['default']
|
||||
HomeFooter: typeof import('./.vitepress/vitepress/components/globals/home-footer.vue')['default']
|
||||
HomeSponsors: typeof import('./.vitepress/vitepress/components/home/home-sponsors.vue')['default']
|
||||
HorizontalScroll: typeof import('./examples/scrollbar/horizontal-scroll.vue')['default']
|
||||
HowToTrigger: typeof import('./examples/dropdown/how-to-trigger.vue')['default']
|
||||
HtmlContent: typeof import('./examples/tooltip/html-content.vue')['default']
|
||||
HybridLayout: typeof import('./examples/layout/hybrid-layout.vue')['default']
|
||||
Icon: typeof import('./examples/alert/icon.vue')['default']
|
||||
IconDescription: typeof import('./examples/alert/icon-description.vue')['default']
|
||||
Icons: typeof import('./.vitepress/vitepress/components/globals/icons.vue')['default']
|
||||
ImagePreview: typeof import('./examples/image/image-preview.vue')['default']
|
||||
ImageSize: typeof import('./examples/empty/image-size.vue')['default']
|
||||
IndeterminateProgress: typeof import('./examples/progress/indeterminate-progress.vue')['default']
|
||||
Indicator: typeof import('./examples/carousel/indicator.vue')['default']
|
||||
InlineForm: typeof import('./examples/form/inline-form.vue')['default']
|
||||
Intermediate: typeof import('./examples/checkbox/intermediate.vue')['default']
|
||||
InternalPercentage: typeof import('./examples/progress/internal-percentage.vue')['default']
|
||||
IRiCodeLine: typeof import('~icons/ri/code-line')['default']
|
||||
IRiExternalLinkLine: typeof import('~icons/ri/external-link-line')['default']
|
||||
IRiFileCopyLine: typeof import('~icons/ri/file-copy-line')['default']
|
||||
IRiFlaskLine: typeof import('~icons/ri/flask-line')['default']
|
||||
IRiGithubLine: typeof import('~icons/ri/github-line')['default']
|
||||
IRiTranslate2: typeof import('~icons/ri/translate2')['default']
|
||||
LastLevel: typeof import('./examples/cascader/last-level.vue')['default']
|
||||
LayoutAhm: typeof import('./examples/container/layout-ahm.vue')['default']
|
||||
LayoutAhmf: typeof import('./examples/container/layout-ahmf.vue')['default']
|
||||
LayoutAm: typeof import('./examples/container/layout-am.vue')['default']
|
||||
LayoutHam: typeof import('./examples/container/layout-ham.vue')['default']
|
||||
LayoutHamf: typeof import('./examples/container/layout-hamf.vue')['default']
|
||||
LayoutHm: typeof import('./examples/container/layout-hm.vue')['default']
|
||||
LayoutHmf: typeof import('./examples/container/layout-hmf.vue')['default']
|
||||
Lazy: typeof import('./examples/tree-select/lazy.vue')['default']
|
||||
LazyLoad: typeof import('./examples/image/lazy-load.vue')['default']
|
||||
LengthLimiting: typeof import('./examples/input/length-limiting.vue')['default']
|
||||
Light: typeof import('./.vitepress/vitepress/components/icons/light.vue')['default']
|
||||
Limitation: typeof import('./examples/checkbox/limitation.vue')['default']
|
||||
LimitCover: typeof import('./examples/upload/limit-cover.vue')['default']
|
||||
LinearProgressBar: typeof import('./examples/progress/linear-progress-bar.vue')['default']
|
||||
LineDashed: typeof import('./examples/divider/line-dashed.vue')['default']
|
||||
LineHeight: typeof import('./examples/typography/line-height.vue')['default']
|
||||
LiteralTypeSpacer: typeof import('./examples/space/literal-type-spacer.vue')['default']
|
||||
LoadFailed: typeof import('./examples/image/load-failed.vue')['default']
|
||||
Loading: typeof import('./examples/button/loading.vue')['default']
|
||||
LoadingState: typeof import('./examples/skeleton/loading-state.vue')['default']
|
||||
MainColor: typeof import('./.vitepress/vitepress/components/globals/main-color.vue')['default']
|
||||
Manual: typeof import('./examples/upload/manual.vue')['default']
|
||||
ManualScroll: typeof import('./examples/scrollbar/manual-scroll.vue')['default']
|
||||
Max: typeof import('./examples/badge/max.vue')['default']
|
||||
MaxHeight: typeof import('./examples/scrollbar/max-height.vue')['default']
|
||||
MenuHidingBehavior: typeof import('./examples/dropdown/menu-hiding-behavior.vue')['default']
|
||||
Message: typeof import('./examples/config-provider/message.vue')['default']
|
||||
MixedInput: typeof import('./examples/input/mixed-input.vue')['default']
|
||||
MonthRange: typeof import('./examples/date-picker/month-range.vue')['default']
|
||||
MoreElements: typeof import('./examples/pagination/more-elements.vue')['default']
|
||||
MoreIcons: typeof import('./examples/rate/more-icons.vue')['default']
|
||||
Multiple: typeof import('./examples/select/multiple.vue')['default']
|
||||
MultipleSelection: typeof import('./examples/cascader/multiple-selection.vue')['default']
|
||||
MultiSelect: typeof import('./examples/table/multi-select.vue')['default']
|
||||
NestedDialog: typeof import('./examples/dialog/nested-dialog.vue')['default']
|
||||
NestedDrawer: typeof import('./examples/drawer/nested-drawer.vue')['default']
|
||||
NestedInformation: typeof import('./examples/popover/nested-information.vue')['default']
|
||||
NestedOperation: typeof import('./examples/popover/nested-operation.vue')['default']
|
||||
NeutralColor: typeof import('./.vitepress/vitepress/components/globals/neutral-color.vue')['default']
|
||||
NoClose: typeof import('./examples/notification/no-close.vue')['default']
|
||||
NoTitle: typeof import('./examples/drawer/no-title.vue')['default']
|
||||
NumberOfPagers: typeof import('./examples/pagination/number-of-pagers.vue')['default']
|
||||
NumberValidate: typeof import('./examples/form/number-validate.vue')['default']
|
||||
Offsetting: typeof import('./examples/notification/offsetting.vue')['default']
|
||||
OptionDisabling: typeof import('./examples/cascader/option-disabling.vue')['default']
|
||||
OtherMeasurements: typeof import('./examples/date-picker/other-measurements.vue')['default']
|
||||
Panel: typeof import('./examples/cascader/panel.vue')['default']
|
||||
ParallaxHome: typeof import('./.vitepress/vitepress/components/globals/parallax-home.vue')['default']
|
||||
Password: typeof import('./examples/input/password.vue')['default']
|
||||
PhotoWall: typeof import('./examples/upload/photo-wall.vue')['default']
|
||||
Placeholder: typeof import('./examples/image/placeholder.vue')['default']
|
||||
Playground: typeof import('./.vitepress/vitepress/components/icons/playground.vue')['default']
|
||||
Positioning: typeof import('./examples/notification/positioning.vue')['default']
|
||||
Precision: typeof import('./examples/input-number/precision.vue')['default']
|
||||
PredefinedColor: typeof import('./examples/color-picker/predefined-color.vue')['default']
|
||||
PreventSwitching: typeof import('./examples/switch/prevent-switching.vue')['default']
|
||||
Prompt: typeof import('./examples/message-box/prompt.vue')['default']
|
||||
PropAlias: typeof import('./examples/transfer/prop-alias.vue')['default']
|
||||
RadioButtonGroup: typeof import('./examples/radio/radio-button-group.vue')['default']
|
||||
Radius: typeof import('./examples/border/radius.vue')['default']
|
||||
Range: typeof import('./examples/calendar/range.vue')['default']
|
||||
RangeSelection: typeof import('./examples/slider/range-selection.vue')['default']
|
||||
RawHtml: typeof import('./examples/message/raw-html.vue')['default']
|
||||
Readonly: typeof import('./examples/rate/readonly.vue')['default']
|
||||
RemoteSearch: typeof import('./examples/input/remote-search.vue')['default']
|
||||
Removable: typeof import('./examples/tag/removable.vue')['default']
|
||||
RenderingWithData: typeof import('./examples/skeleton/rendering-with-data.vue')['default']
|
||||
RenderToRoot: typeof import('./examples/tooltip-v2/render-to-root.vue')['default']
|
||||
Resource: typeof import('./.vitepress/vitepress/components/globals/resource.vue')['default']
|
||||
ResponsiveLayout: typeof import('./examples/layout/responsive-layout.vue')['default']
|
||||
RichContent: typeof import('./examples/tooltip/rich-content.vue')['default']
|
||||
Rounded: typeof import('./examples/tag/rounded.vue')['default']
|
||||
RouterLink: typeof import('vue-router')['RouterLink']
|
||||
RouterView: typeof import('vue-router')['RouterView']
|
||||
RowClass: typeof import('./examples/table-v2/row-class.vue')['default']
|
||||
RowspanAndColspan: typeof import('./examples/table/rowspan-and-colspan.vue')['default']
|
||||
SecondaryColors: typeof import('./.vitepress/vitepress/components/globals/secondary-colors.vue')['default']
|
||||
Selectable: typeof import('./examples/tree/selectable.vue')['default']
|
||||
Shadow: typeof import('./examples/border/shadow.vue')['default']
|
||||
ShowMarks: typeof import('./examples/slider/show-marks.vue')['default']
|
||||
Simple: typeof import('./examples/card/simple.vue')['default']
|
||||
SingleSelect: typeof import('./examples/table/single-select.vue')['default']
|
||||
Singleton: typeof import('./examples/tooltip/singleton.vue')['default']
|
||||
Size: typeof import('./examples/button/size.vue')['default']
|
||||
SizeControl: typeof import('./examples/form/size-control.vue')['default']
|
||||
Sizes: typeof import('./examples/color-picker/sizes.vue')['default']
|
||||
SketchTemplateSvg: typeof import('./.vitepress/vitepress/components/globals/resources/sketch-template-svg.vue')['default']
|
||||
SliderWithInputBox: typeof import('./examples/slider/slider-with-input-box.vue')['default']
|
||||
Slots: typeof import('./examples/tree-select/slots.vue')['default']
|
||||
SmallPagination: typeof import('./examples/pagination/small-pagination.vue')['default']
|
||||
Sort: typeof import('./examples/table/sort.vue')['default']
|
||||
SponsorList: typeof import('./.vitepress/vitepress/components/home/sponsor-list.vue')['default']
|
||||
SponsorsButton: typeof import('./.vitepress/vitepress/components/sponsors/sponsors-button.vue')['default']
|
||||
Steps: typeof import('./examples/input-number/steps.vue')['default']
|
||||
StepStrictly: typeof import('./examples/input-number/step-strictly.vue')['default']
|
||||
StickyRows: typeof import('./examples/table-v2/sticky-rows.vue')['default']
|
||||
Striped: typeof import('./examples/table/striped.vue')['default']
|
||||
Summary: typeof import('./examples/table/summary.vue')['default']
|
||||
TableLayout: typeof import('./examples/table/table-layout.vue')['default']
|
||||
TabPosition: typeof import('./examples/tabs/tab-position.vue')['default']
|
||||
Target: typeof import('./examples/affix/target.vue')['default']
|
||||
Text: typeof import('./examples/button/text.vue')['default']
|
||||
Textarea: typeof import('./examples/input/textarea.vue')['default']
|
||||
TextDescription: typeof import('./examples/switch/text-description.vue')['default']
|
||||
Theme: typeof import('./examples/alert/theme.vue')['default']
|
||||
TimeFormats: typeof import('./examples/time-select/time-formats.vue')['default']
|
||||
TimeRange: typeof import('./examples/time-select/time-range.vue')['default']
|
||||
ToggleButton: typeof import('./.vitepress/vitepress/components/icons/toggle-button.vue')['default']
|
||||
ToggleSidebarBtn: typeof import('./.vitepress/vitepress/components/subnav/toggle-sidebar-btn.vue')['default']
|
||||
Transition: typeof import('./examples/tooltip-v2/transition.vue')['default']
|
||||
TreeAndLazy: typeof import('./examples/table/tree-and-lazy.vue')['default']
|
||||
TriggerEvent: typeof import('./examples/popconfirm/trigger-event.vue')['default']
|
||||
TriggeringElement: typeof import('./examples/dropdown/triggering-element.vue')['default']
|
||||
Types: typeof import('./examples/avatar/types.vue')['default']
|
||||
Underline: typeof import('./examples/link/underline.vue')['default']
|
||||
Usage: typeof import('./examples/config-provider/usage.vue')['default']
|
||||
UseHtml: typeof import('./examples/message-box/use-html.vue')['default']
|
||||
Validation: typeof import('./examples/form/validation.vue')['default']
|
||||
VariousSize: typeof import('./examples/input/various-size.vue')['default']
|
||||
Vertical: typeof import('./examples/carousel/vertical.vue')['default']
|
||||
VerticalDivider: typeof import('./examples/divider/vertical-divider.vue')['default']
|
||||
VerticalLayout: typeof import('./examples/space/vertical-layout.vue')['default']
|
||||
VerticalList: typeof import('./examples/descriptions/vertical-list.vue')['default']
|
||||
VerticalMode: typeof import('./examples/slider/vertical-mode.vue')['default']
|
||||
VirtualTrigger: typeof import('./examples/tooltip/virtual-trigger.vue')['default']
|
||||
VirtualTriggering: typeof import('./examples/popover/virtual-triggering.vue')['default']
|
||||
VnodeTypeSpacer: typeof import('./examples/space/vnode-type-spacer.vue')['default']
|
||||
VpApp: typeof import('./.vitepress/vitepress/components/vp-app.vue')['default']
|
||||
VpChangelog: typeof import('./.vitepress/vitepress/components/globals/vp-changelog.vue')['default']
|
||||
VpContent: typeof import('./.vitepress/vitepress/components/vp-content.vue')['default']
|
||||
VpDemo: typeof import('./.vitepress/vitepress/components/vp-demo.vue')['default']
|
||||
VpDocContent: typeof import('./.vitepress/vitepress/components/vp-doc-content.vue')['default']
|
||||
VpEditLink: typeof import('./.vitepress/vitepress/components/doc-content/vp-edit-link.vue')['default']
|
||||
VpExample: typeof import('./.vitepress/vitepress/components/demo/vp-example.vue')['default']
|
||||
VpHamburger: typeof import('./.vitepress/vitepress/components/navbar/vp-hamburger.vue')['default']
|
||||
VpHeroContent: typeof import('./.vitepress/vitepress/components/vp-hero-content.vue')['default']
|
||||
VpLastUpdatedAt: typeof import('./.vitepress/vitepress/components/doc-content/vp-last-updated-at.vue')['default']
|
||||
VpLink: typeof import('./.vitepress/vitepress/components/common/vp-link.vue')['default']
|
||||
VpMarkdown: typeof import('./.vitepress/vitepress/components/common/vp-markdown.vue')['default']
|
||||
VpMenu: typeof import('./.vitepress/vitepress/components/navbar/vp-menu.vue')['default']
|
||||
VpMenuLink: typeof import('./.vitepress/vitepress/components/navbar/vp-menu-link.vue')['default']
|
||||
VpNav: typeof import('./.vitepress/vitepress/components/vp-nav.vue')['default']
|
||||
VpNavbar: typeof import('./.vitepress/vitepress/components/vp-navbar.vue')['default']
|
||||
VpNavFull: typeof import('./.vitepress/vitepress/components/vp-nav-full.vue')['default']
|
||||
VpNotFound: typeof import('./.vitepress/vitepress/components/vp-not-found.vue')['default']
|
||||
VpOverlay: typeof import('./.vitepress/vitepress/components/vp-overlay.vue')['default']
|
||||
VpPageFooter: typeof import('./.vitepress/vitepress/components/doc-content/vp-page-footer.vue')['default']
|
||||
VpPageNav: typeof import('./.vitepress/vitepress/components/doc-content/vp-page-nav.vue')['default']
|
||||
VpReloadPrompt: typeof import('./.vitepress/vitepress/components/vp-reload-prompt.vue')['default']
|
||||
VpSearch: typeof import('./.vitepress/vitepress/components/navbar/vp-search.vue')['default']
|
||||
VpSidebar: typeof import('./.vitepress/vitepress/components/vp-sidebar.vue')['default']
|
||||
VpSidebarLink: typeof import('./.vitepress/vitepress/components/sidebar/vp-sidebar-link.vue')['default']
|
||||
VpSocialLink: typeof import('./.vitepress/vitepress/components/navbar/vp-social-link.vue')['default']
|
||||
VpSocialLinks: typeof import('./.vitepress/vitepress/components/navbar/vp-social-links.vue')['default']
|
||||
VpSourceCode: typeof import('./.vitepress/vitepress/components/demo/vp-source-code.vue')['default']
|
||||
VpSponsorLarge: typeof import('./.vitepress/vitepress/components/vp-sponsor-large.vue')['default']
|
||||
VpSponsors: typeof import('./.vitepress/vitepress/components/vp-sponsors.vue')['default']
|
||||
VpSponsorSmall: typeof import('./.vitepress/vitepress/components/vp-sponsor-small.vue')['default']
|
||||
VpSubnav: typeof import('./.vitepress/vitepress/components/vp-subnav.vue')['default']
|
||||
VpSwitch: typeof import('./.vitepress/vitepress/components/common/vp-switch.vue')['default']
|
||||
VpTableOfContent: typeof import('./.vitepress/vitepress/components/doc-content/vp-table-of-content.vue')['default']
|
||||
VpThemeToggler: typeof import('./.vitepress/vitepress/components/navbar/vp-theme-toggler.vue')['default']
|
||||
VpTranslation: typeof import('./.vitepress/vitepress/components/navbar/vp-translation.vue')['default']
|
||||
WithBorder: typeof import('./examples/checkbox/with-border.vue')['default']
|
||||
WithBorders: typeof import('./examples/radio/with-borders.vue')['default']
|
||||
WithDescription: typeof import('./examples/steps/with-description.vue')['default']
|
||||
WithIcon: typeof import('./examples/input/with-icon.vue')['default']
|
||||
WithImages: typeof import('./examples/card/with-images.vue')['default']
|
||||
WithStatus: typeof import('./examples/steps/with-status.vue')['default']
|
||||
Zoom: typeof import('./examples/transitions/zoom.vue')['default']
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -75,6 +75,10 @@ export default defineConfig(async ({ mode }) => {
|
||||
|
||||
// https://github.com/antfu/unplugin-vue-components
|
||||
Components({
|
||||
dirs: ['.vitepress/vitepress/components'],
|
||||
|
||||
allowOverrides: true,
|
||||
|
||||
// custom resolvers
|
||||
resolvers: [
|
||||
// auto import icons
|
||||
|
||||
Loading…
Reference in New Issue
Block a user