vue-element-ui-x 1.1.0 → 1.2.0-beta.0

package/lib/components/Typewriter/index.js

@@ -202,6 +202,29 @@ module.exports = function replace(state) {
 };
 
 
+/***/ }),
+
+/***/ 362:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_prismjs_themes_prism_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6280);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_node_modules_prismjs_themes_prism_css__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".typer-container[data-v-b9fdb796]{overflow-x:auto}.markdown-content[data-v-b9fdb796] ul{list-style-type:disc}.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] h1,.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] h2,.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] h3,.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] h4,.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] h5,.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] h6,.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] p,.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] ol:last-child li,.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] ul:last-child li,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] h1,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] h2,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] h3,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] h4,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] h5,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] h6,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] p,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] ol:last-child li,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] ul:last-child li{position:relative;overflow:hidden}.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] h1:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] h2:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] h3:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] h4:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] h5:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] h6:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] p:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] ol:last-child li:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-b9fdb796] ul:last-child li:last-child:after,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] h1:last-child:after,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] h2:last-child:after,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] h3:last-child:after,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] h4:last-child:after,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] h5:last-child:after,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] h6:last-child:after,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] p:last-child:after,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] ol:last-child li:last-child:after,.typing-cursor-foggy.markdown-content[data-v-b9fdb796] ul:last-child li:last-child:after{content:\"\";width:var(--cursor-fog-width);height:1.5em;background:linear-gradient(90deg, transparent, var(--cursor-fog-bg-color));position:absolute;margin-left:calc(-1*var(--cursor-fog-width))}.typer-content.typing-cursor[data-v-b9fdb796]::after{content:var(--cursor-char);margin-left:2px;display:inline-block}.typer-content.typing-cursor-foggy[data-v-b9fdb796]{position:relative;overflow:hidden}.typer-content.typing-cursor-foggy[data-v-b9fdb796]:last-child:after{content:\"\";width:var(--cursor-fog-width);height:100%;background:linear-gradient(90deg, transparent, var(--cursor-fog-bg-color));position:absolute;margin-left:calc(-1*var(--cursor-fog-width))}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 592:
@@ -6063,29 +6086,6 @@ module.exports = function smartquotes(state) {
 };
 
 
-/***/ }),
-
-/***/ 5630:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_prismjs_themes_prism_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6280);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
-___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_node_modules_prismjs_themes_prism_css__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".typer-container[data-v-59bebd7c]{overflow-x:auto}.markdown-content[data-v-59bebd7c] ul{list-style-type:disc}.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] h1,.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] h2,.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] h3,.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] h4,.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] h5,.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] h6,.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] p,.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] ol:last-child li,.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] ul:last-child li,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] h1,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] h2,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] h3,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] h4,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] h5,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] h6,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] p,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] ol:last-child li,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] ul:last-child li{position:relative;overflow:hidden}.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] h1:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] h2:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] h3:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] h4:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] h5:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] h6:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] p:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] ol:last-child li:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-59bebd7c] ul:last-child li:last-child:after,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] h1:last-child:after,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] h2:last-child:after,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] h3:last-child:after,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] h4:last-child:after,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] h5:last-child:after,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] h6:last-child:after,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] p:last-child:after,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] ol:last-child li:last-child:after,.typing-cursor-foggy.markdown-content[data-v-59bebd7c] ul:last-child li:last-child:after{content:\"\";width:var(--cursor-fog-width);height:1.5em;background:linear-gradient(90deg, transparent, var(--cursor-fog-bg-color));position:absolute;margin-left:calc(-1*var(--cursor-fog-width))}.typer-content.typing-cursor[data-v-59bebd7c]::after{content:var(--cursor-char);margin-left:2px;display:inline-block}.typer-content.typing-cursor-foggy[data-v-59bebd7c]{position:relative;overflow:hidden}.typer-content.typing-cursor-foggy[data-v-59bebd7c]:last-child:after{content:\"\";width:var(--cursor-fog-width);height:100%;background:linear-gradient(90deg, transparent, var(--cursor-fog-bg-color));position:absolute;margin-left:calc(-1*var(--cursor-fog-width))}", ""]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 5711:
@@ -11112,7 +11112,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ Typewriter)
 });
 
