element-plus/es-ES/component/message.html
2022-05-20 16:03:43 +00:00

46 lines
50 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Message | Element Plus</title>
<meta name="description" content="a Vue 3 based component library for designers and developers">
<link rel="stylesheet" href="/assets/style.1b6d58d4.css">
<link rel="modulepreload" href="/assets/chunks/raw-html.81572b63.js">
<link rel="modulepreload" href="/assets/chunks/contributors.b274eb57.js">
<link rel="modulepreload" href="/assets/app.daa2e944.js">
<link rel="modulepreload" href="/assets/es-ES_component_message.md.088f1b4a.lean.js">
<link rel="icon" href="/images/element-plus-logo-small.svg" type="image/svg+xm">
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<meta name="msapplication-TileColor" content="#409eff">
<meta name="msapplication-config" content="/browserconfig.xml">
<script>window.supportedLangs=["en-US","es-ES","zh-CN"];</script>
<script>(()=>{const o=window.supportedLangs,a="preferred_lang",r="en-US",s={en:"en-US",fr:"fr-FR",es:"es-ES"};let e=localStorage.getItem(a)||navigator.language;const n=s[e]||(o.includes(e)?e:r);if(localStorage.setItem(a,n),e=n,!location.pathname.startsWith(`/${e}`)){const t=[`/${e}`].concat(location.pathname.split("/").slice(2)).join("/");location.pathname=t.endsWith(".html")||t.endsWith("/")?t:t.concat("/")}navigator&&navigator.serviceWorker.controller&&navigator.serviceWorker.controller.postMessage({type:"LANG",lang:e})})();</script>
<script async="true" src="https://www.googletagmanager.com/gtag/js?id=UA-175337989-1"></script>
<script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/sw.js").then(function(o){console.log(o)}).catch(function(o){console.log(o)});</script>
<script async="true">window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","UA-175337989-1");</script>
<script async="true" src="https://www.googletagmanager.com/gtag/js?id=G-M74ZHEQ1M1"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-M74ZHEQ1M1");</script>
<script>(function(t,s,n,h,j,e){t.hj=t.hj||function(){(t.hj.q=t.hj.q||[]).push(arguments)},t._hjSettings={hjid:2894908,hjsv:6},j=s.getElementsByTagName("head")[0],e=s.createElement("script"),e.async=1,e.src=n+t._hjSettings.hjid+h+t._hjSettings.hjsv,j.appendChild(e)})(window,document,"https://static.hotjar.com/c/hotjar-",".js?sv=");</script>
<script async="true">var resource=document.createElement("link");resource.setAttribute("rel","stylesheet"),resource.setAttribute("href","//fonts.loli.net/css?family=Inter:300,400,500,600|Open+Sans:400,600;display=swap"),resource.setAttribute("type","text/css");var head=document.querySelector("head");head.appendChild(resource);</script>
<script>(()=>{const e=localStorage.getItem("el-theme-appearance");(e==="auto"?window.matchMedia("(prefers-color-scheme: dark)").matches:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
<meta name="twitter:title" content="Message | Element Plus">
<meta property="og:title" content="Message | Element Plus">
</head>
<body>
<div id="app"><div class="App"><!----><header class="navbar has-sidebar"><div class="navbar-wrapper" data-v-0baf1018><div class="header-container" data-v-0baf1018><div class="logo-container" data-v-0baf1018><a href="/es-ES/" data-v-0baf1018><img class="logo" src="/images/element-plus-logo.svg" alt="Element Plus Logo" data-v-0baf1018></a></div><div class="content" data-v-0baf1018><div id="docsearch" class="algolia-search-box search" data-v-0baf1018></div><nav class="navbar-menu menu" data-v-0baf1018><!--[--><a class="link-item link is-menu-link" href="/es-ES/guide/design" data-v-3d10afe9 data-v-36735cb0><!--[--><!--[-->Guías<!--]--><!--]--><!----></a><a class="link-item link is-menu-link active" href="/es-ES/component/button" data-v-3d10afe9 data-v-36735cb0><!--[--><!--[-->Componentes<!--]--><!--]--><!----></a><a class="link-item link is-menu-link" href="/es-ES/resource/index" data-v-3d10afe9 data-v-36735cb0><!--[--><!--[-->Recursos<!--]--><!--]--><!----></a><!--]--></nav><div class="theme-toggler-content theme-toggler" data-v-0baf1018 data-v-127078e6><div class="switch" role="switch" data-v-127078e6 data-v-3de418c2><div class="switch__action"><div class="switch__icon"><!--[--><i class="el-icon" style="font-size:13px;" data-v-3de418c2><!--[--><svg viewbox="0 0 24 24" class="dark-icon" data-v-3de418c2><path d="M11.01 3.05C6.51 3.54 3 7.36 3 12a9 9 0 0 0 9 9c4.63 0 8.45-3.5 8.95-8c.09-.79-.78-1.42-1.54-.95A5.403 5.403 0 0 1 11.1 7.5c0-1.06.31-2.06.84-2.89c.45-.67-.04-1.63-.93-1.56z" fill="currentColor"></path></svg><svg viewbox="0 0 24 24" class="light-icon" data-v-3de418c2><path d="M6.05 4.14l-.39-.39a.993.993 0 0 0-1.4 0l-.01.01a.984.984 0 0 0 0 1.4l.39.39c.39.39 1.01.39 1.4 0l.01-.01a.984.984 0 0 0 0-1.4zM3.01 10.5H1.99c-.55 0-.99.44-.99.99v.01c0 .55.44.99.99.99H3c.56.01 1-.43 1-.98v-.01c0-.56-.44-1-.99-1zm9-9.95H12c-.56 0-1 .44-1 .99v.96c0 .55.44.99.99.99H12c.56.01 1-.43 1-.98v-.97c0-.55-.44-.99-.99-.99zm7.74 3.21c-.39-.39-1.02-.39-1.41-.01l-.39.39a.984.984 0 0 0 0 1.4l.01.01c.39.39 1.02.39 1.4 0l.39-.39a.984.984 0 0 0 0-1.4zm-1.81 15.1l.39.39a.996.996 0 1 0 1.41-1.41l-.39-.39a.993.993 0 0 0-1.4 0c-.4.4-.4 1.02-.01 1.41zM20 11.49v.01c0 .55.44.99.99.99H22c.55 0 .99-.44.99-.99v-.01c0-.55-.44-.99-.99-.99h-1.01c-.55 0-.99.44-.99.99zM12 5.5c-3.31 0-6 2.69-6 6s2.69 6 6 6s6-2.69 6-6s-2.69-6-6-6zm-.01 16.95H12c.55 0 .99-.44.99-.99v-.96c0-.55-.44-.99-.99-.99h-.01c-.55 0-.99.44-.99.99v.96c0 .55.44.99.99.99zm-7.74-3.21c.39.39 1.02.39 1.41 0l.39-.39a.993.993 0 0 0 0-1.4l-.01-.01a.996.996 0 0 0-1.41 0l-.39.39c-.38.4-.38 1.02.01 1.41z" fill="currentColor"></path></svg><!--]--></i><!--]--></div></div></div></div><div class="translation-container translation" data-v-0baf1018 data-v-dd9c9540><!----></div><div class="social-links" data-v-0baf1018 data-v-76aa5200><!--[--><a href="https://github.com/element-plus/element-plus" title="GitHub" target="_blank" rel="noreferrer noopener" class="social-link" data-v-76aa5200 data-v-6c8d2bba><i class="el-icon" style="font-size:24px;" data-v-6c8d2bba><!--[--><svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" data-v-6c8d2bba><path fill="currentColor" d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476c0-.237-.013-1.024-.013-1.862c-2.512.463-3.162-.612-3.362-1.175c-.113-.288-.6-1.175-1.025-1.413c-.35-.187-.85-.65-.013-.662c.788-.013 1.35.725 1.538 1.025c.9 1.512 2.338 1.087 2.912.825c.088-.65.35-1.087.638-1.337c-2.225-.25-4.55-1.113-4.55-4.938c0-1.088.387-1.987 1.025-2.688c-.1-.25-.45-1.275.1-2.65c0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337c1.912-1.3 2.75-1.024 2.75-1.024c.55 1.375.2 2.4.1 2.65c.637.7 1.025 1.587 1.025 2.687c0 3.838-2.337 4.688-4.562 4.938c.362.312.675.912.675 1.85c0 1.337-.013 2.412-.013 2.75c0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10z"></path></svg><!--]--></i></a><!--]--></div><div class="menu-hamburger hamburger" role="button" data-v-0baf1018><span class="hamburger-1"></span><span class="hamburger-2"></span><span class="hamburger-3"></span></div></div></div></div><!----></header><div class="sub-nav py-3 flex items-center"><div class="sidebar-button flex items-center"><i class="el-icon mr-2" style="font-size:20px;"><!--[--><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="7" width="11" height="2" fill="#606266"></rect><rect x="2" y="11" width="14" height="2" fill="#606266"></rect><rect x="2" y="15" width="8" height="2" fill="#606266"></rect><rect x="2" y="3" width="16" height="2" fill="#606266"></rect></svg><!--]--></i><span class="leading-6">Menu</span></div><a class="el-link el-link--default go-back-top height-5" size="small"><!--v-if--><span class="el-link__inner"><!--[-->Back to top<!--]--></span><!--v-if--></a></div><aside class="sidebar"><!--[--><div class="sponsors" data-v-b631cc3c><p class="sponsors-title" data-v-b631cc3c>Patrocinado por</p><div class="sponsor-container" data-v-b631cc3c data-v-fdd555d0><!--[--><a href="https://vform666.com/vform3.html?from=element_plus" title="VForm - Vue 2/3 可视化低代码表单" class="sponsor-item inline-flex" style="" target="_blank" data-v-fdd555d0><img src="/images/vform-banner.png" alt="VForm" data-v-fdd555d0></a><a href="https://js.design?source=element-plus" title="即时设计 - 专业在线UI设计工具" class="sponsor-item inline-flex" style="" target="_blank" data-v-fdd555d0><img src="/images/js-design-banner.jpg" alt="JSDesign" data-v-fdd555d0></a><!--]--></div><div class="sponsor-container" data-v-b631cc3c data-v-727ef4e6><!--[--><a class="sponsor-item inline-flex items-center" href="https://bit.dev/?from=element-ui" title="bit - Share Code" target="_blank" data-v-727ef4e6><img src="/images/bit.svg" alt="bit" data-v-727ef4e6></a><a class="sponsor-item inline-flex items-center" href="https://www.renren.io/?from=element-ui" title="人人开源 - 企业级的快速开发平台" target="_blank" data-v-727ef4e6><img src="/images/renren.png" alt="renren.io" data-v-727ef4e6></a><a class="sponsor-item inline-flex items-center" href="https://form.making.link/?from=element_plus" title="FormMaking - Vue表单设计器赋能企业快速开发" target="_blank" data-v-727ef4e6><img src="/images/formmaking.png" alt="FormMaking" data-v-727ef4e6></a><!--]--></div></div><!--]--><div class="sidebar-groups"><!--[--><section class="sidebar-group"><p class="sidebar-group__title">Basic</p><!--[--><a class="link" href="/es-ES/component/button" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Button</p><!----></a><a class="link" href="/es-ES/component/border" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Border</p><!----></a><a class="link" href="/es-ES/component/color" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Color</p><!----></a><a class="link" href="/es-ES/component/container" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Layout Container</p><!----></a><a class="link" href="/es-ES/component/icon" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Icon</p><!----></a><a class="link" href="/es-ES/component/layout" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Layout</p><!----></a><a class="link" href="/es-ES/component/link" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Link</p><!----></a><a class="link" href="/es-ES/component/scrollbar" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Scrollbar</p><!----></a><a class="link" href="/es-ES/component/space" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Space</p><!----></a><a class="link" href="/es-ES/component/typography" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Typography</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Configuration</p><!--[--><a class="link" href="/es-ES/component/config-provider" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Config Provider</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Form</p><!--[--><a class="link" href="/es-ES/component/cascader" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Cascader</p><!----></a><a class="link" href="/es-ES/component/checkbox" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Checkbox</p><!----></a><a class="link" href="/es-ES/component/color-picker" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Color Picker</p><!----></a><a class="link" href="/es-ES/component/date-picker" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Date Picker</p><!----></a><a class="link" href="/es-ES/component/datetime-picker" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>DateTime Picker</p><!----></a><a class="link" href="/es-ES/component/form" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Form</p><!----></a><a class="link" href="/es-ES/component/input" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Input</p><!----></a><a class="link" href="/es-ES/component/input-number" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Input Number</p><!----></a><a class="link" href="/es-ES/component/radio" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Radio</p><!----></a><a class="link" href="/es-ES/component/rate" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Rate</p><!----></a><a class="link" href="/es-ES/component/select" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Select</p><!----></a><a class="link" href="/es-ES/component/select-v2" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Virtualized Select</p><!----></a><a class="link" href="/es-ES/component/slider" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Slider</p><!----></a><a class="link" href="/es-ES/component/switch" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Switch</p><!----></a><a class="link" href="/es-ES/component/time-picker" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Time Picker</p><!----></a><a class="link" href="/es-ES/component/time-select" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Time Select</p><!----></a><a class="link" href="/es-ES/component/transfer" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Transfer</p><!----></a><a class="link" href="/es-ES/component/upload" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Upload</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Data</p><!--[--><a class="link" href="/es-ES/component/avatar" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Avatar</p><!----></a><a class="link" href="/es-ES/component/badge" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Badge</p><!----></a><a class="link" href="/es-ES/component/calendar" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Calendar</p><!----></a><a class="link" href="/es-ES/component/card" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Card</p><!----></a><a class="link" href="/es-ES/component/carousel" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Carousel</p><!----></a><a class="link" href="/es-ES/component/collapse" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Collapse</p><!----></a><a class="link" href="/es-ES/component/descriptions" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Descriptions</p><!----></a><a class="link" href="/es-ES/component/empty" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Empty</p><!----></a><a class="link" href="/es-ES/component/image" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Image</p><!----></a><a class="link" href="/es-ES/component/infinite-scroll" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Infinite Scroll</p><!----></a><a class="link" href="/es-ES/component/pagination" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Pagination</p><!----></a><a class="link" href="/es-ES/component/progress" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Progress</p><!----></a><a class="link" href="/es-ES/component/result" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Result</p><!----></a><a class="link" href="/es-ES/component/skeleton" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Skeleton</p><!----></a><a class="link" href="/es-ES/component/table" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Table</p><!----></a><a class="link flex items-center" href="/es-ES/component/table-v2" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Virtualized Table</p><span class="el-tag el-tag--small el-tag--plain is-hit is-round ml-2" style="background-color:;" data-v-8fa0a68a><span class="el-tag__content"><!--[-->2.2.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/tag" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Tag</p><!----></a><a class="link" href="/es-ES/component/timeline" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Timeline</p><!----></a><a class="link" href="/es-ES/component/tree" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Tree</p><!----></a><a class="link flex items-center" href="/es-ES/component/tree-select" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>TreeSelect</p><span class="el-tag el-tag--small el-tag--plain is-hit is-round ml-2" style="background-color:;" data-v-8fa0a68a><span class="el-tag__content"><!--[-->2.1.8<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/tree-v2" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Virtualized Tree</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Navigation</p><!--[--><a class="link" href="/es-ES/component/affix" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Affix</p><!----></a><a class="link" href="/es-ES/component/backtop" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Backtop</p><!----></a><a class="link" href="/es-ES/component/breadcrumb" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Breadcrumb</p><!----></a><a class="link" href="/es-ES/component/dropdown" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Dropdown</p><!----></a><a class="link" href="/es-ES/component/menu" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Menu</p><!----></a><a class="link" href="/es-ES/component/page-header" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Page Header</p><!----></a><a class="link" href="/es-ES/component/steps" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Steps</p><!----></a><a class="link" href="/es-ES/component/tabs" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Tabs</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Feedback</p><!--[--><a class="link" href="/es-ES/component/alert" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Alert</p><!----></a><a class="link" href="/es-ES/component/dialog" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Dialog</p><!----></a><a class="link" href="/es-ES/component/drawer" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Drawer</p><!----></a><a class="link" href="/es-ES/component/loading" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Loading</p><!----></a><a class="link active" href="/es-ES/component/message" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Message</p><!----></a><a class="link" href="/es-ES/component/message-box" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Message Box</p><!----></a><a class="link" href="/es-ES/component/notification" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Notification</p><!----></a><a class="link" href="/es-ES/component/popconfirm" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Pop Confirm</p><!----></a><a class="link" href="/es-ES/component/popover" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Popover</p><!----></a><a class="link" href="/es-ES/component/tooltip" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Tooltip</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Others</p><!--[--><a class="link" href="/es-ES/component/divider" data-v-8fa0a68a><p class="link-text" data-v-8fa0a68a>Divider</p><!----></a><!--]--></section><!--]--></div><!--[--><!--]--></aside><main class="page-content has-sidebar"><div class="doc-content-wrapper"><div class="doc-content-container"><div style="position:relative;" class="doc-content"><div><h1 id="message" tabindex="-1">Message <a class="header-anchor" href="#message" aria-hidden="true">#</a></h1><p>Utilizado para mostrar comentarios después de una actividad. La diferencia con el componente Notification es que este último es utilizado para mostrar una notificación pasiva.</p><h2 id="uso-basico" tabindex="-1">Uso básico <a class="header-anchor" href="#uso-basico" aria-hidden="true">#</a></h2><p>Se muestra en la parte superior de la pagina y desaparece después de 3 segundos.</p><!----><h2 id="tipos" tabindex="-1">Tipos <a class="header-anchor" href="#tipos" aria-hidden="true">#</a></h2><p>Utilizado para mostrar los comentarios de Éxito, Advertencia, Mensaje y Error de las actividades.</p><!----><h2 id="cerrable" tabindex="-1">Cerrable <a class="header-anchor" href="#cerrable" aria-hidden="true">#</a></h2><p>Un botón para cerrar que puede ser agregado.</p><!----><h2 id="texto-centrado" tabindex="-1">Texto centrado <a class="header-anchor" href="#texto-centrado" aria-hidden="true">#</a></h2><p>Para centrar el texto utilice el atributo <code>center</code>.</p><!----><h2 id="usando-cadenas-html" tabindex="-1">Usando cadenas HTML <a class="header-anchor" href="#usando-cadenas-html" aria-hidden="true">#</a></h2><p><code>message</code> soporta cadenas HTML.</p><!----><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>Aunque la propiedad <code>message</code> soporta cadenas HTML, realizar arbitrariamente render dinámico de HTML en nuestro sitio web puede ser muy peligroso, ya que puede conducir fácilmente a <a href="https://es.wikipedia.org/wiki/Cross-site_scripting" target="_blank" rel="noopener noreferrer">ataques XSS</a>. Entonces, cuando <code>dangerouslyUseHTMLString</code> está activada, asegúrese que el contenido de <code>message</code> sea de confianza, y <strong>nunca</strong> asigne a <code>message</code> contenido generado por el usuario.</p></div><h2 id="agrupando" tabindex="-1">Agrupando <a class="header-anchor" href="#agrupando" aria-hidden="true">#</a></h2><p>fusiona mensajes con el mismo contenido.</p><!----><h2 id="metodos-globales" tabindex="-1">Métodos Globales <a class="header-anchor" href="#metodos-globales" aria-hidden="true">#</a></h2><p>Element Plus ha agregado un método global llamado <code>$message</code> para <code>app.config.globalProperties</code>. Así en una instancia de vue puede llamar a <code>Mensaje</code> como lo que hicimos en esta página.</p><h2 id="importacion-local" tabindex="-1">Importación local <a class="header-anchor" href="#importacion-local" aria-hidden="true">#</a></h2><div class="language-ts"><pre><code><span class="token keyword">import</span> <span class="token punctuation">{</span> ElMessage <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;element-plus&#39;</span>
</code></pre></div><p>En este caso debería llamar al método <code>ElMessage(options)</code>. También se han registrado métodos para los diferentes tipos, e.g. <code>ElMessage.success(options)</code>. Puede llamar al método <code>ElMessage.closeAll()</code> para cerrar manualmente todas las instancias.</p><h2 id="herencia-de-contexto-de-aplicacion-2-0-3" tabindex="-1">Herencia de contexto de aplicación <span class="el-tag el-tag--light" style="background-color:;"><span class="el-tag__content"><!--[--> &gt;= 2.0.3<!--]--></span><!--v-if--></span> <a class="header-anchor" href="#herencia-de-contexto-de-aplicacion-2-0-3" aria-hidden="true">#</a></h2><p>Ahora Message acepta un <code>context</code> como segundo parámetro del constructor de mensajes que le permite inyectar el contexto de la aplicación actual al mensaje, lo que le permite heredar todas las propiedades de la aplicación.</p><p>Puede usarlo así:</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>Si ha registrado globalmente el componente ElMessage, automáticamente heredará el contexto de la aplicación.</p></div><div class="language-ts"><pre><code><span class="token keyword">import</span> <span class="token punctuation">{</span> getCurrentInstance <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;vue&#39;</span>
<span class="token keyword">import</span> <span class="token punctuation">{</span> ElMessage <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;element-plus&#39;</span>
<span class="token comment">// in your setup method</span>
<span class="token keyword">const</span> <span class="token punctuation">{</span> appContext <span class="token punctuation">}</span> <span class="token operator">=</span> <span class="token function">getCurrentInstance</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token operator">!</span>
<span class="token function">ElMessage</span><span class="token punctuation">(</span><span class="token punctuation">{</span><span class="token punctuation">}</span><span class="token punctuation">,</span> appContext<span class="token punctuation">)</span>
</code></pre></div><h2 id="api-de-mensaje" tabindex="-1">API de mensaje <a class="header-anchor" href="#api-de-mensaje" aria-hidden="true">#</a></h2><h3 id="opciones" tabindex="-1">Opciones <a class="header-anchor" href="#opciones" aria-hidden="true">#</a></h3><table><thead><tr><th>Atributo</th><th>Descripción</th><th>Tipo</th><th>Por defecto</th></tr></thead><tbody><tr><td><code>message</code></td><td>texto del mensaje</td><td><code>string | VNode | (() =&gt; VNode)</code></td><td></td></tr><tr><td><code>type</code></td><td>tipo de mensaje</td><td><code>&#39;success&#39; | &#39;warning&#39; | &#39;info&#39; | &#39;error&#39;</code></td><td><code>&#39;info&#39;</code></td></tr><tr><td><code>icon</code></td><td>componente de icono personalizado, sobreescribe <code>type</code></td><td><code>string | Component</code></td><td></td></tr><tr><td><code>dangerouslyUseHTMLString</code></td><td>utilizado para que <code>message</code> sea tratado como cadena HTML</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>custom-class</code></td><td>nombre de clase personalizado para el componente Message</td><td><code>string</code></td><td></td></tr><tr><td><code>duration</code></td><td>duración del tiempo en que será mostrado, en milisegundos. Si se establece a 0, no se desactivará automáticamente</td><td><code>number</code></td><td><code>3000</code></td></tr><tr><td><code>show-close</code></td><td>si se muestra el botón de cerrar</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>center</code></td><td>utilizado para centrar el texto</td><td><code>boolean</code></td><td><code>false</code></td></tr><tr><td><code>on-close</code></td><td>función callback ejecutada cuando se cierra con una instancia de message como parámetro</td><td><code>function</code></td><td></td></tr><tr><td><code>offset</code></td><td>ajustar la distancia a la parte superior de la vista</td><td><code>number</code></td><td><code>20</code></td></tr><tr><td><code>appendTo</code></td><td>establecer el elemento raíz del mensaje</td><td><code>string | HTMLElement</code></td><td><code>document.body</code></td></tr><tr><td><code>grouping</code></td><td>combinar mensajes con el mismo contenido, el tipo de mensaje VNode no está soportado</td><td><code>boolean</code></td><td><code>false</code></td></tr></tbody></table><h3 id="metodos" tabindex="-1">Métodos <a class="header-anchor" href="#metodos" aria-hidden="true">#</a></h3><p><code>Message</code> y <code>this.$message</code> regresan una instancia del componente Message. Para cerrar manualmente la instancia, puede llamar al método <code>close</code>.</p><table><thead><tr><th>Método</th><th>Descripción</th></tr></thead><tbody><tr><td><code>close</code></td><td>cierra el componente Message</td></tr></tbody></table><h2 id="fuente" tabindex="-1">Fuente <a class="header-anchor" href="#fuente" aria-hidden="true">#</a></h2><p><a href="https://github.com/element-plus/element-plus/tree/dev/packages/components/message" target="_blank" rel="noopener noreferrer">Componentes</a><a href="https://github.com/element-plus/element-plus/blob/dev/docs/en-US/component/message.md" target="_blank" rel="noopener noreferrer">Documentación</a></p><h2 id="contribuidores" tabindex="-1">Contribuidores <a class="header-anchor" href="#contribuidores" aria-hidden="true">#</a></h2><div class="mb-4" data-v-78931949><div class="flex flex-wrap gap-4 pt-2" data-v-78931949><!--[--><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/sxzz" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/6481596?v=4" class="w-8 h-8 rounded-full" data-v-78931949> 三咲智子<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/YunYouJun" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/25154432?v=4" class="w-8 h-8 rounded-full" data-v-78931949> 云游君<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/JeremyWuuuuu" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/15975785?v=4" class="w-8 h-8 rounded-full" data-v-78931949> JeremyWuuuuu<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/zhazhanitian" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/31462942?v=4" class="w-8 h-8 rounded-full" data-v-78931949> 表弟<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/adaex" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/29560987?v=4" class="w-8 h-8 rounded-full" data-v-78931949> Aex<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/btea" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/24516654?v=4" class="w-8 h-8 rounded-full" data-v-78931949> btea<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/codespikex" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/49446662?v=4" class="w-8 h-8 rounded-full" data-v-78931949> CodeSpikeX<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/emojiiii" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/30518686?v=4" class="w-8 h-8 rounded-full" data-v-78931949> C.Y.Kun<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/purepear" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/144010?v=4" class="w-8 h-8 rounded-full" data-v-78931949> Delyan Haralanov<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/chenxch" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/23251408?v=4" class="w-8 h-8 rounded-full" data-v-78931949> Xc<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/Alanscut" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/21104054?v=4" class="w-8 h-8 rounded-full" data-v-78931949> Alan Wang<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/buqiyuan" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/39730999?v=4" class="w-8 h-8 rounded-full" data-v-78931949> bqy<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/HerringtonDarkholme" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/2883231?v=4" class="w-8 h-8 rounded-full" data-v-78931949> Herrington Darkholme<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/iceshou" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/5445667?v=4" class="w-8 h-8 rounded-full" data-v-78931949> iceman<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/msidolphin" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/26672484?v=4" class="w-8 h-8 rounded-full" data-v-78931949> msidolphin<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/Chris-Kin" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/10802869?v=4" class="w-8 h-8 rounded-full" data-v-78931949> on the field of hope<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/Ryan2128" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/33176053?v=4" class="w-8 h-8 rounded-full" data-v-78931949> Ryan2128<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/Hades-li" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/12124478?v=4" class="w-8 h-8 rounded-full" data-v-78931949> Hades-li<!--]--><!----></a></div><div data-v-78931949><a class="link-item link flex gap-2 items-center link" href="https://github.com/xiaoxian521" target="_blank" rel="noopener noreferrer" data-v-78931949 data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/44761321?v=4" class="w-8 h-8 rounded-full" data-v-78931949> 啝裳<!--]--><!----></a></div><!--]--></div></div></div></div><footer class="page-footer" data-v-3e2f3e7f><div class="edit" data-v-3e2f3e7f><div class="edit-link" data-v-3e2f3e7f data-v-7d4aa2c8><a class="link text-sm" href="https://crowdin.com/translate/element-plus/all/en-es" target="_blank" rel="noopener noreferrer" data-v-7d4aa2c8>Editar esta página en Crowdin <i class="el-icon" style="font-size:16px;vertical-align:text-top;line-height:24px;" data-v-7d4aa2c8><!--[--><svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" data-v-7d4aa2c8><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg><!--]--></i></a></div></div></footer><div class="next-and-prev-link" data-v-8ad25866><div class="container" data-v-8ad25866><div class="prev" data-v-8ad25866><a class="link" href="/es-ES/component/loading" data-v-8ad25866><i class="el-icon mr-1" style="" data-v-8ad25866><!--[--><svg viewbox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-8ad25866><path fill="currentColor" d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i><span class="text" data-v-8ad25866>Loading</span></a></div><div class="next" data-v-8ad25866><a class="link" href="/es-ES/component/message-box" data-v-8ad25866><span class="text" data-v-8ad25866>Message Box</span><i class="el-icon ml-1" style="" data-v-8ad25866><!--[--><svg viewbox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-8ad25866><path fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i></a></div></div></div></div><aside class="toc-wrapper" data-v-4de21cba><nav class="toc-content" data-v-4de21cba><h3 class="toc-content__heading" data-v-4de21cba>Contents</h3><ul class="toc-items" data-v-4de21cba><!--[--><li class="toc-item" data-v-4de21cba><a class="toc-link" href="#uso-basico" title="Uso básico" data-v-4de21cba>Uso básico</a><!----></li><li class="toc-item" data-v-4de21cba><a class="toc-link" href="#tipos" title="Tipos" data-v-4de21cba>Tipos</a><!----></li><li class="toc-item" data-v-4de21cba><a class="toc-link" href="#cerrable" title="Cerrable" data-v-4de21cba>Cerrable</a><!----></li><li class="toc-item" data-v-4de21cba><a class="toc-link" href="#texto-centrado" title="Texto centrado" data-v-4de21cba>Texto centrado</a><!----></li><li class="toc-item" data-v-4de21cba><a class="toc-link" href="#usando-cadenas-html" title="Usando cadenas HTML" data-v-4de21cba>Usando cadenas HTML</a><!----></li><li class="toc-item" data-v-4de21cba><a class="toc-link" href="#agrupando" title="Agrupando" data-v-4de21cba>Agrupando</a><!----></li><li class="toc-item" data-v-4de21cba><a class="toc-link" href="#metodos-globales" title="Métodos Globales" data-v-4de21cba>Métodos Globales</a><!----></li><li class="toc-item" data-v-4de21cba><a class="toc-link" href="#importacion-local" title="Importación local" data-v-4de21cba>Importación local</a><!----></li><li class="toc-item" data-v-4de21cba><a class="toc-link" href="#herencia-de-contexto-de-aplicacion-2-0-3" title="Herencia de contexto de aplicación" data-v-4de21cba>Herencia de contexto de aplicación</a><!----></li><li class="toc-item" data-v-4de21cba><a class="toc-link" href="#api-de-mensaje" title="API de mensaje" data-v-4de21cba>API de mensaje</a><ul data-v-4de21cba><!--[--><li class="toc-item" data-v-4de21cba><a class="toc-link subitem" href="#opciones" title="API de mensaje" data-v-4de21cba>Opciones</a></li><li class="toc-item" data-v-4de21cba><a class="toc-link subitem" href="#metodos" title="API de mensaje" data-v-4de21cba>Métodos</a></li><!--]--></ul></li><li class="toc-item" data-v-4de21cba><a class="toc-link" href="#fuente" title="Fuente" data-v-4de21cba>Fuente</a><!----></li><li class="toc-item" data-v-4de21cba><a class="toc-link" href="#contribuidores" title="Contribuidores" data-v-4de21cba>Contribuidores</a><!----></li><!--]--></ul><div class="toc-marker" data-v-4de21cba></div><div class="join sponsors-button mt-4 w-100%" data-v-4de21cba><!--[--><a href="mailto:element-plus@outlook.com" target="_blank" class="el-tooltip__trigger"><button class="el-button" aria-disabled="false" type="button" style="overflow:hidden;"><!--v-if--><span class=""><!--[-->¡Conviértete en un patrocinador!<!--]--></span></button></a><!--teleport start--><!--teleport end--><!--]--></div><div class="sponsor-container m-t-16px" data-v-4de21cba><!--[--><a href="https://fantastic-admin.netlify.app/?from=element-plus" title="Fantastic-admin - 开箱即用的 Vue 后台管理框架" target="_blank"><div class="flex bg-#F9F9F9 pl-12px pr-12px pt-16px pb-16px rd-4px"><div class="w-32px m-r-8px h-56px"><img class="mt-2px rd-4px w-32px h-32px" src="/images/sponsors/fantasticadmin.png" alt="Fantastic-admin"></div><div class="flex-1 h-56px"><div class="color-#303133 font-400 text-13px">Fantastic-admin</div><div class="m-t-2px font-400 text-12px color-#909399">An out-of-the-box backend framework</div></div></div></a><!--]--></div></nav></aside></div></main><!----></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"en-us_component_affix.md\":\"63916a6b\",\"en-us_component_alert.md\":\"54475657\",\"en-us_component_avatar.md\":\"0ed8a18b\",\"en-us_component_backtop.md\":\"ba5ef377\",\"en-us_component_badge.md\":\"384c0b2c\",\"en-us_component_border.md\":\"c033094b\",\"en-us_component_breadcrumb.md\":\"3da7be62\",\"en-us_component_button.md\":\"758f3782\",\"en-us_component_calendar.md\":\"ae42761a\",\"en-us_component_card.md\":\"46775591\",\"en-us_component_carousel.md\":\"abb47ccc\",\"en-us_component_cascader.md\":\"eabd864b\",\"en-us_component_checkbox.md\":\"96ac518d\",\"en-us_component_collapse.md\":\"52245e6d\",\"en-us_component_color-picker.md\":\"6f84bdef\",\"en-us_component_color.md\":\"bb3dc795\",\"en-us_component_config-provider.md\":\"f6da1f6b\",\"en-us_component_container.md\":\"22e0bf15\",\"en-us_component_date-picker.md\":\"f3c08ea7\",\"en-us_component_datetime-picker.md\":\"738c7a54\",\"en-us_component_descriptions.md\":\"67f7a8c1\",\"en-us_component_dialog.md\":\"71caafff\",\"en-us_component_divider.md\":\"83dd7b5f\",\"en-us_component_drawer.md\":\"b5bf0b76\",\"en-us_component_dropdown.md\":\"ba807a64\",\"en-us_component_empty.md\":\"e9bba61d\",\"en-us_component_form.md\":\"72733ad2\",\"en-us_component_icon.md\":\"5da6b943\",\"en-us_component_image.md\":\"d58c2bdf\",\"en-us_component_infinite-scroll.md\":\"9997e9bd\",\"en-us_component_input-number.md\":\"952fee78\",\"en-us_component_input.md\":\"32c3dd7f\",\"en-us_component_layout.md\":\"7903c5b6\",\"en-us_component_link.md\":\"0336c69f\",\"en-us_component_loading.md\":\"6a08878c\",\"en-us_component_menu.md\":\"7c8ec638\",\"en-us_component_message-box.md\":\"7b85e7fb\",\"en-us_component_message.md\":\"9a0c5a0b\",\"en-us_component_notification.md\":\"db614d56\",\"en-us_component_page-header.md\":\"5985a4d1\",\"en-us_component_pagination.md\":\"33fd6d03\",\"en-us_component_popconfirm.md\":\"e1f6bac2\",\"en-us_component_popover.md\":\"0de516ac\",\"en-us_component_progress.md\":\"39ed2e4f\",\"en-us_component_radio.md\":\"2086ab8b\",\"en-us_component_rate.md\":\"b93617bf\",\"en-us_component_result.md\":\"f891514a\",\"en-us_component_scrollbar.md\":\"03fc89cf\",\"en-us_component_select-v2.md\":\"4afb27d1\",\"en-us_component_select.md\":\"e0018891\",\"en-us_component_skeleton.md\":\"14f27bb6\",\"en-us_component_slider.md\":\"bf89ea5e\",\"en-us_component_space.md\":\"d2dd22b9\",\"en-us_component_steps.md\":\"7510d03e\",\"en-us_component_switch.md\":\"046a3e01\",\"en-us_component_table-v2.md\":\"e3ace573\",\"en-us_component_table.md\":\"959600a1\",\"en-us_component_tabs.md\":\"8a27321a\",\"en-us_component_tag.md\":\"e25f0c8c\",\"en-us_component_time-picker.md\":\"be65256b\",\"en-us_component_time-select.md\":\"6f28383a\",\"en-us_component_timeline.md\":\"a9b5fe4d\",\"en-us_component_tooltip-v2.md\":\"112cdcff\",\"en-us_component_tooltip.md\":\"8225ecd5\",\"en-us_component_transfer.md\":\"95a8bc30\",\"en-us_component_tree-select.md\":\"02e286ed\",\"en-us_component_tree-v2.md\":\"90b0aef7\",\"en-us_component_tree.md\":\"fcd521e8\",\"en-us_component_typography.md\":\"18c24869\",\"en-us_component_upload.md\":\"fc782b05\",\"en-us_guide_changelog.md\":\"2bb6ffd8\",\"en-us_guide_dark-mode.md\":\"778ab758\",\"en-us_guide_design.md\":\"e137b03b\",\"en-us_guide_i18n.md\":\"16dbf0ac\",\"en-us_guide_installation.md\":\"31d71028\",\"en-us_guide_migration.md\":\"60669c87\",\"en-us_guide_namespace.md\":\"610d0b27\",\"en-us_guide_nav.md\":\"e5804f14\",\"en-us_guide_quickstart.md\":\"09f7a507\",\"en-us_guide_theming.md\":\"2409504c\",\"en-us_guide_transitions.md\":\"c1bff5d4\",\"en-us_index.md\":\"66e9b88a\",\"en-us_resource_index.md\":\"f5f85433\",\"es-es_component_affix.md\":\"7ed2f6dd\",\"es-es_component_alert.md\":\"63fa8771\",\"es-es_component_avatar.md\":\"98f05576\",\"es-es_component_backtop.md\":\"b3465a6c\",\"es-es_component_badge.md\":\"de64da6b\",\"es-es_component_border.md\":\"beb467bb\",\"es-es_component_breadcrumb.md\":\"e60cb224\",\"es-es_component_button.md\":\"30d2a479\",\"es-es_component_calendar.md\":\"2de8e99c\",\"es-es_component_card.md\":\"d38666f6\",\"es-es_component_carousel.md\":\"b1bd456d\",\"es-es_component_cascader.md\":\"e94384a1\",\"es-es_component_checkbox.md\":\"e2905415\",\"es-es_component_collapse.md\":\"8574b487\",\"es-es_component_color-picker.md\":\"a2ed98e0\",\"es-es_component_color.md\":\"1f494c18\",\"es-es_component_config-provider.md\":\"66292310\",\"es-es_component_container.md\":\"000dd0cb\",\"es-es_component_date-picker.md\":\"20403c32\",\"es-es_component_datetime-picker.md\":\"039d1bc4\",\"es-es_component_descriptions.md\":\"f0dc2c06\",\"es-es_component_dialog.md\":\"92d098f2\",\"es-es_component_divider.md\":\"abe360fb\",\"es-es_component_drawer.md\":\"a6054abf\",\"es-es_component_dropdown.md\":\"931731dc\",\"es-es_component_empty.md\":\"86a59fd6\",\"es-es_component_form.md\":\"d7ed6e70\",\"es-es_component_icon.md\":\"6aefed2f\",\"es-es_component_image.md\":\"803314ad\",\"es-es_component_infinite-scroll.md\":\"69c07eef\",\"es-es_component_input-number.md\":\"561f84f8\",\"es-es_component_input.md\":\"99dbe083\",\"es-es_component_layout.md\":\"489f9f2e\",\"es-es_component_link.md\":\"4dec1c86\",\"es-es_component_loading.md\":\"c411a670\",\"es-es_component_menu.md\":\"ca75b140\",\"es-es_component_message-box.md\":\"3033c35d\",\"es-es_component_message.md\":\"088f1b4a\",\"es-es_component_notification.md\":\"708a8583\",\"es-es_component_page-header.md\":\"9ea9fbca\",\"es-es_component_pagination.md\":\"5de558f0\",\"es-es_component_popconfirm.md\":\"3dfaad28\",\"es-es_component_popover.md\":\"18566ac6\",\"es-es_component_progress.md\":\"2fd3e8a2\",\"es-es_component_radio.md\":\"93dd039c\",\"es-es_component_rate.md\":\"510af279\",\"es-es_component_result.md\":\"97cd4274\",\"es-es_component_scrollbar.md\":\"10caa612\",\"es-es_component_select-v2.md\":\"3897689e\",\"es-es_component_select.md\":\"fc4c9036\",\"es-es_component_skeleton.md\":\"4ba90ba9\",\"es-es_component_slider.md\":\"a55104b4\",\"es-es_component_space.md\":\"ce245912\",\"es-es_component_steps.md\":\"d71fc410\",\"es-es_component_switch.md\":\"6b20766a\",\"es-es_component_table-v2.md\":\"c9f509e8\",\"es-es_component_table.md\":\"37e4bec4\",\"es-es_component_tabs.md\":\"373b8de2\",\"es-es_component_tag.md\":\"b4b73ebb\",\"es-es_component_time-picker.md\":\"59d98414\",\"es-es_component_time-select.md\":\"11e537dc\",\"es-es_component_timeline.md\":\"dd99ea1e\",\"es-es_component_tooltip-v2.md\":\"4a68fdd1\",\"es-es_component_tooltip.md\":\"4dab629a\",\"es-es_component_transfer.md\":\"d99f570f\",\"es-es_component_tree-select.md\":\"86cbe881\",\"es-es_component_tree-v2.md\":\"71d25a27\",\"es-es_component_tree.md\":\"25a0eb0b\",\"es-es_component_typography.md\":\"75a43072\",\"es-es_component_upload.md\":\"264dfe61\",\"es-es_guide_changelog.md\":\"acfca69d\",\"es-es_guide_dark-mode.md\":\"9eec9d91\",\"es-es_guide_design.md\":\"11dccd7d\",\"es-es_guide_i18n.md\":\"bf1a6b84\",\"es-es_guide_installation.md\":\"d11d25f6\",\"es-es_guide_migration.md\":\"2c87b8c6\",\"es-es_guide_namespace.md\":\"b32d5600\",\"es-es_guide_nav.md\":\"9d36862f\",\"es-es_guide_quickstart.md\":\"320652ec\",\"es-es_guide_theming.md\":\"2c0afacd\",\"es-es_guide_transitions.md\":\"13c5e480\",\"es-es_index.md\":\"78d10222\",\"es-es_resource_index.md\":\"10e2a0f1\",\"index.md\":\"1155078e\",\"zh-cn_component_affix.md\":\"d3dd9db5\",\"zh-cn_component_alert.md\":\"ec262982\",\"zh-cn_component_avatar.md\":\"743ca216\",\"zh-cn_component_backtop.md\":\"57eef137\",\"zh-cn_component_badge.md\":\"3cfd0b2f\",\"zh-cn_component_border.md\":\"83b9682c\",\"zh-cn_component_breadcrumb.md\":\"be84b43b\",\"zh-cn_component_button.md\":\"959f7645\",\"zh-cn_component_calendar.md\":\"9d080da8\",\"zh-cn_component_card.md\":\"22846095\",\"zh-cn_component_carousel.md\":\"d1f0803b\",\"zh-cn_component_cascader.md\":\"a5ac8b72\",\"zh-cn_component_checkbox.md\":\"210ca662\",\"zh-cn_component_collapse.md\":\"29b8dde1\",\"zh-cn_component_color-picker.md\":\"12deb3d0\",\"zh-cn_component_color.md\":\"1d2df7b1\",\"zh-cn_component_config-provider.md\":\"5f4419f5\",\"zh-cn_component_container.md\":\"2fd8467f\",\"zh-cn_component_date-picker.md\":\"7d8d468d\",\"zh-cn_component_datetime-picker.md\":\"9475574b\",\"zh-cn_component_descriptions.md\":\"c5b188c6\",\"zh-cn_component_dialog.md\":\"084f2fc3\",\"zh-cn_component_divider.md\":\"b962b993\",\"zh-cn_component_drawer.md\":\"610917dc\",\"zh-cn_component_dropdown.md\":\"71c2c1fc\",\"zh-cn_component_empty.md\":\"f49f0696\",\"zh-cn_component_form.md\":\"24ec4f5f\",\"zh-cn_component_icon.md\":\"7bbbcc98\",\"zh-cn_component_image.md\":\"85d9bfe9\",\"zh-cn_component_infinite-scroll.md\":\"a5048d31\",\"zh-cn_component_input-number.md\":\"109351ba\",\"zh-cn_component_input.md\":\"230dd3ae\",\"zh-cn_component_layout.md\":\"4521d7f5\",\"zh-cn_component_link.md\":\"5a03e4ce\",\"zh-cn_component_loading.md\":\"389da7a3\",\"zh-cn_component_menu.md\":\"a9a06583\",\"zh-cn_component_message-box.md\":\"e720bfd3\",\"zh-cn_component_message.md\":\"1c4a744d\",\"zh-cn_component_notification.md\":\"c6ae0278\",\"zh-cn_component_page-header.md\":\"b0bd01be\",\"zh-cn_component_pagination.md\":\"3e2acc23\",\"zh-cn_component_popconfirm.md\":\"049ac7da\",\"zh-cn_component_popover.md\":\"2e7ad4ff\",\"zh-cn_component_progress.md\":\"fd1ef767\",\"zh-cn_component_radio.md\":\"73b4a7e5\",\"zh-cn_component_rate.md\":\"7659c50a\",\"zh-cn_component_result.md\":\"fd48e92e\",\"zh-cn_component_scrollbar.md\":\"2a4453ab\",\"zh-cn_component_select-v2.md\":\"9a8c5aa4\",\"zh-cn_component_select.md\":\"7a586440\",\"zh-cn_component_skeleton.md\":\"e986ad32\",\"zh-cn_component_slider.md\":\"bd9e578c\",\"zh-cn_component_space.md\":\"891ed3e2\",\"zh-cn_component_steps.md\":\"01409057\",\"zh-cn_component_switch.md\":\"8a6f1c50\",\"zh-cn_component_table-v2.md\":\"8645f8cd\",\"zh-cn_component_table.md\":\"86eb45f0\",\"zh-cn_component_tabs.md\":\"9d34af26\",\"zh-cn_component_tag.md\":\"29d82284\",\"zh-cn_component_time-picker.md\":\"000ea0fb\",\"zh-cn_component_time-select.md\":\"3498aa27\",\"zh-cn_component_timeline.md\":\"43d49f21\",\"zh-cn_component_tooltip-v2.md\":\"62999e57\",\"zh-cn_component_tooltip.md\":\"4c825b88\",\"zh-cn_component_transfer.md\":\"734d6ad8\",\"zh-cn_component_tree-select.md\":\"6ce53aec\",\"zh-cn_component_tree-v2.md\":\"337561ca\",\"zh-cn_component_tree.md\":\"7a82a70c\",\"zh-cn_component_typography.md\":\"144e377f\",\"zh-cn_component_upload.md\":\"be880d91\",\"zh-cn_guide_changelog.md\":\"35889541\",\"zh-cn_guide_dark-mode.md\":\"13d9fe81\",\"zh-cn_guide_design.md\":\"48a88be0\",\"zh-cn_guide_i18n.md\":\"7cd2ea1d\",\"zh-cn_guide_installation.md\":\"af2f0d27\",\"zh-cn_guide_migration.md\":\"a948c420\",\"zh-cn_guide_namespace.md\":\"19ca5123\",\"zh-cn_guide_nav.md\":\"844abe27\",\"zh-cn_guide_quickstart.md\":\"db7fc84a\",\"zh-cn_guide_theming.md\":\"7758e23d\",\"zh-cn_guide_transitions.md\":\"fcf626f6\",\"zh-cn_index.md\":\"a5b56cec\",\"zh-cn_resource_index.md\":\"e61ce806\"}")</script>
<script type="module" async src="/assets/app.daa2e944.js"></script>
</body>
</html>