vue-element-ui-x 0.1.6-beta → 0.1.7-beta

package/src/components/FilesCard/src/fileSvg/zip.vue

@@ -1,38 +1,38 @@
-<template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    fill="none"
-    version="1.1"
-    width="1em"
-    height="1em"
-    viewBox="0 0 150 175"
-  >
-    <g>
-      <g>
-        <path
-          d="M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.405C150,40.1855,147.532,34.2219,143.136,29.8255L120.191,6.86627C115.797,2.46982,109.837,-0.00000447229,103.622,0Z"
-          fill="currentColor"
-          fill-opacity="1"
-          style="mix-blend-mode: passthrough"
-        />
-      </g>
-      <g>
-        <path
-          d="M34.325330513916015,25.79257593970299L48.29132051391602,25.79257593970299C49.82622051391601,25.79257593970299,51.072020513916016,24.545875939702988,51.072020513916016,23.010075939702986L51.072020513916016,9.035265939702988C51.072020513916016,7.497485939702988,49.82622051391601,6.252805939702988,48.29132051391602,6.252805939702988L34.325330513916015,6.252805939702988C32.790480513916016,6.252805939702988,31.544626473216017,7.499445939702988,31.544626473216017,9.035265939702988L31.544626473216017,23.010075939702986C31.544626473216017,24.545875939702988,32.790480513916016,25.79257593970299,34.325330513916015,25.79257593970299ZM67.81882051391602,25.79257593970299L53.85272051391601,25.79257593970299C52.317920513916015,25.79257593970299,51.072020513916016,27.03917593970299,51.072020513916016,28.574975939702988L51.072020513916016,42.549875939702986C51.072020513916016,44.08767593970299,52.317920513916015,45.33227593970299,53.85272051391601,45.33227593970299L67.81882051391602,45.33227593970299C69.35362051391601,45.33227593970299,70.59952051391602,44.08567593970299,70.59952051391602,42.549875939702986L70.59952051391602,28.575075939702987C70.59952051391602,27.03917593970299,69.35362051391601,25.79257593970299,67.81882051391602,25.79257593970299ZM34.325330513916015,64.87207593970298L48.29132051391602,64.87207593970298C49.82622051391601,64.87207593970298,51.072020513916016,63.62547593970299,51.072020513916016,62.08957593970299L51.072020513916016,48.11477593970299C51.072020513916016,46.57697593970299,49.82622051391601,45.33227593970299,48.29132051391602,45.33227593970299L34.325330513916015,45.33227593970299C32.790480513916016,45.33227593970299,31.544626473216017,46.578975939702985,31.544626473216017,48.11477593970299L31.544626473216017,62.08957593970299C31.544626473216017,63.62547593970299,32.790480513916016,64.87207593970298,34.325330513916015,64.87207593970298ZM67.81882051391602,64.87207593970298L53.85272051391601,64.87207593970298C52.317920513916015,64.87207593970298,51.072020513916016,66.11867593970298,51.072020513916016,67.65447593970299L51.072020513916016,81.62937593970298C51.072020513916016,83.16717593970299,52.317920513916015,84.411875939703,53.85272051391601,84.411875939703L67.81882051391602,84.411875939703C69.35362051391601,84.411875939703,70.59952051391602,83.16517593970299,70.59952051391602,81.62937593970298L70.59952051391602,67.65447593970299C70.59952051391602,66.11867593970298,69.35362051391601,64.87207593970298,67.81882051391602,64.87207593970298ZM63.77272051391601,95.19977593970299L37.580550513916016,95.19977593970299C34.24722051391601,95.19977593970299,31.544620513916016,97.90407593970299,31.544620513916016,101.239775939703L31.544620513916016,131.61977593970298C31.544620513916016,134.955775939703,34.24722051391601,137.659775939703,37.580550513916016,137.659775939703L63.77272051391601,137.659775939703C67.10602051391601,137.659775939703,69.80862051391603,134.955775939703,69.80862051391603,131.61977593970298L69.80862051391603,101.239775939703C69.80862051391603,97.90407593970299,67.10602051391601,95.19977593970299,63.77272051391601,95.19977593970299ZM62.810020513916015,127.35977593970298C62.810020513916015,130.040775939703,60.63852051391602,132.213775939703,57.959420513916015,132.213775939703L43.39192051391602,132.213775939703C40.71275051391601,132.213775939703,38.54130051391601,130.040775939703,38.54130051391601,127.35977593970298L38.54130051391601,122.01377593970298C38.54130051391601,119.33377593970299,40.71275051391601,117.16077593970299,43.39192051391602,117.16077593970299L57.959420513916015,117.16077593970299C60.63852051391602,117.16077593970299,62.810020513916015,119.33277593970298,62.810020513916015,122.01377593970298L62.810020513916015,127.35977593970298ZM143.13562051391602,29.825575939702986L120.19142051391601,6.866355939702988C116.89942051391601,3.5725259397029876,112.70152051391601,1.3345199397029877,108.13322051391602,0.43777593970298767L108.13322051391602,26.206775939702986C108.13322051391602,34.388075939702986,114.76082051391602,41.019875939702985,122.93692051391602,41.019875939702985L149.371620513916,41.019875939702985C148.371620513916,36.78157593970299,146.21262051391602,32.905375939702985,143.13562051391602,29.825575939702986Z"
-          fill="#000000"
-          fill-opacity="0.20000000298023224"
-          style="mix-blend-mode: passthrough"
-        />
-      </g>
-      <g>
-        <path
-          d="M34.325330513916015,23.44775087814331L48.29132051391602,23.44775087814331C49.82622051391601,23.44775087814331,51.072020513916016,22.20105087814331,51.072020513916016,20.66525087814331L51.072020513916016,6.690410878143311C51.072020513916016,5.15263087814331,49.82622051391601,3.9079508781433105,48.29132051391602,3.9079508781433105L34.325330513916015,3.9079508781433105C32.790480513916016,3.9079508781433105,31.544626473216017,5.154590878143311,31.544626473216017,6.690410878143311L31.544626473216017,20.66525087814331C31.544626473216017,22.20105087814331,32.790480513916016,23.44775087814331,34.325330513916015,23.44775087814331ZM67.81882051391602,23.44775087814331L53.85272051391601,23.44775087814331C52.317920513916015,23.44775087814331,51.072020513916016,24.69435087814331,51.072020513916016,26.23015087814331L51.072020513916016,40.20505087814331C51.072020513916016,41.74275087814331,52.317920513916015,42.987450878143314,53.85272051391601,42.987450878143314L67.81882051391602,42.987450878143314C69.35362051391601,42.987450878143314,70.59952051391602,41.74085087814331,70.59952051391602,40.20505087814331L70.59952051391602,26.23015087814331C70.59952051391602,24.69435087814331,69.35362051391601,23.44775087814331,67.81882051391602,23.44775087814331ZM34.325330513916015,62.52725087814331L48.29132051391602,62.52725087814331C49.82622051391601,62.52725087814331,51.072020513916016,61.28055087814331,51.072020513916016,59.74475087814331L51.072020513916016,45.76995087814331C51.072020513916016,44.23215087814331,49.82622051391601,42.987450878143314,48.29132051391602,42.987450878143314L34.325330513916015,42.987450878143314C32.790480513916016,42.987450878143314,31.544626473216017,44.23405087814331,31.544626473216017,45.76995087814331L31.544626473216017,59.74475087814331C31.544626473216017,61.28055087814331,32.790480513916016,62.52725087814331,34.325330513916015,62.52725087814331ZM67.81882051391602,62.52725087814331L53.85272051391601,62.52725087814331C52.317920513916015,62.52725087814331,51.072020513916016,63.773850878143314,51.072020513916016,65.30965087814332L51.072020513916016,79.2845508781433C51.072020513916016,80.82235087814331,52.317920513916015,82.06695087814332,53.85272051391601,82.06695087814332L67.81882051391602,82.06695087814332C69.35362051391601,82.06695087814332,70.59952051391602,80.82035087814332,70.59952051391602,79.2845508781433L70.59952051391602,65.30965087814332C70.59952051391602,63.773850878143314,69.35362051391601,62.52725087814331,67.81882051391602,62.52725087814331ZM63.77272051391601,92.85485087814331L37.580550513916016,92.85485087814331C34.24722051391601,92.85485087814331,31.544620513916016,95.55915087814331,31.544620513916016,98.8945508781433L31.544620513916016,129.27495087814333C31.544620513916016,132.6099508781433,34.24722051391601,135.31495087814332,37.580550513916016,135.31495087814332L63.77272051391601,135.31495087814332C67.10602051391601,135.31495087814332,69.80862051391603,132.6099508781433,69.80862051391603,129.27495087814333L69.80862051391603,98.8945508781433C69.80862051391603,95.55915087814331,67.10602051391601,92.85485087814331,63.77272051391601,92.85485087814331ZM62.810020513916015,125.01495087814331C62.810020513916015,127.69595087814331,60.63852051391602,129.86895087814332,57.959420513916015,129.86895087814332L43.39192051391602,129.86895087814332C40.71275051391601,129.86895087814332,38.54130051391601,127.69595087814331,38.54130051391601,125.01495087814331L38.54130051391601,119.6689508781433C38.54130051391601,116.98795087814331,40.71275051391601,114.81595087814331,43.39192051391602,114.81595087814331L57.959420513916015,114.81595087814331C60.63852051391602,114.81595087814331,62.810020513916015,116.98795087814331,62.810020513916015,119.6689508781433L62.810020513916015,125.01495087814331Z"
-          fill="#FFFFFF"
-          fill-opacity="1"
-          style="mix-blend-mode: passthrough"
-        />
-      </g>
-    </g>
-  </svg>
-</template>
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    fill="none"
+    version="1.1"
+    width="1em"
+    height="1em"
+    viewBox="0 0 150 175"
+  >
+    <g>
+      <g>
+        <path
+          d="M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.405C150,40.1855,147.532,34.2219,143.136,29.8255L120.191,6.86627C115.797,2.46982,109.837,-0.00000447229,103.622,0Z"
+          fill="currentColor"
+          fill-opacity="1"
+          style="mix-blend-mode: passthrough"
+        />
+      </g>
+      <g>
+        <path
+          d="M34.325330513916015,25.79257593970299L48.29132051391602,25.79257593970299C49.82622051391601,25.79257593970299,51.072020513916016,24.545875939702988,51.072020513916016,23.010075939702986L51.072020513916016,9.035265939702988C51.072020513916016,7.497485939702988,49.82622051391601,6.252805939702988,48.29132051391602,6.252805939702988L34.325330513916015,6.252805939702988C32.790480513916016,6.252805939702988,31.544626473216017,7.499445939702988,31.544626473216017,9.035265939702988L31.544626473216017,23.010075939702986C31.544626473216017,24.545875939702988,32.790480513916016,25.79257593970299,34.325330513916015,25.79257593970299ZM67.81882051391602,25.79257593970299L53.85272051391601,25.79257593970299C52.317920513916015,25.79257593970299,51.072020513916016,27.03917593970299,51.072020513916016,28.574975939702988L51.072020513916016,42.549875939702986C51.072020513916016,44.08767593970299,52.317920513916015,45.33227593970299,53.85272051391601,45.33227593970299L67.81882051391602,45.33227593970299C69.35362051391601,45.33227593970299,70.59952051391602,44.08567593970299,70.59952051391602,42.549875939702986L70.59952051391602,28.575075939702987C70.59952051391602,27.03917593970299,69.35362051391601,25.79257593970299,67.81882051391602,25.79257593970299ZM34.325330513916015,64.87207593970298L48.29132051391602,64.87207593970298C49.82622051391601,64.87207593970298,51.072020513916016,63.62547593970299,51.072020513916016,62.08957593970299L51.072020513916016,48.11477593970299C51.072020513916016,46.57697593970299,49.82622051391601,45.33227593970299,48.29132051391602,45.33227593970299L34.325330513916015,45.33227593970299C32.790480513916016,45.33227593970299,31.544626473216017,46.578975939702985,31.544626473216017,48.11477593970299L31.544626473216017,62.08957593970299C31.544626473216017,63.62547593970299,32.790480513916016,64.87207593970298,34.325330513916015,64.87207593970298ZM67.81882051391602,64.87207593970298L53.85272051391601,64.87207593970298C52.317920513916015,64.87207593970298,51.072020513916016,66.11867593970298,51.072020513916016,67.65447593970299L51.072020513916016,81.62937593970298C51.072020513916016,83.16717593970299,52.317920513916015,84.411875939703,53.85272051391601,84.411875939703L67.81882051391602,84.411875939703C69.35362051391601,84.411875939703,70.59952051391602,83.16517593970299,70.59952051391602,81.62937593970298L70.59952051391602,67.65447593970299C70.59952051391602,66.11867593970298,69.35362051391601,64.87207593970298,67.81882051391602,64.87207593970298ZM63.77272051391601,95.19977593970299L37.580550513916016,95.19977593970299C34.24722051391601,95.19977593970299,31.544620513916016,97.90407593970299,31.544620513916016,101.239775939703L31.544620513916016,131.61977593970298C31.544620513916016,134.955775939703,34.24722051391601,137.659775939703,37.580550513916016,137.659775939703L63.77272051391601,137.659775939703C67.10602051391601,137.659775939703,69.80862051391603,134.955775939703,69.80862051391603,131.61977593970298L69.80862051391603,101.239775939703C69.80862051391603,97.90407593970299,67.10602051391601,95.19977593970299,63.77272051391601,95.19977593970299ZM62.810020513916015,127.35977593970298C62.810020513916015,130.040775939703,60.63852051391602,132.213775939703,57.959420513916015,132.213775939703L43.39192051391602,132.213775939703C40.71275051391601,132.213775939703,38.54130051391601,130.040775939703,38.54130051391601,127.35977593970298L38.54130051391601,122.01377593970298C38.54130051391601,119.33377593970299,40.71275051391601,117.16077593970299,43.39192051391602,117.16077593970299L57.959420513916015,117.16077593970299C60.63852051391602,117.16077593970299,62.810020513916015,119.33277593970298,62.810020513916015,122.01377593970298L62.810020513916015,127.35977593970298ZM143.13562051391602,29.825575939702986L120.19142051391601,6.866355939702988C116.89942051391601,3.5725259397029876,112.70152051391601,1.3345199397029877,108.13322051391602,0.43777593970298767L108.13322051391602,26.206775939702986C108.13322051391602,34.388075939702986,114.76082051391602,41.019875939702985,122.93692051391602,41.019875939702985L149.371620513916,41.019875939702985C148.371620513916,36.78157593970299,146.21262051391602,32.905375939702985,143.13562051391602,29.825575939702986Z"
+          fill="#000000"
+          fill-opacity="0.20000000298023224"
+          style="mix-blend-mode: passthrough"
+        />
+      </g>
+      <g>
+        <path
+          d="M34.325330513916015,23.44775087814331L48.29132051391602,23.44775087814331C49.82622051391601,23.44775087814331,51.072020513916016,22.20105087814331,51.072020513916016,20.66525087814331L51.072020513916016,6.690410878143311C51.072020513916016,5.15263087814331,49.82622051391601,3.9079508781433105,48.29132051391602,3.9079508781433105L34.325330513916015,3.9079508781433105C32.790480513916016,3.9079508781433105,31.544626473216017,5.154590878143311,31.544626473216017,6.690410878143311L31.544626473216017,20.66525087814331C31.544626473216017,22.20105087814331,32.790480513916016,23.44775087814331,34.325330513916015,23.44775087814331ZM67.81882051391602,23.44775087814331L53.85272051391601,23.44775087814331C52.317920513916015,23.44775087814331,51.072020513916016,24.69435087814331,51.072020513916016,26.23015087814331L51.072020513916016,40.20505087814331C51.072020513916016,41.74275087814331,52.317920513916015,42.987450878143314,53.85272051391601,42.987450878143314L67.81882051391602,42.987450878143314C69.35362051391601,42.987450878143314,70.59952051391602,41.74085087814331,70.59952051391602,40.20505087814331L70.59952051391602,26.23015087814331C70.59952051391602,24.69435087814331,69.35362051391601,23.44775087814331,67.81882051391602,23.44775087814331ZM34.325330513916015,62.52725087814331L48.29132051391602,62.52725087814331C49.82622051391601,62.52725087814331,51.072020513916016,61.28055087814331,51.072020513916016,59.74475087814331L51.072020513916016,45.76995087814331C51.072020513916016,44.23215087814331,49.82622051391601,42.987450878143314,48.29132051391602,42.987450878143314L34.325330513916015,42.987450878143314C32.790480513916016,42.987450878143314,31.544626473216017,44.23405087814331,31.544626473216017,45.76995087814331L31.544626473216017,59.74475087814331C31.544626473216017,61.28055087814331,32.790480513916016,62.52725087814331,34.325330513916015,62.52725087814331ZM67.81882051391602,62.52725087814331L53.85272051391601,62.52725087814331C52.317920513916015,62.52725087814331,51.072020513916016,63.773850878143314,51.072020513916016,65.30965087814332L51.072020513916016,79.2845508781433C51.072020513916016,80.82235087814331,52.317920513916015,82.06695087814332,53.85272051391601,82.06695087814332L67.81882051391602,82.06695087814332C69.35362051391601,82.06695087814332,70.59952051391602,80.82035087814332,70.59952051391602,79.2845508781433L70.59952051391602,65.30965087814332C70.59952051391602,63.773850878143314,69.35362051391601,62.52725087814331,67.81882051391602,62.52725087814331ZM63.77272051391601,92.85485087814331L37.580550513916016,92.85485087814331C34.24722051391601,92.85485087814331,31.544620513916016,95.55915087814331,31.544620513916016,98.8945508781433L31.544620513916016,129.27495087814333C31.544620513916016,132.6099508781433,34.24722051391601,135.31495087814332,37.580550513916016,135.31495087814332L63.77272051391601,135.31495087814332C67.10602051391601,135.31495087814332,69.80862051391603,132.6099508781433,69.80862051391603,129.27495087814333L69.80862051391603,98.8945508781433C69.80862051391603,95.55915087814331,67.10602051391601,92.85485087814331,63.77272051391601,92.85485087814331ZM62.810020513916015,125.01495087814331C62.810020513916015,127.69595087814331,60.63852051391602,129.86895087814332,57.959420513916015,129.86895087814332L43.39192051391602,129.86895087814332C40.71275051391601,129.86895087814332,38.54130051391601,127.69595087814331,38.54130051391601,125.01495087814331L38.54130051391601,119.6689508781433C38.54130051391601,116.98795087814331,40.71275051391601,114.81595087814331,43.39192051391602,114.81595087814331L57.959420513916015,114.81595087814331C60.63852051391602,114.81595087814331,62.810020513916015,116.98795087814331,62.810020513916015,119.6689508781433L62.810020513916015,125.01495087814331Z"
+          fill="#FFFFFF"
+          fill-opacity="1"
+          style="mix-blend-mode: passthrough"
+        />
+      </g>
+    </g>
+  </svg>
+</template>