-;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/Typewriter/src/main.vue?vue&type=template&id=59bebd7c&scoped=true
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/Typewriter/src/main.vue?vue&type=template&id=b9fdb796&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -11141,7 +11141,7 @@ var render = function render() {
 var staticRenderFns = [];
 render._withStripped = true;
 
-;// ./src/components/Typewriter/src/main.vue?vue&type=template&id=59bebd7c&scoped=true
+;// ./src/components/Typewriter/src/main.vue?vue&type=template&id=b9fdb796&scoped=true
 
 ;// ./node_modules/dompurify/dist/purify.es.mjs
 /*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
@@ -12529,25 +12529,32 @@ var prism_default = /*#__PURE__*/__webpack_require__.n(prism);
       typingIndex: 0,
       contentCache: '',
       timer: null,
-      md: new (markdown_it_default())({
-        html: true,
-        linkify: true,
-        typographer: true,
-        breaks: true,
-        highlight: (code, lang) => {
-          try {
-            const grammar = (prism_default()).languages[lang];
-            if (grammar) {
-              const highlighted = prism_default().highlight(code, grammar, lang);
-              return highlighted;
-            }
-            return code;
-          } catch {
-            return code;
+      md: null
+    };
+  },
+  created() {
+    this.md = new (markdown_it_default())({
+      html: true,
+      linkify: true,
+      typographer: true,
+      breaks: true,
+      highlight: (code, lang) => {
+        // 优先使用用户传入的 highlight 函数
+        if (this.highlight) {
+          return this.highlight(code, lang);
+        }
+        // 默认使用 Prism 高亮
+        try {
+          const grammar = (prism_default()).languages[lang];
+          if (grammar) {
+            return prism_default().highlight(code, grammar, lang);
           }
+          return code;
+        } catch {
+          return code;
         }
-      })
-    };
+      }
+    });
   },
   computed: {
     mergedConfig() {
@@ -12568,6 +12575,8 @@ var prism_default = /*#__PURE__*/__webpack_require__.n(prism);
     },
     renderedContent() {
       if (!this.isMarkdown) return this.processedContent;
+      // 兼容 Vue 2.5.x：computed 可能在 created 之前被访问
+      if (!this.md) return '';
       return purify.sanitize(this.md.render(this.processedContent));
     }
   },
@@ -12685,9 +12694,9 @@ var prism_default = /*#__PURE__*/__webpack_require__.n(prism);
 // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
 var injectStylesIntoStyleTag = __webpack_require__(5072);
 var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/Typewriter/src/main.vue?vue&type=style&index=0&id=59bebd7c&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_59bebd7c_prod_lang_scss_scoped_true = __webpack_require__(5630);
-;// ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/Typewriter/src/main.vue?vue&type=style&index=0&id=59bebd7c&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/Typewriter/src/main.vue?vue&type=style&index=0&id=b9fdb796&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_b9fdb796_prod_lang_scss_scoped_true = __webpack_require__(362);
+;// ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/Typewriter/src/main.vue?vue&type=style&index=0&id=b9fdb796&prod&lang=scss&scoped=true
 
             
 
@@ -12696,12 +12705,12 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_59bebd7c_prod_lang_scss_scoped_true/* default */.A, options);
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_b9fdb796_prod_lang_scss_scoped_true/* default */.A, options);
 
 
 
-/* harmony default export */ const src_mainvue_type_style_index_0_id_59bebd7c_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_59bebd7c_prod_lang_scss_scoped_true/* default */.A.locals || {});
-;// ./src/components/Typewriter/src/main.vue?vue&type=style&index=0&id=59bebd7c&prod&lang=scss&scoped=true
+/* harmony default export */ const src_mainvue_type_style_index_0_id_b9fdb796_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_b9fdb796_prod_lang_scss_scoped_true/* default */.A.locals || {});
+;// ./src/components/Typewriter/src/main.vue?vue&type=style&index=0&id=b9fdb796&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(4486);
@@ -12720,7 +12729,7 @@ var component = (0,componentNormalizer/* default */.A)(
   staticRenderFns,
   false,
   null,
-  "59bebd7c",
+  "b9fdb796",
   null
   
 )

package/lib/components/Welcome/index.js

