components__dialog__index.zh.md.cd486326.chunk.css

.__dumi-default-alert{margin:24px 0;padding:10px 20px;background:#fff;border-radius:4px;border:1px solid}[data-prefers-color=dark] .__dumi-default-alert{color:#141414}.__dumi-default-alert:not([type]),.__dumi-default-alert[type=info]{border-color:#69b9ff;background:#e0f1ff}.__dumi-default-alert[type=warning]{border-color:#ffcb49;background:#fff5db}.__dumi-default-alert[type=success]{border-color:#a4d957;background:#eeffd8}.__dumi-default-alert[type=error]{border-color:#f77;background:#ffeded}.__dumi-default-badge{display:inline-block;margin-left:6px;padding:1px 6px;color:#fff;font-size:14px;line-height:20px;border-radius:1px;vertical-align:top}.__dumi-default-badge:not([type]),.__dumi-default-badge[type=info]{background:#4569d4}.__dumi-default-badge[type=warning]{background:#ffc01a}.__dumi-default-badge[type=success]{background:#8cd225}.__dumi-default-badge[type=error]{background:#ff4646}.__dumi-default-code-block{font-size:13px;background-color:#f5f7fa;border-radius:12px;overflow:hidden;box-sizing:border-box}.__dumi-default-code-block>.prism-code{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}[data-prefers-color=dark] .__dumi-default-code-block{color:#e6e6e6;background:#262626}.__dumi-default-code-block+.__dumi-default-code-block,.__dumi-default-code-block+table{margin-top:16px}.__dumi-default-code-block>pre[class*=language-]{margin:0;background:transparent}.__dumi-default-code-block>pre[class*=language-] .token-line:not(:last-child) .plain:empty{display:inline-block;min-height:1em}.__dumi-default-code-block-copy-btn{position:absolute;top:1.1em;right:1em;display:inline-block;width:16px;height:16px;padding:0;border:0;outline:none;cursor:pointer;opacity:.6;transition:opacity .2s,background .2s}.__dumi-default-code-block-copy-btn:hover{opacity:.8}.__dumi-default-code-block-copy-btn:active{opacity:.9}.__dumi-default-code-block-copy-btn[data-status=ready]{background-position:-54px 0}.__dumi-default-code-block-copy-btn[data-status=copied]{opacity:1;pointer-events:none;background-position:-54px -16px}.__dumi-default-code-block:not(:hover) .__dumi-default-code-block-copy-btn{visibility:hidden;opacity:0}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{color:inherit}[data-prefers-color=dark] code[class*=language-],[data-prefers-color=dark] pre[class*=language-]{color:#e6e6e6;text-shadow:0 1px #000}[data-prefers-color=dark] code[class*=language-]::selection,[data-prefers-color=dark] code[class*=language-] ::selection,[data-prefers-color=dark] pre[class*=language-]::selection,[data-prefers-color=dark] pre[class*=language-] ::selection{background-color:#364a63}[data-prefers-color=dark] .language-css .token.string,[data-prefers-color=dark] .style .token.string,[data-prefers-color=dark] .token.entity,[data-prefers-color=dark] .token.operator,[data-prefers-color=dark] .token.url{background:transparent}[data-prefers-color=dark] .token.constant,[data-prefers-color=dark] .token.deleted,[data-prefers-color=dark] .token.property,[data-prefers-color=dark] .token.symbol,[data-prefers-color=dark] .token.tag{color:#f92672}[data-prefers-color=dark] .token.attr-name,[data-prefers-color=dark] .token.builtin,[data-prefers-color=dark] .token.char,[data-prefers-color=dark] .token.inserted,[data-prefers-color=dark] .token.selector,[data-prefers-color=dark] .token.string{color:#a6e22e}[data-prefers-color=dark] .token.atrule,[data-prefers-color=dark] .token.attr-value,[data-prefers-color=dark] .token.keyword{color:#e6db74}[data-prefers-color=dark] .token.punctuation{color:#e6e6e6}[data-prefers-color=dark] .token.keyword{color:#66d9ef}[data-prefers-color=dark] .token.boolean,[data-prefers-color=dark] .token.number{color:#ae81ff}.__dumi-default-previewer{background-color:#fff;border-radius:1px}[data-prefers-color=dark] .__dumi-default-previewer{background-color:#141414;border-color:#3e3f40}.__dumi-default-previewer[data-debug] .debug-badge{display:inline-block;background-color:#ffcb00;color:#735600;border-radius:2px;padding:2px 6px}.__dumi-default-previewer[data-debug]:before{content:"DEV ONLY";float:left;margin-left:-1px;margin-top:-18px;padding:3px 6px;font-size:12px;line-height:1;background-color:#ffcb00;color:#735600;text-shadow:.5px .5px 0 hsla(0,0%,100%,.5);border-top-left-radius:1px;border-top-right-radius:1px}.__dumi-default-previewer[data-iframe] .__dumi-default-previewer-browser-nav{padding:2px 6px;background-color:var(--doc-border-color)}.__dumi-default-previewer[data-iframe] .__dumi-default-previewer-browser-nav:before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#fd6458;box-shadow:20px 0 0 #ffbf2b,40px 0 0 #24cc3d}.__dumi-default-previewer[data-iframe] .__dumi-default-previewer-demo>iframe{border:0;width:100%;height:300px}.__dumi-default-previewer+.__dumi-default-previewer{margin-top:32px}.__dumi-default-previewer-demo{padding:40px 24px}.__dumi-default-previewer-target{border-color:rgba(22,119,255,.5);box-shadow:0 0 0 5px rgba(22,119,255,.05)}.__dumi-default-previewer-desc>div:last-child{padding:1.2em 1em 1em;color:#314659;border-top:1px solid var(--doc-border-color)}.__dumi-default-previewer-desc .markdown>p:first-child{margin-top:0}.__dumi-default-previewer-desc .markdown>p:last-child{margin-bottom:0}.__dumi-default-previewer-desc[data-title]{position:relative}.__dumi-default-previewer-desc[data-title]>a:first-child{position:absolute;top:0;left:1em;margin-left:-4px;padding:0 4px;color:#0d1a26;font-size:inherit;font-weight:500;background:linear-gradient(0deg,#fff,#fff 50%,hsla(0,0%,100%,0)) 100%;transform:translateY(-50%);pointer-events:auto;cursor:pointer}[data-prefers-color=dark] .__dumi-default-previewer-desc[data-title]>a:first-child{color:#e6e6e6;background:linear-gradient(0deg,#141414,#141414 50%,hsla(0,0%,100%,0)) 100%}.__dumi-default-previewer-desc[data-title]:empty{padding-top:0}.__dumi-default-previewer-desc[data-title]:empty+.__dumi-default-previewer-actions{height:46px;border-top-style:solid}.__dumi-default-previewer-actions{display:flex;height:40px;padding:0 1em;align-items:center;border-top:1px dashed var(--doc-border-color)}.__dumi-default-previewer-actions>a:not(:last-child),.__dumi-default-previewer-actions>button:not(:last-child){margin-right:8px}.__dumi-default-previewer-actions>a{display:flex}.__dumi-default-previewer-actions button{position:relative;display:inline-block;width:16px;height:16px;padding:0;border:0;box-sizing:border-box;cursor:pointer;opacity:.6;outline:none;transition:opacity .2s,background .2s}[data-prefers-color=dark] .__dumi-default-previewer-actions button{opacity:1}.__dumi-default-previewer-actions button:after{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px}.__dumi-default-previewer-actions button:hover{opacity:.8}.__dumi-default-previewer-actions button:active{opacity:.9}.__dumi-default-previewer-actions button:disabled{opacity:.2;cursor:not-allowed}.__dumi-default-previewer-actions button[role=codesandbox]{background-position:-18px 0}.__dumi-default-previewer-actions button[role=codepen]{background-position:-36px 0}.__dumi-default-previewer-actions button[role=source]{background-position:-72px 0}.__dumi-default-previewer-actions button[role=change-jsx]{background-position:-90px 0}.__dumi-default-previewer-actions button[role=change-tsx]{background-position:-108px 0}.__dumi-default-previewer-actions button[role=open-demo]{background-position:-126px 0}.__dumi-default-previewer-actions button[role=motions]{background-position:-162px 0}.__dumi-default-previewer-actions button[role=sketch-component]{background-position:-182px 0}.__dumi-default-previewer-actions button[role=sketch-group]{background-position:-200px 0}.__dumi-default-previewer-actions button[role=copy][data-status=ready]{background-position:-54px 0}.__dumi-default-previewer-actions button[role=copy][data-status=copied]{pointer-events:none;background-position:-54px -16px}.__dumi-default-previewer-actions button[role=refresh]{background-position-x:-144px}.__dumi-default-previewer-actions .spacer{flex:1 1}.__dumi-default-previewer-source{border-top:1px solid #f0f1f3}[data-prefers-color=dark] .__dumi-default-previewer-source{border-color:#3e3f40}.__dumi-default-previewer-source-tab{border-top:1px solid #f0f1f3;--title-font-size:14px}.__dumi-default-previewer-source-tab .adm-tabs-header{border-bottom:none}.__dumi-default-tabs{overflow:hidden}.__dumi-default-tabs-nav{display:flex}.__dumi-default-tabs-nav-wrap{display:flex;white-space:nowrap;overflow:hidden}.__dumi-default-tabs-nav-wrap.__dumi-default-tabs-nav-wrap-ping-left{box-shadow:inset 5px 0 5px -5px rgba(0,0,0,.1)}.__dumi-default-tabs-nav-wrap.__dumi-default-tabs-nav-wrap-ping-right~*>.__dumi-default-tabs-nav-more{box-shadow:0 0 5px rgba(0,0,0,.1)}.__dumi-default-tabs-nav-list{position:relative;display:flex;transition:transform .2s}.__dumi-default-tabs-nav-more{height:100%;cursor:pointer;background:none;border:0;transition:box-shadow .2s}.__dumi-default-tabs-tab{display:flex}.__dumi-default-tabs-tab-btn{padding:0 16px;font-size:14px;line-height:36px;border:0;outline:none;background:transparent;box-sizing:border-box;cursor:pointer}.__dumi-default-tabs-tab-btn:hover{color:#1677ff}.__dumi-default-tabs-ink-bar{position:absolute;height:2px;background:#1677ff;transition:left .2s,width .2s;pointer-events:none}[data-prefers-color=dark] .__dumi-default-tabs-ink-bar{background:#3086ff}.__dumi-default-tabs-dropdown{position:absolute;background:#fff;border:1px solid var(--doc-border-color);max-height:200px;overflow:auto}.__dumi-default-tabs-dropdown>ul{list-style:none;margin:0;padding:0}.__dumi-default-tabs-dropdown>ul>li{padding:4px 12px;font-size:14px;cursor:pointer}.__dumi-default-tabs-dropdown>ul>li:hover{color:#1677ff}.__dumi-default-tabs-dropdown>ul>li:not(:last-child){border-bottom:1px dashed var(--doc-border-color)}.__dumi-default-tabs-dropdown-hidden{display:none}@media only screen and (min-width:961px){.__dumi-default-mobile-previewer .__dumi-default-previewer-demo{display:none}.__dumi-default-mobile-previewer .__dumi-default-previewer-desc,.__dumi-default-mobile-previewer .__dumi-default-previewer-desc:not([data-title])+.__dumi-default-previewer-actions{border-top:none}.__dumi-default-mobile-previewer button[role=source]{margin-right:-8px;width:0;opacity:0;overflow:hidden;pointer-events:none}}.adm-doc-previewer{display:flex;height:700px;margin-bottom:24px;width:100%;justify-content:flex-start;align-items:stretch;border-radius:12px;overflow:hidden;--border-color:var(--doc-border-color);border:1px solid var(--border-color)}@media only screen and (max-width:1440px){.adm-doc-previewer{height:600px}}@media only screen and (max-width:960px){.adm-doc-previewer{height:500px}}.adm-doc-previewer[data-debug]{--border-color:#ffcb00}.adm-doc-previewer>.adm-doc-previewer-source{flex:1 1;overflow-x:scroll}.adm-doc-previewer>.adm-doc-previewer-source .__dumi-default-previewer{height:100%;display:flex;flex-direction:column;justify-content:flex-start;border-right:none}.adm-doc-previewer>.adm-doc-previewer-source .__dumi-default-previewer .__dumi-default-previewer-actions{border-top:none}.adm-doc-previewer>.adm-doc-previewer-source .__dumi-default-previewer .__dumi-default-previewer-demo{display:none}.adm-doc-previewer>.adm-doc-previewer-source .__dumi-default-previewer .__dumi-default-previewer-desc{display:none}.adm-doc-previewer>.adm-doc-previewer-source .__dumi-default-previewer>*{flex:none}.adm-doc-previewer>.adm-doc-previewer-source .__dumi-default-previewer>.__dumi-default-previewer-source-wrapper{min-height:0;flex:auto;display:flex;flex-direction:column}.adm-doc-previewer>.adm-doc-previewer-source .__dumi-default-previewer>.__dumi-default-previewer-source-wrapper>.__dumi-default-tabs{flex:none}.adm-doc-previewer>.adm-doc-previewer-source .__dumi-default-previewer>.__dumi-default-previewer-source-wrapper>.__dumi-default-previewer-source{flex:auto;overflow-y:scroll;border-bottom-left-radius:12px}.adm-doc-previewer>.adm-doc-previewer-source .__dumi-default-previewer>.__dumi-default-previewer-source-wrapper>.__dumi-default-previewer-source .__dumi-default-code-block{background:#fff}[data-prefers-color=dark] .adm-doc-previewer>.adm-doc-previewer-source .__dumi-default-previewer>.__dumi-default-previewer-source-wrapper>.__dumi-default-previewer-source .__dumi-default-code-block{color:#e6e6e6;background:#262626}.adm-doc-previewer>.adm-doc-previewer-device{flex:0 1;border-left:1px solid var(--border-color)}.adm-doc-device{display:flex;flex-direction:column;width:375px;height:100%;overflow:hidden}@media only screen and (max-width:1440px){.adm-doc-device{width:340px}}@media only screen and (max-width:960px){.adm-doc-device{width:300px}}.adm-doc-device-action{display:flex;justify-content:flex-end;align-items:center;padding:0 22px}.adm-doc-device-action{height:40px;background:#fff;border-top:1px solid var(--doc-border-color)}[data-prefers-color=dark] .adm-doc-device-action{background:#262626}.adm-doc-device-action>a{padding:0;margin-left:12px;box-sizing:content-box;border:2px solid transparent;transition:opacity .2s,background .2s;outline:none;cursor:pointer;color:#333}.adm-doc-device-action>a:hover{opacity:.8}.adm-doc-device-action>a:active{opacity:.9}.adm-doc-device-action>a[role=refresh]{background-position-x:-144px}.adm-doc-device-action>a[role=open-demo]{background-position-x:-126px}.adm-doc-device-action>a[role=qrcode]{position:relative;z-index:1;background-position-x:-218px}.adm-doc-device-action>a[role=qrcode]>canvas{position:absolute;bottom:120%;left:50%;border:4px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.1);box-sizing:content-box;transform:translateX(-50%) scale(0);transform-origin:center bottom}.adm-doc-device-action>a[role=qrcode]:focus>canvas,.adm-doc-device-action>a[role=qrcode]:hover>canvas{transform:translateX(-50%) scale(1)}[data-prefers-color=dark] .adm-doc-device-action>a{color:#e6e6e6}.adm-doc-device>iframe{flex:1 1;border:0;border-top-right-radius:12px;overflow:hidden}.card___2rQs3{border:1px solid #d9d9d9;border-radius:12px;display:inline-flex;width:360px;min-height:108px;padding:8px 16px;justify-content:flex-start;align-items:center;text-decoration:none;margin:12px 12px 12px 0;transition:background-color .5s ease}.card___2rQs3:hover{background-color:#f5f5f5}[data-prefers-color=dark] .card___2rQs3:hover{background-color:#333}.card___2rQs3 img{flex:none;display:block;height:72px;width:72px;border-radius:8px}.card___2rQs3 .content___2Zybx{flex:auto;margin-left:16px}.card___2rQs3 .title___m0XDq{font-size:20px;font-weight:400;color:rgba(0,0,0,.85);margin-bottom:4px}[data-prefers-color=dark] .card___2rQs3 .title___m0XDq{color:hsla(0,0%,100%,.65)}.card___2rQs3 .description___Lth8e{font-size:14px;color:rgba(0,0,0,.65)}[data-prefers-color=dark] .card___2rQs3 .description___Lth8e{color:hsla(0,0%,100%,.65)}.__dumi-default-table{margin:16px 0 32px;transform:translate(0)}.__dumi-default-table-content{overflow:auto}.__dumi-default-table-content:after,.__dumi-default-table-content:before{content:"";display:block;position:fixed;z-index:1;top:0;bottom:0;width:6px;pointer-events:none}.__dumi-default-table-content[data-left-folded]:before{left:0;background-image:linear-gradient(90deg,rgba(0,0,0,.1),transparent)}[data-prefers-color=dark] .__dumi-default-table-content[data-left-folded]:before{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.__dumi-default-table-content[data-right-folded]:after{right:0;background-image:linear-gradient(270deg,rgba(0,0,0,.1),transparent)}[data-prefers-color=dark] .__dumi-default-table-content[data-right-folded]:after{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.__dumi-default-table-content>table>thead>tr>th,.__dumi-default-table-content>table>tr>th{white-space:nowrap}