package/src/components/FilesCard/src/options.js

@@ -1,18 +1,18 @@
-export const colorMap = {
-  word: '#0078D4',
-  excel: '#00C851',
-  ppt: '#FF5722',
-  pdf: '#E53935',
-  txt: '#424242',
-  mark: '#6C6C6C',
-  image: '#FF80AB',
-  audio: '#FF7878',
-  video: '#8B72F7',
-  three: '#29B6F6',
-  code: '#00008B',
-  database: '#FF9800',
-  link: '#2962FF',
-  zip: '#673AB7',
-  file: '#FFC757',
-  unknown: '#6E9DA4',
-};
+export const colorMap = {
+  word: '#0078D4',
+  excel: '#00C851',
+  ppt: '#FF5722',
+  pdf: '#E53935',
+  txt: '#424242',
+  mark: '#6C6C6C',
+  image: '#FF80AB',
+  audio: '#FF7878',
+  video: '#8B72F7',
+  three: '#29B6F6',
+  code: '#00008B',
+  database: '#FF9800',
+  link: '#2962FF',
+  zip: '#673AB7',
+  file: '#FFC757',
+  unknown: '#6E9DA4',
+};

package/src/components/Prompts/index.js

@@ -1,8 +1,8 @@
-import ElXPrompts from './src/main.vue';
-
-/* istanbul ignore next */
-ElXPrompts.install = function (Vue) {
-  Vue.component(ElXPrompts.name, ElXPrompts);
-};
-
-export default ElXPrompts;
+import ElXPrompts from './src/main.vue';
+
+/* istanbul ignore next */
+ElXPrompts.install = function (Vue) {
+  Vue.component(ElXPrompts.name, ElXPrompts);
+};
+
+export default ElXPrompts;