@@ -2,6 +2,25 @@
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
+/***/ 122:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, "[data-v-f7e46dce]:root{--color-primary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399}.el-x-welcome[data-v-f7e46dce]{--border-radius: 4px;--icon-size: 64px;--icon-size-small: 48px;--icon-size-mobile: 40px;--gap: 16px;--gap-small: 8px;--gap-mobile: 12px;--gap-small-mobile: 6px;--padding: 24px;--padding-mobile: 16px;--title-font-size: 16px;--title-font-size-mobile: 14px;--description-font-size: 14px;--description-font-size-mobile: 13px;--color-filled-bg: #e6f4ff;--color-filled-border: #91caff;--color-title: #303133;--color-description: #606266;display:flex;gap:var(--gap);padding:var(--padding);border-radius:var(--border-radius)}.el-x-welcome.el-x-welcome-filled[data-v-f7e46dce]{background-color:var(--color-filled-bg);border:1px solid var(--color-filled-border)}.el-x-welcome.el-x-welcome-borderless[data-v-f7e46dce]{border:none}.el-x-welcome.el-x-welcome-rtl[data-v-f7e46dce]{direction:rtl}@media(max-width: 768px){.el-x-welcome[data-v-f7e46dce]{--gap: var(--gap-mobile);--gap-small: var(--gap-small-mobile);--padding: var(--padding-mobile);--title-font-size: var(--title-font-size-mobile);--description-font-size: var(--description-font-size-mobile);gap:var(--gap-mobile);padding:var(--padding-mobile)}}@media(max-width: 480px){.el-x-welcome[data-v-f7e46dce]{--icon-size: var(--icon-size-mobile);--padding: 12px;--gap: 8px;--gap-small: 4px;flex-direction:column;align-items:center;text-align:center;padding:12px;gap:8px}.el-x-welcome.el-x-welcome-rtl[data-v-f7e46dce]{direction:ltr}}@media(max-width: 320px){.el-x-welcome[data-v-f7e46dce]{--padding: 8px;--gap: 6px;--icon-size: 32px;padding:8px;gap:6px}}.el-x-welcome-icon[data-v-f7e46dce]{flex:0 0 auto;width:var(--icon-size);height:var(--icon-size);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--border-radius)/2);overflow:hidden;font-size:24px}.el-x-welcome-icon .icon-image[data-v-f7e46dce]{width:100%;height:100%;object-fit:contain;padding:4px}@media(max-width: 768px){.el-x-welcome-icon[data-v-f7e46dce]{width:var(--icon-size-small);height:var(--icon-size-small);font-size:20px}}@media(max-width: 480px){.el-x-welcome-icon[data-v-f7e46dce]{width:var(--icon-size-mobile);height:var(--icon-size-mobile);font-size:16px;margin-bottom:4px}.el-x-welcome-icon .icon-image[data-v-f7e46dce]{padding:2px}}@media(max-width: 320px){.el-x-welcome-icon[data-v-f7e46dce]{width:32px;height:32px;font-size:14px}}.content-wrapper[data-v-f7e46dce]{flex:1;display:flex;flex-direction:column;gap:var(--gap-small)}@media(max-width: 480px){.content-wrapper[data-v-f7e46dce]{align-items:center;text-align:center;width:100%;gap:var(--gap-small-mobile)}}.title-wrapper[data-v-f7e46dce]{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-small)}@media(max-width: 768px){.title-wrapper[data-v-f7e46dce]{gap:var(--gap-small-mobile)}}@media(max-width: 480px){.title-wrapper[data-v-f7e46dce]{flex-direction:column;align-items:center;gap:4px;width:100%}}@media(max-width: 320px){.title-wrapper[data-v-f7e46dce]{gap:2px}}.el-x-welcome-title[data-v-f7e46dce]{margin:0;font-size:var(--title-font-size);font-weight:600;color:var(--color-title);word-break:break-word}@media(max-width: 768px){.el-x-welcome-title[data-v-f7e46dce]{font-size:var(--title-font-size-mobile)}}@media(max-width: 480px){.el-x-welcome-title[data-v-f7e46dce]{font-size:14px;text-align:center;line-height:1.4}}@media(max-width: 320px){.el-x-welcome-title[data-v-f7e46dce]{font-size:13px}}.el-x-welcome-extra[data-v-f7e46dce]{flex-shrink:0;display:flex;align-items:center;gap:var(--gap-small)}.el-x-welcome-extra .el-dropdown[data-v-f7e46dce],.el-x-welcome-extra .el-button[data-v-f7e46dce],.el-x-welcome-extra .el-link[data-v-f7e46dce]{flex-shrink:0}@media(max-width: 768px){.el-x-welcome-extra[data-v-f7e46dce]{gap:var(--gap-small-mobile)}.el-x-welcome-extra .el-button[data-v-f7e46dce]{font-size:12px;padding:6px 12px}}@media(max-width: 480px){.el-x-welcome-extra[data-v-f7e46dce]{justify-content:center;flex-wrap:wrap;gap:4px}.el-x-welcome-extra .el-button[data-v-f7e46dce]{font-size:12px;padding:4px 8px;min-height:28px}.el-x-welcome-extra .el-dropdown .el-button[data-v-f7e46dce]{font-size:12px;padding:4px 8px}.el-x-welcome-extra .el-link[data-v-f7e46dce]{font-size:12px}}@media(max-width: 320px){.el-x-welcome-extra .el-button[data-v-f7e46dce]{font-size:11px;padding:3px 6px;min-height:24px}}.el-x-welcome-description[data-v-f7e46dce]{margin:0;font-size:var(--description-font-size);color:var(--color-description);line-height:1.5;word-break:break-word}@media(max-width: 768px){.el-x-welcome-description[data-v-f7e46dce]{font-size:var(--description-font-size-mobile);line-height:1.4}}@media(max-width: 480px){.el-x-welcome-description[data-v-f7e46dce]{font-size:13px;line-height:1.4;text-align:center}}@media(max-width: 320px){.el-x-welcome-description[data-v-f7e46dce]{font-size:12px;line-height:1.3}}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
 /***/ 4486:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -453,25 +472,6 @@ module.exports = function (cssWithMappingToString) {
   return list;
 };
 
