seven-design-ui 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/doc_build/404.html +1 -1
- package/docs/doc_build/components/button.html +1 -1
- package/docs/doc_build/components/cascader.html +1 -1
- package/docs/doc_build/components/input.html +1 -1
- package/docs/doc_build/components/pagination.html +1 -1
- package/docs/doc_build/components/switch.html +1 -1
- package/docs/doc_build/guide/introduction.html +1 -1
- package/docs/doc_build/guide/quick-start.html +1 -1
- package/docs/doc_build/guide/theme.html +1 -1
- package/docs/doc_build/index.html +1 -1
- package/docs/doc_build/static/css/{styles.fc43cac8.css → styles.ea17ad4c.css} +1 -1
- package/docs/doc_build/static/js/async/{166.656253c5.js → 166.0832efaf.js} +2 -2
- package/docs/doc_build/static/js/{index.366ff9c0.js → index.b1c5e38e.js} +1 -1
- package/package.json +1 -1
- package/packages/components/src/cascader/Cascader.tsx +8 -5
- package/packages/components/src/cascader/cascader.css +1 -0
- /package/docs/doc_build/static/js/async/{166.656253c5.js.LICENSE.txt → 166.0832efaf.js.LICENSE.txt} +0 -0
package/docs/doc_build/404.html
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<meta name="generator" content="Rspress v1.47.0">
|
|
8
8
|
<title data-rh="true">404 - SevenDesign</title><meta data-rh="true" name="description" content="企业级 React UI 组件库"/>
|
|
9
|
-
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.
|
|
9
|
+
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.b1c5e38e.js"></script><link href="/sevenDesign/static/css/styles.ea17ad4c.css" rel="stylesheet"></head>
|
|
10
10
|
|
|
11
11
|
<body >
|
|
12
12
|
<div id="root"><link rel="preload" as="image" href="/sevenDesign/logo.svg"/><div class="navContainer_d18b1 rspress-nav px-6 sticky_ddfa7"><div class="container_e4235 flex justify-between items-center h-full"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div><div class="flex flex-1 justify-end items-center"><div class="rightNav_a2fea"><div class="flex sm:flex-1 items-center sm:pl-4 sm:pr-2"><div class="rspress-nav-search-button navSearchButton_df1fb"><button><svg width="18" height="18" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg><p class="searchWord_af2c1">Search</p><div style="opacity:0"><span></span><span>K</span></div></button></div><div class="mobileNavSearchButton_d85a9"><svg width="24" height="24" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg></div></div><div class="rspress-nav-menu menu h-14"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div><div class="flex-center flex-row"><div class="mx-2"><div class="md:mr-2 rspress-nav-appearance"><div class="p-1 border border-solid border-gray-300 text-gray-400 cursor-pointer rounded-md hover:border-gray-600 hover:text-gray-600 dark:hover:border-gray-200 dark:hover:text-gray-200 transition-all duration-300 w-7 h-7"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="dark:hidden" width="18" height="18" fill="currentColor"><path d="M12 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6m0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4M12 4c-.6 0-1-.4-1-1V1c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M12 24c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M5.6 6.6c-.3 0-.5-.1-.7-.3L3.5 4.9c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.1.2-.4.3-.7.3M19.8 20.8c-.3 0-.5-.1-.7-.3l-1.4-1.4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3M3 13H1c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M23 13h-2c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M4.2 20.8c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.4.3-.7.3M18.4 6.6c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.5.3-.7.3"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="hidden dark:block" width="18" height="18" fill="currentColor"><path d="M12.1 22h-.9c-5.5-.5-9.5-5.4-9-10.9.4-4.8 4.2-8.6 9-9 .4 0 .8.2 1 .5s.2.8-.1 1.1c-2 2.7-1.4 6.4 1.3 8.4 2.1 1.6 5 1.6 7.1 0 .3-.2.7-.3 1.1-.1.3.2.5.6.5 1-.2 2.7-1.5 5.1-3.6 6.8-1.9 1.4-4.1 2.2-6.4 2.2M9.3 4.4c-2.9 1-5 3.6-5.2 6.8-.4 4.4 2.8 8.3 7.2 8.7 2.1.2 4.2-.4 5.8-1.8 1.1-.9 1.9-2.1 2.4-3.4-2.5.9-5.3.5-7.5-1.1-2.8-2.2-3.9-5.9-2.7-9.2"></path></svg></div></div></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div><div class="mobileNavMenu_e7045"><div class="navScreen_ec30c rspress-nav-screen" id="navScreen"><div class="container_c935d"><div class="navMenu_b887b"><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a></div><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div></div><div class="flex-center flex-col gap-2"><div class="mt-2 navAppearance_bf893 flex justify-center"></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div></div><button aria-label="mobile hamburger" class=" rspress-mobile-hamburger navHamburger_ac64c text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"><circle cx="8" cy="16" r="2" fill="currentColor"></circle><circle cx="16" cy="16" r="2" fill="currentColor"></circle><circle cx="24" cy="16" r="2" fill="currentColor"></circle></svg></button></div></div></div></div><section><div class="m-auto mt-50 p-16 sm:p-8 sm:pt-24 sm:pb-40 text-center flex-center flex-col"><p class="text-6xl font-semibold">404</p><h1 class="leading-5 pt-3 text-xl font-bold">PAGE NOT FOUND</h1><div style="height:1px" class="mt-6 mx-auto mb-4.5 w-16 bg-gray-light-1"></div><div class="pt-5"><a class="py-2 px-4 rounded-2xl inline-block border-solid border-brand text-brand font-medium hover:border-brand-dark hover:text-brand-dark transition-colors duration-300" href="/sevenDesign/" aria-label="go to home">Take me home</a></div></div></section></div>
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<meta name="generator" content="Rspress v1.47.0">
|
|
8
8
|
<title data-rh="true">Button 按钮 - SevenDesign</title><meta data-rh="true" name="description" content="企业级 React UI 组件库"/>
|
|
9
|
-
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.
|
|
9
|
+
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.b1c5e38e.js"></script><link href="/sevenDesign/static/css/styles.ea17ad4c.css" rel="stylesheet"></head>
|
|
10
10
|
|
|
11
11
|
<body >
|
|
12
12
|
<div id="root"><link rel="preload" as="image" href="/sevenDesign/logo.svg"/><div class="navContainer_d18b1 rspress-nav px-6 sticky_ddfa7"><div class="container_e4235 flex justify-between items-center h-full"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div><div class="flex flex-1 justify-end items-center"><div class="rightNav_a2fea"><div class="flex sm:flex-1 items-center sm:pl-4 sm:pr-2"><div class="rspress-nav-search-button navSearchButton_df1fb"><button><svg width="18" height="18" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg><p class="searchWord_af2c1">Search</p><div style="opacity:0"><span></span><span>K</span></div></button></div><div class="mobileNavSearchButton_d85a9"><svg width="24" height="24" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg></div></div><div class="rspress-nav-menu menu h-14"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 activeItem_a28b5 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div><div class="flex-center flex-row"><div class="mx-2"><div class="md:mr-2 rspress-nav-appearance"><div class="p-1 border border-solid border-gray-300 text-gray-400 cursor-pointer rounded-md hover:border-gray-600 hover:text-gray-600 dark:hover:border-gray-200 dark:hover:text-gray-200 transition-all duration-300 w-7 h-7"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="dark:hidden" width="18" height="18" fill="currentColor"><path d="M12 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6m0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4M12 4c-.6 0-1-.4-1-1V1c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M12 24c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M5.6 6.6c-.3 0-.5-.1-.7-.3L3.5 4.9c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.1.2-.4.3-.7.3M19.8 20.8c-.3 0-.5-.1-.7-.3l-1.4-1.4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3M3 13H1c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M23 13h-2c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M4.2 20.8c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.4.3-.7.3M18.4 6.6c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.5.3-.7.3"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="hidden dark:block" width="18" height="18" fill="currentColor"><path d="M12.1 22h-.9c-5.5-.5-9.5-5.4-9-10.9.4-4.8 4.2-8.6 9-9 .4 0 .8.2 1 .5s.2.8-.1 1.1c-2 2.7-1.4 6.4 1.3 8.4 2.1 1.6 5 1.6 7.1 0 .3-.2.7-.3 1.1-.1.3.2.5.6.5 1-.2 2.7-1.5 5.1-3.6 6.8-1.9 1.4-4.1 2.2-6.4 2.2M9.3 4.4c-2.9 1-5 3.6-5.2 6.8-.4 4.4 2.8 8.3 7.2 8.7 2.1.2 4.2-.4 5.8-1.8 1.1-.9 1.9-2.1 2.4-3.4-2.5.9-5.3.5-7.5-1.1-2.8-2.2-3.9-5.9-2.7-9.2"></path></svg></div></div></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div><div class="mobileNavMenu_e7045"><div class="navScreen_ec30c rspress-nav-screen" id="navScreen"><div class="container_c935d"><div class="navMenu_b887b"><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a></div><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 activeItem_a28b5 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div></div><div class="flex-center flex-col gap-2"><div class="mt-2 navAppearance_bf893 flex justify-center"></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div></div><button aria-label="mobile hamburger" class=" rspress-mobile-hamburger navHamburger_ac64c text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"><circle cx="8" cy="16" r="2" fill="currentColor"></circle><circle cx="16" cy="16" r="2" fill="currentColor"></circle><circle cx="24" cy="16" r="2" fill="currentColor"></circle></svg></button></div></div></div></div><section><div class="docLayout_af141 pt-0"><aside class="sidebar_dd719 rspress-sidebar "><div class="navTitleMask_fb17c"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div></div><div class="rspress-scrollbar sidebarContent_da296"><nav class="pb-2"><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">基础组件</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/components/button.html" class="link_a7cea menuLink_bb039"><div class="menuItemActive_de63c mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Button 按钮</span></div></a></div></div></div></section><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">表单组件</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/components/input.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Input 输入框</span></div></a></div><div class="rspress-sidebar-item"><a href="/sevenDesign/components/switch.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Switch 开关</span></div></a></div><div class="rspress-sidebar-item"><a href="/sevenDesign/components/cascader.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Cascader 级联选择器</span></div></a></div></div></div></section><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">数据展示</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/components/pagination.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Pagination 分页器</span></div></a></div></div></div></section></nav></div></aside><div class="flex-1 relative min-w-0"><div class="rspress-sidebar-menu-container "><div class="rspress-sidebar-menu"><button type="button" class="flex-center mr-auto"><div class="text-md mr-2"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 6h24v2H4zm0 18h24v2H4zm0-12h24v2H4zm0 6h24v2H4z"></path></svg></div><span class="text-sm">Menu</span></button><button type="button" class="flex-center ml-auto"><span class="text-sm">ON THIS PAGE</span><div class="text-md mr-2" style="transform:rotate(0deg);transition:transform 0.2s ease-out;margin-top:2px"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></button><div class="rspress-local-toc-container "><ul><li><a href="#基础用法" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">基础用法</span></a></li><li><a href="#朴素按钮" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">朴素按钮</span></a></li><li><a href="#圆角按钮" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">圆角按钮</span></a></li><li><a href="#不同尺寸" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">不同尺寸</span></a></li><li><a href="#禁用状态" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">禁用状态</span></a></li><li><a href="#加载状态" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">加载状态</span></a></li><li><a href="#api" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">API</span></a></li><li><a href="#props" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">Props</span></a></li><li><a href="#events" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">Events</span></a></li></ul></div></div></div><div class="content_ff766 rspress-doc-container flex"><div class="flex-1 overflow-x-auto"><div class="rspress-doc"><!--$--><h1 id="button-按钮" class="rspress-doc-title text-3xl mb-10 leading-10 tracking-tight title_fb7eb"><a class="link_a7cea header-anchor link_a9ef4 inline-link_f855c" aria-hidden="true" href="#button-按钮">#</a>Button 按钮</h1>
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<meta name="generator" content="Rspress v1.47.0">
|
|
8
8
|
<title data-rh="true">Cascader 级联选择器 - SevenDesign</title><meta data-rh="true" name="description" content="企业级 React UI 组件库"/>
|
|
9
|
-
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.
|
|
9
|
+
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.b1c5e38e.js"></script><link href="/sevenDesign/static/css/styles.ea17ad4c.css" rel="stylesheet"></head>
|
|
10
10
|
|
|
11
11
|
<body >
|
|
12
12
|
<div id="root"><link rel="preload" as="image" href="/sevenDesign/logo.svg"/><div class="navContainer_d18b1 rspress-nav px-6 sticky_ddfa7"><div class="container_e4235 flex justify-between items-center h-full"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div><div class="flex flex-1 justify-end items-center"><div class="rightNav_a2fea"><div class="flex sm:flex-1 items-center sm:pl-4 sm:pr-2"><div class="rspress-nav-search-button navSearchButton_df1fb"><button><svg width="18" height="18" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg><p class="searchWord_af2c1">Search</p><div style="opacity:0"><span></span><span>K</span></div></button></div><div class="mobileNavSearchButton_d85a9"><svg width="24" height="24" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg></div></div><div class="rspress-nav-menu menu h-14"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div><div class="flex-center flex-row"><div class="mx-2"><div class="md:mr-2 rspress-nav-appearance"><div class="p-1 border border-solid border-gray-300 text-gray-400 cursor-pointer rounded-md hover:border-gray-600 hover:text-gray-600 dark:hover:border-gray-200 dark:hover:text-gray-200 transition-all duration-300 w-7 h-7"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="dark:hidden" width="18" height="18" fill="currentColor"><path d="M12 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6m0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4M12 4c-.6 0-1-.4-1-1V1c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M12 24c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M5.6 6.6c-.3 0-.5-.1-.7-.3L3.5 4.9c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.1.2-.4.3-.7.3M19.8 20.8c-.3 0-.5-.1-.7-.3l-1.4-1.4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3M3 13H1c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M23 13h-2c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M4.2 20.8c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.4.3-.7.3M18.4 6.6c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.5.3-.7.3"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="hidden dark:block" width="18" height="18" fill="currentColor"><path d="M12.1 22h-.9c-5.5-.5-9.5-5.4-9-10.9.4-4.8 4.2-8.6 9-9 .4 0 .8.2 1 .5s.2.8-.1 1.1c-2 2.7-1.4 6.4 1.3 8.4 2.1 1.6 5 1.6 7.1 0 .3-.2.7-.3 1.1-.1.3.2.5.6.5 1-.2 2.7-1.5 5.1-3.6 6.8-1.9 1.4-4.1 2.2-6.4 2.2M9.3 4.4c-2.9 1-5 3.6-5.2 6.8-.4 4.4 2.8 8.3 7.2 8.7 2.1.2 4.2-.4 5.8-1.8 1.1-.9 1.9-2.1 2.4-3.4-2.5.9-5.3.5-7.5-1.1-2.8-2.2-3.9-5.9-2.7-9.2"></path></svg></div></div></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div><div class="mobileNavMenu_e7045"><div class="navScreen_ec30c rspress-nav-screen" id="navScreen"><div class="container_c935d"><div class="navMenu_b887b"><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a></div><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div></div><div class="flex-center flex-col gap-2"><div class="mt-2 navAppearance_bf893 flex justify-center"></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div></div><button aria-label="mobile hamburger" class=" rspress-mobile-hamburger navHamburger_ac64c text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"><circle cx="8" cy="16" r="2" fill="currentColor"></circle><circle cx="16" cy="16" r="2" fill="currentColor"></circle><circle cx="24" cy="16" r="2" fill="currentColor"></circle></svg></button></div></div></div></div><section><div class="docLayout_af141 pt-0"><aside class="sidebar_dd719 rspress-sidebar "><div class="navTitleMask_fb17c"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div></div><div class="rspress-scrollbar sidebarContent_da296"><nav class="pb-2"><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">基础组件</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/components/button.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Button 按钮</span></div></a></div></div></div></section><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">表单组件</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/components/input.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Input 输入框</span></div></a></div><div class="rspress-sidebar-item"><a href="/sevenDesign/components/switch.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Switch 开关</span></div></a></div><div class="rspress-sidebar-item"><a href="/sevenDesign/components/cascader.html" class="link_a7cea menuLink_bb039"><div class="menuItemActive_de63c mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Cascader 级联选择器</span></div></a></div></div></div></section><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">数据展示</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/components/pagination.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Pagination 分页器</span></div></a></div></div></div></section></nav></div></aside><div class="flex-1 relative min-w-0"><div class="rspress-sidebar-menu-container "><div class="rspress-sidebar-menu"><button type="button" class="flex-center mr-auto"><div class="text-md mr-2"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 6h24v2H4zm0 18h24v2H4zm0-12h24v2H4zm0 6h24v2H4z"></path></svg></div><span class="text-sm">Menu</span></button><button type="button" class="flex-center ml-auto"><span class="text-sm">ON THIS PAGE</span><div class="text-md mr-2" style="transform:rotate(0deg);transition:transform 0.2s ease-out;margin-top:2px"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></button><div class="rspress-local-toc-container "><ul><li><a href="#基础用法" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">基础用法</span></a></li><li><a href="#禁用选项" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">禁用选项</span></a></li><li><a href="#清空" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">清空</span></a></li><li><a href="#默认值" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">默认值</span></a></li><li><a href="#仅显示最后一级" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">仅显示最后一级</span></a></li><li><a href="#多选" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">多选</span></a></li><li><a href="#搜索" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">搜索</span></a></li><li><a href="#悬停展开" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">悬停展开</span></a></li><li><a href="#api" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">API</span></a></li><li><a href="#cascader-props" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">Cascader Props</span></a></li><li><a href="#cascaderoption" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">CascaderOption</span></a></li></ul></div></div></div><div class="content_ff766 rspress-doc-container flex"><div class="flex-1 overflow-x-auto"><div class="rspress-doc"><!--$--><h1 id="cascader-级联选择器" class="rspress-doc-title text-3xl mb-10 leading-10 tracking-tight title_fb7eb"><a class="link_a7cea header-anchor link_a9ef4 inline-link_f855c" aria-hidden="true" href="#cascader-级联选择器">#</a>Cascader 级联选择器</h1>
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<meta name="generator" content="Rspress v1.47.0">
|
|
8
8
|
<title data-rh="true">Input 输入框 - SevenDesign</title><meta data-rh="true" name="description" content="企业级 React UI 组件库"/>
|
|
9
|
-
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.
|
|
9
|
+
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.b1c5e38e.js"></script><link href="/sevenDesign/static/css/styles.ea17ad4c.css" rel="stylesheet"></head>
|
|
10
10
|
|
|
11
11
|
<body >
|
|
12
12
|
<div id="root"><link rel="preload" as="image" href="/sevenDesign/logo.svg"/><div class="navContainer_d18b1 rspress-nav px-6 sticky_ddfa7"><div class="container_e4235 flex justify-between items-center h-full"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div><div class="flex flex-1 justify-end items-center"><div class="rightNav_a2fea"><div class="flex sm:flex-1 items-center sm:pl-4 sm:pr-2"><div class="rspress-nav-search-button navSearchButton_df1fb"><button><svg width="18" height="18" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg><p class="searchWord_af2c1">Search</p><div style="opacity:0"><span></span><span>K</span></div></button></div><div class="mobileNavSearchButton_d85a9"><svg width="24" height="24" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg></div></div><div class="rspress-nav-menu menu h-14"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div><div class="flex-center flex-row"><div class="mx-2"><div class="md:mr-2 rspress-nav-appearance"><div class="p-1 border border-solid border-gray-300 text-gray-400 cursor-pointer rounded-md hover:border-gray-600 hover:text-gray-600 dark:hover:border-gray-200 dark:hover:text-gray-200 transition-all duration-300 w-7 h-7"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="dark:hidden" width="18" height="18" fill="currentColor"><path d="M12 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6m0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4M12 4c-.6 0-1-.4-1-1V1c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M12 24c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M5.6 6.6c-.3 0-.5-.1-.7-.3L3.5 4.9c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.1.2-.4.3-.7.3M19.8 20.8c-.3 0-.5-.1-.7-.3l-1.4-1.4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3M3 13H1c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M23 13h-2c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M4.2 20.8c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.4.3-.7.3M18.4 6.6c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.5.3-.7.3"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="hidden dark:block" width="18" height="18" fill="currentColor"><path d="M12.1 22h-.9c-5.5-.5-9.5-5.4-9-10.9.4-4.8 4.2-8.6 9-9 .4 0 .8.2 1 .5s.2.8-.1 1.1c-2 2.7-1.4 6.4 1.3 8.4 2.1 1.6 5 1.6 7.1 0 .3-.2.7-.3 1.1-.1.3.2.5.6.5 1-.2 2.7-1.5 5.1-3.6 6.8-1.9 1.4-4.1 2.2-6.4 2.2M9.3 4.4c-2.9 1-5 3.6-5.2 6.8-.4 4.4 2.8 8.3 7.2 8.7 2.1.2 4.2-.4 5.8-1.8 1.1-.9 1.9-2.1 2.4-3.4-2.5.9-5.3.5-7.5-1.1-2.8-2.2-3.9-5.9-2.7-9.2"></path></svg></div></div></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div><div class="mobileNavMenu_e7045"><div class="navScreen_ec30c rspress-nav-screen" id="navScreen"><div class="container_c935d"><div class="navMenu_b887b"><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a></div><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div></div><div class="flex-center flex-col gap-2"><div class="mt-2 navAppearance_bf893 flex justify-center"></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div></div><button aria-label="mobile hamburger" class=" rspress-mobile-hamburger navHamburger_ac64c text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"><circle cx="8" cy="16" r="2" fill="currentColor"></circle><circle cx="16" cy="16" r="2" fill="currentColor"></circle><circle cx="24" cy="16" r="2" fill="currentColor"></circle></svg></button></div></div></div></div><section><div class="docLayout_af141 pt-0"><aside class="sidebar_dd719 rspress-sidebar "><div class="navTitleMask_fb17c"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div></div><div class="rspress-scrollbar sidebarContent_da296"><nav class="pb-2"><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">基础组件</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/components/button.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Button 按钮</span></div></a></div></div></div></section><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">表单组件</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/components/input.html" class="link_a7cea menuLink_bb039"><div class="menuItemActive_de63c mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Input 输入框</span></div></a></div><div class="rspress-sidebar-item"><a href="/sevenDesign/components/switch.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Switch 开关</span></div></a></div><div class="rspress-sidebar-item"><a href="/sevenDesign/components/cascader.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Cascader 级联选择器</span></div></a></div></div></div></section><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">数据展示</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/components/pagination.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Pagination 分页器</span></div></a></div></div></div></section></nav></div></aside><div class="flex-1 relative min-w-0"><div class="rspress-sidebar-menu-container "><div class="rspress-sidebar-menu"><button type="button" class="flex-center mr-auto"><div class="text-md mr-2"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 6h24v2H4zm0 18h24v2H4zm0-12h24v2H4zm0 6h24v2H4z"></path></svg></div><span class="text-sm">Menu</span></button><button type="button" class="flex-center ml-auto"><span class="text-sm">ON THIS PAGE</span><div class="text-md mr-2" style="transform:rotate(0deg);transition:transform 0.2s ease-out;margin-top:2px"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></button><div class="rspress-local-toc-container "><ul><li><a href="#基础用法" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">基础用法</span></a></li><li><a href="#禁用状态" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">禁用状态</span></a></li><li><a href="#可清空" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">可清空</span></a></li><li><a href="#密码输入框" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">密码输入框</span></a></li><li><a href="#不同尺寸" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">不同尺寸</span></a></li><li><a href="#带图标的输入框" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">带图标的输入框</span></a></li><li><a href="#api" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">API</span></a></li><li><a href="#props" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">Props</span></a></li><li><a href="#events" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">Events</span></a></li></ul></div></div></div><div class="content_ff766 rspress-doc-container flex"><div class="flex-1 overflow-x-auto"><div class="rspress-doc"><!--$--><h1 id="input-输入框" class="rspress-doc-title text-3xl mb-10 leading-10 tracking-tight title_fb7eb"><a class="link_a7cea header-anchor link_a9ef4 inline-link_f855c" aria-hidden="true" href="#input-输入框">#</a>Input 输入框</h1>
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<meta name="generator" content="Rspress v1.47.0">
|
|
8
8
|
<title data-rh="true">Pagination 分页器 - SevenDesign</title><meta data-rh="true" name="description" content="企业级 React UI 组件库"/>
|
|
9
|
-
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.
|
|
9
|
+
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.b1c5e38e.js"></script><link href="/sevenDesign/static/css/styles.ea17ad4c.css" rel="stylesheet"></head>
|
|
10
10
|
|
|
11
11
|
<body >
|
|
12
12
|
<div id="root"><link rel="preload" as="image" href="/sevenDesign/logo.svg"/><div class="navContainer_d18b1 rspress-nav px-6 sticky_ddfa7"><div class="container_e4235 flex justify-between items-center h-full"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div><div class="flex flex-1 justify-end items-center"><div class="rightNav_a2fea"><div class="flex sm:flex-1 items-center sm:pl-4 sm:pr-2"><div class="rspress-nav-search-button navSearchButton_df1fb"><button><svg width="18" height="18" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg><p class="searchWord_af2c1">Search</p><div style="opacity:0"><span></span><span>K</span></div></button></div><div class="mobileNavSearchButton_d85a9"><svg width="24" height="24" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg></div></div><div class="rspress-nav-menu menu h-14"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div><div class="flex-center flex-row"><div class="mx-2"><div class="md:mr-2 rspress-nav-appearance"><div class="p-1 border border-solid border-gray-300 text-gray-400 cursor-pointer rounded-md hover:border-gray-600 hover:text-gray-600 dark:hover:border-gray-200 dark:hover:text-gray-200 transition-all duration-300 w-7 h-7"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="dark:hidden" width="18" height="18" fill="currentColor"><path d="M12 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6m0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4M12 4c-.6 0-1-.4-1-1V1c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M12 24c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M5.6 6.6c-.3 0-.5-.1-.7-.3L3.5 4.9c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.1.2-.4.3-.7.3M19.8 20.8c-.3 0-.5-.1-.7-.3l-1.4-1.4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3M3 13H1c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M23 13h-2c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M4.2 20.8c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.4.3-.7.3M18.4 6.6c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.5.3-.7.3"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="hidden dark:block" width="18" height="18" fill="currentColor"><path d="M12.1 22h-.9c-5.5-.5-9.5-5.4-9-10.9.4-4.8 4.2-8.6 9-9 .4 0 .8.2 1 .5s.2.8-.1 1.1c-2 2.7-1.4 6.4 1.3 8.4 2.1 1.6 5 1.6 7.1 0 .3-.2.7-.3 1.1-.1.3.2.5.6.5 1-.2 2.7-1.5 5.1-3.6 6.8-1.9 1.4-4.1 2.2-6.4 2.2M9.3 4.4c-2.9 1-5 3.6-5.2 6.8-.4 4.4 2.8 8.3 7.2 8.7 2.1.2 4.2-.4 5.8-1.8 1.1-.9 1.9-2.1 2.4-3.4-2.5.9-5.3.5-7.5-1.1-2.8-2.2-3.9-5.9-2.7-9.2"></path></svg></div></div></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div><div class="mobileNavMenu_e7045"><div class="navScreen_ec30c rspress-nav-screen" id="navScreen"><div class="container_c935d"><div class="navMenu_b887b"><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a></div><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div></div><div class="flex-center flex-col gap-2"><div class="mt-2 navAppearance_bf893 flex justify-center"></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div></div><button aria-label="mobile hamburger" class=" rspress-mobile-hamburger navHamburger_ac64c text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"><circle cx="8" cy="16" r="2" fill="currentColor"></circle><circle cx="16" cy="16" r="2" fill="currentColor"></circle><circle cx="24" cy="16" r="2" fill="currentColor"></circle></svg></button></div></div></div></div><section><div class="docLayout_af141 pt-0"><aside class="sidebar_dd719 rspress-sidebar "><div class="navTitleMask_fb17c"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div></div><div class="rspress-scrollbar sidebarContent_da296"><nav class="pb-2"><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">基础组件</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/components/button.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Button 按钮</span></div></a></div></div></div></section><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">表单组件</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/components/input.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Input 输入框</span></div></a></div><div class="rspress-sidebar-item"><a href="/sevenDesign/components/switch.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Switch 开关</span></div></a></div><div class="rspress-sidebar-item"><a href="/sevenDesign/components/cascader.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Cascader 级联选择器</span></div></a></div></div></div></section><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">数据展示</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/components/pagination.html" class="link_a7cea menuLink_bb039"><div class="menuItemActive_de63c mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Pagination 分页器</span></div></a></div></div></div></section></nav></div></aside><div class="flex-1 relative min-w-0"><div class="rspress-sidebar-menu-container "><div class="rspress-sidebar-menu"><button type="button" class="flex-center mr-auto"><div class="text-md mr-2"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 6h24v2H4zm0 18h24v2H4zm0-12h24v2H4zm0 6h24v2H4z"></path></svg></div><span class="text-sm">Menu</span></button><button type="button" class="flex-center ml-auto"><span class="text-sm">ON THIS PAGE</span><div class="text-md mr-2" style="transform:rotate(0deg);transition:transform 0.2s ease-out;margin-top:2px"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></button><div class="rspress-local-toc-container "><ul><li><a href="#基础用法" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">基础用法</span></a></li><li><a href="#不同大小" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">不同大小</span></a></li><li><a href="#自定义最大页码按钮数" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">自定义最大页码按钮数</span></a></li><li><a href="#自定义每页容量选项" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">自定义每页容量选项</span></a></li><li><a href="#跳转功能" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">跳转功能</span></a></li><li><a href="#完整功能演示" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">完整功能演示</span></a></li><li><a href="#api" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">API</span></a></li><li><a href="#props" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">Props</span></a></li><li><a href="#events" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">Events</span></a></li></ul></div></div></div><div class="content_ff766 rspress-doc-container flex"><div class="flex-1 overflow-x-auto"><div class="rspress-doc"><!--$--><h1 id="pagination-分页器" class="rspress-doc-title text-3xl mb-10 leading-10 tracking-tight title_fb7eb"><a class="link_a7cea header-anchor link_a9ef4 inline-link_f855c" aria-hidden="true" href="#pagination-分页器">#</a>Pagination 分页器</h1>
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<meta name="generator" content="Rspress v1.47.0">
|
|
8
8
|
<title data-rh="true">Switch 开关 - SevenDesign</title><meta data-rh="true" name="description" content="企业级 React UI 组件库"/>
|
|
9
|
-
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.
|
|
9
|
+
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.b1c5e38e.js"></script><link href="/sevenDesign/static/css/styles.ea17ad4c.css" rel="stylesheet"></head>
|
|
10
10
|
|
|
11
11
|
<body >
|
|
12
12
|
<div id="root"><link rel="preload" as="image" href="/sevenDesign/logo.svg"/><div class="navContainer_d18b1 rspress-nav px-6 sticky_ddfa7"><div class="container_e4235 flex justify-between items-center h-full"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div><div class="flex flex-1 justify-end items-center"><div class="rightNav_a2fea"><div class="flex sm:flex-1 items-center sm:pl-4 sm:pr-2"><div class="rspress-nav-search-button navSearchButton_df1fb"><button><svg width="18" height="18" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg><p class="searchWord_af2c1">Search</p><div style="opacity:0"><span></span><span>K</span></div></button></div><div class="mobileNavSearchButton_d85a9"><svg width="24" height="24" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg></div></div><div class="rspress-nav-menu menu h-14"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div><div class="flex-center flex-row"><div class="mx-2"><div class="md:mr-2 rspress-nav-appearance"><div class="p-1 border border-solid border-gray-300 text-gray-400 cursor-pointer rounded-md hover:border-gray-600 hover:text-gray-600 dark:hover:border-gray-200 dark:hover:text-gray-200 transition-all duration-300 w-7 h-7"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="dark:hidden" width="18" height="18" fill="currentColor"><path d="M12 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6m0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4M12 4c-.6 0-1-.4-1-1V1c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M12 24c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M5.6 6.6c-.3 0-.5-.1-.7-.3L3.5 4.9c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.1.2-.4.3-.7.3M19.8 20.8c-.3 0-.5-.1-.7-.3l-1.4-1.4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3M3 13H1c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M23 13h-2c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M4.2 20.8c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.4.3-.7.3M18.4 6.6c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.5.3-.7.3"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="hidden dark:block" width="18" height="18" fill="currentColor"><path d="M12.1 22h-.9c-5.5-.5-9.5-5.4-9-10.9.4-4.8 4.2-8.6 9-9 .4 0 .8.2 1 .5s.2.8-.1 1.1c-2 2.7-1.4 6.4 1.3 8.4 2.1 1.6 5 1.6 7.1 0 .3-.2.7-.3 1.1-.1.3.2.5.6.5 1-.2 2.7-1.5 5.1-3.6 6.8-1.9 1.4-4.1 2.2-6.4 2.2M9.3 4.4c-2.9 1-5 3.6-5.2 6.8-.4 4.4 2.8 8.3 7.2 8.7 2.1.2 4.2-.4 5.8-1.8 1.1-.9 1.9-2.1 2.4-3.4-2.5.9-5.3.5-7.5-1.1-2.8-2.2-3.9-5.9-2.7-9.2"></path></svg></div></div></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div><div class="mobileNavMenu_e7045"><div class="navScreen_ec30c rspress-nav-screen" id="navScreen"><div class="container_c935d"><div class="navMenu_b887b"><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a></div><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div></div><div class="flex-center flex-col gap-2"><div class="mt-2 navAppearance_bf893 flex justify-center"></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div></div><button aria-label="mobile hamburger" class=" rspress-mobile-hamburger navHamburger_ac64c text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"><circle cx="8" cy="16" r="2" fill="currentColor"></circle><circle cx="16" cy="16" r="2" fill="currentColor"></circle><circle cx="24" cy="16" r="2" fill="currentColor"></circle></svg></button></div></div></div></div><section><div class="docLayout_af141 pt-0"><aside class="sidebar_dd719 rspress-sidebar "><div class="navTitleMask_fb17c"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div></div><div class="rspress-scrollbar sidebarContent_da296"><nav class="pb-2"><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">基础组件</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/components/button.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Button 按钮</span></div></a></div></div></div></section><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">表单组件</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/components/input.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Input 输入框</span></div></a></div><div class="rspress-sidebar-item"><a href="/sevenDesign/components/switch.html" class="link_a7cea menuLink_bb039"><div class="menuItemActive_de63c mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Switch 开关</span></div></a></div><div class="rspress-sidebar-item"><a href="/sevenDesign/components/cascader.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Cascader 级联选择器</span></div></a></div></div></div></section><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">数据展示</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/components/pagination.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>Pagination 分页器</span></div></a></div></div></div></section></nav></div></aside><div class="flex-1 relative min-w-0"><div class="rspress-sidebar-menu-container "><div class="rspress-sidebar-menu"><button type="button" class="flex-center mr-auto"><div class="text-md mr-2"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 6h24v2H4zm0 18h24v2H4zm0-12h24v2H4zm0 6h24v2H4z"></path></svg></div><span class="text-sm">Menu</span></button><button type="button" class="flex-center ml-auto"><span class="text-sm">ON THIS PAGE</span><div class="text-md mr-2" style="transform:rotate(0deg);transition:transform 0.2s ease-out;margin-top:2px"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></button><div class="rspress-local-toc-container "><ul><li><a href="#基础用法" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">基础用法</span></a></li><li><a href="#禁用状态" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">禁用状态</span></a></li><li><a href="#加载状态" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">加载状态</span></a></li><li><a href="#自定义开关内容" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">自定义开关内容</span></a></li><li><a href="#自定义背景色" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">自定义背景色</span></a></li><li><a href="#api" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">API</span></a></li><li><a href="#props" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">Props</span></a></li><li><a href="#events" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">Events</span></a></li><li><a href="#键盘操作" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">键盘操作</span></a></li></ul></div></div></div><div class="content_ff766 rspress-doc-container flex"><div class="flex-1 overflow-x-auto"><div class="rspress-doc"><!--$--><h1 id="switch-开关" class="rspress-doc-title text-3xl mb-10 leading-10 tracking-tight title_fb7eb"><a class="link_a7cea header-anchor link_a9ef4 inline-link_f855c" aria-hidden="true" href="#switch-开关">#</a>Switch 开关</h1>
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<meta name="generator" content="Rspress v1.47.0">
|
|
8
8
|
<title data-rh="true">介绍 - SevenDesign</title><meta data-rh="true" name="description" content="企业级 React UI 组件库"/>
|
|
9
|
-
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.
|
|
9
|
+
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.b1c5e38e.js"></script><link href="/sevenDesign/static/css/styles.ea17ad4c.css" rel="stylesheet"></head>
|
|
10
10
|
|
|
11
11
|
<body >
|
|
12
12
|
<div id="root"><link rel="preload" as="image" href="/sevenDesign/logo.svg"/><div class="navContainer_d18b1 rspress-nav px-6 sticky_ddfa7"><div class="container_e4235 flex justify-between items-center h-full"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div><div class="flex flex-1 justify-end items-center"><div class="rightNav_a2fea"><div class="flex sm:flex-1 items-center sm:pl-4 sm:pr-2"><div class="rspress-nav-search-button navSearchButton_df1fb"><button><svg width="18" height="18" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg><p class="searchWord_af2c1">Search</p><div style="opacity:0"><span></span><span>K</span></div></button></div><div class="mobileNavSearchButton_d85a9"><svg width="24" height="24" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg></div></div><div class="rspress-nav-menu menu h-14"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 activeItem_a28b5 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div><div class="flex-center flex-row"><div class="mx-2"><div class="md:mr-2 rspress-nav-appearance"><div class="p-1 border border-solid border-gray-300 text-gray-400 cursor-pointer rounded-md hover:border-gray-600 hover:text-gray-600 dark:hover:border-gray-200 dark:hover:text-gray-200 transition-all duration-300 w-7 h-7"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="dark:hidden" width="18" height="18" fill="currentColor"><path d="M12 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6m0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4M12 4c-.6 0-1-.4-1-1V1c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M12 24c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M5.6 6.6c-.3 0-.5-.1-.7-.3L3.5 4.9c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.1.2-.4.3-.7.3M19.8 20.8c-.3 0-.5-.1-.7-.3l-1.4-1.4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3M3 13H1c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M23 13h-2c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M4.2 20.8c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.4.3-.7.3M18.4 6.6c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.5.3-.7.3"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="hidden dark:block" width="18" height="18" fill="currentColor"><path d="M12.1 22h-.9c-5.5-.5-9.5-5.4-9-10.9.4-4.8 4.2-8.6 9-9 .4 0 .8.2 1 .5s.2.8-.1 1.1c-2 2.7-1.4 6.4 1.3 8.4 2.1 1.6 5 1.6 7.1 0 .3-.2.7-.3 1.1-.1.3.2.5.6.5 1-.2 2.7-1.5 5.1-3.6 6.8-1.9 1.4-4.1 2.2-6.4 2.2M9.3 4.4c-2.9 1-5 3.6-5.2 6.8-.4 4.4 2.8 8.3 7.2 8.7 2.1.2 4.2-.4 5.8-1.8 1.1-.9 1.9-2.1 2.4-3.4-2.5.9-5.3.5-7.5-1.1-2.8-2.2-3.9-5.9-2.7-9.2"></path></svg></div></div></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div><div class="mobileNavMenu_e7045"><div class="navScreen_ec30c rspress-nav-screen" id="navScreen"><div class="container_c935d"><div class="navMenu_b887b"><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 activeItem_a28b5 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a></div><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div></div><div class="flex-center flex-col gap-2"><div class="mt-2 navAppearance_bf893 flex justify-center"></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div></div><button aria-label="mobile hamburger" class=" rspress-mobile-hamburger navHamburger_ac64c text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"><circle cx="8" cy="16" r="2" fill="currentColor"></circle><circle cx="16" cy="16" r="2" fill="currentColor"></circle><circle cx="24" cy="16" r="2" fill="currentColor"></circle></svg></button></div></div></div></div><section><div class="docLayout_af141 pt-0"><aside class="sidebar_dd719 rspress-sidebar "><div class="navTitleMask_fb17c"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div></div><div class="rspress-scrollbar sidebarContent_da296"><nav class="pb-2"><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">开始</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea menuLink_bb039"><div class="menuItemActive_de63c mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>介绍</span></div></a></div><div class="rspress-sidebar-item"><a href="/sevenDesign/guide/quick-start.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>快速开始</span></div></a></div><div class="rspress-sidebar-item"><a href="/sevenDesign/guide/theme.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>主题定制</span></div></a></div></div></div></section></nav></div></aside><div class="flex-1 relative min-w-0"><div class="rspress-sidebar-menu-container "><div class="rspress-sidebar-menu"><button type="button" class="flex-center mr-auto"><div class="text-md mr-2"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 6h24v2H4zm0 18h24v2H4zm0-12h24v2H4zm0 6h24v2H4z"></path></svg></div><span class="text-sm">Menu</span></button><button type="button" class="flex-center ml-auto"><span class="text-sm">ON THIS PAGE</span><div class="text-md mr-2" style="transform:rotate(0deg);transition:transform 0.2s ease-out;margin-top:2px"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></button><div class="rspress-local-toc-container "><ul><li><a href="#特性" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">特性</span></a></li><li><a href="#-精美设计" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">🎨 精美设计</span></a></li><li><a href="#-丰富组件" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">📦 丰富组件</span></a></li><li><a href="#-typescript" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">🔧 TypeScript</span></a></li><li><a href="#-主题定制" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">🎭 主题定制</span></a></li><li><a href="#-高性能" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">⚡ 高性能</span></a></li><li><a href="#兼容性" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">兼容性</span></a></li><li><a href="#版本" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">版本</span></a></li><li><a href="#开源协议" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">开源协议</span></a></li></ul></div></div></div><div class="content_ff766 rspress-doc-container flex"><div class="flex-1 overflow-x-auto"><div class="rspress-doc"><!--$--><h1 id="介绍" class="rspress-doc-title text-3xl mb-10 leading-10 tracking-tight title_fb7eb"><a class="link_a7cea header-anchor link_a9ef4 inline-link_f855c" aria-hidden="true" href="#介绍">#</a>介绍</h1>
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<meta name="generator" content="Rspress v1.47.0">
|
|
8
8
|
<title data-rh="true">快速开始 - SevenDesign</title><meta data-rh="true" name="description" content="企业级 React UI 组件库"/>
|
|
9
|
-
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.
|
|
9
|
+
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.b1c5e38e.js"></script><link href="/sevenDesign/static/css/styles.ea17ad4c.css" rel="stylesheet"></head>
|
|
10
10
|
|
|
11
11
|
<body >
|
|
12
12
|
<div id="root"><link rel="preload" as="image" href="/sevenDesign/logo.svg"/><div class="navContainer_d18b1 rspress-nav px-6 sticky_ddfa7"><div class="container_e4235 flex justify-between items-center h-full"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div><div class="flex flex-1 justify-end items-center"><div class="rightNav_a2fea"><div class="flex sm:flex-1 items-center sm:pl-4 sm:pr-2"><div class="rspress-nav-search-button navSearchButton_df1fb"><button><svg width="18" height="18" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg><p class="searchWord_af2c1">Search</p><div style="opacity:0"><span></span><span>K</span></div></button></div><div class="mobileNavSearchButton_d85a9"><svg width="24" height="24" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg></div></div><div class="rspress-nav-menu menu h-14"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div><div class="flex-center flex-row"><div class="mx-2"><div class="md:mr-2 rspress-nav-appearance"><div class="p-1 border border-solid border-gray-300 text-gray-400 cursor-pointer rounded-md hover:border-gray-600 hover:text-gray-600 dark:hover:border-gray-200 dark:hover:text-gray-200 transition-all duration-300 w-7 h-7"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="dark:hidden" width="18" height="18" fill="currentColor"><path d="M12 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6m0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4M12 4c-.6 0-1-.4-1-1V1c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M12 24c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M5.6 6.6c-.3 0-.5-.1-.7-.3L3.5 4.9c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.1.2-.4.3-.7.3M19.8 20.8c-.3 0-.5-.1-.7-.3l-1.4-1.4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3M3 13H1c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M23 13h-2c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M4.2 20.8c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.4.3-.7.3M18.4 6.6c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.5.3-.7.3"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="hidden dark:block" width="18" height="18" fill="currentColor"><path d="M12.1 22h-.9c-5.5-.5-9.5-5.4-9-10.9.4-4.8 4.2-8.6 9-9 .4 0 .8.2 1 .5s.2.8-.1 1.1c-2 2.7-1.4 6.4 1.3 8.4 2.1 1.6 5 1.6 7.1 0 .3-.2.7-.3 1.1-.1.3.2.5.6.5 1-.2 2.7-1.5 5.1-3.6 6.8-1.9 1.4-4.1 2.2-6.4 2.2M9.3 4.4c-2.9 1-5 3.6-5.2 6.8-.4 4.4 2.8 8.3 7.2 8.7 2.1.2 4.2-.4 5.8-1.8 1.1-.9 1.9-2.1 2.4-3.4-2.5.9-5.3.5-7.5-1.1-2.8-2.2-3.9-5.9-2.7-9.2"></path></svg></div></div></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div><div class="mobileNavMenu_e7045"><div class="navScreen_ec30c rspress-nav-screen" id="navScreen"><div class="container_c935d"><div class="navMenu_b887b"><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a></div><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div></div><div class="flex-center flex-col gap-2"><div class="mt-2 navAppearance_bf893 flex justify-center"></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div></div><button aria-label="mobile hamburger" class=" rspress-mobile-hamburger navHamburger_ac64c text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"><circle cx="8" cy="16" r="2" fill="currentColor"></circle><circle cx="16" cy="16" r="2" fill="currentColor"></circle><circle cx="24" cy="16" r="2" fill="currentColor"></circle></svg></button></div></div></div></div><section><div class="docLayout_af141 pt-0"><aside class="sidebar_dd719 rspress-sidebar "><div class="navTitleMask_fb17c"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div></div><div class="rspress-scrollbar sidebarContent_da296"><nav class="pb-2"><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">开始</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>介绍</span></div></a></div><div class="rspress-sidebar-item"><a href="/sevenDesign/guide/quick-start.html" class="link_a7cea menuLink_bb039"><div class="menuItemActive_de63c mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>快速开始</span></div></a></div><div class="rspress-sidebar-item"><a href="/sevenDesign/guide/theme.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>主题定制</span></div></a></div></div></div></section></nav></div></aside><div class="flex-1 relative min-w-0"><div class="rspress-sidebar-menu-container "><div class="rspress-sidebar-menu"><button type="button" class="flex-center mr-auto"><div class="text-md mr-2"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 6h24v2H4zm0 18h24v2H4zm0-12h24v2H4zm0 6h24v2H4z"></path></svg></div><span class="text-sm">Menu</span></button><button type="button" class="flex-center ml-auto"><span class="text-sm">ON THIS PAGE</span><div class="text-md mr-2" style="transform:rotate(0deg);transition:transform 0.2s ease-out;margin-top:2px"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></button><div class="rspress-local-toc-container "><ul><li><a href="#安装" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">安装</span></a></li><li><a href="#使用包管理器" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">使用包管理器</span></a></li><li><a href="#完整引入" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">完整引入</span></a></li><li><a href="#按需引入" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">按需引入</span></a></li><li><a href="#全局配置" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">全局配置</span></a></li><li><a href="#vite-项目" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">Vite 项目</span></a></li><li><a href="#nextjs-项目" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">Next.js 项目</span></a></li><li><a href="#开始使用" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">开始使用</span></a></li></ul></div></div></div><div class="content_ff766 rspress-doc-container flex"><div class="flex-1 overflow-x-auto"><div class="rspress-doc"><!--$--><h1 id="快速开始" class="rspress-doc-title text-3xl mb-10 leading-10 tracking-tight title_fb7eb"><a class="link_a7cea header-anchor link_a9ef4 inline-link_f855c" aria-hidden="true" href="#快速开始">#</a>快速开始</h1>
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<meta name="generator" content="Rspress v1.47.0">
|
|
8
8
|
<title data-rh="true">主题定制 - SevenDesign</title><meta data-rh="true" name="description" content="企业级 React UI 组件库"/>
|
|
9
|
-
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.
|
|
9
|
+
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.b1c5e38e.js"></script><link href="/sevenDesign/static/css/styles.ea17ad4c.css" rel="stylesheet"></head>
|
|
10
10
|
|
|
11
11
|
<body >
|
|
12
12
|
<div id="root"><link rel="preload" as="image" href="/sevenDesign/logo.svg"/><div class="navContainer_d18b1 rspress-nav px-6 sticky_ddfa7"><div class="container_e4235 flex justify-between items-center h-full"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div><div class="flex flex-1 justify-end items-center"><div class="rightNav_a2fea"><div class="flex sm:flex-1 items-center sm:pl-4 sm:pr-2"><div class="rspress-nav-search-button navSearchButton_df1fb"><button><svg width="18" height="18" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg><p class="searchWord_af2c1">Search</p><div style="opacity:0"><span></span><span>K</span></div></button></div><div class="mobileNavSearchButton_d85a9"><svg width="24" height="24" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg></div></div><div class="rspress-nav-menu menu h-14"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div><div class="flex-center flex-row"><div class="mx-2"><div class="md:mr-2 rspress-nav-appearance"><div class="p-1 border border-solid border-gray-300 text-gray-400 cursor-pointer rounded-md hover:border-gray-600 hover:text-gray-600 dark:hover:border-gray-200 dark:hover:text-gray-200 transition-all duration-300 w-7 h-7"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="dark:hidden" width="18" height="18" fill="currentColor"><path d="M12 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6m0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4M12 4c-.6 0-1-.4-1-1V1c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M12 24c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M5.6 6.6c-.3 0-.5-.1-.7-.3L3.5 4.9c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.1.2-.4.3-.7.3M19.8 20.8c-.3 0-.5-.1-.7-.3l-1.4-1.4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3M3 13H1c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M23 13h-2c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M4.2 20.8c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.4.3-.7.3M18.4 6.6c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.5.3-.7.3"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="hidden dark:block" width="18" height="18" fill="currentColor"><path d="M12.1 22h-.9c-5.5-.5-9.5-5.4-9-10.9.4-4.8 4.2-8.6 9-9 .4 0 .8.2 1 .5s.2.8-.1 1.1c-2 2.7-1.4 6.4 1.3 8.4 2.1 1.6 5 1.6 7.1 0 .3-.2.7-.3 1.1-.1.3.2.5.6.5 1-.2 2.7-1.5 5.1-3.6 6.8-1.9 1.4-4.1 2.2-6.4 2.2M9.3 4.4c-2.9 1-5 3.6-5.2 6.8-.4 4.4 2.8 8.3 7.2 8.7 2.1.2 4.2-.4 5.8-1.8 1.1-.9 1.9-2.1 2.4-3.4-2.5.9-5.3.5-7.5-1.1-2.8-2.2-3.9-5.9-2.7-9.2"></path></svg></div></div></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div><div class="mobileNavMenu_e7045"><div class="navScreen_ec30c rspress-nav-screen" id="navScreen"><div class="container_c935d"><div class="navMenu_b887b"><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a></div><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div></div><div class="flex-center flex-col gap-2"><div class="mt-2 navAppearance_bf893 flex justify-center"></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div></div><button aria-label="mobile hamburger" class=" rspress-mobile-hamburger navHamburger_ac64c text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"><circle cx="8" cy="16" r="2" fill="currentColor"></circle><circle cx="16" cy="16" r="2" fill="currentColor"></circle><circle cx="24" cy="16" r="2" fill="currentColor"></circle></svg></button></div></div></div></div><section><div class="docLayout_af141 pt-0"><aside class="sidebar_dd719 rspress-sidebar "><div class="navTitleMask_fb17c"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div></div><div class="rspress-scrollbar sidebarContent_da296"><nav class="pb-2"><section class="rspress-sidebar-section mt-0.5 block" style="margin-left:0"><div class="rspress-sidebar-collapse flex justify-between items-center menuItem_ac22e" style="border-radius:0 var(--rp-radius) var(--rp-radius) 0;cursor:pointer"><h2 class="py-2 px-3 text-sm font-medium flex" style="font-size:14px;padding-left:24px;font-weight:bold"><span class="flex-center" style="font-size:14px">开始</span></h2><div class="collapseContainer_d6e4e p-2 rounded-xl"><div style="cursor:pointer;transition:transform 0.2s ease-out;transform:rotate(90deg)"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></div></div><div class="transition-all duration-300 ease-in-out" style="overflow:hidden"><div class="rspress-sidebar-group transition-opacity duration-500 ease-in-out" style="opacity:1;margin-left:12px"><div class="rspress-sidebar-item"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>介绍</span></div></a></div><div class="rspress-sidebar-item"><a href="/sevenDesign/guide/quick-start.html" class="link_a7cea menuLink_bb039"><div class="menuItem_ac22e mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>快速开始</span></div></a></div><div class="rspress-sidebar-item"><a href="/sevenDesign/guide/theme.html" class="link_a7cea menuLink_bb039"><div class="menuItemActive_de63c mt-0.5 py-2 px-3 font-medium flex" style="font-size:13px;margin-left:18px;border-radius:0 var(--rp-radius) var(--rp-radius) 0"><span>主题定制</span></div></a></div></div></div></section></nav></div></aside><div class="flex-1 relative min-w-0"><div class="rspress-sidebar-menu-container "><div class="rspress-sidebar-menu"><button type="button" class="flex-center mr-auto"><div class="text-md mr-2"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 6h24v2H4zm0 18h24v2H4zm0-12h24v2H4zm0 6h24v2H4z"></path></svg></div><span class="text-sm">Menu</span></button><button type="button" class="flex-center ml-auto"><span class="text-sm">ON THIS PAGE</span><div class="text-md mr-2" style="transform:rotate(0deg);transition:transform 0.2s ease-out;margin-top:2px"><svg width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 16 12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z"></path></svg></div></button><div class="rspress-local-toc-container "><ul><li><a href="#css-variables" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">CSS Variables</span></a></li><li><a href="#品牌色" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">品牌色</span></a></li><li><a href="#文本颜色" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">文本颜色</span></a></li><li><a href="#边框颜色" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">边框颜色</span></a></li><li><a href="#背景色" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">背景色</span></a></li><li><a href="#自定义主题" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">自定义主题</span></a></li><li><a href="#方式一覆盖-css-variables" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">方式一：覆盖 CSS Variables</span></a></li><li><a href="#方式二使用内联样式" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">方式二：使用内联样式</span></a></li><li><a href="#暗色主题" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">暗色主题</span></a></li><li><a href="#自定义暗色主题" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">自定义暗色主题</span></a></li><li><a href="#完整的-css-variables-列表" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">完整的 CSS Variables 列表</span></a></li><li><a href="#颜色" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">颜色</span></a></li><li><a href="#文本颜色-1" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">文本颜色</span></a></li><li><a href="#边框" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">边框</span></a></li><li><a href="#字体" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">字体</span></a></li><li><a href="#组件尺寸" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">组件尺寸</span></a></li><li><a href="#阴影" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">阴影</span></a></li><li><a href="#示例" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">示例</span></a></li><li><a href="#创建绿色主题" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">创建绿色主题</span></a></li><li><a href="#创建紧凑主题" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:12px"><span class="rspress-toc-link-text block">创建紧凑主题</span></a></li><li><a href="#最佳实践" class="link_a7cea rspress-toc-link sm:text-normal text-sm" style="margin-left:0"><span class="rspress-toc-link-text block">最佳实践</span></a></li></ul></div></div></div><div class="content_ff766 rspress-doc-container flex"><div class="flex-1 overflow-x-auto"><div class="rspress-doc"><!--$--><h1 id="主题定制" class="rspress-doc-title text-3xl mb-10 leading-10 tracking-tight title_fb7eb"><a class="link_a7cea header-anchor link_a9ef4 inline-link_f855c" aria-hidden="true" href="#主题定制">#</a>主题定制</h1>
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<meta name="generator" content="Rspress v1.47.0">
|
|
8
8
|
<title data-rh="true">SevenDesign</title><meta data-rh="true" name="description" content="企业级 React UI 组件库"/>
|
|
9
|
-
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.
|
|
9
|
+
<script>{;const saved = localStorage.getItem('rspress-theme-appearance');const preferDark = window.matchMedia('(prefers-color-scheme: dark)').matches;const isDark = !saved || saved === 'auto' ? preferDark : saved === 'dark';document.documentElement.classList.toggle('dark', isDark);document.documentElement.style.colorScheme = isDark ? 'dark' : 'light';}</script><link rel="icon" href="/sevenDesign/logo.svg" type="image/svg+xml"><script defer src="/sevenDesign/static/js/styles.f2af9a40.js"></script><script defer src="/sevenDesign/static/js/lib-react.ce4199ca.js"></script><script defer src="/sevenDesign/static/js/lib-router.4000fe55.js"></script><script defer src="/sevenDesign/static/js/414.7fd9a017.js"></script><script defer src="/sevenDesign/static/js/index.b1c5e38e.js"></script><link href="/sevenDesign/static/css/styles.ea17ad4c.css" rel="stylesheet"></head>
|
|
10
10
|
|
|
11
11
|
<body >
|
|
12
12
|
<div id="root"><link rel="preload" as="image" href="/sevenDesign/logo.svg"/><div class="navContainer_d18b1 rspress-nav px-6 sticky_ddfa7"><div class="container_e4235 flex justify-between items-center h-full"><div class="navBarTitle_c5f07"><a href="/sevenDesign/index.html" class="link_a7cea flex items-center w-full h-full text-base font-semibold transition-opacity duration-300 hover:opacity-60"><div class="mr-1 min-w-8"><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo dark:hidden"/><img src="/sevenDesign/logo.svg" alt="logo" id="logo" class="rspress-logo hidden dark:block"/></div></a></div><div class="flex flex-1 justify-end items-center"><div class="rightNav_a2fea"><div class="flex sm:flex-1 items-center sm:pl-4 sm:pr-2"><div class="rspress-nav-search-button navSearchButton_df1fb"><button><svg width="18" height="18" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg><p class="searchWord_af2c1">Search</p><div style="opacity:0"><span></span><span>K</span></div></button></div><div class="mobileNavSearchButton_d85a9"><svg width="24" height="24" viewBox="0 0 32 32"><path fill="var(--rp-c-gray)" d="m29 27.586-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9"></path></svg></div></div><div class="rspress-nav-menu menu h-14"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div><div class="flex-center flex-row"><div class="mx-2"><div class="md:mr-2 rspress-nav-appearance"><div class="p-1 border border-solid border-gray-300 text-gray-400 cursor-pointer rounded-md hover:border-gray-600 hover:text-gray-600 dark:hover:border-gray-200 dark:hover:text-gray-200 transition-all duration-300 w-7 h-7"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="dark:hidden" width="18" height="18" fill="currentColor"><path d="M12 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6m0-10c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4M12 4c-.6 0-1-.4-1-1V1c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M12 24c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1s1 .4 1 1v2c0 .6-.4 1-1 1M5.6 6.6c-.3 0-.5-.1-.7-.3L3.5 4.9c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.1.2-.4.3-.7.3M19.8 20.8c-.3 0-.5-.1-.7-.3l-1.4-1.4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3M3 13H1c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M23 13h-2c-.6 0-1-.4-1-1s.4-1 1-1h2c.6 0 1 .4 1 1s-.4 1-1 1M4.2 20.8c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.4.3-.7.3M18.4 6.6c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l1.4-1.4c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-1.4 1.4c-.2.2-.5.3-.7.3"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 24 24" class="hidden dark:block" width="18" height="18" fill="currentColor"><path d="M12.1 22h-.9c-5.5-.5-9.5-5.4-9-10.9.4-4.8 4.2-8.6 9-9 .4 0 .8.2 1 .5s.2.8-.1 1.1c-2 2.7-1.4 6.4 1.3 8.4 2.1 1.6 5 1.6 7.1 0 .3-.2.7-.3 1.1-.1.3.2.5.6.5 1-.2 2.7-1.5 5.1-3.6 6.8-1.9 1.4-4.1 2.2-6.4 2.2M9.3 4.4c-2.9 1-5 3.6-5.2 6.8-.4 4.4 2.8 8.3 7.2 8.7 2.1.2 4.2-.4 5.8-1.8 1.1-.9 1.9-2.1 2.4-3.4-2.5.9-5.3.5-7.5-1.1-2.8-2.2-3.9-5.9-2.7-9.2"></path></svg></div></div></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div><div class="mobileNavMenu_e7045"><div class="navScreen_ec30c rspress-nav-screen" id="navScreen"><div class="container_c935d"><div class="navMenu_b887b"><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/guide/introduction.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">指南</div></a></div><div class="navMenuItem_e7978 w-full"><a href="/sevenDesign/components/button.html" class="link_a7cea "><div class="rspress-nav-menu-item singleItem_c1154 text-sm font-medium mx-1.5 px-3 py-2 flex items-center break-keep">组件</div></a></div></div><div class="flex-center flex-col gap-2"><div class="mt-2 navAppearance_bf893 flex justify-center"></div><div class="social-links menu-item_e90a6 flex-center relative"><div class="flex-center h-full gap-x-4 transition-colors duration-300 md:mr-2"><a href="https://github.com/7777even/sevenDesign.git" target="_blank" rel="noopener noreferrer" class="social-links"><div class="social-links-icon_a4ad0"><div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div></div></a></div></div></div></div></div><button aria-label="mobile hamburger" class=" rspress-mobile-hamburger navHamburger_ac64c text-gray-500"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="currentColor"><circle cx="8" cy="16" r="2" fill="currentColor"></circle><circle cx="16" cy="16" r="2" fill="currentColor"></circle><circle cx="24" cy="16" r="2" fill="currentColor"></circle></svg></button></div></div></div></div><section><div class="relative" style="min-height:calc(100vh - var(--rp-nav-height));padding-bottom:80px"><div class="pb-12"><div class="m-auto pt-0 px-6 pb-12 sm:pt-10 sm:px-16 md:pt-16 md:px-16 md:pb-16 relative"><div class="mask_bbaa6" style="left:75%"></div><div class="m-auto flex flex-col md:flex-row max-w-6xl min-h-[50vh] mt-12 sm:mt-0"><div class="flex flex-col justify-center items-center text-center max-w-xl sm:max-w-4xl m-auto order-2 md:order-1"><h1 class="font-bold text-3xl pb-2 sm:text-6xl md:text-7xl m-auto sm:m-4 md:m-0 md:pb-3 lg:pb-2 leading-tight z-10"><span class="clip_aacad" style="line-height:1.3">SevenDesign</span></h1><p class="rspress-home-hero-text mx-auto md:m-0 text-3xl sm:text-5xl md:text-6xl sm:pb-2 font-bold z-10 sm:max-w-xl" style="line-height:1.2">企业级 React UI 组件库</p><p class="rspress-home-hero-tagline whitespace-pre-wrap pt-4 m-auto md:m-0 md:text-[1.5rem] text-text-2 font-medium z-10 sm:max-w-xl">现代化、可定制、TypeScript 驱动的组件库</p><div class="grid md:flex md:flex-wrap md:justify-center gap-3 m--1.5 pt-6 sm:pt-8 z-10"><div class="flex flex-shrink-0 p-1"><a class="link_a7cea button_e8e0d brand_dc619 big_f7033 w-full" href="/sevenDesign/guide/quick-start.html">快速开始</a></div><div class="flex flex-shrink-0 p-1"><a class="link_a7cea button_e8e0d alt_b0249 big_f7033 w-full" href="/sevenDesign/components/button.html">组件示例</a></div></div></div><div class="rspress-home-hero-image md:flex-center m-auto order-1 md:order-2 sm:flex md:none lg:flex"><img src="/sevenDesign/logo.svg" alt="SevenDesign Logo" width="375" height="375" class="dark:hidden"/><img src="/sevenDesign/logo.svg" alt="SevenDesign Logo" width="375" height="375" class="hidden dark:block"/></div></div></div><div class="overflow-hidden m-auto flex flex-wrap max-w-6xl"><div class="grid-4_bd059 rounded hover:var(--rp-c-brand)"><div class="h-full p-2"><article class="rspress-home-feature-card featureCard_a17b6 h-full p-8 rounded-4xl border-transparent" style="cursor:auto"><h2 class="rspress-home-feature-title font-bold text-center">🎨 精美设计</h2><p class="rspress-home-feature-detail leading-6 pt-2 text-sm text-text-2 font-medium">现代化的设计风格，参考 Element Plus，提供优雅的用户体验</p></article></div></div><div class="grid-4_bd059 rounded hover:var(--rp-c-brand)"><div class="h-full p-2"><article class="rspress-home-feature-card featureCard_a17b6 h-full p-8 rounded-4xl border-transparent" style="cursor:auto"><h2 class="rspress-home-feature-title font-bold text-center">📦 开箱即用</h2><p class="rspress-home-feature-detail leading-6 pt-2 text-sm text-text-2 font-medium">丰富的组件库，满足企业级应用的各种需求</p></article></div></div><div class="grid-4_bd059 rounded hover:var(--rp-c-brand)"><div class="h-full p-2"><article class="rspress-home-feature-card featureCard_a17b6 h-full p-8 rounded-4xl border-transparent" style="cursor:auto"><h2 class="rspress-home-feature-title font-bold text-center">🔧 TypeScript</h2><p class="rspress-home-feature-detail leading-6 pt-2 text-sm text-text-2 font-medium">完整的类型定义，提供更好的开发体验和代码提示</p></article></div></div><div class="grid-4_bd059 rounded hover:var(--rp-c-brand)"><div class="h-full p-2"><article class="rspress-home-feature-card featureCard_a17b6 h-full p-8 rounded-4xl border-transparent" style="cursor:auto"><h2 class="rspress-home-feature-title font-bold text-center">🎭 主题定制</h2><p class="rspress-home-feature-detail leading-6 pt-2 text-sm text-text-2 font-medium">基于 CSS Variables 的主题系统，轻松定制你的品牌风格</p></article></div></div><div class="grid-4_bd059 rounded hover:var(--rp-c-brand)"><div class="h-full p-2"><article class="rspress-home-feature-card featureCard_a17b6 h-full p-8 rounded-4xl border-transparent" style="cursor:auto"><h2 class="rspress-home-feature-title font-bold text-center">⚡ 按需加载</h2><p class="rspress-home-feature-detail leading-6 pt-2 text-sm text-text-2 font-medium">支持 Tree-shaking，只打包你使用的组件，减小打包体积</p></article></div></div><div class="grid-4_bd059 rounded hover:var(--rp-c-brand)"><div class="h-full p-2"><article class="rspress-home-feature-card featureCard_a17b6 h-full p-8 rounded-4xl border-transparent" style="cursor:auto"><h2 class="rspress-home-feature-title font-bold text-center">📚 完善文档</h2><p class="rspress-home-feature-detail leading-6 pt-2 text-sm text-text-2 font-medium">详细的组件文档和示例代码，帮助你快速上手</p></article></div></div></div></div></div></section></div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.aside-link{border-radius:var(--rp-radius-small)0 0 var(--rp-radius-small);margin-bottom:1px;padding:.25rem 0}.aside-link:hover{background-color:var(--rp-c-bg-mute)}.aside-link.aside-active,.aside-link.aside-active:hover{color:var(--rp-c-link);background-color:var(--rp-c-brand-tint)}.aside-link-text{overflow-wrap:break-word;padding:0 12px;font-size:.8125rem;line-height:1.25rem}@media (min-width:640px){.pager_d6903{flex-direction:column;width:50%;display:flex}.pager_d6903.has-next_e91b1{padding-top:0;padding-left:16px}}.prev_c92d1,.next_c11be{width:100%}.rspress-nav-menu-group-button{background-color:#0000}.hidden_f8586{opacity:0;background:0 0;transform:translateY(-100%)}.container_e4235{margin:auto}.navContainer_d18b1{background:var(--rp-c-bg);height:var(--rp-nav-height);z-index:var(--rp-z-index-nav);transition:transform .3s,opacity .3s;top:0;left:0}.relative_bb7f1{position:relative}.sticky_ddfa7{position:sticky}.sticky_ddfa7+section .rspress-sidebar-menu-container{margin-top:calc(var(--rp-nav-height)*-1);padding-top:var(--rp-nav-height)}.sticky_ddfa7+section .rspress-local-toc-container{margin-top:var(--rp-nav-height)}.leftNav_e6722,.rightNav_a2fea{display:none}.singleItem_c1154{word-break:keep-all}.activeItem_a28b5,.singleItem_c1154:hover{background-color:var(--rp-c-bg-mute);cursor:pointer;color:var(--rp-c-link);border-radius:var(--rp-radius)}.navBarTitle_c5f07{flex-shrink:0}.navContainer_d18b1 *{pointer-events:all}.menu-item_b8238{margin:0 8px;display:none}@media (max-width:960px){.menu-item_b8238:before{display:none}.mobileNavMenu_e7045{align-items:center;display:flex}}@media (min-width:960px){.menu-item_b8238{display:flex}.leftNav_e6722{flex-grow:1;align-items:center;margin:0 .5rem;display:flex}.rightNav_a2fea{align-items:center;display:flex}.mobileNavMenu_e7045{display:none}.mask_cea59{width:100vw;height:30px;position:absolute;bottom:-30px;right:0}.mask_cea59.docPage_b27ff{width:calc(100vw - var(--rp-sidebar-width) - 48px)}.mask_cea59:before{background:linear-gradient(var(--rp-c-bg),transparent 60%);content:"";width:100%;height:30px;display:block}.leftNav_e6722{margin:0 2rem}}.navTitleMask_fb17c{height:var(--rp-nav-height);align-items:center;padding-left:1.5rem;display:flex}.sidebar_dd719{z-index:var(--rp-z-index-sidebar);opacity:0;background:var(--rp-c-bg);flex-shrink:0;width:calc(100vw - 64px);max-width:320px;transition:opacity .5s,transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebarContent_da296{max-height:calc(100% - var(--rp-nav-height));overflow:hidden auto}.sidebar_dd719.open_becbd{opacity:1;visibility:visible;transition:opacity .25s,transform .5s cubic-bezier(.19,1,.22,1);transform:translate(0,0)}@media (min-width:960px){.sidebar_dd719{z-index:5;opacity:1;visibility:visible;margin-top:calc(var(--rp-nav-height)*-1);height:100vh;width:var(--rp-sidebar-width);box-shadow:var(--rp-c-shadow-3);--webkit-mask-image:linear-gradient(270deg,#000 10px,transparent 0);position:sticky;transform:translate(0,0);-webkit-mask-image:linear-gradient(#0000,#000 20px),linear-gradient(270deg,#000 10px,#0000 0);mask-image:linear-gradient(#0000,#000 20px),linear-gradient(270deg,#000 10px,#0000 0)}}.menuLink_bb039{opacity:1}.menuLink_bb039:hover{color:inherit;transition:all .2s}.menuItem_ac22e:hover{color:var(--rp-c-text-1);background-color:var(--rp-c-bg-mute);transition:all .2s}.collapseContainer_d6e4e:hover{background-color:#e5e5e566;transition:all .2s}:is(.dark .menuItem_ac22e:hover,.dark .collapseContainer_d6e4e:hover){background-color:var(--rp-c-bg-mute);transition:all .2s}.menuItem_ac22e,.menuItemActive_de63c{border-radius:0 var(--rp-radius)var(--rp-radius)0;font-size:13px;line-height:19px}.menuItem_ac22e{color:var(--rp-c-text-2);font-weight:500;transition:color .2s}.menuItemActive_de63c{background-color:var(--rp-c-brand-tint);color:var(--rp-c-link);font-weight:bolder;position:relative}.menuItemActive_de63c:before{content:"";background-color:var(--rp-c-brand);width:1px;height:100%;transition:all .2s;position:absolute;top:0;left:0}.menuGroupActive_e3177{background-color:var(--rp-c-bg-mute)}.rspress-sidebar-group{position:relative}.rspress-sidebar-group:before{content:"";background-color:var(--rp-c-gray-light-4);width:1px;height:100%;position:absolute;top:0;left:18px}.rspress-sidebar-section-header{align-items:center;padding:8px 0 8px 16px;display:flex}.rspress-sidebar-section-header>span{color:var(--rp-c-text-1);align-items:center;margin-left:8px;font-size:14px;font-weight:700;line-height:20px;display:flex}.dark .rspress-sidebar-group:before{background-color:var(--rp-c-bg-mute)}.dark .sidebar_dd719{box-shadow:var(--rp-shadow-1)}.link_a7cea{cursor:pointer;font-weight:500;transition:opacity .2s}.link_a7cea:hover{opacity:.85}.link_a7cea:active{opacity:.7}.rspress-toc-link{border-radius:var(--rp-radius-small);transition:all .3s;display:block}.rspress-toc-link-text{white-space:nowrap;text-overflow:ellipsis;border-radius:var(--rp-radius-small);color:var(--rp-c-text-2);padding:6px 12px;transition:all .2s ease-in-out;overflow:hidden}.rspress-toc-link-text:hover{background-color:var(--rp-c-bg-mute);color:var(--rp-c-text-1)}.rspress-sidebar-menu-container{z-index:var(--rp-z-index-local-nav);position:sticky;top:0;left:0}.rspress-sidebar-menu{border-bottom:1px solid var(--rp-c-divider-light);border-top:1px solid var(--rp-c-divider-light);width:100%;color:var(--rp-c-text-1);background-color:var(--rp-c-bg);justify-content:space-between;align-items:center;padding-left:10px;display:flex}.rspress-sidebar-menu>button{background-color:#0000;padding:12px;transition:color .5s}.rspress-sidebar-menu>button:hover{color:var(--rp-c-text-3)}.rspress-sidebar-menu:empty{display:none}.rspress-sidebar-back-drop{z-index:var(--rp-z-index-backdrop);position:fixed;top:0;bottom:0;left:0;right:0}@media (min-width:1280px){.rspress-sidebar-menu{display:none}}@media (min-width:960px) and (max-width:1280px){.rspress-sidebar-menu>button:first-child,.rspress-sidebar-menu-container.no-toc{display:none}html:root:has(.rspress-sidebar-menu-container.no-toc){--rp-sidebar-menu-height:0px}}.rspress-local-toc-container{border-radius:var(--rp-radius-small);top:calc(var(--rp-nav-height) - 14px);background-color:var(--rp-c-bg-soft);max-height:calc(100vh - var(--rp-nav-height) - 20px);box-shadow:var(--rp-shadow-1);border:1px solid var(--rp-c-divider-light);opacity:0;visibility:hidden;padding:6px;transition:all .3s ease-out;position:absolute;left:20px;right:20px;overflow:scroll;transform:translateY(-20px)}.rspress-local-toc-container-show{opacity:1;visibility:visible;transform:translateY(0)}.fly-in-enter{opacity:0;transform:translateY(-16px)}.fly-in-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translate(0,0)}.fly-in-exit,.fly-in-exit-active{opacity:0;transition:none}.title_fb7eb{outline:none;font-weight:600;position:relative}.title_fb7eb .header-anchor{float:left;opacity:0;font-weight:500;font-size:inherit;margin-left:-.8em;transition:color .25s,opacity .25s}.title_fb7eb:hover .header-anchor,.title_fb7eb .header-anchor:focus{opacity:1}.blockquote_f1063 p,summary .blockquote_f1063 p{color:var(--rp-c-text-2);margin:0;font-size:16px}.link_a9ef4:not(.header-anchor),summary .link_a9ef4:not(.header-anchor),summary a:not(.header-anchor){color:var(--rp-c-link);font-weight:500;transition:color .25s}.link_a9ef4:hover,summary .link_a9ef4:hover,summary a:hover{border-bottom:1px solid var(--rp-c-brand)}.header-anchor{color:var(--rp-c-brand)}.rspress-doc details{font-size:normal;cursor:pointer;margin:16px 0;padding:8px;transition:all .3s}.rspress-doc details p{margin:8px 0}.rspress-doc details:hover{background-color:var(--rp-c-bg-mute)}.inline-link_f855c{overflow-wrap:break-word;display:inline}span.code-line-highlighted{background-color:var(--rp-code-line-highlight-color)}.aside-container_bc5fa{margin-top:calc(var(--rp-nav-height)*-1 - var(--rp-content-padding-y));padding-top:calc(var(--rp-nav-height) + var(--rp-content-padding-y));scrollbar-width:none;width:0;max-height:calc(100vh - var(--rp-nav-height) + var(--rp-content-padding-y)*2);display:none;position:sticky;top:0;overflow:hidden auto}.aside-container_bc5fa::-webkit-scrollbar{display:none}.rspress-doc{view-transition-name:flip;min-height:60vh}@keyframes fade-out_cfa8c{0%{opacity:1}to{opacity:0;transform:translateY(20px)}}@keyframes fade-in_b8f53{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}::view-transition-old(flip){animation-duration:.25s}::view-transition-new(flip){animation-duration:.25s}::view-transition-old(flip){transition-timing-function:ease-out;animation-name:fade-out_cfa8c}::view-transition-new(flip){transition-timing-function:ease-in;animation-name:fade-in_b8f53;animation-delay:.18s}:is(.content_ff766 .rspress-doc,.content_ff766 .rspress-doc-footer){padding:var(--rp-content-padding-y)var(--rp-content-padding-x)}.content_ff766 .rspress-doc{padding-bottom:0}.content_ff766 .rspress-doc-footer{padding-top:0}@media (max-width:960px){html:root{--rp-content-padding-y:36px}.rspress-doc{view-transition-name:none}}@media (min-width:960px){.aside-container_bc5fa{width:var(--rp-aside-width);display:none}.docLayout_af141{display:flex}}@media (min-width:1280px){html:root{--rp-content-padding-x:64px}.aside-container_bc5fa{display:block}:is(.content_ff766 .rspress-doc,.content_ff766 .rspress-doc-footer){max-width:min(100%,992px);margin:auto}}:root{--rp-home-hero-name-color:transparent;--rp-home-hero-name-background:-webkit-linear-gradient(120deg,var(--rp-c-brand)30%,#42d392);--rp-home-hero-image-background-image:none;--rp-home-hero-image-filter:none;--rp-home-feature-bg:var(--rp-c-bg-soft);--rp-home-mask-background-image:conic-gradient(from 180deg at 50% 50%,var(--rp-c-brand)0deg,180deg,#42d392 1turn);--rp-home-hero-image-width-sm:250px;--rp-home-hero-image-width:375px;--rp-home-hero-text-max-width:40rem}.dark{--rp-home-bg:#000;--rp-home-feature-bg:var(--rp-c-bg-soft)}:root{--rp-nav-height:72px;--rp-sidebar-width:320px;--rp-sidebar-menu-height:46px;--rp-aside-width:268px;--rp-content-padding-x:24px;--rp-content-padding-y:48px}@media (max-width:768px){html:root{--rp-nav-height:56px}}@media (min-width:1280px){html:root{--rp-sidebar-menu-height:0px}}:root{--rp-c-bg:#fff;--rp-c-bg-soft:#f9f9f9;--rp-c-bg-mute:#f1f1f1;--rp-c-divider:#3c3c3c4a;--rp-c-divider-light:#3c3c3c1a;--rp-c-text-1:#213547;--rp-c-text-2:#3c3c3ca8;--rp-c-text-3:#3c3c3c54;--rp-c-text-4:#3c3c3c2e;--rp-c-text-code:#476573;--rp-c-text-code-bg:#99a1b31a;--rp-c-brand:#0095ff;--rp-c-brand-light:#33adff;--rp-c-brand-lighter:#66c2ff;--rp-c-brand-dark:#07f;--rp-c-brand-darker:#005fcc;--rp-c-brand-tint:#7fa3ff29;--rp-c-gray:#8e8e8e;--rp-c-gray-light-1:#aeaeae;--rp-c-gray-light-2:#c7c7c7;--rp-c-gray-light-3:#d1d1d1;--rp-c-gray-light-4:#e5e5e5;--rp-c-gray-light-5:#f2f2f2;--rp-c-dark:#000;--rp-c-dark-light-1:#2f2f2f;--rp-c-dark-light-2:#3a3a3a;--rp-c-dark-light-3:#4a4a4a;--rp-c-dark-light-4:#5c5c5c;--rp-c-dark-light-5:#6b6b6b;--rp-radius:1rem;--rp-radius-small:.5rem;--rp-radius-large:1.5rem;--rp-c-link:var(--rp-c-brand-dark)}.dark{--rp-c-bg:#191d24;--rp-c-bg-soft:#292e37;--rp-c-bg-mute:#343a46;--rp-c-bg-alt:#000;--rp-c-divider:#545454a6;--rp-c-divider-light:#5454547a;--rp-c-text-1:#fffff5ed;--rp-c-text-2:#ebebeb8f;--rp-c-text-3:#ebebeb61;--rp-c-text-4:#ebebeb2e;--rp-c-text-code:#c9def1;--rp-c-link:var(--rp-c-brand-light)}:root{--rp-z-index-local-nav:10;--rp-z-index-nav:20;--rp-z-index-backdrop:30;--rp-z-index-sidebar:40;--rp-shadow-1:0 1px 4px #00000005,0 1px 0 #0000000f;--rp-shadow-2:0 3px 12px #00000012,0 1px 4px #00000012;--rp-shadow-3:0 12px 32px #0000001a,0 2px 6px #00000014;--rp-shadow-4:0 14px 44px #0000001f,0 3px 9px #0000001f;--rp-shadow-5:0 18px 56px #00000029,0 4px 12px #00000029}*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.right-0{right:0}.top-8{top:2rem}.z-10{z-index:10}.z-\[1\]{z-index:1}.order-1{order:1}.order-2{order:2}.-m-1\.5{margin:-.375rem}.m-8{margin:2rem}.m-auto{margin:auto}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-14{height:3.5rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-\[50px\]{height:50px}.h-full{height:100%}.min-h-\[50vh\]{min-height:50vh}.w-12{width:3rem}.w-16{width:4rem}.w-32{width:8rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-\[50px\]{width:50px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-8{min-width:2rem}.max-w-6xl{max-width:72rem}.max-w-xl{max-width:36rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-4{column-gap:1rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-4xl{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t,.border-t-\[1px\]{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-brand{border-color:var(--rp-c-brand)}.border-current{border-color:currentColor}.border-divider{border-color:var(--rp-c-divider)}.border-divider-light{border-color:var(--rp-c-divider-light)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-gray-light-3{border-color:var(--rp-c-gray-light-3)}.border-transparent{border-color:#0000}.bg-gray-light-1{background-color:var(--rp-c-gray-light-1)}.bg-white{background-color:var(--rp-c-bg)}.p-1{padding:.25rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-5{padding-bottom:1.25rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pr-2{padding-right:.5rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-9{padding-top:2.25rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:1.625rem}.text-3xl{font-size:2rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.375rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-10{line-height:2.5rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-brand{color:var(--rp-c-brand)}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-text-1{color:var(--rp-c-text-1)}.text-text-2{color:var(--rp-c-text-2)}.opacity-80{opacity:.8}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.filter{filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[counter-reset\:step\]{counter-reset:step}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--rp-nav-height) + var(--rp-sidebar-menu-height));font-size:16px;line-height:1.7}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{width:100%;min-width:320px;font-family:var(--rp-font-family-base);color:var(--rp-c-text-1);background-color:var(--rp-c-bg);font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;margin:0;font-size:16px;font-weight:400}button:focus{outline:none}button:focus-visible{outline:none}h1,h2,h3,h4,h5,h6,li,p{overflow-wrap:break-word}.visually-hidden{visibility:hidden}.flex-center{justify-content:center;align-items:center;display:flex}.menu{justify-content:space-around;align-items:center;font-size:.875rem;font-weight:700;line-height:1.25rem;display:flex}.rspress-logo{height:1.6rem}#nprogress .bar{background:var(--rp-c-brand);width:100%;height:2px;position:fixed;top:0;left:0}:root{--code-color-text:#414141;--code-color-background:transparent;--code-token-constant:#f59403;--code-token-string:#31a94d;--code-token-comment:#b6b4b4;--code-token-keyword:#cf2727;--code-token-parameter:#1976d2;--code-token-function:#7041c8;--code-token-string-expression:#218438;--code-token-punctuation:#242323;--code-token-link:#22863a;--code-token-variable:#1976d2;--code-token-symbol:#f59403;--code-token-deleted:#d32828;--code-token-inserted:#22863a}.dark{--code-color-text:#cac7c7;--code-token-constant:#6fb0fa;--code-token-string:#f9a86e;--code-token-comment:#6a727b;--code-token-keyword:#f47481;--code-token-parameter:#ff9800;--code-token-function:#ae8eeb;--code-token-string-expression:#4fb74d;--code-token-punctuation:#bbb;--code-token-link:#f9a76d;--code-token-variable:#6fb0fa;--code-token-symbol:#f9a86e;--code-token-deleted:#ee6d7a;--code-token-inserted:#36c47f}:root{--rp-font-family-base:"Inter var experimental","Inter var",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--rp-font-family-mono:Menlo,Monaco,Consolas,"Courier New",monospace}.first\:mt-2:first-child{margin-top:.5rem}.last\:mr-0:last-child{margin-right:0}.even\:bg-soft:nth-child(2n){background-color:var(--rp-c-bg-soft)}.hover\:border-brand-dark:hover{border-color:var(--rp-c-brand-dark)}.hover\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.hover\:border-gray-600:hover{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.hover\:bg-mute:hover{background-color:var(--rp-c-bg-mute)}.hover\:text-brand-dark:hover{color:var(--rp-c-brand-dark)}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-text-1:hover{color:var(--rp-c-text-1)}.hover\:text-text-2:hover{color:var(--rp-c-text-2)}.hover\:opacity-60:hover{opacity:.6}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.focus\:ring-opacity-50:focus{--tw-ring-opacity:.5}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}.dark\:border-divider:is(.dark *){border-color:var(--rp-c-divider)}.dark\:border-gray-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:border-gray-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.dark\:hover\:border-gray-200:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:m-4{margin:1rem}.sm\:mt-0{margin-top:0}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:max-w-4xl{max-width:56rem}.sm\:max-w-xl{max-width:36rem}.sm\:flex-1{flex:1}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-around{justify-content:space-around}.sm\:p-8{padding:2rem}.sm\:px-16{padding-left:4rem;padding-right:4rem}.sm\:pb-2{padding-bottom:.5rem}.sm\:pb-40{padding-bottom:10rem}.sm\:pl-4{padding-left:1rem}.sm\:pr-2{padding-right:.5rem}.sm\:pt-10{padding-top:2.5rem}.sm\:pt-24{padding-top:6rem}.sm\:pt-8{padding-top:2rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:leading-8{line-height:2rem}}@media (min-width:768px){.md\:order-1{order:1}.md\:order-2{order:2}.md\:m-0{margin:0}.md\:ml-1{margin-left:.25rem}.md\:mr-2{margin-right:.5rem}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:justify-center{justify-content:center}.md\:px-16{padding-left:4rem;padding-right:4rem}.md\:pb-16{padding-bottom:4rem}.md\:pb-3{padding-bottom:.75rem}.md\:pt-16{padding-top:4rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-\[1\.5rem\]{font-size:1.5rem}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:pb-2{padding-bottom:.5rem}}.\[\&\:not\(\:first-child\)\]\:mt-2:not(:first-child){margin-top:.5rem}.rspress-doc :not(:where(.rp-not-doc *)):where(ul){margin-top:1rem;margin-bottom:1rem;padding-left:1.25rem;line-height:1.75rem;list-style:outside}.rspress-doc :not(:where(.rp-not-doc *)):where(ol){margin-top:1rem;margin-bottom:1rem;padding-left:1.25rem;line-height:1.75rem;list-style:decimal}.rspress-doc :not(:where(.rp-not-doc *)):where(ul li):not(:first-child){margin-top:.5rem}.rspress-doc :not(:where(.rp-not-doc *)):where(ol li):not(:first-child){margin-top:.5rem}.rspress-doc :not(:where(.rp-not-doc *)):where(table){border-collapse:collapse;border:1px solid var(--rp-c-border);margin-top:1.25rem;margin-bottom:1.25rem;font-size:1rem;line-height:1.75rem;display:block;overflow-x:auto}.rspress-doc :not(:where(.rp-not-doc *)):where(table tr){border:1px solid;border-color:var(--rp-c-gray-light-3);transition-property:color,background-color,border-color;transition-duration:.5s}.rspress-doc :not(:where(.rp-not-doc *)):where(table tr):nth-child(2n){background-color:var(--rp-c-bg-soft)}.rspress-doc :not(:where(.rp-not-doc *)):where(table td){border:1px solid;border-color:var(--rp-c-gray-light-3);padding:.5rem 1rem}.rspress-doc :not(:where(.rp-not-doc *)):where(table th){color:var(--rp-c-text-1);border:1px solid;border-color:var(--rp-c-gray-light-3);padding:.5rem 1rem;font-size:1rem;font-weight:600}:where(.dark) .rspress-doc :not(:where(.rp-not-doc *)):where(table){border-color:var(--rp-c-divider)}:where(.dark) .rspress-doc :not(:where(.rp-not-doc *)):where(table tr){border-color:var(--rp-c-divider)}:where(.dark) .rspress-doc :not(:where(.rp-not-doc *)):where(table td){border-color:var(--rp-c-divider)}:where(.dark) .rspress-doc :not(:where(.rp-not-doc *)):where(table th){border-color:var(--rp-c-divider)}:root{--rp-code-font-size:14px;--rp-code-block-color:#2e3440;--rp-code-title-bg:#0063c70d;--rp-code-block-bg:#f6f8fa;--rp-code-line-highlight-color:#0063c71a;--rp-code-line-number-color:#ebebeb61;--rp-code-copy-code-hover-bg:#ffffff0d;--rp-code-wrap-code-hover-bg:#ffffff0d}.dark{--rp-code-block-color:#e5e7eb;--rp-code-block-bg:#242424;--rp-code-title-bg:#ffffff0a;--rp-code-line-highlight-color:#ffffff1a;--rp-code-line-number-color:#3c3c3c54}.rspress-doc :not(:-webkit-any(pre,h1,h2,h3,h4,h5,h6))>code{font-size:var(--rp-code-font-size)}.rspress-doc :not(:-moz-any(pre,h1,h2,h3,h4,h5,h6))>code{font-size:var(--rp-code-font-size)}.rspress-doc :not(:-webkit-any(pre,h1,h2,h3,h4,h5,h6))>code{font-size:var(--rp-code-font-size)}.rspress-doc :not(:-moz-any(pre,h1,h2,h3,h4,h5,h6))>code{font-size:var(--rp-code-font-size)}.rspress-doc :not(:is(pre,h1,h2,h3,h4,h5,h6))>code{font-size:var(--rp-code-font-size)}.rspress-doc :not(:-webkit-any(pre,div))>code{border-radius:var(--rp-radius-small);background-color:var(--rp-c-text-code-bg);overflow-wrap:break-word;padding:3px 6px}.rspress-doc :not(:-moz-any(pre,div))>code{border-radius:var(--rp-radius-small);background-color:var(--rp-c-text-code-bg);overflow-wrap:break-word;padding:3px 6px}.rspress-doc :not(:-webkit-any(pre,div))>code{border-radius:var(--rp-radius-small);background-color:var(--rp-c-text-code-bg);overflow-wrap:break-word;padding:3px 6px}.rspress-doc :not(:-moz-any(pre,div))>code{border-radius:var(--rp-radius-small);background-color:var(--rp-c-text-code-bg);overflow-wrap:break-word;padding:3px 6px}.rspress-doc :not(:is(pre,div))>code{border-radius:var(--rp-radius-small);background-color:var(--rp-c-text-code-bg);overflow-wrap:break-word;padding:3px 6px}.rspress-doc :not(:-webkit-any(pre,div,a))>code{color:var(--rp-c-text-code)}.rspress-doc :not(:-moz-any(pre,div,a))>code{color:var(--rp-c-text-code)}.rspress-doc :not(:-webkit-any(pre,div,a))>code{color:var(--rp-c-text-code)}.rspress-doc :not(:-moz-any(pre,div,a))>code{color:var(--rp-c-text-code)}.rspress-doc :not(:is(pre,div,a))>code{color:var(--rp-c-text-code)}.rspress-doc h1>code,.rspress-doc h2>code,.rspress-doc h3>code{font-size:.9em}.rspress-doc a>code{color:var(--rp-c-brand-dark);transition:color .25s}.rspress-doc a:hover>code{color:var(--rp-c-brand)}.rspress-doc div[class^=language-]{background-color:var(--rp-code-block-bg);margin:16px 0;transition:none;position:relative;overflow-x:auto}.rspress-doc .rspress-code-title{font-size:var(--rp-code-font-size);background-color:var(--rp-code-title-bg);padding:12px 16px;transition:background-color .5s}@media (min-width:640px){.rspress-doc div[class^=language-]{border-radius:var(--rp-radius);contain:content;margin:24px 0}}@media (max-width:640px){.rspress-doc li div[class^=language-]{border-radius:var(--rp-radius-small)0 0 var(--rp-radius-small)}}.rspress-doc [class^=language-] pre,.rspress-doc [class^=language-] code{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.rspress-doc [class^=language-] pre{z-index:1;background:0 0;margin:0;position:relative;overflow-x:auto}.rspress-doc [class^=language-] code{width:-moz-fit-content;width:fit-content;min-width:100%;line-height:1.7;font-size:var(--rp-code-font-size);color:var(--rp-code-block-color);background-color:var(--rp-code-block-bg);padding:16px 0;transition:color .5s;display:block}.rspress-doc [class^=language-] .rspress-code-content{position:relative}.rspress-doc [class^=language-] .rspress-code-content span.highlighted{background-color:var(--rp-code-line-highlight-color);padding-left:20px;display:block;position:absolute;left:0;right:0}.rspress-doc [class^=language-] .rspress-code-content>code{padding:16px 20px}.rspress-scrollbar{scrollbar-gutter:stable}.rspress-scrollbar::-webkit-scrollbar{width:12px;height:8px;transition:all .3s}.rspress-scrollbar::-webkit-scrollbar-track{background:0 0}.rspress-scrollbar::-webkit-scrollbar-thumb{border-radius:var(--rp-radius-small)}.rspress-scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--rp-c-text-4);background-clip:content-box;border:3px solid #0000}.rspress-scrollbar::-webkit-scrollbar-corner{background:0 0}.rspress-code-content:hover .code-button-group_fb445>button{opacity:1}.code-button-group_fb445{z-index:10;gap:10px;display:flex;position:absolute;top:20px;right:20px}.code-button-group_fb445>button{opacity:0;background-color:#0000;justify-content:center;align-items:center;display:flex;position:relative}.code-button-group_fb445 svg{opacity:inherit;width:20px;height:20px;color:var(--rp-c-text-3);transition:all .2s}.code-button-group_fb445 svg:hover{color:var(--rp-c-text-2)}.code-copy-button_c5089 .icon-success_d5ec0{opacity:0;color:#00d600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.code-copied_e2224 .icon-copy_ef942{opacity:0;transform:scale(.33)}.code-copied_e2224 .icon-success_d5ec0{opacity:1;transition-delay:75ms;transform:translate(-50%,-50%)scale(1)}.icon-wrapped_fb89b{opacity:0;color:#00d600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.wrapped-btn_a2562 .icon-wrap_ccd3d{opacity:0;transform:scale(.33)}.wrapped-btn_a2562 .icon-wrapped_fb89b{opacity:1;transition-delay:75ms;transform:translate(-50%,-50%)scale(1)}.badge_cbafb{font-weight:500;transition:color .25s}.badge_cbafb.tip_cce85{color:var(--rp-container-tip-text);background-color:var(--rp-container-tip-bg)}.badge_cbafb.info_e8cd3{color:var(--rp-container-info-text);background-color:var(--rp-container-info-bg)}.badge_cbafb.warning_b5c28{color:var(--rp-container-warning-text);background-color:var(--rp-container-warning-bg)}.badge_cbafb.danger_b0301{color:var(--rp-container-danger-text);background-color:var(--rp-container-danger-bg)}.badge_cbafb.outline_faf5e{border:1px solid}.badge_cbafb.outline_faf5e.tip_cce85{border-color:var(--rp-container-tip-border)}.badge_cbafb.outline_faf5e.info_e8cd3{border-color:var(--rp-container-info-border)}.badge_cbafb.outline_faf5e.warning_b5c28{border-color:var(--rp-container-warning-border)}.badge_cbafb.outline_faf5e.danger_b0301{border-color:var(--rp-container-danger-border)}.button_e8e0d{box-sizing:border-box;white-space:nowrap;justify-content:center;align-items:center;height:48px;font-weight:700;display:inline-flex}.button_e8e0d:active{transition:color .1s,border-color .1s,background-color .1s}.button_e8e0d.medium_fe00b{border-radius:var(--rp-radius);height:38px;padding:0 20px;font-size:14px;line-height:38px}.button_e8e0d.big_f7033{border-radius:var(--rp-radius-large);min-width:142px;font-size:16px;font-weight:700}.button_e8e0d.brand_dc619,.button_e8e0d.brand_dc619:hover,.button_e8e0d.brand_dc619:active{opacity:1;color:#fff;transition:all .3s}.button_e8e0d.brand_dc619{background:linear-gradient(275deg,var(--rp-c-brand-dark)3%,var(--rp-c-brand-light)97%)}.button_e8e0d.brand_dc619:hover{background-color:var(--rp-c-brand-light);opacity:.8}.button_e8e0d.alt_b0249,.button_e8e0d.alt_b0249:hover,.button_e8e0d.alt_b0249:active{border:1px solid var(--rp-c-gray-light-3);color:var(--rp-c-text-1);background-color:var(--rp-c-gray-light-5);transition:all .3s}.dark .button_e8e0d.alt_b0249{background-color:var(--rp-c-bg-mute);color:var(--rp-c-text-1);border-color:#484848}.button_e8e0d.alt_b0249:hover{background-color:var(--rp-c-gray-light-4)}.dark .button_e8e0d.alt_b0249:hover{background-color:#484848}@media (max-width:768px){.button_e8e0d.big_f7033{min-width:100px;height:42px;font-size:14px;line-height:42px}}.editLink_e1cfa{color:var(--rp-c-brand);margin:20px 0;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s ease-in-out}.editLink_e1cfa:hover{color:var(--rp-c-brand-dark)}@media (max-width:640px){.grid-2_bce10,.grid-4_bd059,.grid-6_ce438{width:100%}}@media (min-width:640px){.grid-2_bce10,.grid-4_bd059,.grid-6_ce438{width:50%}}@media (min-width:768px){.grid-2_bce10,.grid-4_bd059{width:50%}.grid-3_bf296,.grid-6_ce438{width:33.3333%}}@media (min-width:960px){.grid-3_bf296{width:25%}.grid-4_bd059{width:33.3333%}.grid-6_ce438{width:50%}}.featureCard_a17b6{background:var(--rp-home-feature-bg);border:1px solid #0000;transition:all .3s}.featureCard_a17b6:hover{border:1px solid var(--rp-c-brand)}.clip_aacad{background:var(--rp-home-hero-name-background);-webkit-text-fill-color:var(--rp-home-hero-name-color);-webkit-background-clip:text;background-clip:text}.mask_bbaa6{background-image:var(--rp-home-mask-background-image);mixblendmode:normal;filter:blur(80px);opacity:.05;z-index:0;border-radius:100%;width:100%;max-width:500px;height:500px;margin-top:-250px;position:absolute;top:50%;transform:translate(-50%)}.dark .mask_bbaa6{opacity:.15}@media (min-width:640px){.rspress-home-hero-image{width:var(--rp-home-hero-image-width)}}@media (max-width:640px){.rspress-home-hero-image{max-width:var(--rp-home-hero-image-width-sm)}}@media (max-width:768px){.mask_bbaa6{display:none}}.link_e1101:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0}.linkCard_f82f1:hover{background-color:var(--rp-c-bg-mute)}.social-links-icon_a4ad0{fill:currentColor;width:20px;height:20px;color:var(--rp-c-text-2);align-items:center;margin-left:.5rem;display:flex}.social-links-icon_a4ad0:hover{color:var(--rp-c-text-1)}@media (max-width:768px){.menu-item_e90a6:before{display:none}a:only-child .social-links-icon_a4ad0{margin-left:0}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}.dark::view-transition-new(root){z-index:1}::view-transition-new(root){z-index:9999}.dark::view-transition-old(root){z-index:9999}.navScreen_ec30c{top:var(--rp-nav-height);background-color:var(--rp-c-bg);pointer-events:auto;z-index:20;width:100%;padding:32px;display:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.active_d804e{display:block}.container_c935d{max-width:248px;margin:0 auto;padding:24px 0 96px}.navMenu_b887b{flex-direction:column;justify-content:center;align-items:center;display:flex}.navMenuItem_e7978{color:var(--rp-c-text-1);border-bottom:1px solid var(--rp-c-divider-light);justify-content:center;padding:12px 0 11px;font-size:14px;font-weight:500;line-height:24px;transition:border-color .5s,color .25s;display:flex}.navAppearance_bf893{padding-right:0}.socialAndAppearance_eda28{padding:8px 0 7px}.navScreenMenuGroup_e771d{height:39px;transition:border-color .5s;overflow:hidden}.navScreenMenuGroup_e771d.open_aaab4{height:auto;padding-bottom:10px}.button_ea41e{width:100%;color:var(--rp-c-text-1);background-color:#0000;justify-content:center;align-items:center;padding:8px 0 7px;font-size:14px;font-weight:500;line-height:24px;transition:color .25s;display:flex}.buttonSpan_f4b8f{align-items:center;height:24px;padding-right:4px;display:flex}.navScreenMenuGroup_e771d .items_dd149{visibility:hidden}.navScreenMenuGroup_e771d.open_aaab4 .items_dd149{visibility:visible}.down_f631a{transition:all .5s}.open_aaab4.down_f631a{transform:rotate(180deg)}.navHamburger_ac64c{background-color:#0000;justify-content:center;align-items:center;width:36px;height:56px;margin-left:6px;display:flex}@media (min-width:1280px){.navHamburger_ac64c{display:none}}.container_e8b23{width:16px;height:14px;position:relative;overflow:hidden}.navHamburger_ac64c:hover .top_ea042{top:0;left:0;transform:translate(4px)}.navHamburger_ac64c:hover .middle_e52e2{top:6px;left:0;transform:translate(0,0)}.navHamburger_ac64c:hover .bottom_f0588{top:12px;left:0;transform:translate(8px)}.navHamburger_ac64c.active_bc9a1 .top_ea042{top:6px;transform:translate(0,0)rotate(225deg)}.navHamburger_ac64c.active_bc9a1 .middle_e52e2{top:6px;transform:translate(16px)}.navHamburger_ac64c.active_bc9a1 .bottom_f0588{top:6px;transform:translate(0,0)rotate(135deg)}.navHamburger_ac64c.active_bc9a1:hover .top_ea042,.navHamburger_ac64c.active_bc9a1:hover .middle_e52e2,.navHamburger_ac64c.active_bc9a1:hover .bottom_f0588{transition:top .25s,background-color .25s,transform .25s}.top_ea042,.middle_e52e2,.bottom_f0588{background-color:var(--rp-c-text-2);width:16px;height:1.5px;transition:top .25s,background-color .5s,transform .25s;position:absolute}.top_ea042{top:0;left:0;transform:translate(0,0)}.middle_e52e2{top:6px;left:0;transform:translate(8px)}.bottom_f0588{top:12px;left:0;transform:translate(4px)}.overview-index{max-width:1152px;padding-left:2rem;padding-right:2rem}:is(.overview-index h1,.overview-index h2,.overview-index h3){font-weight:600}:is(.overview-index h2,.overview-index h3){line-height:1}.overview-index h2{letter-spacing:-.02em;color:var(--rp-c-text-1);border-top:1px solid var(--rp-c-divider-light);margin:36px 0;padding-top:36px;font-size:24px;transition:color .5s}.overview-index h3,.overview-index h3>a{letter-spacing:-.01em;color:var(--rp-c-link);margin-bottom:1em;font-size:18px;font-weight:600;transition:color .5s}.overview-index h3>a{margin:0;line-height:1.3}.overview-index h3:before{display:none}:is(.overview-index h1:hover .header-anchor_d4f17,.overview-index h1:focus .header-anchor_d4f17,.overview-index h2:hover .header-anchor_d4f17,.overview-index h2:focus .header-anchor_d4f17,.overview-index h3:hover .header-anchor_d4f17,.overview-index h3:focus .header-anchor_d4f17,.overview-index h4:hover .header-anchor_d4f17,.overview-index h4:focus .header-anchor_d4f17,.overview-index h5:hover .header-anchor_d4f17,.overview-index h5:focus .header-anchor_d4f17,.overview-index h6:hover .header-anchor_d4f17,.overview-index h6:focus .header-anchor_d4f17){opacity:1}.overview-index a.header-anchor_d4f17{float:left;opacity:0;color:var(--rp-c-brand);margin-top:.125em;margin-left:-.87em;padding-right:.23em;font-size:.85em;font-weight:500;text-decoration-style:dotted;transition:color .25s}:is(.overview-index a.header-anchor_d4f17:hover,.overview-index a.header-anchor_d4f17:focus){text-decoration:none}.overview-groups_ced08 a{color:var(--rp-c-text-code);overflow-wrap:break-word;margin-top:8px;font-size:15px;font-weight:500;line-height:1.6;transition:color .5s;display:block}.overview-group-li_e0f17{position:relative}.overview-group-li_e0f17.level-2_e4d63{padding-left:1px}.overview-group-li_e0f17.level-2_e4d63:before{left:-.25rem}.overview-group-li_e0f17.level-3_b489a{padding-left:8px}.overview-group-li_e0f17.level-3_b489a:before{left:-.25rem}.overview-group-li_e0f17.level-4_a9543{padding-left:16px}.overview-group-li_e0f17.level-4_a9543:before{left:-.25rem}.overview-group_f8331{break-inside:avoid;background-color:var(--rp-c-bg-soft);border-radius:var(--rp-radius);margin-bottom:28px;padding:28px 32px;transition:background-color .5s}@media (max-width:768px){.overview-index h1{margin-bottom:24px;font-size:32px}.overview-index h2{margin:42px 0 32px;padding-top:32px;font-size:22px}.overview-groups_ced08 a{font-size:14px}.header_ba4f6{display:block}}@media (min-width:768px){.overview-groups_ced08{columns:2}}@media (min-width:1280px){.overview-groups_ced08{columns:3}}.rspress-package-manager-tabs div[class*=language-] code{background-color:var(--rp-c-bg-mute)!important}.pager-link_e0d2d{border-radius:var(--rp-radius);width:100%;height:100%;padding:16px 20px;transition:border-color .25s;display:block;border:1px solid var(--rp-c-divider-light)!important}.pager-link_e0d2d:hover{border-color:var(--rp-c-brand)!important}.pager-link_e0d2d:hover .title_a3acb{color:var(--rp-c-brand-dark)}.pager-link_e0d2d.next_ad355{text-align:right;margin-left:auto}.desc_dcc01{color:var(--rp-c-text-2);font-size:12px;font-weight:500;line-height:20px;display:block}.title_a3acb{color:var(--rp-c-brand);font-size:14px;font-weight:500;line-height:24px;transition:color .25s;display:block}.scroll-to-top_e22be{z-index:1;color:var(--rp-c-text-1);border-color:var(--rp-c-text-3);background-color:var(--rp-c-bg-soft);box-shadow:0 1px 3px 0 var(--rp-shadow-1),0 1px 2px 0 var(--rp-shadow-2);border-width:.1px;border-radius:9999px;padding:.5rem;transition-property:transform;transition-duration:75ms;transition-timing-function:cubic-bezier(.4,0,.2,1);position:fixed;bottom:1rem;right:1rem;transform:scale(0)}.scroll-to-top_e22be.entered_c8faf{transform:scale(1)!important}.container_df5ed{background-color:var(--rp-code-block-bg);contain:content;border-radius:var(--rp-radius);margin:1rem 0}.container_df5ed div[class*=language-]{border-radius:0;margin:0 -.5rem;font-size:13px}.container_df5ed .rspress-code-title{padding:8px 16px}.tab-list_ccbcc{min-width:100%;padding-top:4px;padding-left:8px;display:flex;overflow-x:scroll}.tab_cae68{color:var(--rp-c-text-2);box-sizing:border-box;-webkit-user-select:none;user-select:none;cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;margin-right:10px;padding:6px 12px;transition:all .2s ease-in-out;position:relative}.tab_cae68:last-child{margin-right:0}.tab_cae68:after{content:"";background-color:#0000;border-radius:2px;width:50%;height:2px;position:absolute;bottom:0;left:25%}.not-selected_dab7a:hover{color:var(--rp-c-text-1)}.selected_f5c1e{color:var(--rp-c-link);font-weight:500}.selected_f5c1e:after{background-color:currentColor}.no-scrollbar_db61f::-webkit-scrollbar{display:none}.no-scrollbar_db61f{-ms-overflow-style:none;scrollbar-width:none}.mask_ac6b3{z-index:100;background:#545454b3;position:fixed;top:0;bottom:0;left:0;right:0}.modal_e4a04{background-color:var(--rp-c-bg-soft);border-radius:var(--rp-radius);max-width:560px;height:auto;margin:80px auto auto;padding:20px;position:relative}.inputForm_d4ba2{background-color:var(--rp-c-bg);border:1px solid var(--rp-c-brand);border-radius:var(--rp-radius-small);align-items:center;width:100%;height:55px;padding:0 12px;display:flex}.inputForm_d4ba2 .input_f8add{background-color:var(--rp-c-bg);outline:none;flex:1;width:80%;height:100%;padding-left:8px;font-size:20px;font-weight:500}.dark .inputForm_d4ba2 .input_f8add{color:var(--rp-c-text)}.close_bee84:hover{cursor:pointer;color:var(--rp-c-brand);transition:color .3s}.searchHits_dc1b2{max-height:calc(100vh - 230px);padding-right:2px;overflow:scroll}.searchHits_dc1b2 .groupTitle_fe27c{background-color:var(--rp-c-bg-soft);color:var(--rp-c-brand-dark);margin:0;padding-top:6px;padding-bottom:6px;padding-left:2px;font-size:13px;font-weight:600;position:sticky;top:0;left:0}.navSearchButton_df1fb{border-radius:var(--rp-radius);background-color:var(--rp-c-bg-mute);border:1px solid #0000;width:100%;height:40px;padding:0 10px;transition:border-color .3s;display:flex}.navSearchButton_df1fb>button{cursor:pointer;background-color:#0000;justify-content:space-around;align-items:center;font-size:13px;display:flex}.navSearchButton_df1fb>button .searchWord_af2c1{white-space:nowrap;color:var(--rp-c-text-2);margin-left:5px;margin-right:40px;font-weight:500;transition:all .3s}.navSearchButton_df1fb>button>div{border-radius:var(--rp-radius-small);color:var(--rp-c-gray);background-color:var(--rp-c-bg);width:43px;font-weight:500;transition:opacity .3s}.navSearchButton_df1fb>button>div>span{margin-left:5px}.navSearchButton_df1fb>button>div>span+span{margin-right:5px}.navSearchButton_df1fb:hover{border:1px solid var(--rp-c-brand)}.navSearchButton_df1fb:hover>button .searchWord_af2c1{color:var(--rp-c-text-1)}.suggestItem_b1e66{box-sizing:border-box;margin:5px 2px;list-style:none}.dark .suggestItem_b1e66,.dark .suggestItem_b1e66>a{box-shadow:none}.suggestItem_b1e66>a{background-color:var(--rp-c-bg);border-radius:var(--rp-radius-small);color:var(--rp-c-black-soft);width:100%;padding-left:12px;display:flex;box-shadow:0 1px 3px #d4d9e1}.suggestItem_b1e66>a .suggestItemContainer_f5e47{align-items:center;width:100%;min-height:56px;padding-right:12px;font-weight:500;display:flex}.suggestItem_b1e66>a .suggestItemContainer_f5e47 .contentWrapper_efb78{width:100%;padding:6px 8px;font-size:14px;line-height:1.5}.suggestItem_b1e66>a .suggestItemContainer_f5e47 .contentWrapper_efb78 .mark_b6cd5{color:var(--rp-c-brand)}.suggestItem_b1e66>a .suggestItemContainer_f5e47 .contentWrapper_efb78 .titleForContent_f2995{color:var(--rp-c-gray-light-1);font-size:12px;font-weight:600}.suggestItem_b1e66>a .suggestItemContainer_f5e47 svg{color:var(--rp-c-gray-light-1)}.suggestItem_b1e66>a .suggestItemContainer_f5e47 .actionIcon_f4ffd{opacity:0}.suggestItem_b1e66.current_eb655>a{background-color:var(--rp-c-brand);cursor:pointer;color:#fff}.suggestItem_b1e66.current_eb655 .suggestItemContainer_f5e47 svg{color:#fff}.suggestItem_b1e66.current_eb655 .suggestItemContainer_f5e47 .actionIcon_f4ffd{opacity:1}.suggestItem_b1e66.current_eb655 .suggestItemContainer_f5e47 .contentWrapper_efb78 .mark_b6cd5{color:#fff;text-decoration:underline}.suggestItem_b1e66.current_eb655 .suggestItemContainer_f5e47 .contentWrapper_efb78 .titleForContent_f2995{color:#fff}.tabClassName_b3f85{background-color:var(--rp-c-bg-soft);padding-bottom:6px;position:sticky}.mobileNavSearchButton_d85a9{cursor:pointer;justify-content:center;align-items:center;font-weight:500;display:none}@media (max-width:960px){.navSearchButton_df1fb{display:none}.mobileNavSearchButton_d85a9{display:flex}.modal_e4a04{margin-top:0}.inputForm_d4ba2{height:40px}.inputForm_d4ba2 svg{width:16px;height:16px}.inputForm_d4ba2 .input_f8add{font-size:16px}}.sourceCode_c1837{fill:currentColor;color:var(--rp-c-text-2)}.sourceCode_c1837:hover{color:var(--rp-c-text-1)}.rspressSteps_f17c8 h3{counter-increment:step;margin-top:3px}.rspressSteps_f17c8 h3:before{content:counter(step);text-align:center;width:30px;height:30px;color:var(--rp-c-text-1);background-color:var(--rp-code-block-bg);border-width:1.5px;border-color:var(--rp-c-text-3);border-radius:9999px;margin-left:-41px;font-size:1.1rem;font-weight:400;position:absolute}.rspressSteps_f17c8{border-color:var(--rp-c-text-3)}.rspressSteps_f17c8 p{color:var(--rp-c-text-1)}:root{--rp-container-note-border:var(--rp-c-divider-light);--rp-container-note-text:var(--rp-c-text-1);--rp-container-note-bg:var(--rp-c-bg-soft);--rp-container-note-code-bg:#8080801a;--rp-container-note-link:var(--rp-c-link);--rp-container-tip-border:#079c7033;--rp-container-tip-text:#278359;--rp-container-tip-bg:#079c700f;--rp-container-tip-code-bg:#079c701a;--rp-container-info-border:#0095ff33;--rp-container-info-text:#07f;--rp-container-info-bg:#0095ff0f;--rp-container-info-code-bg:#0095ff1a;--rp-container-warning-border:#ffc51766;--rp-container-warning-text:#887233;--rp-container-warning-bg:#ffc5171a;--rp-container-warning-code-bg:#ffc5171a;--rp-container-danger-border:#ed3c5033;--rp-container-danger-text:#ab2131;--rp-container-danger-bg:#ed3c5014;--rp-container-danger-code-bg:#ed3c501a;--rp-container-details-border:var(--rp-c-divider-light);--rp-container-details-text:var(--rp-c-text-1);--rp-container-details-bg:var(--rp-c-bg-soft);--rp-container-details-code-bg:#8080801a;--rp-container-details-link:var(--rp-c-link)}.dark{--rp-container-tip-text:#3ec480;--rp-container-tip-bg:#079c701a;--rp-container-info-text:#66c2ff;--rp-container-info-bg:#0095ff1a;--rp-container-warning-text:#fbb451;--rp-container-warning-border:#ffc51740;--rp-container-warning-bg:#ffc5171f;--rp-container-danger-text:#f76e85;--rp-container-danger-border:#ed3c504d;--rp-container-danger-bg:#ed3c501f}.rspress-doc .rspress-directive{border-radius:var(--rp-radius);border:1px solid #0000;margin:24px 0;padding:20px 24px 12px;font-size:14px;font-weight:400;line-height:1.7}.rspress-doc .rspress-directive .rspress-directive-title{margin-bottom:8px;font-size:16px;font-weight:600}.rspress-doc .rspress-directive .rspress-directive-content p{margin:8px 0}.rspress-doc .rspress-directive .rspress-directive-icon{width:20px;height:20px;margin-right:3px;display:inline-block}.rspress-doc .rspress-directive p{margin:8px 0}.rspress-doc .rspress-directive code{color:inherit;font-size:13px}.rspress-doc .rspress-directive a{border-bottom:1px solid;font-weight:500;transition:color .25s}.rspress-doc .rspress-directive.note{border-color:var(--rp-container-note-border);background-color:var(--rp-container-note-bg)}.rspress-doc .rspress-directive.note .rspress-directive-title{color:var(--rp-container-note-text)}.rspress-doc .rspress-directive.note code{color:var(--rp-container-note-text);background-color:var(--rp-container-note-code-bg)}.rspress-doc .rspress-directive.note a{color:var(--rp-container-note-text)}.rspress-doc .rspress-directive.tip{border-color:var(--rp-container-tip-border);background-color:var(--rp-container-tip-bg)}.rspress-doc .rspress-directive.tip .rspress-directive-title{color:var(--rp-container-tip-text)}.rspress-doc .rspress-directive.tip code{color:var(--rp-container-tip-text);background-color:var(--rp-container-tip-code-bg)}.rspress-doc .rspress-directive.tip a{color:var(--rp-container-tip-text)}.rspress-doc .rspress-directive.info{border-color:var(--rp-container-info-border);background-color:var(--rp-container-info-bg)}.rspress-doc .rspress-directive.info .rspress-directive-title{color:var(--rp-container-info-text)}.rspress-doc .rspress-directive.info code{color:var(--rp-container-info-text);background-color:var(--rp-container-info-code-bg)}.rspress-doc .rspress-directive.info a{color:var(--rp-container-info-text)}.rspress-doc .rspress-directive.warning{border-color:var(--rp-container-warning-border);background-color:var(--rp-container-warning-bg)}.rspress-doc .rspress-directive.warning .rspress-directive-title{color:var(--rp-container-warning-text)}.rspress-doc .rspress-directive.warning code{color:var(--rp-container-warning-text);background-color:var(--rp-container-warning-code-bg)}.rspress-doc .rspress-directive.warning a{color:var(--rp-container-warning-text)}.rspress-doc .rspress-directive.caution,.rspress-doc .rspress-directive.danger{border-color:var(--rp-container-danger-border);background-color:var(--rp-container-danger-bg)}.rspress-doc .rspress-directive.caution .rspress-directive-title,.rspress-doc .rspress-directive.danger .rspress-directive-title{color:var(--rp-container-danger-text)}.rspress-doc .rspress-directive.caution code,.rspress-doc .rspress-directive.danger code{color:var(--rp-container-danger-text);background-color:var(--rp-container-danger-code-bg)}.rspress-doc .rspress-directive.caution a,.rspress-doc .rspress-directive.danger a{color:var(--rp-container-danger-text)}.rspress-doc .rspress-directive.details{border-color:var(--rp-container-details-border);background-color:var(--rp-container-details-bg)}.rspress-doc .rspress-directive.details .rspress-directive-title{color:var(--rp-container-details-text)}.rspress-doc .rspress-directive.details code{color:var(--rp-container-details-text);background-color:var(--rp-container-details-code-bg)}.rspress-doc .rspress-directive.details a{color:var(--rp-container-details-link)}:root .rspress-preview div[class*=language-]{border-radius:0;height:100%;margin:0}#nprogress{pointer-events:none}#nprogress .bar{z-index:1031;background:#29d;width:100%;height:2px;position:fixed;top:0;left:0}#nprogress .peg{opacity:1;width:100px;height:100%;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px);box-shadow:0 0 10px #29d,0 0 5px #29d}#nprogress .spinner{z-index:1031;display:block;position:fixed;top:15px;right:15px}#nprogress .spinner-icon{box-sizing:border-box;border:2px solid #0000;border-color:#29d #0000 #0000 #29d;border-radius:50%;width:18px;height:18px;animation:.4s linear infinite nprogress-spinner}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.medium-zoom-overlay,.medium-zoom-image--opened{z-index:999}:root{--sd-color-primary:#409eff;--sd-color-success:#67c23a;--sd-color-warning:#e6a23c;--sd-color-danger:#f56c6c;--sd-color-info:#909399;--sd-color-primary-light-3:#79bbff;--sd-color-primary-light-5:#a0cfff;--sd-color-primary-light-7:#c6e2ff;--sd-color-primary-light-8:#d9ecff;--sd-color-primary-light-9:#ecf5ff;--sd-color-primary-dark-2:#337ecc;--sd-color-success-light-5:#b3e19d;--sd-color-success-light-9:#f0f9eb;--sd-color-warning-light-5:#f3d19e;--sd-color-warning-light-9:#fdf6ec;--sd-color-danger-light-5:#f89898;--sd-color-danger-light-9:#fef0f0;--sd-color-info-light-5:#c8c9cc;--sd-color-info-light-9:#f4f4f5;--sd-color-white:#fff;--sd-color-black:#000;--sd-text-color-primary:#303133;--sd-text-color-regular:#606266;--sd-text-color-secondary:#909399;--sd-text-color-placeholder:#a8abb2;--sd-text-color-disabled:#c0c4cc;--sd-border-color:#dcdfe6;--sd-border-color-light:#e4e7ed;--sd-border-color-lighter:#ebeef5;--sd-border-color-extra-light:#f2f6fc;--sd-border-color-dark:#d4d7de;--sd-border-color-darker:#cdd0d6;--sd-fill-color-blank:#fff;--sd-bg-color:#fff;--sd-bg-color-page:#f2f3f5;--sd-bg-color-overlay:#fff;--sd-border-radius-base:4px;--sd-border-radius-small:2px;--sd-border-radius-round:20px;--sd-border-radius-circle:100%;--sd-font-size-extra-large:20px;--sd-font-size-large:18px;--sd-font-size-medium:16px;--sd-font-size-base:14px;--sd-font-size-small:13px;--sd-font-size-extra-small:12px;--sd-component-size-large:40px;--sd-component-size-default:32px;--sd-component-size-small:24px;--sd-box-shadow-base:0 2px 4px #0000001f,0 0 6px #0000000a;--sd-box-shadow-light:0 2px 12px 0 #0000001a;--sd-box-shadow-lighter:0 2px 8px 0 #0000000f;--sd-box-shadow-dark:0 2px 16px 0 #0000001f;--sd-disabled-bg-color:var(--sd-fill-color-blank);--sd-disabled-text-color:var(--sd-text-color-placeholder);--sd-disabled-border-color:var(--sd-border-color-light);--sd-transition-duration:.3s;--sd-transition-duration-fast:.2s;--sd-transition-function-ease-in-out-bezier:cubic-bezier(.645,.045,.355,1);--sd-transition-function-fast-bezier:cubic-bezier(.23,1,.32,1)}.sd-dark{--sd-color-primary:#409eff;--sd-text-color-primary:#e5eaf3;--sd-text-color-regular:#cfd3dc;--sd-text-color-secondary:#a3a6ad;--sd-text-color-placeholder:#8d9095;--sd-text-color-disabled:#6c6e72;--sd-border-color:#4c4d4f;--sd-border-color-light:#414243;--sd-border-color-lighter:#363637;--sd-border-color-extra-light:#2b2b2c;--sd-fill-color-blank:#1d1e1f;--sd-bg-color:#141414;--sd-bg-color-page:#0a0a0a;--sd-bg-color-overlay:#1d1e1f}*{box-sizing:border-box;margin:0;padding:0}.sd-clearfix:after{content:"";clear:both;display:table}.sd-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sd-button{font-size:var(--sd-font-size-base);white-space:nowrap;cursor:pointer;background-color:var(--sd-fill-color-blank);border:1px solid var(--sd-border-color);border-radius:var(--sd-border-radius-base);color:var(--sd-text-color-regular);transition:all var(--sd-transition-duration-fast)var(--sd-transition-function-ease-in-out-bezier);-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;gap:6px;padding:8px 15px;font-weight:500;line-height:1;display:inline-flex}.sd-button:hover,.sd-button:focus{color:var(--sd-color-primary);border-color:var(--sd-color-primary-light-7);background-color:var(--sd-color-primary-light-9)}.sd-button:active{color:var(--sd-color-primary-dark-2);border-color:var(--sd-color-primary-dark-2)}.sd-button--primary{color:var(--sd-color-white);background-color:var(--sd-color-primary);border-color:var(--sd-color-primary)}.sd-button--primary:hover,.sd-button--primary:focus{background-color:var(--sd-color-primary-light-3);border-color:var(--sd-color-primary-light-3);color:var(--sd-color-white)}.sd-button--primary:active{background-color:var(--sd-color-primary-dark-2);border-color:var(--sd-color-primary-dark-2)}.sd-button--success{color:var(--sd-color-white);background-color:var(--sd-color-success);border-color:var(--sd-color-success)}.sd-button--success:hover,.sd-button--success:focus{opacity:.8}.sd-button--warning{color:var(--sd-color-white);background-color:var(--sd-color-warning);border-color:var(--sd-color-warning)}.sd-button--warning:hover,.sd-button--warning:focus{opacity:.8}.sd-button--danger{color:var(--sd-color-white);background-color:var(--sd-color-danger);border-color:var(--sd-color-danger)}.sd-button--danger:hover,.sd-button--danger:focus{opacity:.8}.sd-button--info{color:var(--sd-color-white);background-color:var(--sd-color-info);border-color:var(--sd-color-info)}.sd-button--info:hover,.sd-button--info:focus{opacity:.8}.sd-button--plain{background-color:#0000}.sd-button--plain:hover,.sd-button--plain:focus{color:var(--sd-color-primary);border-color:var(--sd-color-primary-light-7);background-color:var(--sd-color-primary-light-9)}.sd-button--primary.sd-button--plain{color:var(--sd-color-primary)!important;background-color:var(--sd-color-primary-light-9)!important;border-color:var(--sd-color-primary-light-5)!important}.sd-button--primary.sd-button--plain:hover,.sd-button--primary.sd-button--plain:focus{background-color:var(--sd-color-primary)!important;border-color:var(--sd-color-primary)!important;color:var(--sd-color-white)!important}.sd-button--success.sd-button--plain{color:var(--sd-color-success)!important;background-color:var(--sd-color-success-light-9)!important;border-color:var(--sd-color-success-light-5)!important}.sd-button--success.sd-button--plain:hover,.sd-button--success.sd-button--plain:focus{background-color:var(--sd-color-success)!important;border-color:var(--sd-color-success)!important;color:var(--sd-color-white)!important}.sd-button--warning.sd-button--plain{color:var(--sd-color-warning)!important;background-color:var(--sd-color-warning-light-9)!important;border-color:var(--sd-color-warning-light-5)!important}.sd-button--warning.sd-button--plain:hover,.sd-button--warning.sd-button--plain:focus{background-color:var(--sd-color-warning)!important;border-color:var(--sd-color-warning)!important;color:var(--sd-color-white)!important}.sd-button--danger.sd-button--plain{color:var(--sd-color-danger)!important;background-color:var(--sd-color-danger-light-9)!important;border-color:var(--sd-color-danger-light-5)!important}.sd-button--danger.sd-button--plain:hover,.sd-button--danger.sd-button--plain:focus{background-color:var(--sd-color-danger)!important;border-color:var(--sd-color-danger)!important;color:var(--sd-color-white)!important}.sd-button--info.sd-button--plain{color:var(--sd-color-info)!important;background-color:var(--sd-color-info-light-9)!important;border-color:var(--sd-color-info-light-5)!important}.sd-button--info.sd-button--plain:hover,.sd-button--info.sd-button--plain:focus{background-color:var(--sd-color-info)!important;border-color:var(--sd-color-info)!important;color:var(--sd-color-white)!important}.sd-button--round{border-radius:var(--sd-border-radius-round);padding:8px 15px}.sd-button--circle{border-radius:var(--sd-border-radius-circle);width:32px;height:32px;padding:8px}.sd-button--large{height:var(--sd-component-size-large);font-size:var(--sd-font-size-base);padding:12px 19px}.sd-button--large.sd-button--circle{width:40px;height:40px}.sd-button--small{height:var(--sd-component-size-small);font-size:var(--sd-font-size-small);padding:5px 11px}.sd-button--small.sd-button--circle{width:24px;height:24px}.sd-button.is-disabled,.sd-button.is-disabled:hover,.sd-button.is-disabled:focus{color:var(--sd-disabled-text-color);background-color:var(--sd-disabled-bg-color);border-color:var(--sd-disabled-border-color);cursor:not-allowed}.sd-button--loading{pointer-events:none;position:relative}.sd-button__loading-icon{align-items:center;display:inline-flex}.sd-button__spinner{width:1em;height:1em;animation:2s linear infinite sd-button-spin}@keyframes sd-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sd-button__icon{align-items:center;display:inline-flex}.sd-button__text{display:inline-block}.sd-input{width:100%;font-size:var(--sd-font-size-base);line-height:var(--sd-component-size-default);display:inline-flex;position:relative}.sd-input__inner{width:100%;height:var(--sd-component-size-default);font-size:inherit;line-height:inherit;color:var(--sd-text-color-regular);background-color:var(--sd-fill-color-blank);border:1px solid var(--sd-border-color);border-radius:var(--sd-border-radius-base);transition:all var(--sd-transition-duration-fast);outline:none;flex:1;padding:0 15px}.sd-input__inner:hover{border-color:var(--sd-border-color-darker)}.sd-input__inner:focus{border-color:var(--sd-color-primary)}.sd-input__inner::placeholder{color:var(--sd-text-color-placeholder)}.sd-input--prefix .sd-input__inner{padding-left:30px}.sd-input__prefix{color:var(--sd-text-color-placeholder);pointer-events:none;align-items:center;display:inline-flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sd-input--suffix .sd-input__inner{padding-right:30px}.sd-input__suffix{color:var(--sd-text-color-placeholder);align-items:center;gap:4px;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.sd-input__clear,.sd-input__password{cursor:pointer;transition:color var(--sd-transition-duration-fast);align-items:center;display:inline-flex}.sd-input__clear:hover,.sd-input__password:hover{color:var(--sd-text-color-regular)}.sd-input--large .sd-input__inner{height:var(--sd-component-size-large);font-size:var(--sd-font-size-medium)}.sd-input--small .sd-input__inner{height:var(--sd-component-size-small);font-size:var(--sd-font-size-small)}.sd-input.is-disabled .sd-input__inner{color:var(--sd-disabled-text-color);background-color:var(--sd-disabled-bg-color);border-color:var(--sd-disabled-border-color);cursor:not-allowed}.sd-switch{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;display:inline-flex;position:relative}.sd-switch:focus-visible .sd-switch__core{outline:2px solid var(--sd-color-primary);outline-offset:1px}.sd-switch__input{opacity:0;width:0;height:0;margin:0;position:absolute}.sd-switch__core{border:1px solid var(--sd-border-color);background-color:var(--sd-border-color-darker);width:50px;height:24px;transition:all var(--sd-transition-duration-fast);border-radius:12px;justify-content:center;align-items:center;display:inline-flex;position:relative}.sd-switch__action{width:20px;height:20px;transition:all var(--sd-transition-duration-fast);z-index:1;background-color:#fff;border-radius:50%;position:absolute;left:2px;box-shadow:0 1px 3px #0003}.sd-switch__content{color:#333;z-index:3;pointer-events:none;transition:all var(--sd-transition-duration-fast);text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px;font-weight:600;line-height:1;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.sd-switch.is-checked .sd-switch__core{background-color:var(--sd-color-primary);border-color:var(--sd-color-primary)}.sd-switch.is-checked .sd-switch__action{left:calc(100% - 22px)}.sd-switch.is-checked .sd-switch__content{left:calc(100% - 18px)}.sd-switch__loading{color:var(--sd-color-white);align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sd-switch__spinner{width:12px;height:12px;animation:2s linear infinite sd-switch-spin}@keyframes sd-switch-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sd-switch.is-loading .sd-switch__action{opacity:0}.sd-switch.is-disabled{opacity:.6;cursor:not-allowed}.sd-switch.is-disabled .sd-switch__core{background-color:var(--sd-disabled-bg-color);border-color:var(--sd-disabled-border-color)}.sd-pagination{font-size:var(--sd-font-size-base);color:var(--sd-text-color-regular);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.sd-pagination--s{font-size:var(--sd-font-size-small)}.sd-pagination--s .sd-pagination__item{min-width:28px;height:28px;padding:0 8px}.sd-pagination--s .sd-pagination__size-select,.sd-pagination--s .sd-pagination__jumper-input{height:28px;font-size:var(--sd-font-size-small)}.sd-pagination--m .sd-pagination__item{min-width:32px;height:32px;padding:0 10px}.sd-pagination--m .sd-pagination__size-select,.sd-pagination--m .sd-pagination__jumper-input{height:32px}.sd-pagination__item{min-width:32px;height:32px;font-size:inherit;white-space:nowrap;cursor:pointer;background-color:var(--sd-fill-color-blank);border:1px solid var(--sd-border-color);border-radius:var(--sd-border-radius-base);color:var(--sd-text-color-regular);transition:all var(--sd-transition-duration-fast)var(--sd-transition-function-ease-in-out-bezier);-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;padding:0 10px;font-weight:500;line-height:1;display:flex}.sd-pagination__item:hover,.sd-pagination__item:focus{color:var(--sd-color-primary);border-color:var(--sd-color-primary-light-7);background-color:var(--sd-color-primary-light-9)}.sd-pagination__item:active{color:var(--sd-color-primary-dark-2);border-color:var(--sd-color-primary-dark-2)}.sd-pagination__item.is-disabled{color:var(--sd-text-color-disabled);cursor:not-allowed;background-color:var(--sd-fill-color-disabled);border-color:var(--sd-border-color-light)}.sd-pagination__item.is-disabled:hover,.sd-pagination__item.is-disabled:focus,.sd-pagination__item.is-disabled:active{color:var(--sd-text-color-disabled);background-color:var(--sd-fill-color-disabled);border-color:var(--sd-border-color-light)}.sd-pagination__page.is-active{color:var(--sd-color-white);background-color:var(--sd-color-primary);border-color:var(--sd-color-primary);cursor:default}.sd-pagination__page.is-active:hover,.sd-pagination__page.is-active:focus,.sd-pagination__page.is-active:active{color:var(--sd-color-white);background-color:var(--sd-color-primary);border-color:var(--sd-color-primary)}.sd-pagination__prev,.sd-pagination__next{font-weight:600}.sd-pagination__more{min-width:32px;height:32px;color:var(--sd-text-color-regular);cursor:default;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0 4px;display:flex}.sd-pagination__size-changer{align-items:center;margin-left:12px;display:flex}.sd-pagination__size-select{font-size:inherit;border:1px solid var(--sd-border-color);border-radius:var(--sd-border-radius-base);background-color:var(--sd-fill-color-blank);color:var(--sd-text-color-regular);cursor:pointer;transition:border-color var(--sd-transition-duration-fast)var(--sd-transition-function-ease-in-out-bezier);outline:none;padding:4px 8px}.sd-pagination__size-select:hover,.sd-pagination__size-select:focus{border-color:var(--sd-color-primary)}.sd-pagination__size-select:focus{outline:2px solid var(--sd-color-primary-light-9);outline-offset:-1px}.sd-pagination__jumper{align-items:center;gap:4px;margin-left:12px;display:flex}.sd-pagination__jumper-text{color:var(--sd-text-color-regular);font-size:inherit}.sd-pagination__jumper-input{width:50px;font-size:inherit;border:1px solid var(--sd-border-color);border-radius:var(--sd-border-radius-base);background-color:var(--sd-fill-color-blank);color:var(--sd-text-color-regular);text-align:center;transition:border-color var(--sd-transition-duration-fast)var(--sd-transition-function-ease-in-out-bezier);outline:none;padding:4px 8px}.sd-pagination__jumper-input:hover,.sd-pagination__jumper-input:focus{border-color:var(--sd-color-primary)}.sd-pagination__jumper-input:focus{outline:2px solid var(--sd-color-primary-light-9);outline-offset:-1px}.sd-pagination__jumper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sd-pagination__jumper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sd-pagination__jumper-input[type=number]{-moz-appearance:textfield}.sd-pagination__total{color:var(--sd-text-color-secondary);font-size:inherit;white-space:nowrap;margin-left:12px}@media (max-width:768px){.sd-pagination{flex-wrap:wrap;gap:6px}.sd-pagination__size-changer,.sd-pagination__jumper,.sd-pagination__total{margin-top:8px;margin-left:0}.sd-pagination__item{min-width:28px;height:28px;padding:0 6px}}.sd-cascader{width:100%;font-size:var(--sd-font-size-base);display:inline-block;position:relative}.sd-cascader__input{border:1px solid var(--sd-border-color);border-radius:var(--sd-border-radius-base);background-color:var(--sd-fill-color-blank);width:100%;min-height:32px;color:var(--sd-text-color-regular);font-size:inherit;cursor:pointer;transition:all var(--sd-transition-duration-fast);flex-wrap:wrap;align-items:center;gap:4px;padding:4px 30px 4px 12px;line-height:1.5715;display:flex;position:relative}.sd-cascader__input:hover{border-color:var(--sd-border-color-hover)}.sd-cascader__input:focus{border-color:var(--sd-color-primary);box-shadow:0 0 0 2px var(--sd-color-primary-light-9);outline:none}.sd-cascader__input.is-disabled{background-color:var(--sd-fill-color-light);color:var(--sd-text-color-placeholder);cursor:not-allowed}.sd-cascader__input.is-disabled:hover{border-color:var(--sd-border-color)}.sd-cascader__input.is-disabled .sd-cascader__tag{color:var(--sd-text-color-placeholder);background-color:var(--sd-fill-color-light)}.sd-cascader__placeholder{color:var(--sd-text-color-placeholder);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sd-cascader__selected-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sd-cascader__tag{max-width:100%;height:20px;font-size:var(--sd-font-size-small);background-color:var(--sd-color-primary-light-9);color:var(--sd-color-primary);border-radius:var(--sd-border-radius-small);align-items:center;margin:2px 0;padding:0 6px;display:inline-flex}.sd-cascader__tag-content{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.sd-cascader__tag-close{width:12px;height:12px;color:var(--sd-color-primary);cursor:pointer;transition:all var(--sd-transition-duration-fast);border-radius:50%;justify-content:center;align-items:center;margin-left:4px;display:inline-flex}.sd-cascader__tag-close:hover{background-color:var(--sd-color-primary);color:#fff}.sd-cascader__suffix{color:var(--sd-text-color-placeholder);pointer-events:none;align-items:center;gap:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sd-cascader__arrow{transition:transform var(--sd-transition-duration);justify-content:center;align-items:center;font-size:14px;display:flex}.sd-cascader__arrow.is-expanded{transform:rotate(180deg)}.sd-cascader__clear{width:16px;height:16px;color:var(--sd-text-color-placeholder);cursor:pointer;transition:all var(--sd-transition-duration-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.sd-cascader__clear:hover{color:var(--sd-text-color-regular);background-color:var(--sd-fill-color-light)}.sd-cascader__panel{width:-moz-fit-content;width:fit-content;min-width:180px;font-size:var(--sd-font-size-base);background-color:var(--sd-color-white);border:1px solid var(--sd-border-color);border-radius:var(--sd-border-radius-base);opacity:0;transition:opacity var(--sd-transition-duration-fast);display:flex;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f}.sd-cascader__search{border-bottom:1px solid var(--sd-border-color-lighter);padding:8px 12px}.sd-cascader__search-input{border:1px solid var(--sd-border-color);border-radius:var(--sd-border-radius-small);width:100%;font-size:var(--sd-font-size-base);background-color:var(--sd-fill-color-blank);color:var(--sd-text-color-regular);transition:border-color var(--sd-transition-duration-fast);outline:none;padding:6px 8px}.sd-cascader__search-input:focus{border-color:var(--sd-color-primary);box-shadow:0 0 0 2px var(--sd-color-primary-light-9)}.sd-cascader__panel.is-visible{opacity:1}.sd-cascader__menu{box-sizing:border-box;min-width:180px;color:var(--sd-text-color-regular);border-right:1px solid var(--sd-border-color-lighter);scrollbar-width:thin;scrollbar-color:var(--sd-border-color)transparent;max-height:204px;overflow-y:auto}.sd-cascader__menu::-webkit-scrollbar{width:6px}.sd-cascader__menu::-webkit-scrollbar-track{background:0 0}.sd-cascader__menu::-webkit-scrollbar-thumb{background:var(--sd-border-color);border-radius:3px}.sd-cascader__menu::-webkit-scrollbar-thumb:hover{background:var(--sd-border-color-hover)}.sd-cascader__menu:last-child{border-right:none}.sd-cascader__menu:last-child .sd-cascader__menu-item{padding-right:20px}.sd-cascader__menu-list{box-sizing:border-box;min-height:100%;margin:0;padding:6px 0;list-style:none;position:relative}.sd-cascader__menu-item{cursor:pointer;height:34px;transition:all var(--sd-transition-duration-fast);-webkit-user-select:none;user-select:none;outline:none;align-items:center;padding:0 30px 0 20px;line-height:34px;display:flex;position:relative}.sd-cascader__menu-item:not(.is-disabled):hover,.sd-cascader__menu-item:not(.is-disabled):focus{background-color:var(--sd-fill-color-light)}.sd-cascader__menu-item.is-active,.sd-cascader__menu-item.in-active-path{color:var(--sd-color-primary);background-color:var(--sd-color-primary-light-9);font-weight:500}.sd-cascader__menu-item.is-focused{background-color:var(--sd-fill-color-light);outline:2px solid var(--sd-color-primary);outline-offset:-2px}.sd-cascader__menu-item:hover{background-color:var(--sd-fill-color-light)}.sd-cascader__menu-item.is-active{color:var(--sd-color-primary);font-weight:500}.sd-cascader__menu-item.is-active,.sd-cascader__menu-item:hover{background-color:var(--sd-color-primary-light-9)}.sd-cascader__menu-item.is-disabled{color:var(--sd-text-color-placeholder);cursor:not-allowed}.sd-cascader__menu-item.is-disabled:hover{background-color:#0000}.sd-cascader__menu-item-content{flex:1;align-items:center;gap:8px;display:flex}.sd-cascader__menu-item-checkbox{border:1px solid var(--sd-border-color);background-color:var(--sd-color-white);width:16px;height:16px;transition:all var(--sd-transition-duration-fast);border-radius:2px;justify-content:center;align-items:center;display:flex}.sd-cascader__menu-item-checkbox.is-checked{background-color:var(--sd-color-primary);border-color:var(--sd-color-primary)}.sd-cascader__menu-item-checkbox.is-checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:block;transform:rotate(45deg)}.sd-cascader__menu-item-checkbox.is-disabled{background-color:var(--sd-fill-color-light);border-color:var(--sd-border-color-light);cursor:not-allowed}.sd-cascader__menu-item-arrow{width:16px;height:16px;color:var(--sd-text-color-placeholder);transition:transform var(--sd-transition-duration-fast);justify-content:center;align-items:center;display:flex}.sd-cascader__menu-item.has-children .sd-cascader__menu-item-arrow{transform:rotate(90deg)}.sd-cascader__menu-item-prefix{position:absolute;left:10px}.sd-cascader__menu-item-postfix{position:absolute;right:10px}.sd-cascader__menu-item-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 8px;overflow:hidden}.sd-cascader__empty{color:var(--sd-text-color-placeholder);text-align:center;font-size:var(--sd-font-size-small);margin:20px 0;padding:20px}:root{--rp-preview-button-hover-bg:#e5e6eb;--rp-preview-button-bg:#e5e6eb}.dark{--rp-preview-button-hover-bg:#c5c5c5;--rp-preview-button-bg:#c5c5c5}.rspress-preview{padding:16px 0}.rspress-preview-wrapper{border:1px solid var(--rp-container-details-border);border-radius:var(--rp-radius-small);display:flex}.rspress-preview-card{border:1px solid var(--rp-container-details-border);border-radius:var(--rp-radius-small);padding:16px;display:flex;position:relative}.rspress-preview-qrcode{background-color:#fff;width:120px;height:120px;padding:12px;position:absolute;top:-132px;right:-46px}.rspress-preview-code{flex:1;max-height:700px;position:relative;overflow:hidden}.rspress-preview-code-hide{display:none;position:relative;overflow:hidden}.rspress-preview-code-show{margin-top:16px;display:block}.rspress-preview-device{border-left:1px solid #e6e6e6;flex-direction:column;flex:0 0;display:flex;position:relative}.rspress-preview-device iframe{border-bottom:1px solid #e6e6e6;flex:auto;width:360px;height:100%}.rspress-preview-operations button{text-align:center;background-color:var(--rp-c-bg-soft);border:1px solid #0000;border-radius:50%;width:28px;height:28px;margin-left:14px;padding:0}.rspress-preview-operations button:hover{background-color:var(--rp-preview-button-hover-bg)}.rspress-preview-operations svg{vertical-align:-2px;display:inline-block}.rspress-preview-operations.mobile{justify-content:flex-end;width:100%;padding:6px;display:flex}.rspress-preview-operations.web{flex:none;justify-content:center;align-items:center;display:flex}
|
|
1
|
+
.aside-link{border-radius:var(--rp-radius-small)0 0 var(--rp-radius-small);margin-bottom:1px;padding:.25rem 0}.aside-link:hover{background-color:var(--rp-c-bg-mute)}.aside-link.aside-active,.aside-link.aside-active:hover{color:var(--rp-c-link);background-color:var(--rp-c-brand-tint)}.aside-link-text{overflow-wrap:break-word;padding:0 12px;font-size:.8125rem;line-height:1.25rem}@media (min-width:640px){.pager_d6903{flex-direction:column;width:50%;display:flex}.pager_d6903.has-next_e91b1{padding-top:0;padding-left:16px}}.prev_c92d1,.next_c11be{width:100%}.rspress-nav-menu-group-button{background-color:#0000}.hidden_f8586{opacity:0;background:0 0;transform:translateY(-100%)}.container_e4235{margin:auto}.navContainer_d18b1{background:var(--rp-c-bg);height:var(--rp-nav-height);z-index:var(--rp-z-index-nav);transition:transform .3s,opacity .3s;top:0;left:0}.relative_bb7f1{position:relative}.sticky_ddfa7{position:sticky}.sticky_ddfa7+section .rspress-sidebar-menu-container{margin-top:calc(var(--rp-nav-height)*-1);padding-top:var(--rp-nav-height)}.sticky_ddfa7+section .rspress-local-toc-container{margin-top:var(--rp-nav-height)}.leftNav_e6722,.rightNav_a2fea{display:none}.singleItem_c1154{word-break:keep-all}.activeItem_a28b5,.singleItem_c1154:hover{background-color:var(--rp-c-bg-mute);cursor:pointer;color:var(--rp-c-link);border-radius:var(--rp-radius)}.navBarTitle_c5f07{flex-shrink:0}.navContainer_d18b1 *{pointer-events:all}.menu-item_b8238{margin:0 8px;display:none}@media (max-width:960px){.menu-item_b8238:before{display:none}.mobileNavMenu_e7045{align-items:center;display:flex}}@media (min-width:960px){.menu-item_b8238{display:flex}.leftNav_e6722{flex-grow:1;align-items:center;margin:0 .5rem;display:flex}.rightNav_a2fea{align-items:center;display:flex}.mobileNavMenu_e7045{display:none}.mask_cea59{width:100vw;height:30px;position:absolute;bottom:-30px;right:0}.mask_cea59.docPage_b27ff{width:calc(100vw - var(--rp-sidebar-width) - 48px)}.mask_cea59:before{background:linear-gradient(var(--rp-c-bg),transparent 60%);content:"";width:100%;height:30px;display:block}.leftNav_e6722{margin:0 2rem}}.navTitleMask_fb17c{height:var(--rp-nav-height);align-items:center;padding-left:1.5rem;display:flex}.sidebar_dd719{z-index:var(--rp-z-index-sidebar);opacity:0;background:var(--rp-c-bg);flex-shrink:0;width:calc(100vw - 64px);max-width:320px;transition:opacity .5s,transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebarContent_da296{max-height:calc(100% - var(--rp-nav-height));overflow:hidden auto}.sidebar_dd719.open_becbd{opacity:1;visibility:visible;transition:opacity .25s,transform .5s cubic-bezier(.19,1,.22,1);transform:translate(0,0)}@media (min-width:960px){.sidebar_dd719{z-index:5;opacity:1;visibility:visible;margin-top:calc(var(--rp-nav-height)*-1);height:100vh;width:var(--rp-sidebar-width);box-shadow:var(--rp-c-shadow-3);--webkit-mask-image:linear-gradient(270deg,#000 10px,transparent 0);position:sticky;transform:translate(0,0);-webkit-mask-image:linear-gradient(#0000,#000 20px),linear-gradient(270deg,#000 10px,#0000 0);mask-image:linear-gradient(#0000,#000 20px),linear-gradient(270deg,#000 10px,#0000 0)}}.menuLink_bb039{opacity:1}.menuLink_bb039:hover{color:inherit;transition:all .2s}.menuItem_ac22e:hover{color:var(--rp-c-text-1);background-color:var(--rp-c-bg-mute);transition:all .2s}.collapseContainer_d6e4e:hover{background-color:#e5e5e566;transition:all .2s}:is(.dark .menuItem_ac22e:hover,.dark .collapseContainer_d6e4e:hover){background-color:var(--rp-c-bg-mute);transition:all .2s}.menuItem_ac22e,.menuItemActive_de63c{border-radius:0 var(--rp-radius)var(--rp-radius)0;font-size:13px;line-height:19px}.menuItem_ac22e{color:var(--rp-c-text-2);font-weight:500;transition:color .2s}.menuItemActive_de63c{background-color:var(--rp-c-brand-tint);color:var(--rp-c-link);font-weight:bolder;position:relative}.menuItemActive_de63c:before{content:"";background-color:var(--rp-c-brand);width:1px;height:100%;transition:all .2s;position:absolute;top:0;left:0}.menuGroupActive_e3177{background-color:var(--rp-c-bg-mute)}.rspress-sidebar-group{position:relative}.rspress-sidebar-group:before{content:"";background-color:var(--rp-c-gray-light-4);width:1px;height:100%;position:absolute;top:0;left:18px}.rspress-sidebar-section-header{align-items:center;padding:8px 0 8px 16px;display:flex}.rspress-sidebar-section-header>span{color:var(--rp-c-text-1);align-items:center;margin-left:8px;font-size:14px;font-weight:700;line-height:20px;display:flex}.dark .rspress-sidebar-group:before{background-color:var(--rp-c-bg-mute)}.dark .sidebar_dd719{box-shadow:var(--rp-shadow-1)}.link_a7cea{cursor:pointer;font-weight:500;transition:opacity .2s}.link_a7cea:hover{opacity:.85}.link_a7cea:active{opacity:.7}.rspress-toc-link{border-radius:var(--rp-radius-small);transition:all .3s;display:block}.rspress-toc-link-text{white-space:nowrap;text-overflow:ellipsis;border-radius:var(--rp-radius-small);color:var(--rp-c-text-2);padding:6px 12px;transition:all .2s ease-in-out;overflow:hidden}.rspress-toc-link-text:hover{background-color:var(--rp-c-bg-mute);color:var(--rp-c-text-1)}.rspress-sidebar-menu-container{z-index:var(--rp-z-index-local-nav);position:sticky;top:0;left:0}.rspress-sidebar-menu{border-bottom:1px solid var(--rp-c-divider-light);border-top:1px solid var(--rp-c-divider-light);width:100%;color:var(--rp-c-text-1);background-color:var(--rp-c-bg);justify-content:space-between;align-items:center;padding-left:10px;display:flex}.rspress-sidebar-menu>button{background-color:#0000;padding:12px;transition:color .5s}.rspress-sidebar-menu>button:hover{color:var(--rp-c-text-3)}.rspress-sidebar-menu:empty{display:none}.rspress-sidebar-back-drop{z-index:var(--rp-z-index-backdrop);position:fixed;top:0;bottom:0;left:0;right:0}@media (min-width:1280px){.rspress-sidebar-menu{display:none}}@media (min-width:960px) and (max-width:1280px){.rspress-sidebar-menu>button:first-child,.rspress-sidebar-menu-container.no-toc{display:none}html:root:has(.rspress-sidebar-menu-container.no-toc){--rp-sidebar-menu-height:0px}}.rspress-local-toc-container{border-radius:var(--rp-radius-small);top:calc(var(--rp-nav-height) - 14px);background-color:var(--rp-c-bg-soft);max-height:calc(100vh - var(--rp-nav-height) - 20px);box-shadow:var(--rp-shadow-1);border:1px solid var(--rp-c-divider-light);opacity:0;visibility:hidden;padding:6px;transition:all .3s ease-out;position:absolute;left:20px;right:20px;overflow:scroll;transform:translateY(-20px)}.rspress-local-toc-container-show{opacity:1;visibility:visible;transform:translateY(0)}.fly-in-enter{opacity:0;transform:translateY(-16px)}.fly-in-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translate(0,0)}.fly-in-exit,.fly-in-exit-active{opacity:0;transition:none}.title_fb7eb{outline:none;font-weight:600;position:relative}.title_fb7eb .header-anchor{float:left;opacity:0;font-weight:500;font-size:inherit;margin-left:-.8em;transition:color .25s,opacity .25s}.title_fb7eb:hover .header-anchor,.title_fb7eb .header-anchor:focus{opacity:1}.blockquote_f1063 p,summary .blockquote_f1063 p{color:var(--rp-c-text-2);margin:0;font-size:16px}.link_a9ef4:not(.header-anchor),summary .link_a9ef4:not(.header-anchor),summary a:not(.header-anchor){color:var(--rp-c-link);font-weight:500;transition:color .25s}.link_a9ef4:hover,summary .link_a9ef4:hover,summary a:hover{border-bottom:1px solid var(--rp-c-brand)}.header-anchor{color:var(--rp-c-brand)}.rspress-doc details{font-size:normal;cursor:pointer;margin:16px 0;padding:8px;transition:all .3s}.rspress-doc details p{margin:8px 0}.rspress-doc details:hover{background-color:var(--rp-c-bg-mute)}.inline-link_f855c{overflow-wrap:break-word;display:inline}span.code-line-highlighted{background-color:var(--rp-code-line-highlight-color)}.aside-container_bc5fa{margin-top:calc(var(--rp-nav-height)*-1 - var(--rp-content-padding-y));padding-top:calc(var(--rp-nav-height) + var(--rp-content-padding-y));scrollbar-width:none;width:0;max-height:calc(100vh - var(--rp-nav-height) + var(--rp-content-padding-y)*2);display:none;position:sticky;top:0;overflow:hidden auto}.aside-container_bc5fa::-webkit-scrollbar{display:none}.rspress-doc{view-transition-name:flip;min-height:60vh}@keyframes fade-out_cfa8c{0%{opacity:1}to{opacity:0;transform:translateY(20px)}}@keyframes fade-in_b8f53{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}::view-transition-old(flip){animation-duration:.25s}::view-transition-new(flip){animation-duration:.25s}::view-transition-old(flip){transition-timing-function:ease-out;animation-name:fade-out_cfa8c}::view-transition-new(flip){transition-timing-function:ease-in;animation-name:fade-in_b8f53;animation-delay:.18s}:is(.content_ff766 .rspress-doc,.content_ff766 .rspress-doc-footer){padding:var(--rp-content-padding-y)var(--rp-content-padding-x)}.content_ff766 .rspress-doc{padding-bottom:0}.content_ff766 .rspress-doc-footer{padding-top:0}@media (max-width:960px){html:root{--rp-content-padding-y:36px}.rspress-doc{view-transition-name:none}}@media (min-width:960px){.aside-container_bc5fa{width:var(--rp-aside-width);display:none}.docLayout_af141{display:flex}}@media (min-width:1280px){html:root{--rp-content-padding-x:64px}.aside-container_bc5fa{display:block}:is(.content_ff766 .rspress-doc,.content_ff766 .rspress-doc-footer){max-width:min(100%,992px);margin:auto}}:root{--rp-home-hero-name-color:transparent;--rp-home-hero-name-background:-webkit-linear-gradient(120deg,var(--rp-c-brand)30%,#42d392);--rp-home-hero-image-background-image:none;--rp-home-hero-image-filter:none;--rp-home-feature-bg:var(--rp-c-bg-soft);--rp-home-mask-background-image:conic-gradient(from 180deg at 50% 50%,var(--rp-c-brand)0deg,180deg,#42d392 1turn);--rp-home-hero-image-width-sm:250px;--rp-home-hero-image-width:375px;--rp-home-hero-text-max-width:40rem}.dark{--rp-home-bg:#000;--rp-home-feature-bg:var(--rp-c-bg-soft)}:root{--rp-nav-height:72px;--rp-sidebar-width:320px;--rp-sidebar-menu-height:46px;--rp-aside-width:268px;--rp-content-padding-x:24px;--rp-content-padding-y:48px}@media (max-width:768px){html:root{--rp-nav-height:56px}}@media (min-width:1280px){html:root{--rp-sidebar-menu-height:0px}}:root{--rp-c-bg:#fff;--rp-c-bg-soft:#f9f9f9;--rp-c-bg-mute:#f1f1f1;--rp-c-divider:#3c3c3c4a;--rp-c-divider-light:#3c3c3c1a;--rp-c-text-1:#213547;--rp-c-text-2:#3c3c3ca8;--rp-c-text-3:#3c3c3c54;--rp-c-text-4:#3c3c3c2e;--rp-c-text-code:#476573;--rp-c-text-code-bg:#99a1b31a;--rp-c-brand:#0095ff;--rp-c-brand-light:#33adff;--rp-c-brand-lighter:#66c2ff;--rp-c-brand-dark:#07f;--rp-c-brand-darker:#005fcc;--rp-c-brand-tint:#7fa3ff29;--rp-c-gray:#8e8e8e;--rp-c-gray-light-1:#aeaeae;--rp-c-gray-light-2:#c7c7c7;--rp-c-gray-light-3:#d1d1d1;--rp-c-gray-light-4:#e5e5e5;--rp-c-gray-light-5:#f2f2f2;--rp-c-dark:#000;--rp-c-dark-light-1:#2f2f2f;--rp-c-dark-light-2:#3a3a3a;--rp-c-dark-light-3:#4a4a4a;--rp-c-dark-light-4:#5c5c5c;--rp-c-dark-light-5:#6b6b6b;--rp-radius:1rem;--rp-radius-small:.5rem;--rp-radius-large:1.5rem;--rp-c-link:var(--rp-c-brand-dark)}.dark{--rp-c-bg:#191d24;--rp-c-bg-soft:#292e37;--rp-c-bg-mute:#343a46;--rp-c-bg-alt:#000;--rp-c-divider:#545454a6;--rp-c-divider-light:#5454547a;--rp-c-text-1:#fffff5ed;--rp-c-text-2:#ebebeb8f;--rp-c-text-3:#ebebeb61;--rp-c-text-4:#ebebeb2e;--rp-c-text-code:#c9def1;--rp-c-link:var(--rp-c-brand-light)}:root{--rp-z-index-local-nav:10;--rp-z-index-nav:20;--rp-z-index-backdrop:30;--rp-z-index-sidebar:40;--rp-shadow-1:0 1px 4px #00000005,0 1px 0 #0000000f;--rp-shadow-2:0 3px 12px #00000012,0 1px 4px #00000012;--rp-shadow-3:0 12px 32px #0000001a,0 2px 6px #00000014;--rp-shadow-4:0 14px 44px #0000001f,0 3px 9px #0000001f;--rp-shadow-5:0 18px 56px #00000029,0 4px 12px #00000029}*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.right-0{right:0}.top-8{top:2rem}.z-10{z-index:10}.z-\[1\]{z-index:1}.order-1{order:1}.order-2{order:2}.-m-1\.5{margin:-.375rem}.m-8{margin:2rem}.m-auto{margin:auto}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-14{height:3.5rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-\[50px\]{height:50px}.h-full{height:100%}.min-h-\[50vh\]{min-height:50vh}.w-12{width:3rem}.w-16{width:4rem}.w-32{width:8rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-\[50px\]{width:50px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-8{min-width:2rem}.max-w-6xl{max-width:72rem}.max-w-xl{max-width:36rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-4{column-gap:1rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-4xl{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t,.border-t-\[1px\]{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-brand{border-color:var(--rp-c-brand)}.border-current{border-color:currentColor}.border-divider{border-color:var(--rp-c-divider)}.border-divider-light{border-color:var(--rp-c-divider-light)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-gray-light-3{border-color:var(--rp-c-gray-light-3)}.border-transparent{border-color:#0000}.bg-gray-light-1{background-color:var(--rp-c-gray-light-1)}.bg-white{background-color:var(--rp-c-bg)}.p-1{padding:.25rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-5{padding-bottom:1.25rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pr-2{padding-right:.5rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-9{padding-top:2.25rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:1.625rem}.text-3xl{font-size:2rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.375rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-10{line-height:2.5rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-brand{color:var(--rp-c-brand)}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-text-1{color:var(--rp-c-text-1)}.text-text-2{color:var(--rp-c-text-2)}.opacity-80{opacity:.8}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.filter{filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[counter-reset\:step\]{counter-reset:step}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--rp-nav-height) + var(--rp-sidebar-menu-height));font-size:16px;line-height:1.7}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{width:100%;min-width:320px;font-family:var(--rp-font-family-base);color:var(--rp-c-text-1);background-color:var(--rp-c-bg);font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;margin:0;font-size:16px;font-weight:400}button:focus{outline:none}button:focus-visible{outline:none}h1,h2,h3,h4,h5,h6,li,p{overflow-wrap:break-word}.visually-hidden{visibility:hidden}.flex-center{justify-content:center;align-items:center;display:flex}.menu{justify-content:space-around;align-items:center;font-size:.875rem;font-weight:700;line-height:1.25rem;display:flex}.rspress-logo{height:1.6rem}#nprogress .bar{background:var(--rp-c-brand);width:100%;height:2px;position:fixed;top:0;left:0}:root{--code-color-text:#414141;--code-color-background:transparent;--code-token-constant:#f59403;--code-token-string:#31a94d;--code-token-comment:#b6b4b4;--code-token-keyword:#cf2727;--code-token-parameter:#1976d2;--code-token-function:#7041c8;--code-token-string-expression:#218438;--code-token-punctuation:#242323;--code-token-link:#22863a;--code-token-variable:#1976d2;--code-token-symbol:#f59403;--code-token-deleted:#d32828;--code-token-inserted:#22863a}.dark{--code-color-text:#cac7c7;--code-token-constant:#6fb0fa;--code-token-string:#f9a86e;--code-token-comment:#6a727b;--code-token-keyword:#f47481;--code-token-parameter:#ff9800;--code-token-function:#ae8eeb;--code-token-string-expression:#4fb74d;--code-token-punctuation:#bbb;--code-token-link:#f9a76d;--code-token-variable:#6fb0fa;--code-token-symbol:#f9a86e;--code-token-deleted:#ee6d7a;--code-token-inserted:#36c47f}:root{--rp-font-family-base:"Inter var experimental","Inter var",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--rp-font-family-mono:Menlo,Monaco,Consolas,"Courier New",monospace}.first\:mt-2:first-child{margin-top:.5rem}.last\:mr-0:last-child{margin-right:0}.even\:bg-soft:nth-child(2n){background-color:var(--rp-c-bg-soft)}.hover\:border-brand-dark:hover{border-color:var(--rp-c-brand-dark)}.hover\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.hover\:border-gray-600:hover{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.hover\:bg-mute:hover{background-color:var(--rp-c-bg-mute)}.hover\:text-brand-dark:hover{color:var(--rp-c-brand-dark)}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-text-1:hover{color:var(--rp-c-text-1)}.hover\:text-text-2:hover{color:var(--rp-c-text-2)}.hover\:opacity-60:hover{opacity:.6}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.focus\:ring-opacity-50:focus{--tw-ring-opacity:.5}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}.dark\:border-divider:is(.dark *){border-color:var(--rp-c-divider)}.dark\:border-gray-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:border-gray-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.dark\:hover\:border-gray-200:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:m-4{margin:1rem}.sm\:mt-0{margin-top:0}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:max-w-4xl{max-width:56rem}.sm\:max-w-xl{max-width:36rem}.sm\:flex-1{flex:1}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-around{justify-content:space-around}.sm\:p-8{padding:2rem}.sm\:px-16{padding-left:4rem;padding-right:4rem}.sm\:pb-2{padding-bottom:.5rem}.sm\:pb-40{padding-bottom:10rem}.sm\:pl-4{padding-left:1rem}.sm\:pr-2{padding-right:.5rem}.sm\:pt-10{padding-top:2.5rem}.sm\:pt-24{padding-top:6rem}.sm\:pt-8{padding-top:2rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:leading-8{line-height:2rem}}@media (min-width:768px){.md\:order-1{order:1}.md\:order-2{order:2}.md\:m-0{margin:0}.md\:ml-1{margin-left:.25rem}.md\:mr-2{margin-right:.5rem}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:justify-center{justify-content:center}.md\:px-16{padding-left:4rem;padding-right:4rem}.md\:pb-16{padding-bottom:4rem}.md\:pb-3{padding-bottom:.75rem}.md\:pt-16{padding-top:4rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-\[1\.5rem\]{font-size:1.5rem}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:pb-2{padding-bottom:.5rem}}.\[\&\:not\(\:first-child\)\]\:mt-2:not(:first-child){margin-top:.5rem}.rspress-doc :not(:where(.rp-not-doc *)):where(ul){margin-top:1rem;margin-bottom:1rem;padding-left:1.25rem;line-height:1.75rem;list-style:outside}.rspress-doc :not(:where(.rp-not-doc *)):where(ol){margin-top:1rem;margin-bottom:1rem;padding-left:1.25rem;line-height:1.75rem;list-style:decimal}.rspress-doc :not(:where(.rp-not-doc *)):where(ul li):not(:first-child){margin-top:.5rem}.rspress-doc :not(:where(.rp-not-doc *)):where(ol li):not(:first-child){margin-top:.5rem}.rspress-doc :not(:where(.rp-not-doc *)):where(table){border-collapse:collapse;border:1px solid var(--rp-c-border);margin-top:1.25rem;margin-bottom:1.25rem;font-size:1rem;line-height:1.75rem;display:block;overflow-x:auto}.rspress-doc :not(:where(.rp-not-doc *)):where(table tr){border:1px solid;border-color:var(--rp-c-gray-light-3);transition-property:color,background-color,border-color;transition-duration:.5s}.rspress-doc :not(:where(.rp-not-doc *)):where(table tr):nth-child(2n){background-color:var(--rp-c-bg-soft)}.rspress-doc :not(:where(.rp-not-doc *)):where(table td){border:1px solid;border-color:var(--rp-c-gray-light-3);padding:.5rem 1rem}.rspress-doc :not(:where(.rp-not-doc *)):where(table th){color:var(--rp-c-text-1);border:1px solid;border-color:var(--rp-c-gray-light-3);padding:.5rem 1rem;font-size:1rem;font-weight:600}:where(.dark) .rspress-doc :not(:where(.rp-not-doc *)):where(table){border-color:var(--rp-c-divider)}:where(.dark) .rspress-doc :not(:where(.rp-not-doc *)):where(table tr){border-color:var(--rp-c-divider)}:where(.dark) .rspress-doc :not(:where(.rp-not-doc *)):where(table td){border-color:var(--rp-c-divider)}:where(.dark) .rspress-doc :not(:where(.rp-not-doc *)):where(table th){border-color:var(--rp-c-divider)}:root{--rp-code-font-size:14px;--rp-code-block-color:#2e3440;--rp-code-title-bg:#0063c70d;--rp-code-block-bg:#f6f8fa;--rp-code-line-highlight-color:#0063c71a;--rp-code-line-number-color:#ebebeb61;--rp-code-copy-code-hover-bg:#ffffff0d;--rp-code-wrap-code-hover-bg:#ffffff0d}.dark{--rp-code-block-color:#e5e7eb;--rp-code-block-bg:#242424;--rp-code-title-bg:#ffffff0a;--rp-code-line-highlight-color:#ffffff1a;--rp-code-line-number-color:#3c3c3c54}.rspress-doc :not(:-webkit-any(pre,h1,h2,h3,h4,h5,h6))>code{font-size:var(--rp-code-font-size)}.rspress-doc :not(:-moz-any(pre,h1,h2,h3,h4,h5,h6))>code{font-size:var(--rp-code-font-size)}.rspress-doc :not(:-webkit-any(pre,h1,h2,h3,h4,h5,h6))>code{font-size:var(--rp-code-font-size)}.rspress-doc :not(:-moz-any(pre,h1,h2,h3,h4,h5,h6))>code{font-size:var(--rp-code-font-size)}.rspress-doc :not(:is(pre,h1,h2,h3,h4,h5,h6))>code{font-size:var(--rp-code-font-size)}.rspress-doc :not(:-webkit-any(pre,div))>code{border-radius:var(--rp-radius-small);background-color:var(--rp-c-text-code-bg);overflow-wrap:break-word;padding:3px 6px}.rspress-doc :not(:-moz-any(pre,div))>code{border-radius:var(--rp-radius-small);background-color:var(--rp-c-text-code-bg);overflow-wrap:break-word;padding:3px 6px}.rspress-doc :not(:-webkit-any(pre,div))>code{border-radius:var(--rp-radius-small);background-color:var(--rp-c-text-code-bg);overflow-wrap:break-word;padding:3px 6px}.rspress-doc :not(:-moz-any(pre,div))>code{border-radius:var(--rp-radius-small);background-color:var(--rp-c-text-code-bg);overflow-wrap:break-word;padding:3px 6px}.rspress-doc :not(:is(pre,div))>code{border-radius:var(--rp-radius-small);background-color:var(--rp-c-text-code-bg);overflow-wrap:break-word;padding:3px 6px}.rspress-doc :not(:-webkit-any(pre,div,a))>code{color:var(--rp-c-text-code)}.rspress-doc :not(:-moz-any(pre,div,a))>code{color:var(--rp-c-text-code)}.rspress-doc :not(:-webkit-any(pre,div,a))>code{color:var(--rp-c-text-code)}.rspress-doc :not(:-moz-any(pre,div,a))>code{color:var(--rp-c-text-code)}.rspress-doc :not(:is(pre,div,a))>code{color:var(--rp-c-text-code)}.rspress-doc h1>code,.rspress-doc h2>code,.rspress-doc h3>code{font-size:.9em}.rspress-doc a>code{color:var(--rp-c-brand-dark);transition:color .25s}.rspress-doc a:hover>code{color:var(--rp-c-brand)}.rspress-doc div[class^=language-]{background-color:var(--rp-code-block-bg);margin:16px 0;transition:none;position:relative;overflow-x:auto}.rspress-doc .rspress-code-title{font-size:var(--rp-code-font-size);background-color:var(--rp-code-title-bg);padding:12px 16px;transition:background-color .5s}@media (min-width:640px){.rspress-doc div[class^=language-]{border-radius:var(--rp-radius);contain:content;margin:24px 0}}@media (max-width:640px){.rspress-doc li div[class^=language-]{border-radius:var(--rp-radius-small)0 0 var(--rp-radius-small)}}.rspress-doc [class^=language-] pre,.rspress-doc [class^=language-] code{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.rspress-doc [class^=language-] pre{z-index:1;background:0 0;margin:0;position:relative;overflow-x:auto}.rspress-doc [class^=language-] code{width:-moz-fit-content;width:fit-content;min-width:100%;line-height:1.7;font-size:var(--rp-code-font-size);color:var(--rp-code-block-color);background-color:var(--rp-code-block-bg);padding:16px 0;transition:color .5s;display:block}.rspress-doc [class^=language-] .rspress-code-content{position:relative}.rspress-doc [class^=language-] .rspress-code-content span.highlighted{background-color:var(--rp-code-line-highlight-color);padding-left:20px;display:block;position:absolute;left:0;right:0}.rspress-doc [class^=language-] .rspress-code-content>code{padding:16px 20px}.rspress-scrollbar{scrollbar-gutter:stable}.rspress-scrollbar::-webkit-scrollbar{width:12px;height:8px;transition:all .3s}.rspress-scrollbar::-webkit-scrollbar-track{background:0 0}.rspress-scrollbar::-webkit-scrollbar-thumb{border-radius:var(--rp-radius-small)}.rspress-scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--rp-c-text-4);background-clip:content-box;border:3px solid #0000}.rspress-scrollbar::-webkit-scrollbar-corner{background:0 0}.rspress-code-content:hover .code-button-group_fb445>button{opacity:1}.code-button-group_fb445{z-index:10;gap:10px;display:flex;position:absolute;top:20px;right:20px}.code-button-group_fb445>button{opacity:0;background-color:#0000;justify-content:center;align-items:center;display:flex;position:relative}.code-button-group_fb445 svg{opacity:inherit;width:20px;height:20px;color:var(--rp-c-text-3);transition:all .2s}.code-button-group_fb445 svg:hover{color:var(--rp-c-text-2)}.code-copy-button_c5089 .icon-success_d5ec0{opacity:0;color:#00d600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.code-copied_e2224 .icon-copy_ef942{opacity:0;transform:scale(.33)}.code-copied_e2224 .icon-success_d5ec0{opacity:1;transition-delay:75ms;transform:translate(-50%,-50%)scale(1)}.icon-wrapped_fb89b{opacity:0;color:#00d600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.wrapped-btn_a2562 .icon-wrap_ccd3d{opacity:0;transform:scale(.33)}.wrapped-btn_a2562 .icon-wrapped_fb89b{opacity:1;transition-delay:75ms;transform:translate(-50%,-50%)scale(1)}.badge_cbafb{font-weight:500;transition:color .25s}.badge_cbafb.tip_cce85{color:var(--rp-container-tip-text);background-color:var(--rp-container-tip-bg)}.badge_cbafb.info_e8cd3{color:var(--rp-container-info-text);background-color:var(--rp-container-info-bg)}.badge_cbafb.warning_b5c28{color:var(--rp-container-warning-text);background-color:var(--rp-container-warning-bg)}.badge_cbafb.danger_b0301{color:var(--rp-container-danger-text);background-color:var(--rp-container-danger-bg)}.badge_cbafb.outline_faf5e{border:1px solid}.badge_cbafb.outline_faf5e.tip_cce85{border-color:var(--rp-container-tip-border)}.badge_cbafb.outline_faf5e.info_e8cd3{border-color:var(--rp-container-info-border)}.badge_cbafb.outline_faf5e.warning_b5c28{border-color:var(--rp-container-warning-border)}.badge_cbafb.outline_faf5e.danger_b0301{border-color:var(--rp-container-danger-border)}.button_e8e0d{box-sizing:border-box;white-space:nowrap;justify-content:center;align-items:center;height:48px;font-weight:700;display:inline-flex}.button_e8e0d:active{transition:color .1s,border-color .1s,background-color .1s}.button_e8e0d.medium_fe00b{border-radius:var(--rp-radius);height:38px;padding:0 20px;font-size:14px;line-height:38px}.button_e8e0d.big_f7033{border-radius:var(--rp-radius-large);min-width:142px;font-size:16px;font-weight:700}.button_e8e0d.brand_dc619,.button_e8e0d.brand_dc619:hover,.button_e8e0d.brand_dc619:active{opacity:1;color:#fff;transition:all .3s}.button_e8e0d.brand_dc619{background:linear-gradient(275deg,var(--rp-c-brand-dark)3%,var(--rp-c-brand-light)97%)}.button_e8e0d.brand_dc619:hover{background-color:var(--rp-c-brand-light);opacity:.8}.button_e8e0d.alt_b0249,.button_e8e0d.alt_b0249:hover,.button_e8e0d.alt_b0249:active{border:1px solid var(--rp-c-gray-light-3);color:var(--rp-c-text-1);background-color:var(--rp-c-gray-light-5);transition:all .3s}.dark .button_e8e0d.alt_b0249{background-color:var(--rp-c-bg-mute);color:var(--rp-c-text-1);border-color:#484848}.button_e8e0d.alt_b0249:hover{background-color:var(--rp-c-gray-light-4)}.dark .button_e8e0d.alt_b0249:hover{background-color:#484848}@media (max-width:768px){.button_e8e0d.big_f7033{min-width:100px;height:42px;font-size:14px;line-height:42px}}.editLink_e1cfa{color:var(--rp-c-brand);margin:20px 0;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s ease-in-out}.editLink_e1cfa:hover{color:var(--rp-c-brand-dark)}@media (max-width:640px){.grid-2_bce10,.grid-4_bd059,.grid-6_ce438{width:100%}}@media (min-width:640px){.grid-2_bce10,.grid-4_bd059,.grid-6_ce438{width:50%}}@media (min-width:768px){.grid-2_bce10,.grid-4_bd059{width:50%}.grid-3_bf296,.grid-6_ce438{width:33.3333%}}@media (min-width:960px){.grid-3_bf296{width:25%}.grid-4_bd059{width:33.3333%}.grid-6_ce438{width:50%}}.featureCard_a17b6{background:var(--rp-home-feature-bg);border:1px solid #0000;transition:all .3s}.featureCard_a17b6:hover{border:1px solid var(--rp-c-brand)}.clip_aacad{background:var(--rp-home-hero-name-background);-webkit-text-fill-color:var(--rp-home-hero-name-color);-webkit-background-clip:text;background-clip:text}.mask_bbaa6{background-image:var(--rp-home-mask-background-image);mixblendmode:normal;filter:blur(80px);opacity:.05;z-index:0;border-radius:100%;width:100%;max-width:500px;height:500px;margin-top:-250px;position:absolute;top:50%;transform:translate(-50%)}.dark .mask_bbaa6{opacity:.15}@media (min-width:640px){.rspress-home-hero-image{width:var(--rp-home-hero-image-width)}}@media (max-width:640px){.rspress-home-hero-image{max-width:var(--rp-home-hero-image-width-sm)}}@media (max-width:768px){.mask_bbaa6{display:none}}.link_e1101:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0}.linkCard_f82f1:hover{background-color:var(--rp-c-bg-mute)}.social-links-icon_a4ad0{fill:currentColor;width:20px;height:20px;color:var(--rp-c-text-2);align-items:center;margin-left:.5rem;display:flex}.social-links-icon_a4ad0:hover{color:var(--rp-c-text-1)}@media (max-width:768px){.menu-item_e90a6:before{display:none}a:only-child .social-links-icon_a4ad0{margin-left:0}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}.dark::view-transition-new(root){z-index:1}::view-transition-new(root){z-index:9999}.dark::view-transition-old(root){z-index:9999}.navScreen_ec30c{top:var(--rp-nav-height);background-color:var(--rp-c-bg);pointer-events:auto;z-index:20;width:100%;padding:32px;display:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.active_d804e{display:block}.container_c935d{max-width:248px;margin:0 auto;padding:24px 0 96px}.navMenu_b887b{flex-direction:column;justify-content:center;align-items:center;display:flex}.navMenuItem_e7978{color:var(--rp-c-text-1);border-bottom:1px solid var(--rp-c-divider-light);justify-content:center;padding:12px 0 11px;font-size:14px;font-weight:500;line-height:24px;transition:border-color .5s,color .25s;display:flex}.navAppearance_bf893{padding-right:0}.socialAndAppearance_eda28{padding:8px 0 7px}.navScreenMenuGroup_e771d{height:39px;transition:border-color .5s;overflow:hidden}.navScreenMenuGroup_e771d.open_aaab4{height:auto;padding-bottom:10px}.button_ea41e{width:100%;color:var(--rp-c-text-1);background-color:#0000;justify-content:center;align-items:center;padding:8px 0 7px;font-size:14px;font-weight:500;line-height:24px;transition:color .25s;display:flex}.buttonSpan_f4b8f{align-items:center;height:24px;padding-right:4px;display:flex}.navScreenMenuGroup_e771d .items_dd149{visibility:hidden}.navScreenMenuGroup_e771d.open_aaab4 .items_dd149{visibility:visible}.down_f631a{transition:all .5s}.open_aaab4.down_f631a{transform:rotate(180deg)}.navHamburger_ac64c{background-color:#0000;justify-content:center;align-items:center;width:36px;height:56px;margin-left:6px;display:flex}@media (min-width:1280px){.navHamburger_ac64c{display:none}}.container_e8b23{width:16px;height:14px;position:relative;overflow:hidden}.navHamburger_ac64c:hover .top_ea042{top:0;left:0;transform:translate(4px)}.navHamburger_ac64c:hover .middle_e52e2{top:6px;left:0;transform:translate(0,0)}.navHamburger_ac64c:hover .bottom_f0588{top:12px;left:0;transform:translate(8px)}.navHamburger_ac64c.active_bc9a1 .top_ea042{top:6px;transform:translate(0,0)rotate(225deg)}.navHamburger_ac64c.active_bc9a1 .middle_e52e2{top:6px;transform:translate(16px)}.navHamburger_ac64c.active_bc9a1 .bottom_f0588{top:6px;transform:translate(0,0)rotate(135deg)}.navHamburger_ac64c.active_bc9a1:hover .top_ea042,.navHamburger_ac64c.active_bc9a1:hover .middle_e52e2,.navHamburger_ac64c.active_bc9a1:hover .bottom_f0588{transition:top .25s,background-color .25s,transform .25s}.top_ea042,.middle_e52e2,.bottom_f0588{background-color:var(--rp-c-text-2);width:16px;height:1.5px;transition:top .25s,background-color .5s,transform .25s;position:absolute}.top_ea042{top:0;left:0;transform:translate(0,0)}.middle_e52e2{top:6px;left:0;transform:translate(8px)}.bottom_f0588{top:12px;left:0;transform:translate(4px)}.overview-index{max-width:1152px;padding-left:2rem;padding-right:2rem}:is(.overview-index h1,.overview-index h2,.overview-index h3){font-weight:600}:is(.overview-index h2,.overview-index h3){line-height:1}.overview-index h2{letter-spacing:-.02em;color:var(--rp-c-text-1);border-top:1px solid var(--rp-c-divider-light);margin:36px 0;padding-top:36px;font-size:24px;transition:color .5s}.overview-index h3,.overview-index h3>a{letter-spacing:-.01em;color:var(--rp-c-link);margin-bottom:1em;font-size:18px;font-weight:600;transition:color .5s}.overview-index h3>a{margin:0;line-height:1.3}.overview-index h3:before{display:none}:is(.overview-index h1:hover .header-anchor_d4f17,.overview-index h1:focus .header-anchor_d4f17,.overview-index h2:hover .header-anchor_d4f17,.overview-index h2:focus .header-anchor_d4f17,.overview-index h3:hover .header-anchor_d4f17,.overview-index h3:focus .header-anchor_d4f17,.overview-index h4:hover .header-anchor_d4f17,.overview-index h4:focus .header-anchor_d4f17,.overview-index h5:hover .header-anchor_d4f17,.overview-index h5:focus .header-anchor_d4f17,.overview-index h6:hover .header-anchor_d4f17,.overview-index h6:focus .header-anchor_d4f17){opacity:1}.overview-index a.header-anchor_d4f17{float:left;opacity:0;color:var(--rp-c-brand);margin-top:.125em;margin-left:-.87em;padding-right:.23em;font-size:.85em;font-weight:500;text-decoration-style:dotted;transition:color .25s}:is(.overview-index a.header-anchor_d4f17:hover,.overview-index a.header-anchor_d4f17:focus){text-decoration:none}.overview-groups_ced08 a{color:var(--rp-c-text-code);overflow-wrap:break-word;margin-top:8px;font-size:15px;font-weight:500;line-height:1.6;transition:color .5s;display:block}.overview-group-li_e0f17{position:relative}.overview-group-li_e0f17.level-2_e4d63{padding-left:1px}.overview-group-li_e0f17.level-2_e4d63:before{left:-.25rem}.overview-group-li_e0f17.level-3_b489a{padding-left:8px}.overview-group-li_e0f17.level-3_b489a:before{left:-.25rem}.overview-group-li_e0f17.level-4_a9543{padding-left:16px}.overview-group-li_e0f17.level-4_a9543:before{left:-.25rem}.overview-group_f8331{break-inside:avoid;background-color:var(--rp-c-bg-soft);border-radius:var(--rp-radius);margin-bottom:28px;padding:28px 32px;transition:background-color .5s}@media (max-width:768px){.overview-index h1{margin-bottom:24px;font-size:32px}.overview-index h2{margin:42px 0 32px;padding-top:32px;font-size:22px}.overview-groups_ced08 a{font-size:14px}.header_ba4f6{display:block}}@media (min-width:768px){.overview-groups_ced08{columns:2}}@media (min-width:1280px){.overview-groups_ced08{columns:3}}.rspress-package-manager-tabs div[class*=language-] code{background-color:var(--rp-c-bg-mute)!important}.pager-link_e0d2d{border-radius:var(--rp-radius);width:100%;height:100%;padding:16px 20px;transition:border-color .25s;display:block;border:1px solid var(--rp-c-divider-light)!important}.pager-link_e0d2d:hover{border-color:var(--rp-c-brand)!important}.pager-link_e0d2d:hover .title_a3acb{color:var(--rp-c-brand-dark)}.pager-link_e0d2d.next_ad355{text-align:right;margin-left:auto}.desc_dcc01{color:var(--rp-c-text-2);font-size:12px;font-weight:500;line-height:20px;display:block}.title_a3acb{color:var(--rp-c-brand);font-size:14px;font-weight:500;line-height:24px;transition:color .25s;display:block}.scroll-to-top_e22be{z-index:1;color:var(--rp-c-text-1);border-color:var(--rp-c-text-3);background-color:var(--rp-c-bg-soft);box-shadow:0 1px 3px 0 var(--rp-shadow-1),0 1px 2px 0 var(--rp-shadow-2);border-width:.1px;border-radius:9999px;padding:.5rem;transition-property:transform;transition-duration:75ms;transition-timing-function:cubic-bezier(.4,0,.2,1);position:fixed;bottom:1rem;right:1rem;transform:scale(0)}.scroll-to-top_e22be.entered_c8faf{transform:scale(1)!important}.container_df5ed{background-color:var(--rp-code-block-bg);contain:content;border-radius:var(--rp-radius);margin:1rem 0}.container_df5ed div[class*=language-]{border-radius:0;margin:0 -.5rem;font-size:13px}.container_df5ed .rspress-code-title{padding:8px 16px}.tab-list_ccbcc{min-width:100%;padding-top:4px;padding-left:8px;display:flex;overflow-x:scroll}.tab_cae68{color:var(--rp-c-text-2);box-sizing:border-box;-webkit-user-select:none;user-select:none;cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;margin-right:10px;padding:6px 12px;transition:all .2s ease-in-out;position:relative}.tab_cae68:last-child{margin-right:0}.tab_cae68:after{content:"";background-color:#0000;border-radius:2px;width:50%;height:2px;position:absolute;bottom:0;left:25%}.not-selected_dab7a:hover{color:var(--rp-c-text-1)}.selected_f5c1e{color:var(--rp-c-link);font-weight:500}.selected_f5c1e:after{background-color:currentColor}.no-scrollbar_db61f::-webkit-scrollbar{display:none}.no-scrollbar_db61f{-ms-overflow-style:none;scrollbar-width:none}.mask_ac6b3{z-index:100;background:#545454b3;position:fixed;top:0;bottom:0;left:0;right:0}.modal_e4a04{background-color:var(--rp-c-bg-soft);border-radius:var(--rp-radius);max-width:560px;height:auto;margin:80px auto auto;padding:20px;position:relative}.inputForm_d4ba2{background-color:var(--rp-c-bg);border:1px solid var(--rp-c-brand);border-radius:var(--rp-radius-small);align-items:center;width:100%;height:55px;padding:0 12px;display:flex}.inputForm_d4ba2 .input_f8add{background-color:var(--rp-c-bg);outline:none;flex:1;width:80%;height:100%;padding-left:8px;font-size:20px;font-weight:500}.dark .inputForm_d4ba2 .input_f8add{color:var(--rp-c-text)}.close_bee84:hover{cursor:pointer;color:var(--rp-c-brand);transition:color .3s}.searchHits_dc1b2{max-height:calc(100vh - 230px);padding-right:2px;overflow:scroll}.searchHits_dc1b2 .groupTitle_fe27c{background-color:var(--rp-c-bg-soft);color:var(--rp-c-brand-dark);margin:0;padding-top:6px;padding-bottom:6px;padding-left:2px;font-size:13px;font-weight:600;position:sticky;top:0;left:0}.navSearchButton_df1fb{border-radius:var(--rp-radius);background-color:var(--rp-c-bg-mute);border:1px solid #0000;width:100%;height:40px;padding:0 10px;transition:border-color .3s;display:flex}.navSearchButton_df1fb>button{cursor:pointer;background-color:#0000;justify-content:space-around;align-items:center;font-size:13px;display:flex}.navSearchButton_df1fb>button .searchWord_af2c1{white-space:nowrap;color:var(--rp-c-text-2);margin-left:5px;margin-right:40px;font-weight:500;transition:all .3s}.navSearchButton_df1fb>button>div{border-radius:var(--rp-radius-small);color:var(--rp-c-gray);background-color:var(--rp-c-bg);width:43px;font-weight:500;transition:opacity .3s}.navSearchButton_df1fb>button>div>span{margin-left:5px}.navSearchButton_df1fb>button>div>span+span{margin-right:5px}.navSearchButton_df1fb:hover{border:1px solid var(--rp-c-brand)}.navSearchButton_df1fb:hover>button .searchWord_af2c1{color:var(--rp-c-text-1)}.suggestItem_b1e66{box-sizing:border-box;margin:5px 2px;list-style:none}.dark .suggestItem_b1e66,.dark .suggestItem_b1e66>a{box-shadow:none}.suggestItem_b1e66>a{background-color:var(--rp-c-bg);border-radius:var(--rp-radius-small);color:var(--rp-c-black-soft);width:100%;padding-left:12px;display:flex;box-shadow:0 1px 3px #d4d9e1}.suggestItem_b1e66>a .suggestItemContainer_f5e47{align-items:center;width:100%;min-height:56px;padding-right:12px;font-weight:500;display:flex}.suggestItem_b1e66>a .suggestItemContainer_f5e47 .contentWrapper_efb78{width:100%;padding:6px 8px;font-size:14px;line-height:1.5}.suggestItem_b1e66>a .suggestItemContainer_f5e47 .contentWrapper_efb78 .mark_b6cd5{color:var(--rp-c-brand)}.suggestItem_b1e66>a .suggestItemContainer_f5e47 .contentWrapper_efb78 .titleForContent_f2995{color:var(--rp-c-gray-light-1);font-size:12px;font-weight:600}.suggestItem_b1e66>a .suggestItemContainer_f5e47 svg{color:var(--rp-c-gray-light-1)}.suggestItem_b1e66>a .suggestItemContainer_f5e47 .actionIcon_f4ffd{opacity:0}.suggestItem_b1e66.current_eb655>a{background-color:var(--rp-c-brand);cursor:pointer;color:#fff}.suggestItem_b1e66.current_eb655 .suggestItemContainer_f5e47 svg{color:#fff}.suggestItem_b1e66.current_eb655 .suggestItemContainer_f5e47 .actionIcon_f4ffd{opacity:1}.suggestItem_b1e66.current_eb655 .suggestItemContainer_f5e47 .contentWrapper_efb78 .mark_b6cd5{color:#fff;text-decoration:underline}.suggestItem_b1e66.current_eb655 .suggestItemContainer_f5e47 .contentWrapper_efb78 .titleForContent_f2995{color:#fff}.tabClassName_b3f85{background-color:var(--rp-c-bg-soft);padding-bottom:6px;position:sticky}.mobileNavSearchButton_d85a9{cursor:pointer;justify-content:center;align-items:center;font-weight:500;display:none}@media (max-width:960px){.navSearchButton_df1fb{display:none}.mobileNavSearchButton_d85a9{display:flex}.modal_e4a04{margin-top:0}.inputForm_d4ba2{height:40px}.inputForm_d4ba2 svg{width:16px;height:16px}.inputForm_d4ba2 .input_f8add{font-size:16px}}.sourceCode_c1837{fill:currentColor;color:var(--rp-c-text-2)}.sourceCode_c1837:hover{color:var(--rp-c-text-1)}.rspressSteps_f17c8 h3{counter-increment:step;margin-top:3px}.rspressSteps_f17c8 h3:before{content:counter(step);text-align:center;width:30px;height:30px;color:var(--rp-c-text-1);background-color:var(--rp-code-block-bg);border-width:1.5px;border-color:var(--rp-c-text-3);border-radius:9999px;margin-left:-41px;font-size:1.1rem;font-weight:400;position:absolute}.rspressSteps_f17c8{border-color:var(--rp-c-text-3)}.rspressSteps_f17c8 p{color:var(--rp-c-text-1)}:root{--rp-container-note-border:var(--rp-c-divider-light);--rp-container-note-text:var(--rp-c-text-1);--rp-container-note-bg:var(--rp-c-bg-soft);--rp-container-note-code-bg:#8080801a;--rp-container-note-link:var(--rp-c-link);--rp-container-tip-border:#079c7033;--rp-container-tip-text:#278359;--rp-container-tip-bg:#079c700f;--rp-container-tip-code-bg:#079c701a;--rp-container-info-border:#0095ff33;--rp-container-info-text:#07f;--rp-container-info-bg:#0095ff0f;--rp-container-info-code-bg:#0095ff1a;--rp-container-warning-border:#ffc51766;--rp-container-warning-text:#887233;--rp-container-warning-bg:#ffc5171a;--rp-container-warning-code-bg:#ffc5171a;--rp-container-danger-border:#ed3c5033;--rp-container-danger-text:#ab2131;--rp-container-danger-bg:#ed3c5014;--rp-container-danger-code-bg:#ed3c501a;--rp-container-details-border:var(--rp-c-divider-light);--rp-container-details-text:var(--rp-c-text-1);--rp-container-details-bg:var(--rp-c-bg-soft);--rp-container-details-code-bg:#8080801a;--rp-container-details-link:var(--rp-c-link)}.dark{--rp-container-tip-text:#3ec480;--rp-container-tip-bg:#079c701a;--rp-container-info-text:#66c2ff;--rp-container-info-bg:#0095ff1a;--rp-container-warning-text:#fbb451;--rp-container-warning-border:#ffc51740;--rp-container-warning-bg:#ffc5171f;--rp-container-danger-text:#f76e85;--rp-container-danger-border:#ed3c504d;--rp-container-danger-bg:#ed3c501f}.rspress-doc .rspress-directive{border-radius:var(--rp-radius);border:1px solid #0000;margin:24px 0;padding:20px 24px 12px;font-size:14px;font-weight:400;line-height:1.7}.rspress-doc .rspress-directive .rspress-directive-title{margin-bottom:8px;font-size:16px;font-weight:600}.rspress-doc .rspress-directive .rspress-directive-content p{margin:8px 0}.rspress-doc .rspress-directive .rspress-directive-icon{width:20px;height:20px;margin-right:3px;display:inline-block}.rspress-doc .rspress-directive p{margin:8px 0}.rspress-doc .rspress-directive code{color:inherit;font-size:13px}.rspress-doc .rspress-directive a{border-bottom:1px solid;font-weight:500;transition:color .25s}.rspress-doc .rspress-directive.note{border-color:var(--rp-container-note-border);background-color:var(--rp-container-note-bg)}.rspress-doc .rspress-directive.note .rspress-directive-title{color:var(--rp-container-note-text)}.rspress-doc .rspress-directive.note code{color:var(--rp-container-note-text);background-color:var(--rp-container-note-code-bg)}.rspress-doc .rspress-directive.note a{color:var(--rp-container-note-text)}.rspress-doc .rspress-directive.tip{border-color:var(--rp-container-tip-border);background-color:var(--rp-container-tip-bg)}.rspress-doc .rspress-directive.tip .rspress-directive-title{color:var(--rp-container-tip-text)}.rspress-doc .rspress-directive.tip code{color:var(--rp-container-tip-text);background-color:var(--rp-container-tip-code-bg)}.rspress-doc .rspress-directive.tip a{color:var(--rp-container-tip-text)}.rspress-doc .rspress-directive.info{border-color:var(--rp-container-info-border);background-color:var(--rp-container-info-bg)}.rspress-doc .rspress-directive.info .rspress-directive-title{color:var(--rp-container-info-text)}.rspress-doc .rspress-directive.info code{color:var(--rp-container-info-text);background-color:var(--rp-container-info-code-bg)}.rspress-doc .rspress-directive.info a{color:var(--rp-container-info-text)}.rspress-doc .rspress-directive.warning{border-color:var(--rp-container-warning-border);background-color:var(--rp-container-warning-bg)}.rspress-doc .rspress-directive.warning .rspress-directive-title{color:var(--rp-container-warning-text)}.rspress-doc .rspress-directive.warning code{color:var(--rp-container-warning-text);background-color:var(--rp-container-warning-code-bg)}.rspress-doc .rspress-directive.warning a{color:var(--rp-container-warning-text)}.rspress-doc .rspress-directive.caution,.rspress-doc .rspress-directive.danger{border-color:var(--rp-container-danger-border);background-color:var(--rp-container-danger-bg)}.rspress-doc .rspress-directive.caution .rspress-directive-title,.rspress-doc .rspress-directive.danger .rspress-directive-title{color:var(--rp-container-danger-text)}.rspress-doc .rspress-directive.caution code,.rspress-doc .rspress-directive.danger code{color:var(--rp-container-danger-text);background-color:var(--rp-container-danger-code-bg)}.rspress-doc .rspress-directive.caution a,.rspress-doc .rspress-directive.danger a{color:var(--rp-container-danger-text)}.rspress-doc .rspress-directive.details{border-color:var(--rp-container-details-border);background-color:var(--rp-container-details-bg)}.rspress-doc .rspress-directive.details .rspress-directive-title{color:var(--rp-container-details-text)}.rspress-doc .rspress-directive.details code{color:var(--rp-container-details-text);background-color:var(--rp-container-details-code-bg)}.rspress-doc .rspress-directive.details a{color:var(--rp-container-details-link)}:root .rspress-preview div[class*=language-]{border-radius:0;height:100%;margin:0}#nprogress{pointer-events:none}#nprogress .bar{z-index:1031;background:#29d;width:100%;height:2px;position:fixed;top:0;left:0}#nprogress .peg{opacity:1;width:100px;height:100%;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px);box-shadow:0 0 10px #29d,0 0 5px #29d}#nprogress .spinner{z-index:1031;display:block;position:fixed;top:15px;right:15px}#nprogress .spinner-icon{box-sizing:border-box;border:2px solid #0000;border-color:#29d #0000 #0000 #29d;border-radius:50%;width:18px;height:18px;animation:.4s linear infinite nprogress-spinner}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.medium-zoom-overlay,.medium-zoom-image--opened{z-index:999}:root{--sd-color-primary:#409eff;--sd-color-success:#67c23a;--sd-color-warning:#e6a23c;--sd-color-danger:#f56c6c;--sd-color-info:#909399;--sd-color-primary-light-3:#79bbff;--sd-color-primary-light-5:#a0cfff;--sd-color-primary-light-7:#c6e2ff;--sd-color-primary-light-8:#d9ecff;--sd-color-primary-light-9:#ecf5ff;--sd-color-primary-dark-2:#337ecc;--sd-color-success-light-5:#b3e19d;--sd-color-success-light-9:#f0f9eb;--sd-color-warning-light-5:#f3d19e;--sd-color-warning-light-9:#fdf6ec;--sd-color-danger-light-5:#f89898;--sd-color-danger-light-9:#fef0f0;--sd-color-info-light-5:#c8c9cc;--sd-color-info-light-9:#f4f4f5;--sd-color-white:#fff;--sd-color-black:#000;--sd-text-color-primary:#303133;--sd-text-color-regular:#606266;--sd-text-color-secondary:#909399;--sd-text-color-placeholder:#a8abb2;--sd-text-color-disabled:#c0c4cc;--sd-border-color:#dcdfe6;--sd-border-color-light:#e4e7ed;--sd-border-color-lighter:#ebeef5;--sd-border-color-extra-light:#f2f6fc;--sd-border-color-dark:#d4d7de;--sd-border-color-darker:#cdd0d6;--sd-fill-color-blank:#fff;--sd-bg-color:#fff;--sd-bg-color-page:#f2f3f5;--sd-bg-color-overlay:#fff;--sd-border-radius-base:4px;--sd-border-radius-small:2px;--sd-border-radius-round:20px;--sd-border-radius-circle:100%;--sd-font-size-extra-large:20px;--sd-font-size-large:18px;--sd-font-size-medium:16px;--sd-font-size-base:14px;--sd-font-size-small:13px;--sd-font-size-extra-small:12px;--sd-component-size-large:40px;--sd-component-size-default:32px;--sd-component-size-small:24px;--sd-box-shadow-base:0 2px 4px #0000001f,0 0 6px #0000000a;--sd-box-shadow-light:0 2px 12px 0 #0000001a;--sd-box-shadow-lighter:0 2px 8px 0 #0000000f;--sd-box-shadow-dark:0 2px 16px 0 #0000001f;--sd-disabled-bg-color:var(--sd-fill-color-blank);--sd-disabled-text-color:var(--sd-text-color-placeholder);--sd-disabled-border-color:var(--sd-border-color-light);--sd-transition-duration:.3s;--sd-transition-duration-fast:.2s;--sd-transition-function-ease-in-out-bezier:cubic-bezier(.645,.045,.355,1);--sd-transition-function-fast-bezier:cubic-bezier(.23,1,.32,1)}.sd-dark{--sd-color-primary:#409eff;--sd-text-color-primary:#e5eaf3;--sd-text-color-regular:#cfd3dc;--sd-text-color-secondary:#a3a6ad;--sd-text-color-placeholder:#8d9095;--sd-text-color-disabled:#6c6e72;--sd-border-color:#4c4d4f;--sd-border-color-light:#414243;--sd-border-color-lighter:#363637;--sd-border-color-extra-light:#2b2b2c;--sd-fill-color-blank:#1d1e1f;--sd-bg-color:#141414;--sd-bg-color-page:#0a0a0a;--sd-bg-color-overlay:#1d1e1f}*{box-sizing:border-box;margin:0;padding:0}.sd-clearfix:after{content:"";clear:both;display:table}.sd-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sd-button{font-size:var(--sd-font-size-base);white-space:nowrap;cursor:pointer;background-color:var(--sd-fill-color-blank);border:1px solid var(--sd-border-color);border-radius:var(--sd-border-radius-base);color:var(--sd-text-color-regular);transition:all var(--sd-transition-duration-fast)var(--sd-transition-function-ease-in-out-bezier);-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;gap:6px;padding:8px 15px;font-weight:500;line-height:1;display:inline-flex}.sd-button:hover,.sd-button:focus{color:var(--sd-color-primary);border-color:var(--sd-color-primary-light-7);background-color:var(--sd-color-primary-light-9)}.sd-button:active{color:var(--sd-color-primary-dark-2);border-color:var(--sd-color-primary-dark-2)}.sd-button--primary{color:var(--sd-color-white);background-color:var(--sd-color-primary);border-color:var(--sd-color-primary)}.sd-button--primary:hover,.sd-button--primary:focus{background-color:var(--sd-color-primary-light-3);border-color:var(--sd-color-primary-light-3);color:var(--sd-color-white)}.sd-button--primary:active{background-color:var(--sd-color-primary-dark-2);border-color:var(--sd-color-primary-dark-2)}.sd-button--success{color:var(--sd-color-white);background-color:var(--sd-color-success);border-color:var(--sd-color-success)}.sd-button--success:hover,.sd-button--success:focus{opacity:.8}.sd-button--warning{color:var(--sd-color-white);background-color:var(--sd-color-warning);border-color:var(--sd-color-warning)}.sd-button--warning:hover,.sd-button--warning:focus{opacity:.8}.sd-button--danger{color:var(--sd-color-white);background-color:var(--sd-color-danger);border-color:var(--sd-color-danger)}.sd-button--danger:hover,.sd-button--danger:focus{opacity:.8}.sd-button--info{color:var(--sd-color-white);background-color:var(--sd-color-info);border-color:var(--sd-color-info)}.sd-button--info:hover,.sd-button--info:focus{opacity:.8}.sd-button--plain{background-color:#0000}.sd-button--plain:hover,.sd-button--plain:focus{color:var(--sd-color-primary);border-color:var(--sd-color-primary-light-7);background-color:var(--sd-color-primary-light-9)}.sd-button--primary.sd-button--plain{color:var(--sd-color-primary)!important;background-color:var(--sd-color-primary-light-9)!important;border-color:var(--sd-color-primary-light-5)!important}.sd-button--primary.sd-button--plain:hover,.sd-button--primary.sd-button--plain:focus{background-color:var(--sd-color-primary)!important;border-color:var(--sd-color-primary)!important;color:var(--sd-color-white)!important}.sd-button--success.sd-button--plain{color:var(--sd-color-success)!important;background-color:var(--sd-color-success-light-9)!important;border-color:var(--sd-color-success-light-5)!important}.sd-button--success.sd-button--plain:hover,.sd-button--success.sd-button--plain:focus{background-color:var(--sd-color-success)!important;border-color:var(--sd-color-success)!important;color:var(--sd-color-white)!important}.sd-button--warning.sd-button--plain{color:var(--sd-color-warning)!important;background-color:var(--sd-color-warning-light-9)!important;border-color:var(--sd-color-warning-light-5)!important}.sd-button--warning.sd-button--plain:hover,.sd-button--warning.sd-button--plain:focus{background-color:var(--sd-color-warning)!important;border-color:var(--sd-color-warning)!important;color:var(--sd-color-white)!important}.sd-button--danger.sd-button--plain{color:var(--sd-color-danger)!important;background-color:var(--sd-color-danger-light-9)!important;border-color:var(--sd-color-danger-light-5)!important}.sd-button--danger.sd-button--plain:hover,.sd-button--danger.sd-button--plain:focus{background-color:var(--sd-color-danger)!important;border-color:var(--sd-color-danger)!important;color:var(--sd-color-white)!important}.sd-button--info.sd-button--plain{color:var(--sd-color-info)!important;background-color:var(--sd-color-info-light-9)!important;border-color:var(--sd-color-info-light-5)!important}.sd-button--info.sd-button--plain:hover,.sd-button--info.sd-button--plain:focus{background-color:var(--sd-color-info)!important;border-color:var(--sd-color-info)!important;color:var(--sd-color-white)!important}.sd-button--round{border-radius:var(--sd-border-radius-round);padding:8px 15px}.sd-button--circle{border-radius:var(--sd-border-radius-circle);width:32px;height:32px;padding:8px}.sd-button--large{height:var(--sd-component-size-large);font-size:var(--sd-font-size-base);padding:12px 19px}.sd-button--large.sd-button--circle{width:40px;height:40px}.sd-button--small{height:var(--sd-component-size-small);font-size:var(--sd-font-size-small);padding:5px 11px}.sd-button--small.sd-button--circle{width:24px;height:24px}.sd-button.is-disabled,.sd-button.is-disabled:hover,.sd-button.is-disabled:focus{color:var(--sd-disabled-text-color);background-color:var(--sd-disabled-bg-color);border-color:var(--sd-disabled-border-color);cursor:not-allowed}.sd-button--loading{pointer-events:none;position:relative}.sd-button__loading-icon{align-items:center;display:inline-flex}.sd-button__spinner{width:1em;height:1em;animation:2s linear infinite sd-button-spin}@keyframes sd-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sd-button__icon{align-items:center;display:inline-flex}.sd-button__text{display:inline-block}.sd-input{width:100%;font-size:var(--sd-font-size-base);line-height:var(--sd-component-size-default);display:inline-flex;position:relative}.sd-input__inner{width:100%;height:var(--sd-component-size-default);font-size:inherit;line-height:inherit;color:var(--sd-text-color-regular);background-color:var(--sd-fill-color-blank);border:1px solid var(--sd-border-color);border-radius:var(--sd-border-radius-base);transition:all var(--sd-transition-duration-fast);outline:none;flex:1;padding:0 15px}.sd-input__inner:hover{border-color:var(--sd-border-color-darker)}.sd-input__inner:focus{border-color:var(--sd-color-primary)}.sd-input__inner::placeholder{color:var(--sd-text-color-placeholder)}.sd-input--prefix .sd-input__inner{padding-left:30px}.sd-input__prefix{color:var(--sd-text-color-placeholder);pointer-events:none;align-items:center;display:inline-flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sd-input--suffix .sd-input__inner{padding-right:30px}.sd-input__suffix{color:var(--sd-text-color-placeholder);align-items:center;gap:4px;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.sd-input__clear,.sd-input__password{cursor:pointer;transition:color var(--sd-transition-duration-fast);align-items:center;display:inline-flex}.sd-input__clear:hover,.sd-input__password:hover{color:var(--sd-text-color-regular)}.sd-input--large .sd-input__inner{height:var(--sd-component-size-large);font-size:var(--sd-font-size-medium)}.sd-input--small .sd-input__inner{height:var(--sd-component-size-small);font-size:var(--sd-font-size-small)}.sd-input.is-disabled .sd-input__inner{color:var(--sd-disabled-text-color);background-color:var(--sd-disabled-bg-color);border-color:var(--sd-disabled-border-color);cursor:not-allowed}.sd-switch{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;display:inline-flex;position:relative}.sd-switch:focus-visible .sd-switch__core{outline:2px solid var(--sd-color-primary);outline-offset:1px}.sd-switch__input{opacity:0;width:0;height:0;margin:0;position:absolute}.sd-switch__core{border:1px solid var(--sd-border-color);background-color:var(--sd-border-color-darker);width:50px;height:24px;transition:all var(--sd-transition-duration-fast);border-radius:12px;justify-content:center;align-items:center;display:inline-flex;position:relative}.sd-switch__action{width:20px;height:20px;transition:all var(--sd-transition-duration-fast);z-index:1;background-color:#fff;border-radius:50%;position:absolute;left:2px;box-shadow:0 1px 3px #0003}.sd-switch__content{color:#333;z-index:3;pointer-events:none;transition:all var(--sd-transition-duration-fast);text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px;font-weight:600;line-height:1;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.sd-switch.is-checked .sd-switch__core{background-color:var(--sd-color-primary);border-color:var(--sd-color-primary)}.sd-switch.is-checked .sd-switch__action{left:calc(100% - 22px)}.sd-switch.is-checked .sd-switch__content{left:calc(100% - 18px)}.sd-switch__loading{color:var(--sd-color-white);align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sd-switch__spinner{width:12px;height:12px;animation:2s linear infinite sd-switch-spin}@keyframes sd-switch-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sd-switch.is-loading .sd-switch__action{opacity:0}.sd-switch.is-disabled{opacity:.6;cursor:not-allowed}.sd-switch.is-disabled .sd-switch__core{background-color:var(--sd-disabled-bg-color);border-color:var(--sd-disabled-border-color)}.sd-pagination{font-size:var(--sd-font-size-base);color:var(--sd-text-color-regular);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.sd-pagination--s{font-size:var(--sd-font-size-small)}.sd-pagination--s .sd-pagination__item{min-width:28px;height:28px;padding:0 8px}.sd-pagination--s .sd-pagination__size-select,.sd-pagination--s .sd-pagination__jumper-input{height:28px;font-size:var(--sd-font-size-small)}.sd-pagination--m .sd-pagination__item{min-width:32px;height:32px;padding:0 10px}.sd-pagination--m .sd-pagination__size-select,.sd-pagination--m .sd-pagination__jumper-input{height:32px}.sd-pagination__item{min-width:32px;height:32px;font-size:inherit;white-space:nowrap;cursor:pointer;background-color:var(--sd-fill-color-blank);border:1px solid var(--sd-border-color);border-radius:var(--sd-border-radius-base);color:var(--sd-text-color-regular);transition:all var(--sd-transition-duration-fast)var(--sd-transition-function-ease-in-out-bezier);-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;padding:0 10px;font-weight:500;line-height:1;display:flex}.sd-pagination__item:hover,.sd-pagination__item:focus{color:var(--sd-color-primary);border-color:var(--sd-color-primary-light-7);background-color:var(--sd-color-primary-light-9)}.sd-pagination__item:active{color:var(--sd-color-primary-dark-2);border-color:var(--sd-color-primary-dark-2)}.sd-pagination__item.is-disabled{color:var(--sd-text-color-disabled);cursor:not-allowed;background-color:var(--sd-fill-color-disabled);border-color:var(--sd-border-color-light)}.sd-pagination__item.is-disabled:hover,.sd-pagination__item.is-disabled:focus,.sd-pagination__item.is-disabled:active{color:var(--sd-text-color-disabled);background-color:var(--sd-fill-color-disabled);border-color:var(--sd-border-color-light)}.sd-pagination__page.is-active{color:var(--sd-color-white);background-color:var(--sd-color-primary);border-color:var(--sd-color-primary);cursor:default}.sd-pagination__page.is-active:hover,.sd-pagination__page.is-active:focus,.sd-pagination__page.is-active:active{color:var(--sd-color-white);background-color:var(--sd-color-primary);border-color:var(--sd-color-primary)}.sd-pagination__prev,.sd-pagination__next{font-weight:600}.sd-pagination__more{min-width:32px;height:32px;color:var(--sd-text-color-regular);cursor:default;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0 4px;display:flex}.sd-pagination__size-changer{align-items:center;margin-left:12px;display:flex}.sd-pagination__size-select{font-size:inherit;border:1px solid var(--sd-border-color);border-radius:var(--sd-border-radius-base);background-color:var(--sd-fill-color-blank);color:var(--sd-text-color-regular);cursor:pointer;transition:border-color var(--sd-transition-duration-fast)var(--sd-transition-function-ease-in-out-bezier);outline:none;padding:4px 8px}.sd-pagination__size-select:hover,.sd-pagination__size-select:focus{border-color:var(--sd-color-primary)}.sd-pagination__size-select:focus{outline:2px solid var(--sd-color-primary-light-9);outline-offset:-1px}.sd-pagination__jumper{align-items:center;gap:4px;margin-left:12px;display:flex}.sd-pagination__jumper-text{color:var(--sd-text-color-regular);font-size:inherit}.sd-pagination__jumper-input{width:50px;font-size:inherit;border:1px solid var(--sd-border-color);border-radius:var(--sd-border-radius-base);background-color:var(--sd-fill-color-blank);color:var(--sd-text-color-regular);text-align:center;transition:border-color var(--sd-transition-duration-fast)var(--sd-transition-function-ease-in-out-bezier);outline:none;padding:4px 8px}.sd-pagination__jumper-input:hover,.sd-pagination__jumper-input:focus{border-color:var(--sd-color-primary)}.sd-pagination__jumper-input:focus{outline:2px solid var(--sd-color-primary-light-9);outline-offset:-1px}.sd-pagination__jumper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sd-pagination__jumper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sd-pagination__jumper-input[type=number]{-moz-appearance:textfield}.sd-pagination__total{color:var(--sd-text-color-secondary);font-size:inherit;white-space:nowrap;margin-left:12px}@media (max-width:768px){.sd-pagination{flex-wrap:wrap;gap:6px}.sd-pagination__size-changer,.sd-pagination__jumper,.sd-pagination__total{margin-top:8px;margin-left:0}.sd-pagination__item{min-width:28px;height:28px;padding:0 6px}}.sd-cascader{width:100%;font-size:var(--sd-font-size-base);display:inline-block;position:relative}.sd-cascader__input{border:1px solid var(--sd-border-color);border-radius:var(--sd-border-radius-base);background-color:var(--sd-fill-color-blank);width:100%;min-height:32px;color:var(--sd-text-color-regular);font-size:inherit;cursor:pointer;transition:all var(--sd-transition-duration-fast);flex-wrap:wrap;align-items:center;gap:4px;padding:4px 30px 4px 12px;line-height:1.5715;display:flex;position:relative}.sd-cascader__input:hover{border-color:var(--sd-border-color-hover)}.sd-cascader__input:focus{border-color:var(--sd-color-primary);box-shadow:0 0 0 2px var(--sd-color-primary-light-9);outline:none}.sd-cascader__input.is-disabled{background-color:var(--sd-fill-color-light);color:var(--sd-text-color-placeholder);cursor:not-allowed}.sd-cascader__input.is-disabled:hover{border-color:var(--sd-border-color)}.sd-cascader__input.is-disabled .sd-cascader__tag{color:var(--sd-text-color-placeholder);background-color:var(--sd-fill-color-light)}.sd-cascader__placeholder{color:var(--sd-text-color-placeholder);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sd-cascader__selected-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sd-cascader__tag{max-width:100%;height:20px;font-size:var(--sd-font-size-small);background-color:var(--sd-color-primary-light-9);color:var(--sd-color-primary);border-radius:var(--sd-border-radius-small);align-items:center;margin:2px 0;padding:0 6px;display:inline-flex}.sd-cascader__tag-content{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.sd-cascader__tag-close{width:12px;height:12px;color:var(--sd-color-primary);cursor:pointer;transition:all var(--sd-transition-duration-fast);border-radius:50%;justify-content:center;align-items:center;margin-left:4px;display:inline-flex}.sd-cascader__tag-close:hover{background-color:var(--sd-color-primary);color:#fff}.sd-cascader__suffix{color:var(--sd-text-color-placeholder);pointer-events:none;align-items:center;gap:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sd-cascader__arrow{transition:transform var(--sd-transition-duration);justify-content:center;align-items:center;font-size:14px;display:flex}.sd-cascader__arrow.is-expanded{transform:rotate(180deg)}.sd-cascader__clear{width:16px;height:16px;color:var(--sd-text-color-placeholder);cursor:pointer;transition:all var(--sd-transition-duration-fast);pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;display:flex}.sd-cascader__clear:hover{color:var(--sd-text-color-regular);background-color:var(--sd-fill-color-light)}.sd-cascader__panel{width:-moz-fit-content;width:fit-content;min-width:180px;font-size:var(--sd-font-size-base);background-color:var(--sd-color-white);border:1px solid var(--sd-border-color);border-radius:var(--sd-border-radius-base);opacity:0;transition:opacity var(--sd-transition-duration-fast);display:flex;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f}.sd-cascader__search{border-bottom:1px solid var(--sd-border-color-lighter);padding:8px 12px}.sd-cascader__search-input{border:1px solid var(--sd-border-color);border-radius:var(--sd-border-radius-small);width:100%;font-size:var(--sd-font-size-base);background-color:var(--sd-fill-color-blank);color:var(--sd-text-color-regular);transition:border-color var(--sd-transition-duration-fast);outline:none;padding:6px 8px}.sd-cascader__search-input:focus{border-color:var(--sd-color-primary);box-shadow:0 0 0 2px var(--sd-color-primary-light-9)}.sd-cascader__panel.is-visible{opacity:1}.sd-cascader__menu{box-sizing:border-box;min-width:180px;color:var(--sd-text-color-regular);border-right:1px solid var(--sd-border-color-lighter);scrollbar-width:thin;scrollbar-color:var(--sd-border-color)transparent;max-height:204px;overflow-y:auto}.sd-cascader__menu::-webkit-scrollbar{width:6px}.sd-cascader__menu::-webkit-scrollbar-track{background:0 0}.sd-cascader__menu::-webkit-scrollbar-thumb{background:var(--sd-border-color);border-radius:3px}.sd-cascader__menu::-webkit-scrollbar-thumb:hover{background:var(--sd-border-color-hover)}.sd-cascader__menu:last-child{border-right:none}.sd-cascader__menu:last-child .sd-cascader__menu-item{padding-right:20px}.sd-cascader__menu-list{box-sizing:border-box;min-height:100%;margin:0;padding:6px 0;list-style:none;position:relative}.sd-cascader__menu-item{cursor:pointer;height:34px;transition:all var(--sd-transition-duration-fast);-webkit-user-select:none;user-select:none;outline:none;align-items:center;padding:0 30px 0 20px;line-height:34px;display:flex;position:relative}.sd-cascader__menu-item:not(.is-disabled):hover,.sd-cascader__menu-item:not(.is-disabled):focus{background-color:var(--sd-fill-color-light)}.sd-cascader__menu-item.is-active,.sd-cascader__menu-item.in-active-path{color:var(--sd-color-primary);background-color:var(--sd-color-primary-light-9);font-weight:500}.sd-cascader__menu-item.is-focused{background-color:var(--sd-fill-color-light);outline:2px solid var(--sd-color-primary);outline-offset:-2px}.sd-cascader__menu-item:hover{background-color:var(--sd-fill-color-light)}.sd-cascader__menu-item.is-active{color:var(--sd-color-primary);font-weight:500}.sd-cascader__menu-item.is-active,.sd-cascader__menu-item:hover{background-color:var(--sd-color-primary-light-9)}.sd-cascader__menu-item.is-disabled{color:var(--sd-text-color-placeholder);cursor:not-allowed}.sd-cascader__menu-item.is-disabled:hover{background-color:#0000}.sd-cascader__menu-item-content{flex:1;align-items:center;gap:8px;display:flex}.sd-cascader__menu-item-checkbox{border:1px solid var(--sd-border-color);background-color:var(--sd-color-white);width:16px;height:16px;transition:all var(--sd-transition-duration-fast);border-radius:2px;justify-content:center;align-items:center;display:flex}.sd-cascader__menu-item-checkbox.is-checked{background-color:var(--sd-color-primary);border-color:var(--sd-color-primary)}.sd-cascader__menu-item-checkbox.is-checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:block;transform:rotate(45deg)}.sd-cascader__menu-item-checkbox.is-disabled{background-color:var(--sd-fill-color-light);border-color:var(--sd-border-color-light);cursor:not-allowed}.sd-cascader__menu-item-arrow{width:16px;height:16px;color:var(--sd-text-color-placeholder);transition:transform var(--sd-transition-duration-fast);justify-content:center;align-items:center;display:flex}.sd-cascader__menu-item.has-children .sd-cascader__menu-item-arrow{transform:rotate(90deg)}.sd-cascader__menu-item-prefix{position:absolute;left:10px}.sd-cascader__menu-item-postfix{position:absolute;right:10px}.sd-cascader__menu-item-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 8px;overflow:hidden}.sd-cascader__empty{color:var(--sd-text-color-placeholder);text-align:center;font-size:var(--sd-font-size-small);margin:20px 0;padding:20px}:root{--rp-preview-button-hover-bg:#e5e6eb;--rp-preview-button-bg:#e5e6eb}.dark{--rp-preview-button-hover-bg:#c5c5c5;--rp-preview-button-bg:#c5c5c5}.rspress-preview{padding:16px 0}.rspress-preview-wrapper{border:1px solid var(--rp-container-details-border);border-radius:var(--rp-radius-small);display:flex}.rspress-preview-card{border:1px solid var(--rp-container-details-border);border-radius:var(--rp-radius-small);padding:16px;display:flex;position:relative}.rspress-preview-qrcode{background-color:#fff;width:120px;height:120px;padding:12px;position:absolute;top:-132px;right:-46px}.rspress-preview-code{flex:1;max-height:700px;position:relative;overflow:hidden}.rspress-preview-code-hide{display:none;position:relative;overflow:hidden}.rspress-preview-code-show{margin-top:16px;display:block}.rspress-preview-device{border-left:1px solid #e6e6e6;flex-direction:column;flex:0 0;display:flex;position:relative}.rspress-preview-device iframe{border-bottom:1px solid #e6e6e6;flex:auto;width:360px;height:100%}.rspress-preview-operations button{text-align:center;background-color:var(--rp-c-bg-soft);border:1px solid #0000;border-radius:50%;width:28px;height:28px;margin-left:14px;padding:0}.rspress-preview-operations button:hover{background-color:var(--rp-preview-button-hover-bg)}.rspress-preview-operations svg{vertical-align:-2px;display:inline-block}.rspress-preview-operations.mobile{justify-content:flex-end;width:100%;padding:6px;display:flex}.rspress-preview-operations.web{flex:none;justify-content:center;align-items:center;display:flex}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! For license information please see 166.
|
|
2
|
-
"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([["166"],{3321:function(e,a,s){s.d(a,{vT:()=>p,tl:()=>h,zx:()=>d,II:()=>o,rs:()=>u});var l,n=s(3732);function t(...e){let a=[];for(let s of e)if(s){if("string"==typeof s&&s.trim())a.push(s.trim());else if("number"==typeof s)a.push(String(s));else if(Array.isArray(s)){let e=t(...s);e&&a.push(e)}else if("object"==typeof s)for(let e in s)s[e]&&a.push(e)}return a.join(" ")}var r={exports:{}},i={};r.exports=function(){if(l)return i;l=1;var e=Symbol.for("react.transitional.element");function a(a,s,l){var n=null;if(void 0!==l&&(n=""+l),void 0!==s.key&&(n=""+s.key),"key"in s)for(var t in l={},s)"key"!==t&&(l[t]=s[t]);else l=s;return{$$typeof:e,type:a,key:n,ref:void 0!==(s=l.ref)?s:null,props:l}}return i.Fragment=Symbol.for("react.fragment"),i.jsx=a,i.jsxs=a,i}();var c=r.exports;let d=(0,n.forwardRef)((e,a)=>{let{type:s="default",size:l="default",plain:n=!1,round:r=!1,circle:i=!1,loading:d=!1,disabled:o=!1,nativeType:u="button",icon:h,className:p,children:m,...f}=e,v=t("sd-button",`sd-button--${s}`,`sd-button--${l}`,{"sd-button--plain":n,"sd-button--round":r,"sd-button--circle":i,"sd-button--loading":d,"is-disabled":o||d},p);return c.jsxs("button",{ref:a,type:u,className:v,disabled:o||d,...f,children:[d&&c.jsx("span",{className:"sd-button__loading-icon",children:c.jsx("svg",{viewBox:"0 0 1024 1024",className:"sd-button__spinner",children:c.jsx("path",{fill:"currentColor",d:"M512 64a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.2a32 32 0 0 1 0 45.248L692.992 376.32a32 32 0 0 1-45.248-45.248L783.552 195.2a32 32 0 0 1 45.248 0zM376.32 647.744a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"})})}),h&&!d&&c.jsx("span",{className:"sd-button__icon",children:h}),m&&c.jsx("span",{className:"sd-button__text",children:m})]})});d.displayName="Button";let o=(0,n.forwardRef)((e,a)=>{let{type:s="text",size:l="default",disabled:r=!1,readOnly:i=!1,clearable:d=!1,showPassword:o=!1,prefixIcon:u,suffixIcon:h,className:p,value:m,defaultValue:f,onInput:v,onChange:_,onClear:x,onFocus:g,...b}=e,[j,N]=(0,n.useState)(!1),[k,C]=(0,n.useState)(f||""),y=(0,n.useRef)(null);(0,n.useImperativeHandle)(a,()=>y.current,[]);let w=o?j?"text":"password":s,z=void 0!==m?m:k,S=d&&z&&!r&&!i,M=t("sd-input",`sd-input--${l}`,{"is-disabled":r,"sd-input--prefix":!!u,"sd-input--suffix":!!(h||S||o)},p);return c.jsxs("div",{className:M,children:[u&&c.jsx("span",{className:"sd-input__prefix",children:u}),c.jsx("input",{ref:y,type:w,className:"sd-input__inner",disabled:r,readOnly:i,value:z,onChange:e=>{let a=e.target.value;void 0===m&&C(a),null==_||_(e),null==v||v(a)},onFocus:e=>{let a=e.target;void 0!==m?(null==v||v(""),_&&_({target:{...a,value:""},currentTarget:a})):(C(""),_&&_({target:{...a,value:""},currentTarget:a}),null==v||v("")),null==g||g(e)},...b}),c.jsxs("span",{className:"sd-input__suffix",children:[S&&c.jsx("span",{className:"sd-input__clear",onClick:e=>{e.preventDefault(),e.stopPropagation(),null==v||v(""),void 0===m&&C("");let a=y.current;a&&_&&_({target:{...a,value:""},currentTarget:a}),null==x||x()},onMouseDown:e=>{e.preventDefault()},children:c.jsx("svg",{viewBox:"0 0 1024 1024",width:"14",height:"14",style:{pointerEvents:"none"},children:c.jsx("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"})})}),o&&c.jsx("span",{className:"sd-input__password",onClick:()=>N(!j),children:j?c.jsx("svg",{viewBox:"0 0 1024 1024",width:"14",height:"14",children:c.jsx("path",{fill:"currentColor",d:"M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"})}):c.jsxs("svg",{viewBox:"0 0 1024 1024",width:"14",height:"14",children:[c.jsx("path",{fill:"currentColor",d:"M876.8 156.8c0-9.6-3.2-16-9.6-22.4-6.4-6.4-12.8-9.6-22.4-9.6-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4 0 9.6 3.2 16 9.6 22.4 6.4 6.4 12.8 9.6 22.4 9.6 9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8 28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8 0-44.8 16-83.2 48-112 32-28.8 67.2-48 112-48 28.8 0 54.4 6.4 73.6 19.2L371.2 588.8ZM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6-28.8 48-80 105.6-153.6 172.8-73.6 67.2-172.8 108.8-284.8 115.2-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8 160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"}),c.jsx("path",{fill:"currentColor",d:"M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112-32 28.8-67.2 48-112 48Z"})]})}),h&&!S&&c.jsx("span",{className:"sd-input__suffix-icon",children:h})]})]})});o.displayName="Input";let u=(0,n.forwardRef)((e,a)=>{let{checked:s,defaultChecked:l=!1,disabled:r=!1,loading:i=!1,checkedNode:d,unCheckedNode:o,checkedColor:u,unCheckedColor:h,className:p,onChange:m,name:f,id:v}=e,[_,x]=n.useState(l),g=void 0!==s,b=g?s:_,j=()=>{if(r||i)return;let e=!b;g||x(e),m&&m(e)},N=t("sd-switch",{"is-checked":b,"is-disabled":r||i,"is-loading":i},p),k={};return b&&u?k.backgroundColor=u:!b&&h&&(k.backgroundColor=h),c.jsxs("div",{className:N,role:"switch","aria-checked":b,"aria-disabled":r||i,tabIndex:r||i?-1:0,onClick:j,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),j())},children:[c.jsx("input",{ref:a,type:"checkbox",className:"sd-switch__input",checked:b,disabled:r||i,onChange:j,name:f,id:v,"aria-hidden":"true"}),c.jsxs("span",{className:"sd-switch__core",style:k,children:[i&&c.jsx("span",{className:"sd-switch__loading",children:c.jsx("svg",{viewBox:"0 0 1024 1024",className:"sd-switch__spinner",children:c.jsx("path",{fill:"currentColor",d:"M512 64a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32z"})})}),c.jsx("span",{className:"sd-switch__action"}),(b?d:o)&&c.jsx("span",{className:"sd-switch__content",children:b?d:o})]})]})});u.displayName="Switch";let h=(0,n.forwardRef)((e,a)=>{let{total:s,defaultCurrent:l=1,defaultPageSize:r=10,current:i,pageSize:d,onChange:o,onPageSizeChange:u,pagerCount:h=7,size:p="m",pageSizeOptions:m=[10,20,50,100],showSizeChanger:f=!0,showQuickJumper:v=!1,className:_,...x}=e,[g,b]=(0,n.useState)(l),j=i??g,[N,k]=(0,n.useState)(r),C=d??N,y=(0,n.useMemo)(()=>Math.ceil(s/C),[s,C]),w=(0,n.useCallback)(e=>{if(e<1||e>y||e===j)return;let a=Math.max(1,Math.min(e,y));void 0===i&&b(a),null==o||o(a,C)},[j,y,C,o,i]),z=(0,n.useCallback)(e=>{void 0===d&&k(e),null==u||u(e),void 0===i&&b(1),null==o||o(1,e)},[u,o,i,d]),S=(0,n.useMemo)(()=>{let e=[];if(y<=h)for(let a=1;a<=y;a++)e.push(a);else{let a=Math.floor((h-2)/2),s=h-2-a;if(e.push(1),j<=a+2){for(let a=2;a<=Math.min(h-2,y-1);a++)e.push(a);y>h-1&&e.push("next-more")}else if(j>=y-s-1){y>h-1&&e.push("prev-more");for(let a=Math.max(2,y-(h-3));a<=y-1;a++)e.push(a)}else{e.push("prev-more");for(let l=j-a;l<=j+s;l++)e.push(l);e.push("next-more")}y>1&&e.push(y)}return e},[y,h,j]),[M,L]=(0,n.useState)(""),D=(0,n.useCallback)(()=>{let e=parseInt(M,10);isNaN(e)||(w(e),L(""))},[M,w]);if(0===s)return null;let A=t("sd-pagination",`sd-pagination--${p}`,_);return c.jsxs("div",{ref:a,className:A,...x,children:[c.jsx("button",{type:"button",className:t("sd-pagination__item","sd-pagination__prev",{"is-disabled":1===j}),disabled:1===j,onClick:()=>w(j-1),"aria-label":"上一页",children:"‹"}),S.map((e,a)=>"prev-more"===e?c.jsx("span",{className:"sd-pagination__more sd-pagination__more--prev",children:"..."},`more-${a}`):"next-more"===e?c.jsx("span",{className:"sd-pagination__more sd-pagination__more--next",children:"..."},`more-${a}`):c.jsx("button",{type:"button",className:t("sd-pagination__item","sd-pagination__page",{"is-active":e===j}),onClick:()=>w(e),children:e},e)),c.jsx("button",{type:"button",className:t("sd-pagination__item","sd-pagination__next",{"is-disabled":j===y}),disabled:j===y,onClick:()=>w(j+1),"aria-label":"下一页",children:"›"}),f&&c.jsx("div",{className:"sd-pagination__size-changer",children:c.jsx("select",{value:C,onChange:e=>z(Number(e.target.value)),className:"sd-pagination__size-select",children:m.map(e=>c.jsxs("option",{value:e,children:[e," 条/页"]},e))})}),v&&c.jsxs("div",{className:"sd-pagination__jumper",children:[c.jsx("span",{className:"sd-pagination__jumper-text",children:"跳至"}),c.jsx("input",{type:"number",min:"1",max:y,value:M,onChange:e=>L(e.target.value),onKeyPress:e=>"Enter"===e.key&&D(),className:"sd-pagination__jumper-input",placeholder:j.toString()}),c.jsx("span",{className:"sd-pagination__jumper-text",children:"页"})]}),c.jsxs("div",{className:"sd-pagination__total",children:["共 ",s," 条"]})]})});h.displayName="Pagination";let p=(0,n.forwardRef)((e,a)=>{let{options:s,expandTrigger:l="click",clearable:r=!1,disabled:i=!1,defaultValue:d,value:o,onChange:u,showAllLevels:h=!0,multiple:p=!1,showSearch:m=!1,filterOption:f,placeholder:v="请选择",searchPlaceholder:_="搜索选项",className:x,style:g,...b}=e,[j,N]=(0,n.useState)(d),[k,C]=(0,n.useState)(!1),[y,w]=(0,n.useState)([]),[z,S]=(0,n.useState)([]),[M,L]=(0,n.useState)(-1),[D,A]=(0,n.useState)(0),[E,P]=(0,n.useState)(""),I=(0,n.useRef)(null),R=(0,n.useRef)(null),B=void 0!==o?o:j,$=(0,n.useMemo)(()=>p?Array.isArray(B)?B:B?[B]:[]:B?Array.isArray(B)?[B[0]]:[B]:[],[B,p]),T=(0,n.useMemo)(()=>(e=>{let a=[],l=(e,a,s=[])=>{for(let n of e){let e=[...s,n];if(n.value===a)return e;if(n.children){let s=l(n.children,a,e);if(s)return s}}return null};for(let n of e){let e=l(s,n);if(e){let s=e[e.length-1];a.push({value:n,label:s.label,path:e})}}return a})($),[$,s]),V=(0,n.useMemo)(()=>{if(0===T.length)return"";if(p)return T.map(e=>e.label).join(", ");{let e=T[0];return h?e.path.map(e=>e.label).join(" / "):e.label}},[T,p,h]),F=(0,n.useCallback)((e,a)=>{if(!e.disabled)if(p){let l,n=$.includes(e.value);l=n?$.filter(a=>a!==e.value):[...$,e.value];let t=p?l:l[0];void 0===o&&N(t);let r=l.map(e=>{let a=s=>{for(let l of s){if(l.value===e)return l;if(l.children){let e=a(l.children);if(e)return e}}return null};return a(s)}).filter(Boolean);null==u||u(t,r.length>0?r:p?[]:void 0),e.children&&!n&&w(a)}else if(e.children)w(a);else{let a=e.value;void 0===o&&N(a),null==u||u(a,e),C(!1),w([])}},[p,$,o,u,s]),H=(0,n.useCallback)((e,a)=>{"hover"===l&&e.children&&S(a)},[l]),Z=(0,n.useMemo)(()=>"hover"===l?z:y,[l,z,y]),O=(0,n.useCallback)(()=>{i||C(!k)},[i,k]),K=(0,n.useCallback)(e=>{e.stopPropagation();let a=p?[]:void 0;void 0===o&&N(a),null==u||u(a,p?[]:void 0),C(!1),w([])},[p,o,u]),J=(0,n.useCallback)((e,a)=>{a.stopPropagation();let s=$.filter(a=>a!==e),l=p?s:s[0]||void 0;void 0===o&&N(l);let n=T.filter(e=>s.includes(e.value)).map(e=>e.path[e.path.length-1]);null==u||u(l,n.length>0?n:p?[]:void 0)},[$,p,o,u,T]),Q=(0,n.useCallback)((e,a)=>a.label.toLowerCase().includes(e.toLowerCase()),[]),U=(0,n.useCallback)((e,a)=>{if(!a)return e;let s=f||Q,l=e=>e.map(e=>{let n=s(a,e),t=[];return e.children&&(t=l(e.children)),n||t.length>0?{...e,children:t.length>0?t:e.children}:null}).filter(Boolean);return l(e)},[f,Q]),q=(0,n.useCallback)(e=>{var a;let l=s;return E&&(l=U(s,E)),0===e?l:Z.length>=e&&(null==(a=Z[e-1])?void 0:a.children)||[]},[s,Z,E,U]),G=(0,n.useCallback)(e=>{var a;if(!k)return;let s=q(D);switch(e.key){case"Escape":C(!1),w([]),S([]),L(-1),A(0),P("");break;case"ArrowDown":if(e.preventDefault(),s.length>0){let e=M<s.length-1?M+1:0;L(e);let a=s[e];a&&"hover"===l&&S(0===D?[a]:[...Z.slice(0,D),a])}break;case"ArrowUp":if(e.preventDefault(),s.length>0){let e=M>0?M-1:s.length-1;L(e);let a=s[e];a&&"hover"===l&&S(0===D?[a]:[...Z.slice(0,D),a])}break;case"ArrowRight":if(e.preventDefault(),M>=0&&null!=(a=s[M])&&a.children){let e=s[M];w(0===D?[e]:[...Z.slice(0,D),e]),A(D+1),L(0)}break;case"ArrowLeft":e.preventDefault(),D>0&&(w(Z.slice(0,D-1)),A(D-1),L(-1));break;case"Enter":if(e.preventDefault(),M>=0&&s[M]){let e=s[M];F(e,[...0===D?[]:Z.slice(0,D),e])}}},[k,M,D,q,l,Z,F,L,A,w,C,S,P]);(0,n.useEffect)(()=>{let e=e=>{I.current&&!I.current.contains(e.target)&&(C(!1),w([]),S([]),L(-1),A(0),P(""))};if(k)return document.addEventListener("mousedown",e),document.addEventListener("keydown",G),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",G)}},[k,G]);let W=(0,n.useCallback)((e,a,s,l)=>{let n=$.includes(e.value),r=e.children&&e.children.length>0,i=y.some(a=>a.value===e.value),d=D===s&&M===l,o=t("sd-cascader__menu-item",{"is-active":n,"is-disabled":e.disabled,"in-active-path":i,"is-focused":d});return c.jsxs("li",{className:o,onClick:s=>{s.stopPropagation(),F(e,[...a,e])},onMouseEnter:()=>{H(e,[...a,e]),L(-1)},children:[p&&c.jsx("div",{className:"sd-cascader__menu-item-prefix",children:c.jsx("div",{className:t("sd-cascader__menu-item-checkbox",{"is-checked":n,"is-disabled":e.disableCheckbox||e.disabled}),children:n&&c.jsx("span",{})})}),c.jsx("span",{className:"sd-cascader__menu-item-label",children:e.label}),r&&c.jsx("div",{className:"sd-cascader__menu-item-postfix",children:c.jsx("span",{className:"sd-cascader__menu-item-arrow",children:"›"})})]},e.value)},[$,y,p,D,M,F,H]),X=(0,n.useCallback)((e,a=[],s=0)=>e&&0!==e.length?c.jsx("div",{className:"sd-cascader__menu",children:c.jsx("ul",{className:"sd-cascader__menu-list",children:e.map((e,l)=>W(e,a,s,l))})}):c.jsx("div",{className:"sd-cascader__empty",children:"无数据"}),[W]),Y=t("sd-cascader",x),ee=t("sd-cascader__input",{"is-disabled":i,"is-expanded":k}),ea=(0,n.useCallback)(e=>{I.current=e,"function"==typeof a?a(e):a&&(a.current=e)},[a]);return c.jsxs("div",{ref:ea,className:Y,style:g,...b,children:[c.jsxs("div",{ref:R,className:ee,onClick:O,children:[p?c.jsxs(c.Fragment,{children:[T.map(e=>c.jsxs("span",{className:"sd-cascader__tag",children:[c.jsx("span",{className:"sd-cascader__tag-content",children:e.label}),c.jsx("span",{className:"sd-cascader__tag-close",onClick:a=>J(e.value,a),children:"\xd7"})]},e.value)),0===T.length&&c.jsx("span",{className:"sd-cascader__placeholder",children:v})]}):V?c.jsx("span",{className:"sd-cascader__selected-text",children:V}):c.jsx("span",{className:"sd-cascader__placeholder",children:v}),c.jsxs("div",{className:"sd-cascader__suffix",children:[r&&$.length>0&&!i&&c.jsx("span",{className:"sd-cascader__clear",onClick:K,children:"\xd7"}),c.jsx("span",{className:t("sd-cascader__arrow",{"is-expanded":k}),children:"⌄"})]})]}),k&&c.jsxs("div",{className:t("sd-cascader__panel","is-visible"),style:{position:"absolute",top:"100%",left:0,right:0,zIndex:9999},children:[m&&c.jsx("div",{className:"sd-cascader__search",children:c.jsx("input",{type:"text",className:"sd-cascader__search-input",placeholder:_,value:E,onChange:e=>{P(e.target.value),w([]),L(-1),A(0)},onKeyDown:e=>{e.stopPropagation()}})}),E?c.jsx("div",{className:"sd-cascader__menu",children:X(q(0),[],0)}):c.jsxs(c.Fragment,{children:[c.jsx("div",{className:"sd-cascader__menu",children:X(s,[],0)}),Z.map((e,a)=>{let s=e.children||[],l=Z.slice(0,a+1);return 0===s.length?null:c.jsx("div",{className:"sd-cascader__menu",children:X(s,l,a+1)},a+1)})]})]})]})});p.displayName="Cascader"}}]);
|
|
1
|
+
/*! For license information please see 166.0832efaf.js.LICENSE.txt */
|
|
2
|
+
"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([["166"],{3321:function(e,a,s){s.d(a,{vT:()=>p,tl:()=>h,zx:()=>d,II:()=>o,rs:()=>u});var l,n=s(3732);function t(...e){let a=[];for(let s of e)if(s){if("string"==typeof s&&s.trim())a.push(s.trim());else if("number"==typeof s)a.push(String(s));else if(Array.isArray(s)){let e=t(...s);e&&a.push(e)}else if("object"==typeof s)for(let e in s)s[e]&&a.push(e)}return a.join(" ")}var r={exports:{}},i={};r.exports=function(){if(l)return i;l=1;var e=Symbol.for("react.transitional.element");function a(a,s,l){var n=null;if(void 0!==l&&(n=""+l),void 0!==s.key&&(n=""+s.key),"key"in s)for(var t in l={},s)"key"!==t&&(l[t]=s[t]);else l=s;return{$$typeof:e,type:a,key:n,ref:void 0!==(s=l.ref)?s:null,props:l}}return i.Fragment=Symbol.for("react.fragment"),i.jsx=a,i.jsxs=a,i}();var c=r.exports;let d=(0,n.forwardRef)((e,a)=>{let{type:s="default",size:l="default",plain:n=!1,round:r=!1,circle:i=!1,loading:d=!1,disabled:o=!1,nativeType:u="button",icon:h,className:p,children:m,...f}=e,v=t("sd-button",`sd-button--${s}`,`sd-button--${l}`,{"sd-button--plain":n,"sd-button--round":r,"sd-button--circle":i,"sd-button--loading":d,"is-disabled":o||d},p);return c.jsxs("button",{ref:a,type:u,className:v,disabled:o||d,...f,children:[d&&c.jsx("span",{className:"sd-button__loading-icon",children:c.jsx("svg",{viewBox:"0 0 1024 1024",className:"sd-button__spinner",children:c.jsx("path",{fill:"currentColor",d:"M512 64a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.2a32 32 0 0 1 0 45.248L692.992 376.32a32 32 0 0 1-45.248-45.248L783.552 195.2a32 32 0 0 1 45.248 0zM376.32 647.744a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"})})}),h&&!d&&c.jsx("span",{className:"sd-button__icon",children:h}),m&&c.jsx("span",{className:"sd-button__text",children:m})]})});d.displayName="Button";let o=(0,n.forwardRef)((e,a)=>{let{type:s="text",size:l="default",disabled:r=!1,readOnly:i=!1,clearable:d=!1,showPassword:o=!1,prefixIcon:u,suffixIcon:h,className:p,value:m,defaultValue:f,onInput:v,onChange:_,onClear:x,onFocus:g,...b}=e,[j,N]=(0,n.useState)(!1),[k,C]=(0,n.useState)(f||""),y=(0,n.useRef)(null);(0,n.useImperativeHandle)(a,()=>y.current,[]);let w=o?j?"text":"password":s,z=void 0!==m?m:k,S=d&&z&&!r&&!i,M=t("sd-input",`sd-input--${l}`,{"is-disabled":r,"sd-input--prefix":!!u,"sd-input--suffix":!!(h||S||o)},p);return c.jsxs("div",{className:M,children:[u&&c.jsx("span",{className:"sd-input__prefix",children:u}),c.jsx("input",{ref:y,type:w,className:"sd-input__inner",disabled:r,readOnly:i,value:z,onChange:e=>{let a=e.target.value;void 0===m&&C(a),null==_||_(e),null==v||v(a)},onFocus:e=>{let a=e.target;void 0!==m?(null==v||v(""),_&&_({target:{...a,value:""},currentTarget:a})):(C(""),_&&_({target:{...a,value:""},currentTarget:a}),null==v||v("")),null==g||g(e)},...b}),c.jsxs("span",{className:"sd-input__suffix",children:[S&&c.jsx("span",{className:"sd-input__clear",onClick:e=>{e.preventDefault(),e.stopPropagation(),null==v||v(""),void 0===m&&C("");let a=y.current;a&&_&&_({target:{...a,value:""},currentTarget:a}),null==x||x()},onMouseDown:e=>{e.preventDefault()},children:c.jsx("svg",{viewBox:"0 0 1024 1024",width:"14",height:"14",style:{pointerEvents:"none"},children:c.jsx("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"})})}),o&&c.jsx("span",{className:"sd-input__password",onClick:()=>N(!j),children:j?c.jsx("svg",{viewBox:"0 0 1024 1024",width:"14",height:"14",children:c.jsx("path",{fill:"currentColor",d:"M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448zm0 64a160.192 160.192 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"})}):c.jsxs("svg",{viewBox:"0 0 1024 1024",width:"14",height:"14",children:[c.jsx("path",{fill:"currentColor",d:"M876.8 156.8c0-9.6-3.2-16-9.6-22.4-6.4-6.4-12.8-9.6-22.4-9.6-9.6 0-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8-160 16-288 73.6-377.6 176C44.8 438.4 0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4 0 9.6 3.2 16 9.6 22.4 6.4 6.4 12.8 9.6 22.4 9.6 9.6 0 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4Zm-646.4 528c-76.8-70.4-128-128-153.6-172.8 28.8-48 80-105.6 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4Zm140.8-96c-12.8-22.4-19.2-48-19.2-76.8 0-44.8 16-83.2 48-112 32-28.8 67.2-48 112-48 28.8 0 54.4 6.4 73.6 19.2L371.2 588.8ZM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6-28.8 48-80 105.6-153.6 172.8-73.6 67.2-172.8 108.8-284.8 115.2-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8 160-16 288-73.6 377.6-176C979.199 585.6 1024 528 1024 512s-48.001-73.6-134.401-176Z"}),c.jsx("path",{fill:"currentColor",d:"M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112-32 28.8-67.2 48-112 48Z"})]})}),h&&!S&&c.jsx("span",{className:"sd-input__suffix-icon",children:h})]})]})});o.displayName="Input";let u=(0,n.forwardRef)((e,a)=>{let{checked:s,defaultChecked:l=!1,disabled:r=!1,loading:i=!1,checkedNode:d,unCheckedNode:o,checkedColor:u,unCheckedColor:h,className:p,onChange:m,name:f,id:v}=e,[_,x]=n.useState(l),g=void 0!==s,b=g?s:_,j=()=>{if(r||i)return;let e=!b;g||x(e),m&&m(e)},N=t("sd-switch",{"is-checked":b,"is-disabled":r||i,"is-loading":i},p),k={};return b&&u?k.backgroundColor=u:!b&&h&&(k.backgroundColor=h),c.jsxs("div",{className:N,role:"switch","aria-checked":b,"aria-disabled":r||i,tabIndex:r||i?-1:0,onClick:j,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),j())},children:[c.jsx("input",{ref:a,type:"checkbox",className:"sd-switch__input",checked:b,disabled:r||i,onChange:j,name:f,id:v,"aria-hidden":"true"}),c.jsxs("span",{className:"sd-switch__core",style:k,children:[i&&c.jsx("span",{className:"sd-switch__loading",children:c.jsx("svg",{viewBox:"0 0 1024 1024",className:"sd-switch__spinner",children:c.jsx("path",{fill:"currentColor",d:"M512 64a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32z"})})}),c.jsx("span",{className:"sd-switch__action"}),(b?d:o)&&c.jsx("span",{className:"sd-switch__content",children:b?d:o})]})]})});u.displayName="Switch";let h=(0,n.forwardRef)((e,a)=>{let{total:s,defaultCurrent:l=1,defaultPageSize:r=10,current:i,pageSize:d,onChange:o,onPageSizeChange:u,pagerCount:h=7,size:p="m",pageSizeOptions:m=[10,20,50,100],showSizeChanger:f=!0,showQuickJumper:v=!1,className:_,...x}=e,[g,b]=(0,n.useState)(l),j=i??g,[N,k]=(0,n.useState)(r),C=d??N,y=(0,n.useMemo)(()=>Math.ceil(s/C),[s,C]),w=(0,n.useCallback)(e=>{if(e<1||e>y||e===j)return;let a=Math.max(1,Math.min(e,y));void 0===i&&b(a),null==o||o(a,C)},[j,y,C,o,i]),z=(0,n.useCallback)(e=>{void 0===d&&k(e),null==u||u(e),void 0===i&&b(1),null==o||o(1,e)},[u,o,i,d]),S=(0,n.useMemo)(()=>{let e=[];if(y<=h)for(let a=1;a<=y;a++)e.push(a);else{let a=Math.floor((h-2)/2),s=h-2-a;if(e.push(1),j<=a+2){for(let a=2;a<=Math.min(h-2,y-1);a++)e.push(a);y>h-1&&e.push("next-more")}else if(j>=y-s-1){y>h-1&&e.push("prev-more");for(let a=Math.max(2,y-(h-3));a<=y-1;a++)e.push(a)}else{e.push("prev-more");for(let l=j-a;l<=j+s;l++)e.push(l);e.push("next-more")}y>1&&e.push(y)}return e},[y,h,j]),[M,L]=(0,n.useState)(""),D=(0,n.useCallback)(()=>{let e=parseInt(M,10);isNaN(e)||(w(e),L(""))},[M,w]);if(0===s)return null;let A=t("sd-pagination",`sd-pagination--${p}`,_);return c.jsxs("div",{ref:a,className:A,...x,children:[c.jsx("button",{type:"button",className:t("sd-pagination__item","sd-pagination__prev",{"is-disabled":1===j}),disabled:1===j,onClick:()=>w(j-1),"aria-label":"上一页",children:"‹"}),S.map((e,a)=>"prev-more"===e?c.jsx("span",{className:"sd-pagination__more sd-pagination__more--prev",children:"..."},`more-${a}`):"next-more"===e?c.jsx("span",{className:"sd-pagination__more sd-pagination__more--next",children:"..."},`more-${a}`):c.jsx("button",{type:"button",className:t("sd-pagination__item","sd-pagination__page",{"is-active":e===j}),onClick:()=>w(e),children:e},e)),c.jsx("button",{type:"button",className:t("sd-pagination__item","sd-pagination__next",{"is-disabled":j===y}),disabled:j===y,onClick:()=>w(j+1),"aria-label":"下一页",children:"›"}),f&&c.jsx("div",{className:"sd-pagination__size-changer",children:c.jsx("select",{value:C,onChange:e=>z(Number(e.target.value)),className:"sd-pagination__size-select",children:m.map(e=>c.jsxs("option",{value:e,children:[e," 条/页"]},e))})}),v&&c.jsxs("div",{className:"sd-pagination__jumper",children:[c.jsx("span",{className:"sd-pagination__jumper-text",children:"跳至"}),c.jsx("input",{type:"number",min:"1",max:y,value:M,onChange:e=>L(e.target.value),onKeyPress:e=>"Enter"===e.key&&D(),className:"sd-pagination__jumper-input",placeholder:j.toString()}),c.jsx("span",{className:"sd-pagination__jumper-text",children:"页"})]}),c.jsxs("div",{className:"sd-pagination__total",children:["共 ",s," 条"]})]})});h.displayName="Pagination";let p=(0,n.forwardRef)((e,a)=>{let{options:s,expandTrigger:l="click",clearable:r=!1,disabled:i=!1,defaultValue:d,value:o,onChange:u,showAllLevels:h=!0,multiple:p=!1,showSearch:m=!1,filterOption:f,placeholder:v="请选择",searchPlaceholder:_="搜索选项",className:x,style:g,...b}=e,[j,N]=(0,n.useState)(d),[k,C]=(0,n.useState)(!1),[y,w]=(0,n.useState)([]),[z,S]=(0,n.useState)([]),[M,L]=(0,n.useState)(-1),[D,A]=(0,n.useState)(0),[E,P]=(0,n.useState)(""),I=(0,n.useRef)(null),R=(0,n.useRef)(null),B=void 0!==o?o:j,$=(0,n.useMemo)(()=>p?Array.isArray(B)?B:B?[B]:[]:B?Array.isArray(B)?[B[0]]:[B]:[],[B,p]),T=(0,n.useMemo)(()=>(e=>{let a=[],l=(e,a,s=[])=>{for(let n of e){let e=[...s,n];if(n.value===a)return e;if(n.children){let s=l(n.children,a,e);if(s)return s}}return null};for(let n of e){let e=l(s,n);if(e){let s=e[e.length-1];a.push({value:n,label:s.label,path:e})}}return a})($),[$,s]),V=(0,n.useMemo)(()=>{if(0===T.length)return"";if(p)return T.map(e=>e.label).join(", ");{let e=T[0];return h?e.path.map(e=>e.label).join(" / "):e.label}},[T,p,h]),F=(0,n.useCallback)((e,a)=>{if(!e.disabled)if(p){let l,n=$.includes(e.value);l=n?$.filter(a=>a!==e.value):[...$,e.value];let t=p?l:l[0];void 0===o&&N(t);let r=l.map(e=>{let a=s=>{for(let l of s){if(l.value===e)return l;if(l.children){let e=a(l.children);if(e)return e}}return null};return a(s)}).filter(Boolean);null==u||u(t,r.length>0?r:p?[]:void 0),e.children&&!n&&w(a)}else if(e.children)w(a);else{let a=e.value;void 0===o&&N(a),null==u||u(a,e),C(!1),w([])}},[p,$,o,u,s]),H=(0,n.useCallback)((e,a)=>{"hover"===l&&e.children&&S(a)},[l]),Z=(0,n.useMemo)(()=>"hover"===l?z:y,[l,z,y]),O=(0,n.useCallback)(()=>{i||C(!k)},[i,k]),K=(0,n.useCallback)(e=>{e.stopPropagation();let a=p?[]:void 0;void 0===o&&N(a),null==u||u(a,p?[]:void 0),C(!1),w([])},[p,o,u]),J=(0,n.useCallback)((e,a)=>{a.stopPropagation();let s=$.filter(a=>a!==e),l=p?s:s[0]||void 0;void 0===o&&N(l);let n=T.filter(e=>s.includes(e.value)).map(e=>e.path[e.path.length-1]);null==u||u(l,n.length>0?n:p?[]:void 0)},[$,p,o,u,T]),Q=(0,n.useCallback)((e,a)=>a.label.toLowerCase().includes(e.toLowerCase()),[]),U=(0,n.useCallback)((e,a)=>{if(!a)return e;let s=f||Q,l=e=>e.map(e=>{let n=s(a,e),t=[];return e.children&&(t=l(e.children)),n||t.length>0?{...e,children:t.length>0?t:e.children}:null}).filter(Boolean);return l(e)},[f,Q]),q=(0,n.useCallback)(e=>{var a;let l=s;return E&&(l=U(s,E)),0===e?l:Z.length>=e&&(null==(a=Z[e-1])?void 0:a.children)||[]},[s,Z,E,U]),G=(0,n.useCallback)(e=>{var a;if(!k)return;let s=q(D);switch(e.key){case"Escape":C(!1),w([]),S([]),L(-1),A(0),P("");break;case"ArrowDown":if(e.preventDefault(),s.length>0){let e=M<s.length-1?M+1:0;L(e);let a=s[e];a&&"hover"===l&&S(0===D?[a]:[...Z.slice(0,D),a])}break;case"ArrowUp":if(e.preventDefault(),s.length>0){let e=M>0?M-1:s.length-1;L(e);let a=s[e];a&&"hover"===l&&S(0===D?[a]:[...Z.slice(0,D),a])}break;case"ArrowRight":if(e.preventDefault(),M>=0&&null!=(a=s[M])&&a.children){let e=s[M];w(0===D?[e]:[...Z.slice(0,D),e]),A(D+1),L(0)}break;case"ArrowLeft":e.preventDefault(),D>0&&(w(Z.slice(0,D-1)),A(D-1),L(-1));break;case"Enter":if(e.preventDefault(),M>=0&&s[M]){let e=s[M];F(e,[...0===D?[]:Z.slice(0,D),e])}}},[k,M,D,q,l,Z,F,L,A,w,C,S,P]);(0,n.useEffect)(()=>{let e=e=>{I.current&&!I.current.contains(e.target)&&(C(!1),w([]),S([]),L(-1),A(0),P(""))};if(k)return document.addEventListener("mousedown",e),document.addEventListener("keydown",G),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",G)}},[k,G]);let W=(0,n.useCallback)((e,a,s,l)=>{let n=$.includes(e.value),r=e.children&&e.children.length>0,i=y.some(a=>a.value===e.value),d=D===s&&M===l,o=t("sd-cascader__menu-item",{"is-active":n,"is-disabled":e.disabled,"in-active-path":i,"is-focused":d});return c.jsxs("li",{className:o,onClick:s=>{s.stopPropagation(),F(e,[...a,e])},onMouseEnter:()=>{H(e,[...a,e]),L(-1)},children:[p&&c.jsx("div",{className:"sd-cascader__menu-item-prefix",children:c.jsx("div",{className:t("sd-cascader__menu-item-checkbox",{"is-checked":n,"is-disabled":e.disableCheckbox||e.disabled}),children:n&&c.jsx("span",{})})}),c.jsx("span",{className:"sd-cascader__menu-item-label",children:e.label}),r&&c.jsx("div",{className:"sd-cascader__menu-item-postfix",children:c.jsx("span",{className:"sd-cascader__menu-item-arrow",children:"›"})})]},e.value)},[$,y,p,D,M,F,H]),X=(0,n.useCallback)((e,a=[],s=0)=>e&&0!==e.length?c.jsx("div",{className:"sd-cascader__menu",children:c.jsx("ul",{className:"sd-cascader__menu-list",children:e.map((e,l)=>W(e,a,s,l))})}):c.jsx("div",{className:"sd-cascader__empty",children:"无数据"}),[W]),Y=t("sd-cascader",x),ee=t("sd-cascader__input",{"is-disabled":i,"is-expanded":k}),ea=(0,n.useCallback)(e=>{I.current=e,"function"==typeof a?a(e):a&&(a.current=e)},[a]),es=!!r&&!i&&T.length>0;return c.jsxs("div",{ref:ea,className:Y,style:g,...b,children:[c.jsxs("div",{ref:R,className:ee,onClick:O,children:[p?c.jsxs(c.Fragment,{children:[T.map(e=>c.jsxs("span",{className:"sd-cascader__tag",children:[c.jsx("span",{className:"sd-cascader__tag-content",children:e.label}),c.jsx("span",{className:"sd-cascader__tag-close",onClick:a=>J(e.value,a),children:"\xd7"})]},e.value)),0===T.length&&c.jsx("span",{className:"sd-cascader__placeholder",children:v})]}):V?c.jsx("span",{className:"sd-cascader__selected-text",children:V}):c.jsx("span",{className:"sd-cascader__placeholder",children:v}),c.jsx("div",{className:"sd-cascader__suffix",children:es?c.jsx("span",{className:"sd-cascader__clear",onClick:K,role:"button","aria-label":"清空",children:"\xd7"}):c.jsx("span",{className:t("sd-cascader__arrow",{"is-expanded":k}),"aria-hidden":"true",children:"⌄"})})]}),k&&c.jsxs("div",{className:t("sd-cascader__panel","is-visible"),style:{position:"absolute",top:"100%",left:0,right:0,zIndex:9999},children:[m&&c.jsx("div",{className:"sd-cascader__search",children:c.jsx("input",{type:"text",className:"sd-cascader__search-input",placeholder:_,value:E,onChange:e=>{P(e.target.value),w([]),L(-1),A(0)},onKeyDown:e=>{e.stopPropagation()}})}),E?c.jsx("div",{className:"sd-cascader__menu",children:X(q(0),[],0)}):c.jsxs(c.Fragment,{children:[c.jsx("div",{className:"sd-cascader__menu",children:X(s,[],0)}),Z.map((e,a)=>{let s=e.children||[],l=Z.slice(0,a+1);return 0===s.length?null:c.jsx("div",{className:"sd-cascader__menu",children:X(s,l,a+1)},a+1)})]})]})]})});p.displayName="Cascader"}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{"use strict";var e={1096:function(){}},r={};function t(o){var n=r[o];if(void 0!==n)return n.exports;var i=r[o]={exports:{}};return e[o].call(i.exports,i,i.exports,t),i.exports}t.m=e,t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},(()=>{var e,r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__;t.t=function(o,n){if(1&n&&(o=this(o)),8&n||"object"==typeof o&&o&&(4&n&&o.__esModule||16&n&&"function"==typeof o.then))return o;var i=Object.create(null);t.r(i);var a={};e=e||[null,r({}),r([]),r(r)];for(var u=2&n&&o;"object"==typeof u&&!~e.indexOf(u);u=r(u))Object.getOwnPropertyNames(u).forEach(e=>{a[e]=()=>o[e]});return a.default=()=>o,t.d(i,a),i}})(),t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.f={},t.e=e=>Promise.all(Object.keys(t.f).reduce((r,o)=>(t.f[o](e,r),r),[])),t.u=e=>"static/js/async/"+e+"."+({166:"
|
|
1
|
+
(()=>{"use strict";var e={1096:function(){}},r={};function t(o){var n=r[o];if(void 0!==n)return n.exports;var i=r[o]={exports:{}};return e[o].call(i.exports,i,i.exports,t),i.exports}t.m=e,t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},(()=>{var e,r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__;t.t=function(o,n){if(1&n&&(o=this(o)),8&n||"object"==typeof o&&o&&(4&n&&o.__esModule||16&n&&"function"==typeof o.then))return o;var i=Object.create(null);t.r(i);var a={};e=e||[null,r({}),r([]),r(r)];for(var u=2&n&&o;"object"==typeof u&&!~e.indexOf(u);u=r(u))Object.getOwnPropertyNames(u).forEach(e=>{a[e]=()=>o[e]});return a.default=()=>o,t.d(i,a),i}})(),t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.f={},t.e=e=>Promise.all(Object.keys(t.f).reduce((r,o)=>(t.f[o](e,r),r),[])),t.u=e=>"static/js/async/"+e+"."+({166:"0832efaf",218:"cd780e24",232:"11414fd7",252:"c7b023ea",416:"b217df75",509:"97958e51",512:"9047d21e",531:"131f5963",562:"b402b94f",637:"9d5c88dd",712:"558b85be"})[e]+".js",t.miniCssF=e=>""+e+".css",t.h=()=>"446f0c9bf9d3da73",t.g=(()=>{if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}})(),t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),(()=>{var e={},r="docs:";t.l=function(o,n,i,a){if(e[o])return void e[o].push(n);if(void 0!==i)for(var u,c,f=document.getElementsByTagName("script"),d=0;d<f.length;d++){var l=f[d];if(l.getAttribute("src")==o||l.getAttribute("data-webpack")==r+i){u=l;break}}u||(c=!0,(u=document.createElement("script")).charset="utf-8",u.timeout=120,t.nc&&u.setAttribute("nonce",t.nc),u.setAttribute("data-webpack",r+i),u.src=o),e[o]=[n];var s=function(r,t){u.onerror=u.onload=null,clearTimeout(p);var n=e[o];if(delete e[o],u.parentNode&&u.parentNode.removeChild(u),n&&n.forEach(function(e){return e(t)}),r)return r(t)},p=setTimeout(s.bind(null,void 0,{type:"timeout",target:u}),12e4);u.onerror=s.bind(null,u.onerror),u.onload=s.bind(null,u.onload),c&&document.head.appendChild(u)}})(),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e=[];t.O=(r,o,n,i)=>{if(o){i=i||0;for(var a=e.length;a>0&&e[a-1][2]>i;a--)e[a]=e[a-1];e[a]=[o,n,i];return}for(var u=1/0,a=0;a<e.length;a++){for(var[o,n,i]=e[a],c=!0,f=0;f<o.length;f++)(!1&i||u>=i)&&Object.keys(t.O).every(e=>t.O[e](o[f]))?o.splice(f--,1):(c=!1,i<u&&(u=i));if(c){e.splice(a--,1);var d=n();void 0!==d&&(r=d)}}return r}})(),t.p="/sevenDesign/",t.rv=()=>"1.3.12",(()=>{var e={980:0};t.f.j=function(r,o){var n=t.o(e,r)?e[r]:void 0;if(0!==n)if(n)o.push(n[2]);else{var i=new Promise((t,o)=>n=e[r]=[t,o]);o.push(n[2]=i);var a=t.p+t.u(r),u=Error();t.l(a,function(o){if(t.o(e,r)&&(0!==(n=e[r])&&(e[r]=void 0),n)){var i=o&&("load"===o.type?"missing":o.type),a=o&&o.target&&o.target.src;u.message="Loading chunk "+r+" failed.\n("+i+": "+a+")",u.name="ChunkLoadError",u.type=i,u.request=a,n[1](u)}},"chunk-"+r,r)}},t.O.j=r=>0===e[r];var r=(r,o)=>{var n,i,[a,u,c]=o,f=0;if(a.some(r=>0!==e[r])){for(n in u)t.o(u,n)&&(t.m[n]=u[n]);if(c)var d=c(t)}for(r&&r(o);f<a.length;f++)i=a[f],t.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return t.O(d)},o=self.webpackChunkdocs=self.webpackChunkdocs||[];o.forEach(r.bind(null,0)),o.push=r.bind(null,o.push.bind(o))})(),t.ruid="bundler=rspack@1.3.12",t.O(void 0,["212","361","118","414"],function(){return t(7611)}),t.O(void 0,["212","361","118","414"],function(){return t(1661)}),t.O(void 0,["212","361","118","414"],function(){return t(3052)});var o=t.O(void 0,["212","361","118","414"],function(){return t(209)});o=t.O(o)})();
|
package/package.json
CHANGED
|
@@ -519,6 +519,8 @@ export const Cascader = forwardRef<HTMLDivElement, CascaderProps>((props, ref) =
|
|
|
519
519
|
[ref]
|
|
520
520
|
)
|
|
521
521
|
|
|
522
|
+
const showClearIcon = Boolean(clearable) && !disabled && selectedItems.length > 0
|
|
523
|
+
|
|
522
524
|
return (
|
|
523
525
|
<div
|
|
524
526
|
ref={setContainerRef}
|
|
@@ -559,14 +561,15 @@ export const Cascader = forwardRef<HTMLDivElement, CascaderProps>((props, ref) =
|
|
|
559
561
|
)}
|
|
560
562
|
|
|
561
563
|
<div className="sd-cascader__suffix">
|
|
562
|
-
{
|
|
563
|
-
<span className="sd-cascader__clear" onClick={handleClear}>
|
|
564
|
+
{showClearIcon ? (
|
|
565
|
+
<span className="sd-cascader__clear" onClick={handleClear} role="button" aria-label="清空">
|
|
564
566
|
×
|
|
565
567
|
</span>
|
|
568
|
+
) : (
|
|
569
|
+
<span className={classnames('sd-cascader__arrow', { 'is-expanded': isOpen })} aria-hidden="true">
|
|
570
|
+
⌄
|
|
571
|
+
</span>
|
|
566
572
|
)}
|
|
567
|
-
<span className={classnames('sd-cascader__arrow', { 'is-expanded': isOpen })}>
|
|
568
|
-
⌄
|
|
569
|
-
</span>
|
|
570
573
|
</div>
|
|
571
574
|
</div>
|
|
572
575
|
|
/package/docs/doc_build/static/js/async/{166.656253c5.js.LICENSE.txt → 166.0832efaf.js.LICENSE.txt}
RENAMED
|
File without changes
|