package/src/components/Prompts/src/main.vue

@@ -1,248 +1,248 @@
-<template>
-  <div
-    :class="['el-x-prompts', { 'el-x-prompts-rtl': direction === 'rtl' }, rootClassName]"
-    :style="customStyle"
-  >
-    <!-- 标题 -->
-    <h5
-      v-if="title"
-      class="el-x-prompts-title"
-      :class="[classNames.title]"
-      :style="titleStyle"
-    >
-      {{ title }}
-    </h5>
-
-    <!-- 提示列表 -->
-    <div
-      :class="[
-        'el-x-prompts-list',
-        {
-          'el-x-prompts-list-wrap': wrap,
-          'el-x-prompts-list-vertical': vertical,
-        },
-        classNames.list,
-      ]"
-      :style="listStyle"
-    >
-      <div
-        v-for="(info, index) in items"
-        :key="info.key || `key_${index}`"
-        :class="[
-          'el-x-prompts-item',
-          {
-            'el-x-prompts-item-disabled': info.disabled,
-            'el-x-prompts-item-has-nest': hasChildren(info),
-          },
-          classNames.item,
-        ]"
-        :style="itemStyle"
-        @click="handleItemClick(info)"
-      >
-        <!-- 图标 -->
-        <div
-          v-if="info.icon"
-          class="el-x-prompts-icon"
-        >
-          <slot
-            name="icon"
-            :item="info"
-          >
-            <i :class="info.icon"></i>
-          </slot>
-        </div>
-
-        <!-- 内容 -->
-        <div
-          :class="['el-x-prompts-content', classNames.itemContent]"
-          :style="itemContentStyle"
-        >
-          <!-- 标签 -->
-          <h6
-            v-if="info.label"
-            class="el-x-prompts-label"
-          >
-            <slot
-              name="label"
-              :item="info"
-              >{{ info.label }}</slot
-            >
-          </h6>
-
-          <!-- 描述 -->
-          <p
-            v-if="info.description"
-            class="el-x-prompts-desc"
-          >
-            <slot
-              name="description"
-              :item="info"
-              >{{ info.description }}</slot
-            >
-          </p>
-
-          <!-- 子项 -->
-          <component
-            :is="$options.name"
-            v-if="hasChildren(info)"
-            class="el-x-prompts-nested"
-            :items="info.children"
-            :vertical="true"
-            @on-item-click="$emit('on-item-click', $event)"
-            :class-names="{
-              list: classNames.subList,
-              item: classNames.subItem,
-            }"
-            :styles="{
-              list: styles.subList,
-              item: styles.subItem,
-            }"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    name: 'ElXPrompts',
-
-    props: {
-      /**
-       * 包含多个提示项的列表
-       */
-      items: {
-        type: Array,
-        default: () => [],
-      },
-
-      /**
-       * 显示在提示列表顶部的标题
-       */
-      title: {
-        type: String,
-        default: '',
-      },
-
-      /**
-       * Item 提示项被点击时的回调函数
-       */
-      onItemClick: {
-        type: Function,
-        default: null,
-      },
-
-      /**
-       * 提示列表是否垂直排列
-       */
-      vertical: {
-        type: Boolean,
-        default: false,
-      },
-
-      /**
-       * 提示列表是否换行
-       */
-      wrap: {
-        type: Boolean,
-        default: false,
-      },
-
-      /**
-       * 自定义样式，用于各个提示项的不同部分
-       */
-      styles: {
-        type: Object,
-        default: () => ({}),
-      },
-
-      /**
-       * 自定义样式类名，用于各个提示项的不同部分
-       */
-      classNames: {
-        type: Object,
-        default: () => ({}),
-      },
-
-      /**
-       * 根节点的样式类名
-       */
-      rootClassName: {
-        type: String,
-        default: '',
-      },
-
-      /**
-       * 自定义样式
-       */
-      customStyle: {
-        type: Object,
-        default: () => ({}),
-      },
-
-      /**
-       * 方向
-       */
-      direction: {
-        type: String,
-        default: 'ltr',
-      },
-    },
-
-    computed: {
-      titleStyle() {
-        return {
-          ...this.styles.title,
-        };
-      },
-
-      listStyle() {
-        return {
-          ...this.styles.list,
-        };
-      },
-
-      itemStyle() {
-        return {
-          ...this.styles.item,
-        };
-      },
-
-      itemContentStyle() {
-        return {
-          ...this.styles.itemContent,
-        };
-      },
-    },
-
-    methods: {
-      hasChildren(item) {
-        return item.children && item.children.length > 0;
-      },
-
-      handleItemClick(info) {
-        if (info.disabled) {
-          return;
-        }
-        // 如果有子项，不触发点击事件
-        if (this.hasChildren(info)) {
-          return;
-        }
-        this.$emit('on-item-click', {
-          data: info,
-        });
-        // 向后兼容性
-        if (this.onItemClick) {
-          this.onItemClick({
-            data: info,
-          });
-        }
-      },
-    },
-  };
-</script>
-
-<style lang="scss" scoped>
-  @import '../../../styles/Prompts.scss';
-</style>
+<template>
+  <div
+    :class="['el-x-prompts', { 'el-x-prompts-rtl': direction === 'rtl' }, rootClassName]"
+    :style="customStyle"
+  >
+    <!-- 标题 -->
+    <h5
+      v-if="title"
+      class="el-x-prompts-title"
+      :class="[classNames.title]"
+      :style="titleStyle"
+    >
+      {{ title }}
+    </h5>
+
+    <!-- 提示列表 -->
+    <div
+      :class="[
+        'el-x-prompts-list',
+        {
+          'el-x-prompts-list-wrap': wrap,
+          'el-x-prompts-list-vertical': vertical,
+        },
+        classNames.list,
+      ]"
+      :style="listStyle"
+    >
+      <div
+        v-for="(info, index) in items"
+        :key="info.key || `key_${index}`"
+        :class="[
+          'el-x-prompts-item',
+          {
+            'el-x-prompts-item-disabled': info.disabled,
+            'el-x-prompts-item-has-nest': hasChildren(info),
+          },
+          classNames.item,
+        ]"
+        :style="itemStyle"
+        @click="handleItemClick(info)"
+      >
+        <!-- 图标 -->
+        <div
+          v-if="info.icon"
+          class="el-x-prompts-icon"
+        >
+          <slot
+            name="icon"
+            :item="info"
+          >
+            <i :class="info.icon"></i>
+          </slot>
+        </div>
+
+        <!-- 内容 -->
+        <div
+          :class="['el-x-prompts-content', classNames.itemContent]"
+          :style="itemContentStyle"
+        >
+          <!-- 标签 -->
+          <h6
+            v-if="info.label"
+            class="el-x-prompts-label"
+          >
+            <slot
+              name="label"
+              :item="info"
+              >{{ info.label }}</slot
+            >
+          </h6>
+
+          <!-- 描述 -->
+          <p
+            v-if="info.description"
+            class="el-x-prompts-desc"
+          >
+            <slot
+              name="description"
+              :item="info"
+              >{{ info.description }}</slot
+            >
+          </p>
+
+          <!-- 子项 -->
+          <component
+            :is="$options.name"
+            v-if="hasChildren(info)"
+            class="el-x-prompts-nested"
+            :items="info.children"
+            :vertical="true"
+            @on-item-click="$emit('on-item-click', $event)"
+            :class-names="{
+              list: classNames.subList,
+              item: classNames.subItem,
+            }"
+            :styles="{
+              list: styles.subList,
+              item: styles.subItem,
+            }"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'ElXPrompts',
+
+    props: {
+      /**
+       * 包含多个提示项的列表
+       */
+      items: {
+        type: Array,
+        default: () => [],
+      },
+
+      /**
+       * 显示在提示列表顶部的标题
+       */
+      title: {
+        type: String,
+        default: '',
+      },
+
+      /**
+       * Item 提示项被点击时的回调函数
+       */
+      onItemClick: {
+        type: Function,
+        default: null,
+      },
+
+      /**
+       * 提示列表是否垂直排列
+       */
+      vertical: {
+        type: Boolean,
+        default: false,
+      },
+
+      /**
+       * 提示列表是否换行
+       */
+      wrap: {
+        type: Boolean,
+        default: false,
+      },
+
+      /**
+       * 自定义样式，用于各个提示项的不同部分
+       */
+      styles: {
+        type: Object,
+        default: () => ({}),
+      },
+
+      /**
+       * 自定义样式类名，用于各个提示项的不同部分
+       */
+      classNames: {
+        type: Object,
+        default: () => ({}),
+      },
+
+      /**
+       * 根节点的样式类名
+       */
+      rootClassName: {
+        type: String,
+        default: '',
+      },
+
+      /**
+       * 自定义样式
+       */
+      customStyle: {
+        type: Object,
+        default: () => ({}),
+      },
+
+      /**
+       * 方向
+       */
+      direction: {
+        type: String,
+        default: 'ltr',
+      },
+    },
+
+    computed: {
+      titleStyle() {
+        return {
+          ...this.styles.title,
+        };
+      },
+
+      listStyle() {
+        return {
+          ...this.styles.list,
+        };
+      },
+
+      itemStyle() {
+        return {
+          ...this.styles.item,
+        };
+      },
+
+      itemContentStyle() {
+        return {
+          ...this.styles.itemContent,
+        };
+      },
+    },
+
+    methods: {
+      hasChildren(item) {
+        return item.children && item.children.length > 0;
+      },
+
+      handleItemClick(info) {
+        if (info.disabled) {
+          return;
+        }
+        // 如果有子项，不触发点击事件
+        if (this.hasChildren(info)) {
+          return;
+        }
+        this.$emit('on-item-click', {
+          data: info,
+        });
+        // 向后兼容性
+        if (this.onItemClick) {
+          this.onItemClick({
+            data: info,
+          });
+        }
+      },
+    },
+  };
+</script>
+
+<style lang="scss" scoped>
+  @import '../../../styles/Prompts.scss';
+</style>

package/src/components/Sender/index.js

@@ -1,8 +1,8 @@
-import ElXSender from './src/main.vue';
-
-/* istanbul ignore next */
-ElXSender.install = function (Vue) {
-  Vue.component(ElXSender.name, ElXSender);
-};
-
-export default ElXSender;
+import ElXSender from './src/main.vue';
+
+/* istanbul ignore next */
+ElXSender.install = function (Vue) {
+  Vue.component(ElXSender.name, ElXSender);
+};
+
+export default ElXSender;