-/***/ }),
-
-/***/ 6950:
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
-// Imports
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, "[data-v-68cfb339]:root{--color-primary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399}.el-x-welcome[data-v-68cfb339]{--border-radius: 4px;--icon-size: 64px;--icon-size-small: 48px;--icon-size-mobile: 40px;--gap: 16px;--gap-small: 8px;--gap-mobile: 12px;--gap-small-mobile: 6px;--padding: 24px;--padding-mobile: 16px;--title-font-size: 16px;--title-font-size-mobile: 14px;--description-font-size: 14px;--description-font-size-mobile: 13px;--color-filled-bg: #e6f4ff;--color-filled-border: #91caff;--color-title: #303133;--color-description: #606266;display:flex;gap:var(--gap);padding:var(--padding);border-radius:var(--border-radius)}.el-x-welcome.el-x-welcome-filled[data-v-68cfb339]{background-color:var(--color-filled-bg);border:1px solid var(--color-filled-border)}.el-x-welcome.el-x-welcome-borderless[data-v-68cfb339]{border:none}.el-x-welcome.el-x-welcome-rtl[data-v-68cfb339]{direction:rtl}@media(max-width: 768px){.el-x-welcome[data-v-68cfb339]{--gap: var(--gap-mobile);--gap-small: var(--gap-small-mobile);--padding: var(--padding-mobile);--title-font-size: var(--title-font-size-mobile);--description-font-size: var(--description-font-size-mobile);gap:var(--gap-mobile);padding:var(--padding-mobile)}}@media(max-width: 480px){.el-x-welcome[data-v-68cfb339]{--icon-size: var(--icon-size-mobile);--padding: 12px;--gap: 8px;--gap-small: 4px;flex-direction:column;align-items:center;text-align:center;padding:12px;gap:8px}.el-x-welcome.el-x-welcome-rtl[data-v-68cfb339]{direction:ltr}}@media(max-width: 320px){.el-x-welcome[data-v-68cfb339]{--padding: 8px;--gap: 6px;--icon-size: 32px;padding:8px;gap:6px}}.el-x-welcome-icon[data-v-68cfb339]{flex:0 0 auto;width:var(--icon-size);height:var(--icon-size);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--border-radius)/2);overflow:hidden;font-size:24px}.el-x-welcome-icon .icon-image[data-v-68cfb339]{width:100%;height:100%;object-fit:contain;padding:4px}@media(max-width: 768px){.el-x-welcome-icon[data-v-68cfb339]{width:var(--icon-size-small);height:var(--icon-size-small);font-size:20px}}@media(max-width: 480px){.el-x-welcome-icon[data-v-68cfb339]{width:var(--icon-size-mobile);height:var(--icon-size-mobile);font-size:16px;margin-bottom:4px}.el-x-welcome-icon .icon-image[data-v-68cfb339]{padding:2px}}@media(max-width: 320px){.el-x-welcome-icon[data-v-68cfb339]{width:32px;height:32px;font-size:14px}}.content-wrapper[data-v-68cfb339]{flex:1;display:flex;flex-direction:column;gap:var(--gap-small)}@media(max-width: 480px){.content-wrapper[data-v-68cfb339]{align-items:center;text-align:center;width:100%;gap:var(--gap-small-mobile)}}.title-wrapper[data-v-68cfb339]{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-small)}@media(max-width: 768px){.title-wrapper[data-v-68cfb339]{gap:var(--gap-small-mobile)}}@media(max-width: 480px){.title-wrapper[data-v-68cfb339]{flex-direction:column;align-items:center;gap:4px;width:100%}}@media(max-width: 320px){.title-wrapper[data-v-68cfb339]{gap:2px}}.el-x-welcome-title[data-v-68cfb339]{margin:0;font-size:var(--title-font-size);font-weight:600;color:var(--color-title);word-break:break-word}@media(max-width: 768px){.el-x-welcome-title[data-v-68cfb339]{font-size:var(--title-font-size-mobile)}}@media(max-width: 480px){.el-x-welcome-title[data-v-68cfb339]{font-size:14px;text-align:center;line-height:1.4}}@media(max-width: 320px){.el-x-welcome-title[data-v-68cfb339]{font-size:13px}}.el-x-welcome-extra[data-v-68cfb339]{flex-shrink:0;display:flex;align-items:center;gap:var(--gap-small)}.el-x-welcome-extra .el-dropdown[data-v-68cfb339],.el-x-welcome-extra .el-button[data-v-68cfb339],.el-x-welcome-extra .el-link[data-v-68cfb339]{flex-shrink:0}@media(max-width: 768px){.el-x-welcome-extra[data-v-68cfb339]{gap:var(--gap-small-mobile)}.el-x-welcome-extra .el-button[data-v-68cfb339]{font-size:12px;padding:6px 12px}}@media(max-width: 480px){.el-x-welcome-extra[data-v-68cfb339]{justify-content:center;flex-wrap:wrap;gap:4px}.el-x-welcome-extra .el-button[data-v-68cfb339]{font-size:12px;padding:4px 8px;min-height:28px}.el-x-welcome-extra .el-dropdown .el-button[data-v-68cfb339]{font-size:12px;padding:4px 8px}.el-x-welcome-extra .el-link[data-v-68cfb339]{font-size:12px}}@media(max-width: 320px){.el-x-welcome-extra .el-button[data-v-68cfb339]{font-size:11px;padding:3px 6px;min-height:24px}}.el-x-welcome-description[data-v-68cfb339]{margin:0;font-size:var(--description-font-size);color:var(--color-description);line-height:1.5;word-break:break-word}@media(max-width: 768px){.el-x-welcome-description[data-v-68cfb339]{font-size:var(--description-font-size-mobile);line-height:1.4}}@media(max-width: 480px){.el-x-welcome-description[data-v-68cfb339]{font-size:13px;line-height:1.4;text-align:center}}@media(max-width: 320px){.el-x-welcome-description[data-v-68cfb339]{font-size:12px;line-height:1.3}}", ""]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
 /***/ })
 
 /******/ 	});
@@ -556,7 +556,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ Welcome)
 });
 
-;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/Welcome/src/main.vue?vue&type=template&id=68cfb339&scoped=true
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/Welcome/src/main.vue?vue&type=template&id=f7e46dce&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -564,18 +564,16 @@ var render = function render() {
     staticClass: "el-x-welcome",
     class: _vm.containerClass,
     style: _vm.styleConfig
-  }, [_vm._t("image", function () {
-    return [_vm.hasIcon ? _c("div", {
-      staticClass: "el-x-welcome-icon",
-      class: _vm.iconClass,
-      style: _vm.styles && _vm.styles.icon
-    }, [_c("el-image", {
-      staticClass: "icon-image",
-      attrs: {
-        src: _vm.icon
-      }
-    })], 1) : _vm._e()];
-  }), _vm._v(" "), _c("div", {
+  }, [_vm.$slots.image ? _vm._t("image") : _vm.hasIcon ? _c("div", {
+    staticClass: "el-x-welcome-icon",
+    class: _vm.iconClass,
+    style: _vm.styles && _vm.styles.icon
+  }, [_c("el-image", {
+    staticClass: "icon-image",
+    attrs: {
+      src: _vm.icon
+    }
+  })], 1) : _vm._e(), _vm._v(" "), _c("div", {
     staticClass: "content-wrapper"
   }, [_vm.hasTitleOrExtra ? _c("div", {
     staticClass: "title-wrapper"
@@ -587,9 +585,7 @@ var render = function render() {
     staticClass: "el-x-welcome-extra",
     class: _vm.extraClass,
     style: _vm.styles && _vm.styles.extra
-  }, [_vm._t("extra", function () {
-    return [_vm._v(_vm._s(_vm.extra))];
-  })], 2) : _vm._e()]) : _vm._e(), _vm._v(" "), _vm.hasDescription ? _c("div", {
+  }, [_vm.$slots.extra ? _vm._t("extra") : [_vm._v(_vm._s(_vm.extra))]], 2) : _vm._e()]) : _vm._e(), _vm._v(" "), _vm.hasDescription ? _c("div", {
     staticClass: "el-x-welcome-description",
     class: _vm.descriptionClass,
     style: _vm.styles && _vm.styles.description
@@ -598,7 +594,7 @@ var render = function render() {
 var staticRenderFns = [];
 render._withStripped = true;
 
-;// ./src/components/Welcome/src/main.vue?vue&type=template&id=68cfb339&scoped=true
+;// ./src/components/Welcome/src/main.vue?vue&type=template&id=f7e46dce&scoped=true
 
 ;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/Welcome/src/main.vue?vue&type=script&lang=js
 /* harmony default export */ const mainvue_type_script_lang_js = ({
@@ -688,9 +684,9 @@ render._withStripped = true;
 // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
 var injectStylesIntoStyleTag = __webpack_require__(5072);
 var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/Welcome/src/main.vue?vue&type=style&index=0&id=68cfb339&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_68cfb339_prod_lang_scss_scoped_true = __webpack_require__(6950);
-;// ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/Welcome/src/main.vue?vue&type=style&index=0&id=68cfb339&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/Welcome/src/main.vue?vue&type=style&index=0&id=f7e46dce&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_f7e46dce_prod_lang_scss_scoped_true = __webpack_require__(122);
+;// ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/Welcome/src/main.vue?vue&type=style&index=0&id=f7e46dce&prod&lang=scss&scoped=true
 
             
 
@@ -699,12 +695,12 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_68cfb339_prod_lang_scss_scoped_true/* default */.A, options);
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_f7e46dce_prod_lang_scss_scoped_true/* default */.A, options);
 
 
 
-/* harmony default export */ const src_mainvue_type_style_index_0_id_68cfb339_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_68cfb339_prod_lang_scss_scoped_true/* default */.A.locals || {});
-;// ./src/components/Welcome/src/main.vue?vue&type=style&index=0&id=68cfb339&prod&lang=scss&scoped=true
+/* harmony default export */ const src_mainvue_type_style_index_0_id_f7e46dce_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_f7e46dce_prod_lang_scss_scoped_true/* default */.A.locals || {});
+;// ./src/components/Welcome/src/main.vue?vue&type=style&index=0&id=f7e46dce&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(4486);
@@ -723,7 +719,7 @@ var component = (0,componentNormalizer/* default */.A)(
   staticRenderFns,
   false,
   null,
-  "68cfb339",
+  "f7e46dce",
   null
   
 )