[ { "path": ".antd-tools.config.js", "content": "const fs = require('fs');\nconst path = require('path');\n\nconst restCssPath = path.join(process.cwd(), 'components', 'style', 'reset.css');\nconst tokenStatisticPath = path.join(process.cwd(), 'components', 'version', 'token.json');\nconst tokenMetaPath = path.join(process.cwd(), 'components', 'version', 'token-meta.json');\n\nfunction finalizeCompile() {\n if (fs.existsSync(path.join(__dirname, './es'))) {\n fs.copyFileSync(restCssPath, path.join(process.cwd(), 'es', 'style', 'reset.css'));\n fs.copyFileSync(tokenStatisticPath, path.join(process.cwd(), 'es', 'version', 'token.json'));\n fs.copyFileSync(tokenMetaPath, path.join(process.cwd(), 'es', 'version', 'token-meta.json'));\n }\n\n if (fs.existsSync(path.join(__dirname, './lib'))) {\n fs.copyFileSync(restCssPath, path.join(process.cwd(), 'lib', 'style', 'reset.css'));\n fs.copyFileSync(tokenStatisticPath, path.join(process.cwd(), 'lib', 'version', 'token.json'));\n fs.copyFileSync(tokenMetaPath, path.join(process.cwd(), 'lib', 'version', 'token-meta.json'));\n }\n}\n\nfunction finalizeDist() {\n if (fs.existsSync(path.join(__dirname, './dist'))) {\n fs.copyFileSync(restCssPath, path.join(process.cwd(), 'dist', 'reset.css'));\n }\n}\n\nmodule.exports = {\n compile: {\n finalize: finalizeCompile,\n },\n dist: {\n finalize: finalizeDist,\n },\n bail: true,\n};\n" }, { "path": ".codecov.yml", "content": "codecov:\n branch: master\n" }, { "path": ".editorconfig", "content": "# 🎨 editorconfig.org\n\nroot = true\n\n[*]\ncharset = utf-8\nend_of_line = lf\nindent_style = space\nindent_size = 2\ntrim_trailing_whitespace = true\ninsert_final_newline = true" }, { "path": ".eslintignore", "content": "node_modules/\n**/*.spec.*\n**/style/\n*.html\n/components/test/*\nes/\nlib/\n_site/\ndist/\nsite/dist/\ncomponents/version/version.ts\nsite/src/router/demoRoutes.js\nlocale/" }, { "path": ".eslintrc.js", "content": "module.exports = {\n root: true,\n env: {\n browser: true,\n node: true,\n jasmine: true,\n jest: true,\n es6: true,\n },\n parser: '@typescript-eslint/parser',\n parserOptions: {\n parser: 'babel-eslint',\n },\n extends: [\n 'plugin:vue/vue3-recommended',\n 'plugin:import/recommended',\n 'plugin:import/typescript',\n '@vue/typescript/recommended',\n '@vue/prettier',\n // 'prettier',\n ],\n // extends: [\n // 'eslint:recommended',\n // 'plugin:vue/vue3-recommended',\n // '@vue/typescript/recommended',\n // '@vue/prettier',\n // ],\n plugins: ['markdown', 'jest', '@typescript-eslint', 'import'],\n globals: {\n h: true,\n defineProps: 'readonly',\n },\n overrides: [\n {\n files: ['*.md'],\n processor: 'markdown/markdown',\n rules: {\n 'no-console': 'off',\n },\n },\n {\n files: ['*.ts', '*.tsx'],\n // extends: ['@vue/typescript/recommended', '@vue/prettier'],\n parserOptions: {\n project: './tsconfig.json',\n },\n rules: {\n '@typescript-eslint/ban-types': 0,\n '@typescript-eslint/consistent-type-imports': 'error',\n '@typescript-eslint/explicit-module-boundary-types': 0,\n '@typescript-eslint/no-empty-function': 0,\n '@typescript-eslint/no-non-null-assertion': 0,\n '@typescript-eslint/no-unused-vars': [\n 'error',\n { vars: 'all', args: 'after-used', ignoreRestSiblings: true },\n ],\n '@typescript-eslint/ban-ts-comment': 0,\n },\n },\n {\n files: ['*.vue'],\n parser: 'vue-eslint-parser',\n parserOptions: {\n parser: '@typescript-eslint/parser',\n ecmaVersion: 2021,\n },\n rules: {\n 'no-console': 'off',\n 'vue/no-reserved-component-names': 'off',\n },\n },\n ],\n rules: {\n '@typescript-eslint/no-explicit-any': 0,\n '@typescript-eslint/no-empty-function': 0,\n '@typescript-eslint/no-unused-vars': [\n 'error',\n { vars: 'all', args: 'after-used', ignoreRestSiblings: true, argsIgnorePattern: '^_' },\n ],\n 'import/no-named-as-default': 'off',\n 'import/namespace': [2, { allowComputed: true }],\n 'import/no-named-as-default-member': 'off',\n 'import/no-unresolved': [2, { ignore: ['ant-design-vue'] }],\n 'comma-dangle': [2, 'always-multiline'],\n 'no-var': 'error',\n 'no-console': [2, { allow: ['warn', 'error'] }],\n 'object-shorthand': 2,\n 'no-unused-vars': [2, { ignoreRestSiblings: true, argsIgnorePattern: '^_' }],\n 'no-undef': 2,\n camelcase: 'off',\n 'no-extra-boolean-cast': 'off',\n semi: ['error', 'always'],\n 'vue/no-v-html': 'off',\n 'vue/require-explicit-emits': 'off',\n 'vue/require-prop-types': 'off',\n 'vue/require-default-prop': 'off',\n 'vue/no-reserved-keys': 'off',\n 'vue/comment-directive': 'off',\n 'vue/prop-name-casing': 'off',\n 'vue/one-component-per-file': 'off',\n 'vue/custom-event-name-casing': 'off',\n 'vue/v-on-event-hyphenation': 'off',\n 'vue/max-attributes-per-line': [\n 2,\n {\n singleline: 20,\n multiline: 1,\n },\n ],\n 'vue/multi-word-component-names': 'off',\n },\n};\n" }, { "path": ".gitattributes", "content": "*.jsx linguist-language=Vue\n*.tsx linguist-language=Vue\n" }, { "path": ".github/FUNDING.yml", "content": "# These are supported funding model platforms\n\ngithub: # [tangjinzhou]\nopen_collective: ant-design-vue\npatreon: tangjinzhou\n" }, { "path": ".github/ISSUE_TEMPLATE/config.yml", "content": "blank_issues_enabled: true\ncontact_links:\n - name: Create new issue\n url: https://vuecomponent.github.io/issue-helper/\n about: Please use the following link to create a new issue.\n - name: Patreon\n url: https://www.patreon.com/tangjinzhou\n about: Love Ant Design Vue? Please consider supporting us via Patreon.\n - name: Open Collective\n url: https://opencollective.com/ant-design-vue/donate\n about: Love Ant Design Vue? Please consider supporting us via Open Collective.\n - name: Paypal\n url: https://www.paypal.me/tangjinzhou\n about: Love Ant Design Vue? Please consider supporting us via Paypal.\n" }, { "path": ".github/PULL_REQUEST_TEMPLATE/pr_cn.md", "content": "首先，感谢你的贡献！ 😄\n\n新特性请提交至 feature 分支，其余可提交至 main 分支。在一个维护者审核通过后合并。请确保填写以下 pull request 的信息，谢谢！~\n\n[[English Template / 英文模板](./pr_en.md)]\n\n### 这个变动的性质是\n\n- [ ] 新特性提交\n- [ ] 日常 bug 修复\n- [ ] 站点、文档改进\n- [ ] 组件样式改进\n- [ ] TypeScript 定义更新\n- [ ] 重构\n- [ ] 代码风格优化\n- [ ] 分支合并\n- [ ] 其他改动（是关于什么的改动？）\n\n### 需求背景\n\n> 1. 描述相关需求的来源。\n> 2. 要解决的问题。\n> 3. 相关的 issue 讨论链接。\n\n### 实现方案和 API（非新功能可选）\n\n> 1. 基本的解决思路和其他可选方案。\n> 2. 列出最终的 API 实现和用法。\n> 3. 涉及 UI/交互变动需要有截图或 GIF。\n\n### 对用户的影响和可能的风险（非新功能可选）\n\n> 1. 这个改动对用户端是否有影响？影响的方面有哪些？\n> 2. 是否有可能隐含的 break change 和其他风险？\n\n### Changelog 描述（非新功能可选）\n\n> 1. 英文描述\n> 2. 中文描述（可选）\n\n### 请求合并前的自查清单\n\n- [ ] 文档已补充或无须补充\n- [ ] 代码演示已提供或无须提供\n- [ ] TypeScript 定义已补充或无须补充\n- [ ] Changelog 已提供或无须提供\n\n### 后续计划（非新功能可选）\n\n> 如果这个提交后面还有相关的其他提交和跟进信息，可以写在这里。\n" }, { "path": ".github/PULL_REQUEST_TEMPLATE/pr_en.md", "content": "First of all, thank you for your contribution! 😄\n\nNew feature please send pull request to feature branch, and rest to main branch. Pull request will be merged after one of collaborators approve. Please makes sure that these form are filled before submitting your pull request, thank you!\n\n[[中文版模板 / Chinese template](./pr_cn.md)]\n\n### This is a ...\n\n- [ ] New feature\n- [ ] Bug fix\n- [ ] Site / document update\n- [ ] Component style update\n- [ ] TypeScript definition update\n- [ ] Refactoring\n- [ ] Code style optimization\n- [ ] Branch merge\n- [ ] Other (about what?)\n\n### What's the background?\n\n> 1. Describe the source of requirement.\n> 2. Resolve what problem.\n> 3. Related issue link.\n\n### API Realization (Optional if not new feature)\n\n> 1. Basic thought of solution and other optional proposal.\n> 2. List final API realization and usage sample.\n> 3. GIF or snapshot should be provided if includes UI/interactive modification.\n\n### What's the effect? (Optional if not new feature)\n\n> 1. Does this PR affect user? Which part will be affected?\n> 2. What will say in changelog?\n> 3. Does this PR contains potential break change or other risk?\n\n### Changelog description (Optional if not new feature)\n\n> 1. English description\n> 2. Chinese description (optional)\n\n### Self Check before Merge\n\n- [ ] Doc is updated/provided or not needed\n- [ ] Demo is updated/provided or not needed\n- [ ] TypeScript definition is updated/provided or not needed\n- [ ] Changelog is provided or not needed\n\n### Additional Plan? (Optional if not new feature)\n\n> If this PR related with other PR or following info. You can type here.\n" }, { "path": ".github/issue-close-app.yml", "content": "comment: \"Your issue has been closed because it does not conform to our issue requirements. Please use the [Issue Helper](https://vuecomponent.github.io/issue-helper/) to create an issue, thank you!

为了能够进行高效沟通，我们对 issue 有一定的格式要求，你的 issue 因为不符合要求而被自动关闭。你可以通过 [issue 助手](https://vuecomponent.github.io/issue-helper/) 来创建 issue 以方便我们定位错误。谢谢配合！\"\nissueConfigs:\n- content:\n - \"\"\n- content:\n - \"Version\"\n - \"Environment\"\n - \"Reproduction link\"\n - \"Steps to reproduce\"\n - \"What is expected\"\n - \"What is actually happening\"\n- content:\n - \"What problem does this feature solve\"\n - \"What does the proposed API look like\"\n" }, { "path": ".github/workflows/cloudflare.yml", "content": "name: Build and Deploy to Cloudflare\non:\n push:\n branches: [ main ]\n\njobs:\n build:\n runs-on: ubuntu-latest\n name: Build Application\n permissions:\n contents: read\n steps:\n - name: Checkout\n uses: actions/checkout@v5\n with:\n fetch-depth: 0\n\n - name: Setup Node\n uses: actions/setup-node@v4\n with:\n node-version: 20\n\n - name: Install dependencies\n run: npm install --force\n\n - name: Build application\n run: npm run build\n\n - name: Upload build artifacts\n uses: actions/upload-artifact@v4\n with:\n name: build-files\n path: site/dist/\n retention-days: 1\n\n deploy:\n runs-on: ubuntu-latest\n name: Deploy to Cloudflare\n needs: build\n permissions:\n contents: read\n deployments: write\n steps:\n - name: Checkout (for config files)\n uses: actions/checkout@v5\n with:\n sparse-checkout: |\n wrangler.jsonc\n sparse-checkout-cone-mode: false\n\n - name: Download build artifacts\n uses: actions/download-artifact@v4\n with:\n name: build-files\n path: site/dist/\n\n - name: Deploy (Workers + Static Assets)\n uses: cloudflare/wrangler-action@v3.14.1\n with:\n apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }} \n accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}\n command: deploy --config wrangler.jsonc\n gitHubToken: ${{ secrets.GITHUB_TOKEN }}\n" }, { "path": ".github/workflows/codecov.yml", "content": "name: codecov\n\non: [push]\n\njobs:\n setup:\n runs-on: ubuntu-latest\n steps:\n - name: checkout\n uses: actions/checkout@v2\n\n - name: cache package-lock.json\n uses: actions/cache@v4\n with:\n path: package-temp-dir\n key: lock-${{ github.sha }}\n\n - name: create package-lock.json\n run: npm i --package-lock-only --ignore-scripts\n\n - name: hack for singe file\n run: |\n if [ ! -d \"package-temp-dir\" ]; then\n mkdir package-temp-dir\n fi\n cp package-lock.json package-temp-dir\n\n - name: cache node_modules\n id: node_modules_cache_id\n uses: actions/cache@v4\n with:\n path: node_modules\n key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}\n\n - name: install\n if: steps.node_modules_cache_id.outputs.cache-hit != 'true'\n run: npm ci\n\n node:\n runs-on: ubuntu-latest\n steps:\n - name: checkout\n uses: actions/checkout@v2\n # with:\n # token: ${{ secrets.ACCESS_TOKEN }}\n # - name: Checkout submodules\n # uses: actions/checkout@v2\n # with:\n # repository: tangjinzhou/antdv-demo\n # token: ${{ secrets.ACCESS_TOKEN }}\n # path: antdv-demo\n # submodules: true\n\n - name: restore cache from package-lock.json\n uses: actions/cache@v4\n with:\n path: package-temp-dir\n key: lock-${{ github.sha }}\n\n - name: restore cache from node_modules\n uses: actions/cache@v4\n with:\n path: node_modules\n key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}\n\n - name: Generate coverage report\n run: npm test\n env:\n COVERAGE: \"true\"\n\n - name: Upload coverage to Codecov\n uses: codecov/codecov-action@v1\n with:\n token: ${{ secrets.CODECOV_TOKEN }}\n\n needs: setup\n" }, { "path": ".github/workflows/emoji-helper.yml", "content": "name: Emoji Helper\n\non:\n release:\n types: [published]\n\njobs:\n emoji:\n runs-on: ubuntu-latest\n steps:\n - uses: actions-cool/emoji-helper@v1.0.0\n with:\n type: 'release'\n emoji: '+1, laugh, heart, hooray, rocket, eyes'\n" }, { "path": ".github/workflows/issue-close-require.yml", "content": "name: Issue Close Require\n\non:\n schedule:\n - cron: \"0 0 * * *\"\n\npermissions:\n contents: read\n \njobs:\n close-issues:\n runs-on: ubuntu-latest\n steps:\n - name: need reproduce\n uses: actions-cool/issues-helper@v3\n with:\n actions: 'close-issues'\n labels: '🤔 Need Reproduce'\n inactive-day: 7\n body: |\n Since the issue was labeled with `Need Reproduce`, but no response in 7 days. This issue will be closed. If you have any questions, you can comment and reply.\n\n 由于该 issue 被标记为需要复现信息，却 7 天未收到回应。现关闭 issue，若有任何问题，可评论回复。\n" }, { "path": ".github/workflows/issue-labeled.yml", "content": "name: Issue Labeled\n\non:\n issues:\n types: [labeled]\n\npermissions:\n contents: read\n\njobs:\n issue-labeled:\n permissions:\n issues: write # for actions-cool/issues-helper to update issues\n pull-requests: write # for actions-cool/issues-helper to update PRs\n runs-on: ubuntu-latest\n steps:\n - name: Need Reproduce\n if: github.event.label.name == '🤔 Need Reproduce'\n uses: actions-cool/issues-helper@v3\n with:\n actions: 'create-comment'\n token: ${{ secrets.GITHUB_TOKEN }}\n issue-number: ${{ github.event.issue.number }}\n body: |\n Hello @${{ github.event.issue.user.login }}. Please provide a online reproduction by forking this [link for vue2](https://codesandbox.io/s/2wpk21kzvr)、 [link for vue3](https://codesandbox.io/s/agitated-franklin-1w72v) or a minimal GitHub repository. Make sure to choose the correct version.\n\n 你好 @${{ github.event.issue.user.login }}, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 [此处 for vue2](https://codesandbox.io/s/2wpk21kzvr)、 [此处 for vue3](https://codesandbox.io/s/agitated-franklin-1w72v) 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。请确保选择准确的版本。\n \n - name: help wanted\n if: github.event.label.name == 'help wanted'\n uses: actions-cool/issues-helper@v3\n with:\n actions: 'create-comment'\n token: ${{ secrets.GITHUB_TOKEN }}\n issue-number: ${{ github.event.issue.number }}\n body: |\n Hello @${{ github.event.issue.user.login }}. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please send your Pull Request to proper branch, fill the Pull Request Template here, provide changelog/TypeScript/documentation/test cases if needed and make sure CI passed, we will review it soon. We appreciate your effort in advance and looking forward to your contribution!\n\n 你好 @${{ github.event.issue.user.login }}，我们完全同意你的提议/反馈，欢迎直接在此仓库创建一个 Pull Request 来解决这个问题。请将 Pull Request 发到正确的分支，务必填写 Pull Request 内的预设模板，提供改动所需相应的 changelog、TypeScript 定义、测试用例、文档等，并确保 CI 通过，我们会尽快进行 Review，提前感谢和期待您的贡献。\n\n - name: Usage\n if: github.event.label.name == 'Usage'\n uses: actions-cool/issues-helper@v3\n with:\n actions: 'create-comment, close-issue'\n token: ${{ secrets.GITHUB_TOKEN }}\n issue-number: ${{ github.event.issue.number }}\n body: |\n Hello @${{ github.event.issue.user.login }}, we use GitHub issues to trace bugs or discuss plans of Ant Design Vue. So, please don't ask usage questions here. You can try to open a new discussion in [antdv discussions](https://github.com/vueComponent/ant-design-vue/discussions), select `Q&A` to ask questions, also can ask questions on [Stack Overflow](http://stackoverflow.com/questions/) or [Segment Fault](https://segmentfault.com).\n\n 你好 @${{ github.event.issue.user.login }}，Ant Design Vue Issue 板块是用于 bug 反馈与需求讨论的地方。请勿询问如何使用的问题，你可以试着在 [antdv discussions](https://github.com/vueComponent/ant-design-vue/discussions) 新开一个 discussion，选择 `Q&A` 类别进行提问，也可以在 [Stack Overflow](http://stackoverflow.com/questions/) 或者 [Segment Fault](https://segmentfault.com/) 中提问。\n\n - name: 1.x\n if: github.event.label.name == '1.x'\n uses: actions-cool/issues-helper@v3\n with:\n actions: 'create-comment,close-issue'\n token: ${{ secrets.GITHUB_TOKEN }}\n issue-number: ${{ github.event.issue.number }}\n body: |\n Hi @${{ github.event.issue.user.login }}. Current version (1.x) is off the maintenance period. We may not accept pull request or fix bug with it anymore. This topic will be auto closed.\n\n 你好 @${{ github.event.issue.user.login }}，当前版本（1.x）已经过了维护期。我们不会再接受对其的相关 PR 与 issue。当前 topic 会被自动关闭。\n\n - name: 2.x\n if: github.event.label.name == '2.x'\n uses: actions-cool/issues-helper@v3\n with:\n actions: 'create-comment,close-issue'\n token: ${{ secrets.GITHUB_TOKEN }}\n issue-number: ${{ github.event.issue.number }}\n body: |\n Hi @${{ github.event.issue.user.login }}. Current version (2.x) is off the maintenance period. We may not accept pull request or fix bug with it anymore. This topic will be auto closed.\n\n 你好 @${{ github.event.issue.user.login }}，当前版本（2.x）已经过了维护期。我们不会再接受对其的相关 PR 与 issue。当前 topic 会被自动关闭。\n \n" }, { "path": ".github/workflows/issue-open-check.yml", "content": "name: Issue Open Check\n\non:\n issues:\n types: [opened]\n\n\npermissions:\n contents: read\n\njobs:\n issue-open-check:\n permissions:\n contents: read # for visiky/dingtalk-release-notify to get latest release\n issues: write # for actions-cool/issues-helper to update issues\n pull-requests: write # for actions-cool/issues-helper to update PRs\n runs-on: ubuntu-latest\n steps:\n - uses: actions-cool/check-user-permission@v1.0.0\n id: checkUser\n with:\n require: 'write'\n\n - name: check invalid\n if: (contains(github.event.issue.body, 'issue-helper') == false) && (steps.checkUser.outputs.result == 'false') \n uses: actions-cool/issues-helper@v3\n with:\n actions: 'create-comment,add-labels,close-issue'\n issue-number: ${{ github.event.issue.number }}\n labels: 'Invalid'\n body: |\n Hello @${{ github.event.issue.user.login }}, your issue has been closed because it does not conform to our issue requirements. Please use the [Issue Helper](https://vuecomponent.github.io/issue-helper/) to create an issue, thank you!\n\n 你好 @${{ github.event.issue.user.login }}，为了能够进行高效沟通，我们对 issue 有一定的格式要求，你的 issue 因为不符合要求而被自动关闭。你可以通过 [issue 助手](https://vuecomponent.github.io/issue-helper/) 来创建 issue 以方便我们定位错误。谢谢配合！\n" }, { "path": ".github/workflows/lock-issue.yml", "content": "name: 'Lock threads'\n\non:\n schedule:\n - cron: '0 0 * * *'\n\njobs:\n lock:\n runs-on: ubuntu-latest\n steps:\n - uses: dessant/lock-threads@v2\n with:\n github-token: ${{ github.token }}\n issue-lock-inactive-days: '365'\n issue-lock-labels: 'outdated'\n issue-lock-comment: >\n This issue has been automatically locked since there\n has not been any recent activity after it was closed.\n Please open a new issue for related bugs.\n pr-lock-comment: >\n This pull request has been automatically locked since there\n has not been any recent activity after it was closed.\n Please open a new issue for related bugs." }, { "path": ".github/workflows/stale.yml", "content": "name: \"Close stale issues\"\n\non:\n schedule:\n - cron: \"30 1 * * *\"\n\njobs:\n stale:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/stale@v3\n with:\n repo-token: ${{ secrets.GITHUB_TOKEN }}\n stale-issue-message: 'This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days'\n stale-pr-message: 'This PR is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days'\n exempt-issue-labels: 'bug,enhancement'\n days-before-stale: 60\n days-before-close: 7\n\n" }, { "path": ".github/workflows/test.yml", "content": "name: test\n\non: [push, pull_request]\n\njobs:\n setup:\n runs-on: ubuntu-latest\n steps:\n - name: checkout\n uses: actions/checkout@v2\n\n - name: cache package-lock.json\n uses: actions/cache@v4\n with:\n path: package-temp-dir\n key: lock-${{ github.sha }}\n\n - name: create package-lock.json\n run: npm i --package-lock-only --ignore-scripts\n\n - name: hack for singe file\n run: |\n if [ ! -d \"package-temp-dir\" ]; then\n mkdir package-temp-dir\n fi\n cp package-lock.json package-temp-dir\n\n - name: cache node_modules\n id: node_modules_cache_id\n uses: actions/cache@v4\n with:\n path: node_modules\n key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}\n\n - name: install\n if: steps.node_modules_cache_id.outputs.cache-hit != 'true'\n run: npm ci\n\n compile:\n runs-on: ubuntu-latest\n steps:\n - name: checkout\n uses: actions/checkout@v2\n\n - name: restore cache from package-lock.json\n uses: actions/cache@v4\n with:\n path: package-temp-dir\n key: lock-${{ github.sha }}\n\n - name: restore cache from node_modules\n uses: actions/cache@v4\n with:\n path: node_modules\n key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}\n\n - name: cache lib\n uses: actions/cache@v4\n with:\n path: lib\n key: lib-${{ github.sha }}\n\n - name: cache es\n uses: actions/cache@v4\n with:\n path: es\n key: es-${{ github.sha }}\n\n - name: compile\n run: npm run compile\n needs: setup\n\n lint:\n runs-on: ubuntu-latest\n steps:\n - name: checkout\n uses: actions/checkout@v2\n\n - name: restore cache from package-lock.json\n uses: actions/cache@v4\n with:\n path: package-temp-dir\n key: lock-${{ github.sha }}\n\n - name: restore cache from node_modules\n uses: actions/cache@v4\n with:\n path: node_modules\n key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}\n\n - name: lint\n run: npm run lint\n needs: setup\n\n node:\n runs-on: ubuntu-latest\n steps:\n - name: checkout\n uses: actions/checkout@v2\n\n - name: restore cache from package-lock.json\n uses: actions/cache@v4\n with:\n path: package-temp-dir\n key: lock-${{ github.sha }}\n\n - name: restore cache from node_modules\n uses: actions/cache@v4\n with:\n path: node_modules\n key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}\n\n - name: test\n run: npm test\n needs: setup\n" }, { "path": ".gitignore", "content": "# Logs\nlogs\n*.log\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n\n# Runtime data\npids\n*.pid\n*.seed\n*.pid.lock\n\n# Directory for instrumented libs generated by jscoverage/JSCover\nlib-cov\n\n# Coverage directory used by tools like istanbul\ncoverage\n\n# nyc test coverage\n.nyc_output\n\n# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)\n.grunt\n\n# Bower dependency directory (https://bower.io/)\nbower_components\n\n# node-waf configuration\n.lock-wscript\n\n# Compiled binary addons (http://nodejs.org/api/addons.html)\nbuild/Release\n\n# Dependency directories\nnode_modules/\njspm_packages/\n\n# Optional npm cache directory\n.npm\n\n# Optional eslint cache\n.eslintcache\n\n# Optional REPL history\n.node_repl_history\n\n# Output of 'npm pack'\n*.tgz\n\n# Yarn Integrity file\n.yarn-integrity\n\n# dotenv environment variables file\n.vscode\n.env\n.idea\n.DS_Store\ndist\nlib\nes\n/locale\n_site\nyarn.lock\npackage-lock.json\npnpm-lock.yaml\n/coverage\n\n# 备份文件\n/components/test/*\nlist.txt\n\nsite/dev.js\n\n# IDE 语法提示临时文件\nvetur/\n\nreport.html\n\nsite/src/router/demoRoutes.js\n\ncomponents/version/version.ts\ncomponents/version/version.tsx\ncomponents/version/token.json\ncomponents/version/token-meta.json\n~component-api.json\n" }, { "path": ".husky/.gitignore", "content": "_\n" }, { "path": ".husky/pre-commit", "content": "#!/bin/sh\n. \"$(dirname \"$0\")/_/husky.sh\"\n\nnpx --no-install pretty-quick --staged\n" }, { "path": ".huskyrc", "content": "{\n \"hooks\": {\n \"pre-commit\": \"pretty-quick --staged\",\n \"pre-publish\": \"npm run lint\",\n \"commit-msg\": \"commitlint -x @commitlint/config-conventional -e $GIT_PARAMS\"\n }\n}\n" }, { "path": ".jest.js", "content": "const libDir = process.env.LIB_DIR;\n\nconst transformIgnorePatterns = [\n '/dist/',\n // Ignore modules without es dir.\n // Update: @babel/runtime should also be transformed\n // 'node_modules/(?!.*(@babel|lodash-es))',\n 'node_modules/(?!@ant-design/icons-vue|@ant-design/icons-svg|lodash-es)/',\n];\nconst testPathIgnorePatterns = ['/node_modules/', 'node'];\n\nfunction getTestRegex(libDir) {\n if (libDir === 'dist') {\n return 'demo\\\\.test\\\\.js$';\n }\n return '.*\\\\.test\\\\.(j|t)sx?$';\n}\nmodule.exports = {\n verbose: true,\n setupFiles: ['./tests/setup.js'],\n setupFilesAfterEnv: ['./tests/setupAfterEnv.ts'],\n moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'json', 'vue', 'md', 'jpg'],\n modulePathIgnorePatterns: ['/_site/'],\n testPathIgnorePatterns: testPathIgnorePatterns,\n transform: {\n '\\\\.(vue|md)$': '/node_modules/@vue/vue3-jest',\n '\\\\.(js|jsx)$': '/node_modules/babel-jest',\n '\\\\.(ts|tsx)$': '/node_modules/ts-jest',\n '\\\\.svg$': '/node_modules/jest-transform-stub',\n },\n testRegex: getTestRegex(libDir),\n moduleNameMapper: {\n '^@/(.*)$/': '/$1',\n '^ant-design-vue$': '/components/index',\n '^ant-design-vue/es/(.*)$': '/components/$1',\n },\n snapshotSerializers: ['/node_modules/jest-serializer-vue'],\n collectCoverage: process.env.COVERAGE === 'true',\n collectCoverageFrom: [\n 'components/**/*.{js,jsx,vue}',\n '!components/*/__tests__/**/type.{js,jsx}',\n '!components/vc-*/**/*',\n '!components/*/demo/**/*',\n '!components/_util/**/*',\n '!components/align/**/*',\n '!components/trigger/**/*',\n '!**/node_modules/**',\n ],\n testEnvironment: 'jsdom',\n testEnvironmentOptions: {\n url: 'http://localhost',\n customExportConditions: ['node', 'node-addons'],\n },\n transformIgnorePatterns,\n globals: {\n 'ts-jest': {\n babelConfig: true,\n },\n },\n};\n" }, { "path": ".npmrc", "content": "enable-pre-post-scripts=true\n" }, { "path": ".prettierignore", "content": "**/*.svg\nlib/\nes/\ndist/\n_site/\ncoverage/\nCNAME\nLICENSE\nyarn.lock\nnetlify.toml\nyarn-error.log\n*.sh\n*.snap\n.gitignore\n.npmignore\n.prettierignore\n.DS_Store\n.editorconfig\n.eslintignore\n**/*.yml\n**/assets\n.gitattributes\n.stylelintrc\n.vcmrc\n.png\n.npmrc.template\n.huskyrc\n.gitmodules\n*.png\nv2-doc/\n\n" }, { "path": ".prettierrc", "content": "{\n \"singleQuote\": true,\n \"trailingComma\": \"all\",\n \"endOfLine\": \"lf\",\n \"printWidth\": 100,\n \"proseWrap\": \"never\",\n \"arrowParens\": \"avoid\",\n \"htmlWhitespaceSensitivity\": \"ignore\",\n \"overrides\": [\n {\n \"files\": \".prettierrc\",\n \"options\": {\n \"parser\": \"json\"\n }\n }\n ]\n}\n" }, { "path": ".stylelintrc", "content": "{\n \"extends\": [\"stylelint-config-standard\", \"stylelint-config-prettier\"],\n \"rules\": {\n \"comment-empty-line-before\": null,\n \"declaration-empty-line-before\": null,\n \"function-comma-newline-after\": null,\n \"function-name-case\": null,\n \"function-parentheses-newline-inside\": null,\n \"function-max-empty-lines\": null,\n \"function-whitespace-after\": null,\n \"indentation\": null,\n \"number-leading-zero\": null,\n \"number-no-trailing-zeros\": null,\n \"rule-empty-line-before\": null,\n \"selector-combinator-space-after\": null,\n \"selector-list-comma-newline-after\": null,\n \"selector-pseudo-element-colon-notation\": null,\n \"unit-no-unknown\": null,\n \"value-list-max-empty-lines\": null,\n \"font-family-no-missing-generic-family-keyword\": null,\n \"no-descending-specificity\": null\n }\n}\n" }, { "path": ".stylelintrc.json", "content": "{\n \"extends\": [\n \"stylelint-config-standard\",\n \"stylelint-config-rational-order\",\n \"stylelint-config-prettier\"\n ],\n \"customSyntax\": \"postcss-less\",\n \"plugins\": [\"stylelint-declaration-block-no-ignored-properties\"],\n \"rules\": {\n \"function-name-case\": [\"lower\"],\n \"function-no-unknown\": [\n true,\n {\n \"ignoreFunctions\": [\n \"fade\",\n \"fadeout\",\n \"tint\",\n \"darken\",\n \"ceil\",\n \"fadein\",\n \"floor\",\n \"unit\",\n \"shade\",\n \"lighten\",\n \"percentage\",\n \"-\"\n ]\n }\n ],\n \"import-notation\": null,\n \"no-descending-specificity\": null,\n \"no-invalid-position-at-import-rule\": null,\n \"declaration-empty-line-before\": null,\n \"keyframes-name-pattern\": null,\n \"custom-property-pattern\": null,\n \"number-max-precision\": 8,\n \"alpha-value-notation\": \"number\",\n \"color-function-notation\": \"legacy\",\n \"selector-class-pattern\": null,\n \"selector-id-pattern\": null,\n \"selector-not-notation\": null\n }\n}\n" }, { "path": ".vcmrc", "content": "{\n \"helpMessage\": \"\\nPlease fix your commit message (and consider using https://www.npmjs.com/package/commitizen)\\n\",\n \"types\": [\n \"feat\",\n \"fix\",\n \"docs\",\n \"style\",\n \"refactor\",\n \"perf\",\n \"test\",\n \"chore\",\n \"revert\",\n \"ci\"\n ],\n \"warnOnFail\": false,\n \"autoFix\": false\n}\n" }, { "path": "BACKERS.md", "content": "

Sponsors & Backers

\n\n

\n\n

企业赞助

\n

\n \n

\n\n

Sponsors

\n

\n \n \n \n \n \n \n \n \n \n \n \n

\n\n

Backers

\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n\n

Patreon

\n\n

\n\n

\n\n

支付宝/微信

\n\n### 使用支付宝/微信的赞助的用户，如需要添加名单，赞助后可发 github 账号到邮箱(antdv@foxmail.com)\n\n- [fastgoo](https://github.com/fastgoo)\n- [sendya](https://github.com/sendya)\n- [limichange](https://github.com/limichange)\n- [LvHang](https://github.com/184005306)\n" }, { "path": "CHANGELOG.en-US.md", "content": "# Change Log (The following content is translated by Google)\n\n`ant-design-vue` strictly follows [Semantic Versioning 2.0.0](http://semver.org/).\n\n#### Release Schedule\n\n- Weekly release: patch version at the end of every week for routine bugfix (anytime for urgent bugfix).\n- Monthly release: minor version at the end of every month for new features.\n- Major version release is not included in this schedule for breaking change and new features.\n\n---\n\n## 4.2.6\n\n- 🐞 Fix Modal component aria-hidden error problem under chrome [#7823](https://github.com/vueComponent/ant-design-vue/issues/7823)\n- 🐞 Fix the problem that the built-in input method of Safari automatically fills in the decimal point when inputting Chinese [#7918](https://github.com/vueComponent/ant-design-vue/issues/7918)\n- 🐞 Fix InputNumber component disabled style problem [#7776](https://github.com/vueComponent/ant-design-vue/issues/7776)\n- 🐞 Fix Select cannot lose focus problem [#7819](https://github.com/vueComponent/ant-design-vue/issues/7819)\n\n## 4.2.5\n\n- 🐞 Fix Empty component memory leak problem\n- 🐞 Fix Image width & height property not working problem\n\n## 4.2.4\n\n- 🐞 Fix Wave memory leak problem\n\n## 4.2.3\n\n- 🌟 TourStep custom Button, support function children [#7628](https://github.com/vueComponent/ant-design-vue/pull/7628)\n- 🐞 Fix the problem that the input value is hidden in Select and Cascader search multi-select mode [#7640](https://github.com/vueComponent/ant-design-vue/issues/7640)\n\n## 4.2.2\n\n- 🐞 Fix TreeSelect placeholder slot invalid [#7545](https://github.com/vueComponent/ant-design-vue/issues/7545)\n- 🐞 Fix Tree slot responsive invalid issue [40ad45](https://github.com/vueComponent/ant-design-vue/commit/40ad45bc05b2bf9d0a2445d9f6ff365468ba90b7)\n- 🐞 Fix FloatButton target type error issue [#7576](https://github.com/vueComponent/ant-design-vue/issues/7576)\n- 🐞 Fix FormItem className error issue [#7582](https://github.com/vueComponent/ant-design-vue/issues/7582)\n- 🐞 Fix Input Cannot input problem under lazy [#7543](https://github.com/vueComponent/ant-design-vue/issues/7543)\n- 🐞 Fix the problem that placeholder is not hidden when inputting Chinese in Select [#7611](https://github.com/vueComponent/ant-design-vue/issues/7611)\n- 🐞 Fix the problem that the pop-up window flashes when clicking the preset option in DatePicker [#7550](https://github.com/vueComponent/ant-design-vue/issues/7550)\n\n## 4.2.1\n\n- 🐞 fix Input clear action error [#7523](https://github.com/vueComponent/ant-design-vue/issues/7523)\n\n## 4.2.0\n\n- 🌟 Optimize the textColor change when the layout component switches to dark mode [#7498](https://github.com/vueComponent/ant-design-vue/issues/7498)\n- 🌟 Tooltip added arrow hidden configuration [#7459](https://github.com/vueComponent/ant-design-vue/issues/7459)\n- 🌟 Optimize Table hover performance [#7451](https://github.com/vueComponent/ant-design-vue/issues/7451)\n- 🐞 Fixed the problem of changing the model during useForm verification, resulting in verification errors [#ffd4d8](https://github.com/vueComponent/ant-design-vue/commit/ffd4d8fe927f9ea40cbb6358ad997c447bd9a74e)\n- 🐞 Fix Tabs folding calculation error issue [#7491](https://github.com/vueComponent/ant-design-vue/issues/7491)\n- 🐞 Fix Qrcode missing type hint issue [#7502](https://github.com/vueComponent/ant-design-vue/issues/7502)\n- 🐞 Fix Menu rendering error under SSR [#7349](https://github.com/vueComponent/ant-design-vue/issues/7349)\n- 🐞 Fix Select and Cascader rendering errors under SSR [#7377](https://github.com/vueComponent/ant-design-vue/issues/7377)\n- 🐞 Fix AutoComplete missing option slot declaration issue [#7396](https://github.com/vueComponent/ant-design-vue/issues/7396)\n- 🐞 Fix Textarea autoSize not taking effect [#7478](https://github.com/vueComponent/ant-design-vue/issues/7478)\n- 🐞 Fix Pagination’s Enter key triggering two page turns [#7368](https://github.com/vueComponent/ant-design-vue/issues/7368)\n- 🐞 Fix the problem of Chinese input in the input box [#7391](https://github.com/vueComponent/ant-design-vue/issues/7391)[#7516](https://github.com/vueComponent/ant- design-vue/issues/7516)\n- 🐞 Fix Carousel beforeChange current parameter error issue [#7419](https://github.com/vueComponent/ant-design-vue/issues/7419)\n\n## 4.1.2\n\n- 🐞 Fix table resize error reporting under vue 3.4 [#7291](https://github.com/vueComponent/ant-design-vue/issues/7291)\n- 🐞 Fix the problem that the Segmented title attribute is not displayed [#7302](https://github.com/vueComponent/ant-design-vue/issues/7302)\n\n## 4.1.1\n\n- 🌟 QRcode adds scanned status [#7242](https://github.com/vueComponent/ant-design-vue/issues/7242)\n- 🐞 Fix css prefix issue in nuxt [#7256](https://github.com/vueComponent/ant-design-vue/issues/7256)\n- 🐞 Fix dropdown closing issue [#7246](https://github.com/vueComponent/ant-design-vue/issues/7246)\n- 🐞 Fix divider vertical dashed not display issue [#7218](https://github.com/vueComponent/ant-design-vue/issues/7218)\n- 🐞 Fix hook mode message console warning issue [#7281](https://github.com/vueComponent/ant-design-vue/issues/7281)\n- 🐞 Fix table expansion error reporting under vue 3.4 [#7265](https://github.com/vueComponent/ant-design-vue/issues/7265)\n- 🐞 Fix table group filter status error issue [#7233](https://github.com/vueComponent/ant-design-vue/issues/7233)\n\n## 4.1.0\n\n- 🐞 support vue 3.4 [#7239](https://github.com/vueComponent/ant-design-vue/issues/7239)\n\n## 4.0.8\n\n- 🐞 Fix theme responsiveness failure issue under Nuxt [#7180](https://github.com/vueComponent/ant-design-vue/issues/7180)\n- 🐞 Fix error reporting caused by Wave [#7108](https://github.com/vueComponent/ant-design-vue/issues/7108)\n- 🐞 Fix Upload disabled inheritance issue [#7110](https://github.com/vueComponent/ant-design-vue/issues/7110)\n- 🐞 Fix Tooltip popupAlign not taking effect [#7112](https://github.com/vueComponent/ant-design-vue/issues/7112)\n- 🐞 Fix Typography flashing problem [#7146](https://github.com/vueComponent/ant-design-vue/issues/7146)\n- 🐞 Fix the issue that RangePicker prevIcon nextIcon does not take effect [#7127](https://github.com/vueComponent/ant-design-vue/issues/7127)\n- 🐞 Fixed the issue of watermark not monitoring child element changes [#7149](https://github.com/vueComponent/ant-design-vue/issues/7149)\n- 🐞 Fix Menu animation missing issue [#7130](https://github.com/vueComponent/ant-design-vue/issues/7130)\n- 🐞 Fix the cursor change issue when TextArea autosize [#7121](https://github.com/vueComponent/ant-design-vue/issues/7121)\n\n## 4.0.7\n\n- 🌟 Added Flex component [#7052](https://github.com/vueComponent/ant-design-vue/issues/7052)\n- 🌟 ConfigProvider adds wave configuration [#7036](https://github.com/vueComponent/ant-design-vue/issues/7036)\n- 🌟 Watermark supports dark mode [#7067](https://github.com/vueComponent/ant-design-vue/issues/7067)\n- 🐞 Fix Space duplicate Key problem [#7048](https://github.com/vueComponent/ant-design-vue/issues/7048)\n- 🐞 Fix Upload disabled priority error issue [#7047](https://github.com/vueComponent/ant-design-vue/issues/7047)\n- 🐞 Fix Carousel rendering error in jsx [#7077](https://github.com/vueComponent/ant-design-vue/issues/7077)\n- 🐞 Fix Message offset position problem [#7093](https://github.com/vueComponent/ant-design-vue/issues/7093)\n- 🐞 Fix the problem of animation failure when using Collapse custom prefix [#7074](https://github.com/vueComponent/ant-design-vue/issues/7074)\n\n## 4.0.6\n\n- 🐞 Fix the Dropdown onVisibleChange failure issue introduced in 4.0.4 [#7031](https://github.com/vueComponent/ant-design-vue/issues/7031)\n\n## 4.0.5\n\n- 🐞 Fix cssinjs performance issue [#7023](https://github.com/vueComponent/ant-design-vue/issues/7023)\n\n## 4.0.4\n\n- 🌟 Added esm target file\n- 🌟 Added tooltip attribute to FormItem [#7014](https://github.com/vueComponent/ant-design-vue/issues/7014)\n- 🐞 Fix useMessage getContainer not taking effect [#6942](https://github.com/vueComponent/ant-design-vue/issues/6942)\n- 🐞 Fix the problem of Image triggering onPreviewVisibleChange event multiple times [#6945](https://github.com/vueComponent/ant-design-vue/issues/6945)\n- 🐞 Fix the problem that Checkbox global disabled does not take effect [#6970](https://github.com/vueComponent/ant-design-vue/issues/6970)\n- 🐞 Fix Drawer contentWrapperStyle not taking effect [#6983](https://github.com/vueComponent/ant-design-vue/issues/6983)\n- 🐞 Optimize Select Dropdown and other drop-down list scroll bar display hidden logic [#6987](https://github.com/vueComponent/ant-design-vue/issues/6987)\n- 🐞 Fix the problem of hiding when there are components such as input in the drop-down list such as Select Dropdown [#7020](https://github.com/vueComponent/ant-design-vue/issues/7020)\n\n## 4.0.3\n\n- 🐞 Fix the problem of style loss under shadow Dom [#6912](https://github.com/vueComponent/ant-design-vue/issues/6912)\n- 🐞 Upgrade Icon dependency and fix icon css missing problem under shadow Dom [#6914](https://github.com/vueComponent/ant-design-vue/issues/6914)\n\n## 4.0.2\n\n- 🐞 Fix useMessage causing body to be removed [#6880](https://github.com/vueComponent/ant-design-vue/issues/6880)\n- 🐞 Fix the problem that the water ripple effect does not disappear after Button loading is switched [#6895](https://github.com/vueComponent/ant-design-vue/issues/6895)\n- 🐞 Fixed the problem that flip does not reset after Image is closed [#6913](https://github.com/vueComponent/ant-design-vue/issues/6913)\n- 🐞 Fix ImageGroup animation effect loss problem [#6898](https://github.com/vueComponent/ant-design-vue/issues/6898)\n- 🐞 Fix Modal missing onUpdate:open attribute declaration [#6876](https://github.com/vueComponent/ant-design-vue/issues/6876)\n- 🐞 Fixed the issue of multiple clicks being triggered at the edge of Transfer's Checkbox [#6902](https://github.com/vueComponent/ant-design-vue/issues/6902)\n\n## 4.0.1\n\n- 🌟 FloatButton add Badge support [#6738](https://github.com/vueComponent/ant-design-vue/issues/6738)\n- 🌟 Image preview zoom in and out sensitivity adjustment [#6784](https://github.com/vueComponent/ant-design-vue/issues/6784)\n- 🌟 Add flip feature to Image [#6785](https://github.com/vueComponent/ant-design-vue/issues/6785)\n- 🌟 Add App component to provide context [#6735](https://github.com/vueComponent/ant-design-vue/issues/6735)\n- 🌟 Style extraction feature for SSR [#6757](https://github.com/vueComponent/ant-design-vue/issues/6757)\n- 🌟 Support px2rem [#6817](https://github.com/vueComponent/ant-design-vue/issues/6817)\n- 🌟 Tag supports borderless mode [#6819](https://github.com/vueComponent/ant-design-vue/issues/6819)\n- 🌟 Avatar group mode supports shape [#6822](https://github.com/vueComponent/ant-design-vue/issues/6822)\n- 🌟 AutoComplete supports borderless and custom clearIcon [#6829](https://github.com/vueComponent/ant-design-vue/issues/6829)\n- 🌟 InputPassword supports controlled visible [#6863](https://github.com/vueComponent/ant-design-vue/issues/6863)\n- 🐞 Fix the style misalignment problem when InputGroup is large [#6866](https://github.com/vueComponent/ant-design-vue/issues/6866)\n- 🐞 Fix the problem that Checkable Tag cannot customize class [#6854](https://github.com/vueComponent/ant-design-vue/issues/6854)\n- 🐞 Fix the rendering problem in Tabs animation mode [#6855](https://github.com/vueComponent/ant-design-vue/issues/6855)\n- 🐞 Fix the problem that the Image height attribute does not take effect [#6840](https://github.com/vueComponent/ant-design-vue/issues/6840)\n- 🐞 Fix InputNumber trigger mouseup event [#6772](https://github.com/vueComponent/ant-design-vue/issues/6772)\n- 🐞 Fix the Dropdown style problem when Tabs are collapsed [#6757](https://github.com/vueComponent/ant-design-vue/issues/6757)\n- 🐞 Fix Table expandedRowRender property does not take effect [#6783](https://github.com/vueComponent/ant-design-vue/issues/6783)\n- 🐞 Fix dayjs not packaged into dist [#6767](https://github.com/vueComponent/ant-design-vue/issues/6767)\n- 🐞 Fix clipPath browser compatibility issue [#6770](https://github.com/vueComponent/ant-design-vue/issues/6770)\n- 🐞 Fix Carousel autoplay responsive problem [#6768](https://github.com/vueComponent/ant-design-vue/issues/6768)\n- 🐞 Fix PageHeader ghost style problem [#6761](https://github.com/vueComponent/ant-design-vue/issues/6761)\n- 🐞 Fix Checkbox not triggering Form validation [#6741](https://github.com/vueComponent/ant-design-vue/issues/6741)\n- 🐞 Fix the problem that the Input prefix attribute does not take effect [#6810](https://github.com/vueComponent/ant-design-vue/issues/6810)\n- 🐞 Fix Badge style problem in Avatar [#6874](https://github.com/vueComponent/ant-design-vue/issues/6874)\n\n## 4.0\n\n### 🔥🔥🔥 4.0 official version released 🔥🔥🔥\n\n### Design specification adjustment\n\n- Basic rounded corner adjustment, changed from unified `2px` to four-level rounded corners, which are `2px` `4px` `6px` `8px` respectively, which are applied to different scenarios, for example, the rounded corners of the default size Button are adjusted to `6px`.\n- Main color adjustment, changed from `#1890ff` to `#1677ff`.\n- Overall shadow adjustment, from the original three-level shadow adjustment to two levels, which are used for resident page components (such as Card) and interactive feedback (such as Dropdown).\n- Adjust the internal spacing of some components.\n- Overall de-wireframing.\n\n### Add 5 new components\n\n- Segmented segment controller\n- WaterMark watermark\n- QrCode QR code\n- FloatButton floating button\n- Tour roaming guide\n\n### Technical adjustments\n\n- Deprecated less and adopted CSS-in-JS to better support dynamic themes.\n - All less files are removed, and less variables no longer support leaking.\n - css files are no longer included in the product. Since CSS-in-JS supports importing on demand, the original `ant-design-vue/dist/antd.css` has also been removed. If you need to reset some basic styles, please import `ant-design-vue/dist/reset .css`.\n - If you need to reset the style of the component and don't want to introduce `ant-design-vue/dist/reset.css` to pollute the global style, you can try to use [App component](/components/app), to solve the problem that native elements do not have ant-design-vue specification style.\n- Removed css variables and dynamic theme schemes built on top of it.\n- LocaleProvider has been deprecated in 3.x (use `` instead), we have completely removed the related directories `ant-design-vue/es/locale-provider`, `ant- design-vue/lib/locale-provider`.\n- `babel-plugin-import` is no longer supported, CSS-in-JS itself has the ability to load on demand, no longer need plug-in support.\n\n#### Component API adjustments\n\n- The classname API of the component popup is unified to `popupClassName`, and similar APIs such as `dropdownClassName` will be replaced.\n\n - AutoComplete component\n - Cascader component\n - Select component\n - TreeSelect component\n - TimePicker component\n - DatePicker component\n - Mentions component\n\n- The controlled visibility API of the component popup is unified as `open`, and `visible` and other similar APIs will be replaced.\n - Drawer component `visible` becomes `open`.\n - Modal component `visible` becomes `open`.\n - Dropdown component `visible` becomes `open`.\n - Tooltip component `visible` becomes `open`.\n - Tag component `visible` has been removed.\n - Slider component `tooltip` related API converges to `tooltip` property.\n - Table component `filterDropdownVisible` changed to `filterDropdownOpen`.\n- `getPopupContainer`: All `getPopupContainer` needs to ensure that the returned div is unique.\n- Drawer `style` and `class` are migrated to the Drawer popup area, and the original attributes are replaced by `rootClassName` and `rootStyle`.\n\n#### Component refactoring and removal\n\n- Remove the `locale-provider` directory. `LocaleProvider` has been removed in v4, please use `ConfigProvider` instead.\n\n- Remove `xxxl` breakpoint attribute in grid layout. `xxxl` attribute has been removed in v4, you can use [theme customization](/docs/vue/customize-theme) to modify `screen[XS|SM|MD|LG|XL|XXL]` to modify the break Point value achieved.\n\n- The BackTop component was deprecated in `4.0.0` and moved to the FloatButton floating button. If needed, it can be imported from FloatButton.\n\n### [Upgrade Guide](/docs/vue/migration-v4)\n\n## 3.x\n\nVisit [GitHub](https://github.com/vueComponent/ant-design-vue/blob/3.x/CHANGELOG.zh-CN.md) `3.x` Change Log。\n\n## 2.x\n\nVisit [GitHub](https://github.com/vueComponent/ant-design-vue/blob/2.x/CHANGELOG.zh-CN.md) `2.x` Change Log。\n\n## 1.x\n\nVisit [GitHub](https://github.com/vueComponent/ant-design-vue/blob/1.x/CHANGELOG.en-US.md) to read change logs from `0.x` to `1.x`.\n" }, { "path": "CHANGELOG.zh-CN.md", "content": "# 更新日志\n\n`ant-design-vue` 严格遵循 [Semantic Versioning 2.0.0](http://semver.org/lang/zh-CN/) 语义化版本规范。\n\n#### 发布周期\n\n- 修订版本号：每周末会进行日常 bugfix 更新。（如果有紧急的 bugfix，则任何时候都可发布）\n- 次版本号：每月发布一个带有新特性的向下兼容的版本。\n- 主版本号：含有破坏性更新和新特性，不在发布周期内。\n\n---\n\n## 4.2.6\n\n- 🐞 修复 Modal 组件在 chrome 下，aria-hidden 报错问题 [#7823](https://github.com/vueComponent/ant-design-vue/issues/7823)\n- 🐞 修复 Safari 下自带输入法 input 组件输入中文时，自动填写小数点问题 [#7918](https://github.com/vueComponent/ant-design-vue/issues/7918)\n- 🐞 修复 InputNumber 组件 disabled 样式问题 [#7776](https://github.com/vueComponent/ant-design-vue/issues/7776)\n- 🐞 修复 Select 无法失焦问题 [#7819](https://github.com/vueComponent/ant-design-vue/issues/7819)\n\n## 4.2.5\n\n- 🐞 修复 Empty 组件内存泄漏问题\n- 🐞 修复 Image width & height 属性不生效问题\n\n## 4.2.4\n\n- 🐞 修复 Wave 内存泄漏问题\n\n## 4.2.3\n\n- 🌟 TourStep 自定义 Button，支持函数 children [#7628](https://github.com/vueComponent/ant-design-vue/pull/7628)\n- 🐞 修复 Select 和 Cascader 搜索多选模式下，输入值被隐藏问题 [#7640](https://github.com/vueComponent/ant-design-vue/issues/7640)\n\n## 4.2.2\n\n- 🐞 修复 TreeSelect placeholder 插槽无效 [#7545](https://github.com/vueComponent/ant-design-vue/issues/7545)\n- 🐞 修复 Tree 插槽响应式无效问题 [40ad45](https://github.com/vueComponent/ant-design-vue/commit/40ad45bc05b2bf9d0a2445d9f6ff365468ba90b7)\n- 🐞 修复 FloatButton target 类型错误问题 [#7576](https://github.com/vueComponent/ant-design-vue/issues/7576)\n- 🐞 修复 FormItem className 错误问题 [#7582](https://github.com/vueComponent/ant-design-vue/issues/7582)\n- 🐞 修复 Input lazy 下无法输入问题 [#7543](https://github.com/vueComponent/ant-design-vue/issues/7543)\n- 🐞 修复 Select 输入中文时，placeholder 未隐藏问题 [#7611](https://github.com/vueComponent/ant-design-vue/issues/7611)\n- 🐞 修复 DatePicker 点击预设选项时，弹窗闪动问题 [#7550](https://github.com/vueComponent/ant-design-vue/issues/7550)\n\n## 4.2.1\n\n- 🐞 修复 Input 清空操作才报错问题 [#7523](https://github.com/vueComponent/ant-design-vue/issues/7523)\n\n## 4.2.0\n\n- 🌟 优化 layout 组件切换 dark 模式时 textColor 变化 [#7498](https://github.com/vueComponent/ant-design-vue/issues/7498)\n- 🌟 Tooltip 新增 arrow 隐藏配置 [#7459](https://github.com/vueComponent/ant-design-vue/issues/7459)\n- 🌟 优化 Table hover 性能 [#7451](https://github.com/vueComponent/ant-design-vue/issues/7451)\n- 🐞 修复 useForm 校验时更改 model，导致校验错误问题 [#ffd4d8](https://github.com/vueComponent/ant-design-vue/commit/ffd4d8fe927f9ea40cbb6358ad997c447bd9a74e)\n- 🐞 修复 Tabs 折叠计算错误问题 [#7491](https://github.com/vueComponent/ant-design-vue/issues/7491)\n- 🐞 修复 Qrcode 缺少类型提示问题 [#7502](https://github.com/vueComponent/ant-design-vue/issues/7502)\n- 🐞 修复 Menu 在 SSR 下渲染错误问题 [#7349](https://github.com/vueComponent/ant-design-vue/issues/7349)\n- 🐞 修复 Select、Cascader 在 SSR 下渲染错误问题 [#7377](https://github.com/vueComponent/ant-design-vue/issues/7377)\n- 🐞 修复 AutoComplete 缺少 option slot 声明问题 [#7396](https://github.com/vueComponent/ant-design-vue/issues/7396)\n- 🐞 修复 Textarea autoSize 不生效问题 [#7478](https://github.com/vueComponent/ant-design-vue/issues/7478)\n- 🐞 修复 Pagination 回车键触发两次翻页问题 [#7368](https://github.com/vueComponent/ant-design-vue/issues/7368)\n- 🐞 修复输入框输入中文问题 [#7391](https://github.com/vueComponent/ant-design-vue/issues/7391)[#7516](https://github.com/vueComponent/ant-design-vue/issues/7516)\n- 🐞 修复 Carousel beforeChange current 参数错误问题 [#7419](https://github.com/vueComponent/ant-design-vue/issues/7419)\n\n## 4.1.2\n\n- 🐞 修复 table resize 在 vue 3.4 下报错问题 [#7291](https://github.com/vueComponent/ant-design-vue/issues/7291)\n- 🐞 修复 Segmented title 属性不显示问题 [#7302](https://github.com/vueComponent/ant-design-vue/issues/7302)\n\n## 4.1.1\n\n- 🌟 QRcode 新增 scanned 状态 [#7242](https://github.com/vueComponent/ant-design-vue/issues/7242)\n- 🐞 修复 css prefix 在 nuxt 问题 [#7256](https://github.com/vueComponent/ant-design-vue/issues/7256)\n- 🐞 修复 dropdown 关闭问题 [#7246](https://github.com/vueComponent/ant-design-vue/issues/7246)\n- 🐞 修复 divider vertical dashed 不显示问题 [#7218](https://github.com/vueComponent/ant-design-vue/issues/7218)\n- 🐞 修复 hook 模式 message 控制台 warning 问题 [#7281](https://github.com/vueComponent/ant-design-vue/issues/7281)\n- 🐞 修复 table 展开在 vue 3.4 下报错问题 [#7265](https://github.com/vueComponent/ant-design-vue/issues/7265)\n- 🐞 修复 table group 过滤状态错误问题 [#7233](https://github.com/vueComponent/ant-design-vue/issues/7233)\n\n## 4.1.0\n\n- 🐞 适配 vue 3.4 [#7239](https://github.com/vueComponent/ant-design-vue/issues/7239)\n\n## 4.0.8\n\n- 🐞 修复在 Nuxt 下 theme 响应式失效问题 [#7180](https://github.com/vueComponent/ant-design-vue/issues/7180)\n- 🐞 修复 Wave 引起的报错问题 [#7108](https://github.com/vueComponent/ant-design-vue/issues/7108)\n- 🐞 修复 Upload disabled 继承问题 [#7110](https://github.com/vueComponent/ant-design-vue/issues/7110)\n- 🐞 修复 Tooltip popupAlign 未生效问题 [#7112](https://github.com/vueComponent/ant-design-vue/issues/7112)\n- 🐞 修复 Typography 闪动问题 [#7146](https://github.com/vueComponent/ant-design-vue/issues/7146)\n- 🐞 修复 RangePicker prevIcon nextIcon 未生效问题 [#7127](https://github.com/vueComponent/ant-design-vue/issues/7127)\n- 🐞 修复 watermark 未监听子元素变动问题 [#7149](https://github.com/vueComponent/ant-design-vue/issues/7149)\n- 🐞 修复 Menu 动画丢失问题 [#7130](https://github.com/vueComponent/ant-design-vue/issues/7130)\n- 🐞 修复 TextArea autosize 时光标变化问题 [#7121](https://github.com/vueComponent/ant-design-vue/issues/7121)\n\n## 4.0.7\n\n- 🌟 新增 Flex 组件 [#7052](https://github.com/vueComponent/ant-design-vue/issues/7052)\n- 🌟 ConfigProvider 新增 wave 配置 [#7036](https://github.com/vueComponent/ant-design-vue/issues/7036)\n- 🌟 Watermark 支持暗黑模式 [#7067](https://github.com/vueComponent/ant-design-vue/issues/7067)\n- 🐞 修复 Space 重复 Key 问题 [#7048](https://github.com/vueComponent/ant-design-vue/issues/7048)\n- 🐞 修复 Upload disabled 优先级错误问题 [#7047](https://github.com/vueComponent/ant-design-vue/issues/7047)\n- 🐞 修复 Carousel 在 jsx 中渲染错误问题 [#7077](https://github.com/vueComponent/ant-design-vue/issues/7077)\n- 🐞 修复 Message 偏移位置问题 [#7093](https://github.com/vueComponent/ant-design-vue/issues/7093)\n- 🐞 修复 Collapse 自定义 prefix 时动画失效问题 [#7074](https://github.com/vueComponent/ant-design-vue/issues/7074)\n\n## 4.0.6\n\n- 🐞 修复 4.0.4 引入的 Dropdown onVisibleChange 失效问题 [#7031](https://github.com/vueComponent/ant-design-vue/issues/7031)\n\n## 4.0.5\n\n- 🐞 修复 cssinjs 性能问题 [#7023](https://github.com/vueComponent/ant-design-vue/issues/7023)\n\n## 4.0.4\n\n- 🌟 新增 esm 目标文件\n- 🌟 FormItem 新增 tooltip 属性 [#7014](https://github.com/vueComponent/ant-design-vue/issues/7014)\n- 🐞 修复 useMessage getContainer 不生效问题 [#6942](https://github.com/vueComponent/ant-design-vue/issues/6942)\n- 🐞 修复 Image 多次触发 onPreviewVisibleChange 事件问题 [#6945](https://github.com/vueComponent/ant-design-vue/issues/6945)\n- 🐞 修复 Checkbox 全局 disabled 不生效问题 [#6970](https://github.com/vueComponent/ant-design-vue/issues/6970)\n- 🐞 修复 Drawer contentWrapperStyle 不生效问题 [#6983](https://github.com/vueComponent/ant-design-vue/issues/6983)\n- 🐞 优化 Select Dropdown 等下拉列表滚动条显示隐藏逻辑 [#6987](https://github.com/vueComponent/ant-design-vue/issues/6987)\n- 🐞 修复 Select Dropdown 等下拉列表中有 input 等组件时，隐藏问题 [#7020](https://github.com/vueComponent/ant-design-vue/issues/7020)\n\n## 4.0.3\n\n- 🐞 修复 shadow Dom 下样式丢失问题 [#6912](https://github.com/vueComponent/ant-design-vue/issues/6912)\n- 🐞 升级 Icon 依赖，修复 shadow Dom 下 icon css 丢失问题 [#6914](https://github.com/vueComponent/ant-design-vue/issues/6914)\n\n## 4.0.2\n\n- 🐞 修复 useMessage 导致 body 被移除问题 [#6880](https://github.com/vueComponent/ant-design-vue/issues/6880)\n- 🐞 修复 Button loading 切换后，水波纹效果不消失问题 [#6895](https://github.com/vueComponent/ant-design-vue/issues/6895)\n- 🐞 修复 Image 关闭后 flip 没有重置问题 [#6913](https://github.com/vueComponent/ant-design-vue/issues/6913)\n- 🐞 修复 ImageGroup 动画效果丢失问题 [#6898](https://github.com/vueComponent/ant-design-vue/issues/6898)\n- 🐞 修复 Modal 缺少 onUpdate:open 属性声明 [#6876](https://github.com/vueComponent/ant-design-vue/issues/6876)\n- 🐞 修复 Transfer 的 Checkbox 边缘处会触发多次 click 问题 [#6902](https://github.com/vueComponent/ant-design-vue/issues/6902)\n\n## 4.0.1\n\n- 🌟 FloatButton 添加 Badge 支持 [#6738](https://github.com/vueComponent/ant-design-vue/issues/6738)\n- 🌟 Image 预览放大缩小灵敏度调整 [#6784](https://github.com/vueComponent/ant-design-vue/issues/6784)\n- 🌟 Image 新增翻转特性 [#6785](https://github.com/vueComponent/ant-design-vue/issues/6785)\n- 🌟 新增 App 组件，用于提供上下文 [#6735](https://github.com/vueComponent/ant-design-vue/issues/6735)\n- 🌟 样式抽离特性用于 SSR [#6757](https://github.com/vueComponent/ant-design-vue/issues/6757)\n- 🌟 支持 px2rem [#6817](https://github.com/vueComponent/ant-design-vue/issues/6817)\n- 🌟 Tag 支持无边框模式 [#6819](https://github.com/vueComponent/ant-design-vue/issues/6819)\n- 🌟 Avatar group 模式支持 shape [#6822](https://github.com/vueComponent/ant-design-vue/issues/6822)\n- 🌟 AutoComplete 支持无边框和自定义 clearIcon [#6829](https://github.com/vueComponent/ant-design-vue/issues/6829)\n- 🌟 InputPassword 支持受控 visible [#6863](https://github.com/vueComponent/ant-design-vue/issues/6863)\n- 🐞 修复 InputGroup 在 large 时样式错位问题 [#6866](https://github.com/vueComponent/ant-design-vue/issues/6866)\n- 🐞 修复 Checkable Tag 无法自定义 class 问题 [#6854](https://github.com/vueComponent/ant-design-vue/issues/6854)\n- 🐞 修复 Tabs 动画模式下渲染问题 [#6855](https://github.com/vueComponent/ant-design-vue/issues/6855)\n- 🐞 修复 Image height 属性不生效问题 [#6840](https://github.com/vueComponent/ant-design-vue/issues/6840)\n- 🐞 修复 InputNumber 触发 mouseup 事件问题 [#6772](https://github.com/vueComponent/ant-design-vue/issues/6772)\n- 🐞 修复 Tabs 折叠时 Dropdown 样式问题 [#6757](https://github.com/vueComponent/ant-design-vue/issues/6757)\n- 🐞 修复 Table expandedRowRender 属性不生效 [#6783](https://github.com/vueComponent/ant-design-vue/issues/6783)\n- 🐞 修复 dayjs 未打包进 dist 问题 [#6767](https://github.com/vueComponent/ant-design-vue/issues/6767)\n- 🐞 解决 clipPath 浏览器兼容问题 [#6770](https://github.com/vueComponent/ant-design-vue/issues/6770)\n- 🐞 修复 Carousel autoplay 响应式问题 [#6768](https://github.com/vueComponent/ant-design-vue/issues/6768)\n- 🐞 修复 PageHeader ghost 样式问题 [#6761](https://github.com/vueComponent/ant-design-vue/issues/6761)\n- 🐞 修复 Checkbox 没有触发 Form 校验问题 [#6741](https://github.com/vueComponent/ant-design-vue/issues/6741)\n- 🐞 修复 Input prefix 属性未生效问题 [#6810](https://github.com/vueComponent/ant-design-vue/issues/6810)\n- 🐞 修复 Badge 在 Avatar 中样式问题 [#6874](https://github.com/vueComponent/ant-design-vue/issues/6874)\n\n## 4.0\n\n### 🔥🔥🔥 4.0 正式版发布 🔥🔥🔥\n\n### 设计规范调整\n\n- 基础圆角调整，由统一的 `2px` 改为四级圆角，分别为 `2px` `4px` `6px` `8px`，分别应用于不同场景，比如默认尺寸的 Button 的圆角调整为了 `6px`。\n- 主色调整，由 `#1890ff` 改为 `#1677ff`。\n- 整体阴影调整，由原本的三级阴影调整为两级，分别用于常驻页面的组件（如 Card）和交互反馈（如 Dropdown）。\n- 部分组件内间距调整。\n- 整体去线框化。\n\n### 新增 5 个组件\n\n- Segmented 分段控制器\n- WaterMark 水印\n- QrCode 二维码\n- FloatButton 悬浮按钮\n- Tour 漫游式引导\n\n### 技术调整\n\n- 弃用 less，采用 CSS-in-JS，更好地支持动态主题。\n - 所有 less 文件全部移除，less 变量不再支持透出。\n - 产物中不再包含 css 文件。由于 CSS-in-JS 支持按需引入，原本的 `ant-design-vue/dist/antd.css` 也已经移除，如果需要重置一些基本样式请引入 `ant-design-vue/dist/reset.css`。\n - 如果需要组件重置样式，又不想引入 `ant-design-vue/dist/reset.css` 从而导致污染全局样式的话，可以尝试在应用最外层使用[App 组件](/components/app-cn)，解决原生元素没有 ant-design-vue 规范样式的问题。\n- 移除 css variables 以及在此之上构筑的动态主题方案。\n- LocaleProvider 在 3.x 中已经废弃（使用 `` 替代），我们在 4.x 里彻底移除了相关目录 `ant-design-vue/es/locale-provider`、`ant-design-vue/lib/locale-provider`。\n- 不再支持 `babel-plugin-import`，CSS-in-JS 本身具有按需加载的能力，不再需要插件支持。\n\n#### 组件 API 调整\n\n- 组件弹框的 classname API 统一为 `popupClassName`，`dropdownClassName` 等类似 API 都会被替换。\n\n - AutoComplete 组件\n - Cascader 组件\n - Select 组件\n - TreeSelect 组件\n - TimePicker 组件\n - DatePicker 组件\n - Mentions 组件\n\n- 组件弹框的受控可见 API 统一为 `open`，`visible` 等类似 API 都会被替换。\n - Drawer 组件 `visible` 变为 `open`。\n - Modal 组件 `visible` 变为 `open`。\n - Dropdown 组件 `visible` 变为 `open`。\n - Tooltip 组件 `visible` 变为 `open`。\n - Tag 组件 `visible` 已移除。\n - Slider 组件 `tooltip` 相关 API 收敛到 `tooltip` 属性中。\n - Table 组件 `filterDropdownVisible` 变为 `filterDropdownOpen`。\n- `getPopupContainer`: 所有的 `getPopupContainer` 都需要保证返回的是唯一的 div。\n- Drawer `style` 和 `class` 迁移至 Drawer 弹层区域上，原属性替换为 `rootClassName` 和 `rootStyle`。\n\n#### 组件重构与移除\n\n- 移除 `locale-provider` 目录。`LocaleProvider` 在 v4 中已移除，请使用 `ConfigProvider` 替代。\n\n- 移除栅格布局中的`xxxl`断点属性。 `xxxl`属性已经在 v4 被移除，您可以使用 [主题定制](/docs/vue/customize-theme-cn) 修改 `screen[XS|SM|MD|LG|XL|XXL]` 来修改断点值实现。\n\n- BackTop 组件在 `4.0.0` 中废弃，移至 FloatButton 悬浮按钮中。如需使用，可以从 FloatButton 中引入。\n\n### [升级指南](/docs/vue/migration-v4-cn)\n\n## 3.x\n\n去 [GitHub](https://github.com/vueComponent/ant-design-vue/blob/3.x/CHANGELOG.zh-CN.md) 查看 `3.x` 的 Change Log。\n\n## 2.x\n\n去 [GitHub](https://github.com/vueComponent/ant-design-vue/blob/2.x/CHANGELOG.zh-CN.md) 查看 `2.x` 的 Change Log。\n\n## 1.x\n\n去 [GitHub](https://github.com/vueComponent/ant-design-vue/blob/1.x/CHANGELOG.zh-CN.md) 查看 `0.x` 到 `1.x` 的 Change Log。\n" }, { "path": "LICENSE", "content": "\nMIT License\n\nCopyright (c) 2017-present ant-design-vue\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n\n\nMIT LICENSE\n\nCopyright (c) 2015-present Alipay.com, https://www.alipay.com/\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\nMIT License\n\nCopyright (c) 2019-PRESENT Anthony Fu\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README-zh_CN.md", "content": "

\n Ant Design Vue\n

\n\n
\n\n基于 Ant Design 和 Vue 3 的企业级 UI 组件库。\n\n![test](https://github.com/vueComponent/ant-design-vue/workflows/test/badge.svg) [![codecov](https://img.shields.io/codecov/c/github/vueComponent/ant-design-vue/master.svg?style=flat-square)](https://codecov.io/gh/vueComponent/ant-design-vue) [![npm package](https://img.shields.io/npm/v/ant-design-vue.svg?style=flat-square)](https://www.npmjs.org/package/ant-design-vue) [![NPM downloads](http://img.shields.io/npm/dm/ant-design-vue.svg?style=flat-square)](http://www.npmtrends.com/ant-design-vue) [![backers](https://opencollective.com/ant-design-vue/backers/badge.svg)](#backers) [![sponsors](https://opencollective.com/ant-design-vue/sponsors/badge.svg)](#sponsors) [![extension-for-VSCode](https://img.shields.io/badge/extension%20for-VSCode-blue.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=ant-design-vue.vscode-ant-design-vue-helper) [![issues-helper](https://img.shields.io/badge/Issues%20Manage%20By-issues--helper-orange?style=flat-square)](https://github.com/actions-cool/issues-helper)\n\n
\n\n[![](https://cdn-images-1.medium.com/max/2000/1*NIlj0-TdLMbo_hzSBP8tmg.png)](https://www.antdv.com/)\n\n
\n 赞助商\n
\n \n \"Mentorbook.AI\n \n
\n\n[English](./README.md) | 简体中文\n\n## 特性\n\n- 提炼自企业级中后台产品的交互语言和视觉风格。\n- 开箱即用的高质量 Vue 组件。\n- 共享 [Ant Design of React](http://ant-design.gitee.io/docs/spec/introduce-cn) 设计工具体系。\n\n## 关注我们\n\n收藏加关注，第一时间获取更新动态！\n\n![star us](https://user-images.githubusercontent.com/6937879/261937060-e0501ab3-9388-4712-a25d-3f2ba2271865.gif)\n\n## 支持环境\n\n- 现代浏览器。1.x 版本支持 IE 9+（需要 [polyfills](https://www.antdv.com/docs/vue/getting-started-cn/#兼容性)）\n- 支持服务端渲染。\n- [Electron](https://electronjs.org/)\n- 支持 Vue 2 和 Vue 3\n\n| [\"IE](http://godban.github.io/browsers-support-badges/)
IE / Edge | [\"Firefox\"](http://godban.github.io/browsers-support-badges/)
Firefox | [\"Chrome\"](http://godban.github.io/browsers-support-badges/)
Chrome | [\"Safari\"](http://godban.github.io/browsers-support-badges/)
Safari | [\"Opera\"](http://godban.github.io/browsers-support-badges/)
Opera | [\"Electron\"](http://godban.github.io/browsers-support-badges/)
Electron |\n| --- | --- | --- | --- | --- | --- |\n| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |\n\n## 安装\n\n### 使用 npm 或 yarn 安装\n\n```bash\n$ npm install ant-design-vue --save\n```\n\n```bash\n$ yarn add ant-design-vue\n```\n\n如果你的网络环境不佳，推荐使用 [cnpm](https://github.com/cnpm/cnpm)。\n\n## 链接\n\n- [首页](https://www.antdv.com/)\n- [Vue 官方文档](https://cn.vuejs.org/)\n- [Ant Design Of React](http://ant.design/)\n\n## 生态\n\n| Project | Description |\n| --- | --- |\n| [vue-ref](https://github.com/vueComponent/vue-ref) | 您可以使用回调来获取组件的引用，类似 react |\n| [ant-design-vue-helper](https://marketplace.visualstudio.com/items?itemName=ant-design-vue.vscode-ant-design-vue-helper) | ant-design-vue 的 vscode 扩展 |\n| [vue-cli-plugin-ant-design](https://github.com/vueComponent/vue-cli-plugin-ant-design) | 使用 vue-cli3 快速使用 ant-design-vue 组件库 |\n| [vue-dash-event](https://github.com/vueComponent/vue-dash-event) | 在 DOM 模板中，您可以使用 ant-design-vue 组件的自定义事件（camelCase） |\n| [@formily/antdv](https://github.com/formilyjs/antdv) | 这是一个结合了 Formily 和 ant-design-vue 的组件库 |\n| [@ant-design-vue/nuxt](https://github.com/vueComponent/ant-design-vue-nuxt) | ant-design-vue 的 nuxt 模块扩展 |\n| [ant-design-x-vue](https://github.com/wzc520pyfm/ant-design-x-vue) | 基于 Ant Design X 设计规范的 Vue AI 界面解决方案 |\n\n## 问答\n\n> 强烈推荐阅读 [《提问的智慧》](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way)、[《如何向开源社区提问题》](https://github.com/seajs/seajs/issues/545) 和 [《如何有效地报告 Bug》](http://www.chiark.greenend.org.uk/%7Esgtatham/bugs-cn.html)、[《如何向开源项目提交无法解答的问题》](https://zhuanlan.zhihu.com/p/25795393)，更好的问题更容易获得帮助。\n\n[![Let's fund issues in this repository](https://issuehunt.io/static/embed/issuehunt-button-v1.svg)](https://issuehunt.io/repos/104172832)\n\n## 赞助\n\nant-design-vue 是 MIT 协议的开源项目。为了项目能够更好的持续的发展，我们期望获得更多的[支持者](https://github.com/vueComponent/ant-design-vue/blob/master/BACKERS.md)，你可以通过如下任何一种方式支持我们：\n\n- [Patreon](https://www.patreon.com/tangjinzhou)\n- [opencollective](https://opencollective.com/ant-design-vue)\n- [paypal](https://www.paypal.me/tangjinzhou)\n- ETH: 0x30cc48515d8ae9fefa20ab87226ad7e8ab9c3bc2\n\n## 赞助商\n\n成为赞助商，并在 Github 上的自述文件上获得您的徽标，并链接到您的网站。 [[成为赞助商](https://opencollective.com/ant-design-vue#sponsor)]\n\n \n\n## 支持者\n\n每月捐款支持我们，帮助我们继续我们的活动。 [[成为支持者](https://opencollective.com/ant-design-vue#backer)]\n\n \n\n## Patreon\n\n每月捐款支持我们，帮助我们继续我们的活动。 [[成为支持者](https://www.patreon.com/tangjinzhou)]\n\n\n\n## [更多赞助者 (通过 Patreon、支付宝、微信、paypal 等等)](https://github.com/vueComponent/ant-design-vue/blob/master/BACKERS.md)\n\n## 贡献者\n\n感谢所有为 ant-design-vue 做出贡献的人!\n\n\n \n\n" }, { "path": "README.md", "content": "

\n \n \n \n

\n\n

\n Ant Design Vue\n

\n\n
\n\nAn enterprise-class UI components based on Ant Design and Vue.\n\n![test](https://github.com/vueComponent/ant-design-vue/workflows/test/badge.svg) [![codecov](https://img.shields.io/codecov/c/github/vueComponent/ant-design-vue/master.svg?style=flat-square)](https://codecov.io/gh/vueComponent/ant-design-vue) [![npm package](https://img.shields.io/npm/v/ant-design-vue.svg?style=flat-square)](https://www.npmjs.org/package/ant-design-vue) [![NPM downloads](http://img.shields.io/npm/dm/ant-design-vue.svg?style=flat-square)](http://www.npmtrends.com/ant-design-vue) [![backers](https://opencollective.com/ant-design-vue/backers/badge.svg)](#backers) [![sponsors](https://opencollective.com/ant-design-vue/sponsors/badge.svg)](#sponsors) [![extension-for-VSCode](https://img.shields.io/badge/extension%20for-VSCode-blue.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=ant-design-vue.vscode-ant-design-vue-helper) [![issues-helper](https://img.shields.io/badge/Issues%20Manage%20By-issues--helper-orange?style=flat-square)](https://github.com/actions-cool/issues-helper)\n\n
\n\n[![](https://cdn-images-1.medium.com/max/2000/1*NIlj0-TdLMbo_hzSBP8tmg.png)](https://www.antdv.com/)\n\n
\n Sponsored by\n
\n \n \"Mentorbook.AI\n \n
\n\nEnglish | [简体中文](./README-zh_CN.md)\n\n## Features\n\n- An enterprise-class UI design system for desktop applications.\n- A set of high-quality Vue components out of the box.\n- Shared [Ant Design of React](https://ant.design/docs/spec/introduce) design resources.\n\n## Getting started & staying tuned with us.\n\nStar us, and you will receive all releases notifications from GitHub without any delay!\n\n![star us](https://user-images.githubusercontent.com/6937879/261937060-e0501ab3-9388-4712-a25d-3f2ba2271865.gif)\n\n## Environment Support\n\n- Modern browsers. v1.x support Internet Explorer 9+ (with [polyfills](https://www.antdv.com/docs/vue/getting-started/#compatibility))\n- Server-side Rendering\n- Support Vue 2 & Vue 3\n- [Electron](https://electronjs.org/)\n\n| [\"IE](http://godban.github.io/browsers-support-badges/)
IE / Edge | [\"Firefox\"](http://godban.github.io/browsers-support-badges/)
Firefox | [\"Chrome\"](http://godban.github.io/browsers-support-badges/)
Chrome | [\"Safari\"](http://godban.github.io/browsers-support-badges/)
Safari | [\"Opera\"](http://godban.github.io/browsers-support-badges/)
Opera | [\"Electron\"](http://godban.github.io/browsers-support-badges/)
Electron |\n| --- | --- | --- | --- | --- | --- |\n| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |\n\n## Using npm or yarn\n\n**We recommend using npm or yarn to install**, it not only makes development easier, but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.\n\n```bash\n$ npm install ant-design-vue --save\n```\n\n```bash\n$ yarn add ant-design-vue\n```\n\nIf you are in a bad network environment, you can try other registries and tools like [cnpm](https://github.com/cnpm/cnpm).\n\n## Links\n\n- [Home page](https://www.antdv.com/)\n- [Vue](https://vuejs.org/)\n- [Ant Design Of React](http://ant.design/)\n\n## Ecosystem\n\n| Project | Description |\n| --- | --- |\n| [vue-ref](https://github.com/vueComponent/vue-ref) | You can use the callback to get a reference like react |\n| [ant-design-vue-helper](https://marketplace.visualstudio.com/items?itemName=ant-design-vue.vscode-ant-design-vue-helper) | A vscode extension for ant-design-vue |\n| [vue-cli-plugin-ant-design](https://github.com/vueComponent/vue-cli-plugin-ant-design) | Vue-cli 3 plugin to add ant-design-vue |\n| [vue-dash-event](https://github.com/vueComponent/vue-dash-event) | The library function, implemented in the DOM template, can use the custom event of the ant-design-vue component (camelCase) |\n| [@formily/antdv](https://github.com/formilyjs/antdv) | The Library with Formily and ant-design-vue |\n| [@ant-design-vue/nuxt](https://github.com/vueComponent/ant-design-vue-nuxt) | A nuxt module for ant-design-vue |\n| [ant-design-x-vue](https://github.com/wzc520pyfm/ant-design-x-vue) | A Vue AI interface solutions base on the Ant Design X design specification |\n\n## Donation\n\nant-design-vue is an MIT-licensed open source project. In order to achieve better and sustainable development of the project, we expect to gain more [backers](https://github.com/vueComponent/ant-design-vue/blob/master/BACKERS.md). You can support us in any of the following ways:\n\n- [Patreon](https://www.patreon.com/tangjinzhou)\n- [opencollective](https://opencollective.com/ant-design-vue)\n- [paypal](https://www.paypal.me/tangjinzhou)\n- ETH: 0x30cc48515d8ae9fefa20ab87226ad7e8ab9c3bc2\n\n## Sponsors\n\nBecome a sponsor and get your logo on our README on Github with a link to your site. [[Become a sponsor](https://opencollective.com/ant-design-vue#sponsor)]\n\n \n\n## [More Sponsor (From Patreon、alipay、wechat、paypal...)](https://github.com/vueComponent/ant-design-vue/blob/master/BACKERS.md)\n\n## Contributors\n\nThank you to all the people who already contributed to ant-design-vue!\n\n\n \n\n\n[![Let's fund issues in this repository](https://issuehunt.io/static/embed/issuehunt-button-v1.svg)](https://issuehunt.io/repos/104172832)\n\nThis project is tested with BrowserStack.\n" }, { "path": "SECURITY.md", "content": "# Security Policy\n\n## Supported Versions\n\nUse this section to tell people about which versions of your project are currently being supported with security updates.\n\n| Version | Supported |\n| ------- | ------------------ |\n| 1.x | :white_check_mark: |\n| 2.x | :x: |\n| 3.x | :white_check_mark: |\n\n## Reporting a Vulnerability\n\nUse this section to tell people how to report a vulnerability.\n\nTell them where to go, how often they can expect to get an update on a reported vulnerability, what to expect if the vulnerability is accepted or declined, etc.\n" }, { "path": "antd-tools/apiCollection.js", "content": "// Read all the api from current documents\n\nconst glob = require('glob');\nconst fs = require('fs');\n\nconst COMPONENT_NAME = /components\\/([^/]*)/;\nconst PROP_NAME = /^\\s*\\|\\s*([^\\s|]*)/;\n\nconst components = {};\n\nfunction mappingPropLine(component, line) {\n const propMatch = line.match(PROP_NAME);\n if (!propMatch) return;\n\n const propName = propMatch[1];\n if (!/^[a-z]/.test(propName)) return;\n\n components[component] = Array.from(new Set([...(components[component] || []), propName]));\n}\n\nfunction apiReport(entities) {\n const apis = {};\n Object.keys(entities).forEach(component => {\n const apiList = entities[component];\n apiList.forEach(api => {\n if (typeof apis[api] === 'function') {\n apis[api] = [];\n }\n apis[api] = [...(apis[api] || []), component];\n });\n });\n\n return apis;\n}\n\nfunction printReport(apis) {\n const apiList = Object.keys(apis).map(api => ({\n name: api,\n componentList: apis[api],\n }));\n apiList.sort((a, b) => b.componentList.length - a.componentList.length);\n // eslint-disable-next-line no-console\n console.log('| name | components | comments |');\n // eslint-disable-next-line no-console\n console.log('| ---- | ---------- | -------- |');\n apiList.forEach(({ name, componentList }) => {\n // eslint-disable-next-line no-console\n console.log('|', name, '|', componentList.join(', '), '| |');\n });\n}\n\nmodule.exports = () => {\n glob('components/*/*.md', (error, files) => {\n files.forEach(filePath => {\n // Read md file to parse content\n const content = fs.readFileSync(filePath, 'utf8');\n const component = filePath.match(COMPONENT_NAME)[1];\n\n // Parse lines to get API\n const lines = content.split(/[\\r\\n]+/);\n lines.forEach(line => {\n mappingPropLine(component, line);\n });\n });\n\n printReport(apiReport(components));\n });\n};\n" }, { "path": "antd-tools/cli/index.js", "content": "#!/usr/bin/env node\n\n'use strict';\n\nrequire('colorful').colorful();\n\nconst program = require('commander');\nconst packageInfo = require('../../package.json');\n\nprogram\n .version(packageInfo.version)\n .command('run [name]', 'run specified task')\n .parse(process.argv);\n\n// https://github.com/tj/commander.js/pull/260\nconst proc = program.runningCommand;\nif (proc) {\n proc.on('close', process.exit.bind(process));\n proc.on('error', () => {\n process.exit(1);\n });\n}\n\nconst subCmd = program.args[0];\nif (!subCmd || subCmd !== 'run') {\n program.help();\n}\n" }, { "path": "antd-tools/cli/run.js", "content": "#!/usr/bin/env node\n/* eslint-disable no-console */\n\n'use strict';\n\nrequire('colorful').colorful();\nconst gulp = require('gulp');\nconst program = require('commander');\n\nprogram.option('-c --npm-tag ', 'add --npm-tag=xxx');\n\nprogram.on('--help', () => {\n console.log(' Usage:'.to.bold.blue.color);\n console.log();\n});\n\nprogram.parse(process.argv);\n\nfunction runTask(toRun) {\n const metadata = { task: toRun };\n // Gulp >= 4.0.0 (doesn't support events)\n const taskInstance = gulp.task(toRun);\n if (taskInstance === undefined) {\n gulp.emit('task_not_found', metadata);\n return;\n }\n const start = process.hrtime();\n gulp.emit('task_start', metadata);\n try {\n taskInstance.apply(gulp);\n metadata.hrDuration = process.hrtime(start);\n gulp.emit('task_stop', metadata);\n gulp.emit('stop');\n } catch (err) {\n err.hrDuration = process.hrtime(start);\n err.task = metadata.task;\n gulp.emit('task_err', err);\n }\n}\n\nconst task = program.args[0];\n\nif (!task) {\n program.help();\n} else {\n console.log('antd-tools run', task);\n\n require('../gulpfile');\n\n runTask(task);\n}\n" }, { "path": "antd-tools/generator-types/README.md", "content": "fork github.com/youzan/vant packages/generator-types\n" }, { "path": "antd-tools/generator-types/index.js", "content": "const path = require('path');\nconst pkg = require('../../package.json');\nconst { parseAndWrite } = require('./lib/index.js');\nconst rootPath = path.resolve(__dirname, '../../');\n\nparseAndWrite({\n version: pkg.version,\n name: 'ant-design-vue',\n path: path.resolve(rootPath, './components'),\n typingsPath: path.resolve(rootPath, './typings/global.d.ts'),\n // default match lang\n test: /en-US\\.md/,\n outputDir: path.resolve(rootPath, './vetur'),\n tagPrefix: 'a-',\n})\n .then(result => {\n // eslint-disable-next-line no-console\n console.log(`generator types success: ${result} tags generated`);\n })\n .catch(error => {\n console.error('generator types error', error);\n return Promise.reject(error);\n });\n" }, { "path": "antd-tools/generator-types/src/formatter.ts", "content": "import type { Articals } from './parser';\nimport { formatType, removeVersion, toKebabCase } from './utils';\nimport type { VueTag } from './type';\n\nfunction getComponentName(name: string, tagPrefix: string) {\n if (name) {\n return tagPrefix + toKebabCase(name.split(' ')[0]);\n }\n return '';\n}\n\nfunction parserProps(tag: VueTag, line: any) {\n const [name, desc, type, defaultVal] = line;\n if (\n type &&\n (type.includes('v-slot') ||\n type.includes('slot') ||\n type.includes('slots') ||\n type.includes('slot-scoped'))\n ) {\n tag.slots!.push({\n name: removeVersion(name),\n description: desc,\n });\n }\n tag.attributes!.push({\n name: removeVersion(name),\n default: defaultVal,\n description: desc,\n value: {\n type: formatType(type || ''),\n kind: 'expression',\n },\n });\n}\n\nexport function formatter(\n articals: Articals,\n componentName: string,\n kebabComponentName: string,\n tagPrefix = '',\n) {\n if (!articals.length) {\n return;\n }\n\n const tags: VueTag[] = [];\n const tag: VueTag = {\n name: kebabComponentName,\n slots: [],\n events: [],\n attributes: [],\n };\n tags.push(tag);\n\n const tables = articals.filter(artical => artical.type === 'table');\n\n tables.forEach(item => {\n const { table } = item;\n const prevIndex = articals.indexOf(item) - 1;\n const prevArtical = articals[prevIndex];\n\n if (!prevArtical || !prevArtical.content || !table || !table.body) {\n return;\n }\n\n const tableTitle = prevArtical.content;\n\n if (tableTitle.includes('API')) {\n table.body.forEach(line => {\n parserProps(tag, line);\n });\n return;\n }\n\n if (tableTitle.includes('events') && !tableTitle.includes(componentName)) {\n table.body.forEach(line => {\n const [name, desc] = line;\n tag.events!.push({\n name: removeVersion(name),\n description: desc,\n });\n });\n return;\n }\n\n // 额外的子组件\n if (\n tableTitle.includes(componentName) &&\n !tableTitle.includes('events') &&\n !tableTitle.includes('()')\n ) {\n const childTag: VueTag = {\n name: getComponentName(tableTitle.replace(/\\.|\\//g, ''), tagPrefix),\n slots: [],\n events: [],\n attributes: [],\n };\n table.body.forEach(line => {\n parserProps(childTag, line);\n });\n tags.push(childTag);\n return;\n }\n\n // 额外的子组件事件\n if (tableTitle.includes(componentName) && tableTitle.includes('events')) {\n const childTagName = getComponentName(\n tableTitle.replace('.', '').replace('events', ''),\n tagPrefix,\n );\n const childTag: VueTag | undefined = tags.find(item => item.name === childTagName.trim());\n if (!childTag) {\n return;\n }\n table.body.forEach(line => {\n const [name, desc] = line;\n childTag.events!.push({\n name: removeVersion(name),\n description: desc,\n });\n });\n return;\n }\n });\n\n return tags;\n}\n" }, { "path": "antd-tools/generator-types/src/index.ts", "content": "import glob from 'fast-glob';\nimport { dirname, join } from 'path';\nimport { mdParser } from './parser';\nimport { formatter } from './formatter';\nimport { genWebTypes } from './web-types';\nimport { outputFileSync, readFileSync } from 'fs-extra';\nimport type { Options, VueTag } from './type';\nimport { getComponentName, normalizePath, toKebabCase } from './utils';\nimport { flatMap } from 'lodash';\n\nasync function readMarkdown(options: Options): Promise> {\n const mdPaths = await glob(normalizePath(`${options.path}/**/*.md`));\n const data = mdPaths\n .filter(md => options.test.test(md))\n .map(path => {\n const docPath = dirname(path);\n const kebabComponentName =\n options.tagPrefix + docPath.substring(docPath.lastIndexOf('/') + 1) || '';\n const componentName = getComponentName(docPath.substring(docPath.lastIndexOf('/') + 1) || '');\n const fileContent = readFileSync(path, 'utf-8');\n return formatter(mdParser(fileContent), componentName, kebabComponentName, options.tagPrefix);\n })\n .filter(item => item) as VueTag[][];\n const tags = new Map();\n flatMap(data, item => item).forEach(mergedTag => mergeTag(tags, mergedTag));\n return tags;\n}\n\nfunction readTypings(options: Options): Map {\n const tags = new Map();\n const fileContent = readFileSync(options.typingsPath, 'utf-8');\n fileContent\n .split('\\n')\n .filter(line => line && line.includes('typeof'))\n .map(line => {\n const l = line.trim();\n return toKebabCase(l.substring(0, l.indexOf(':')));\n })\n .forEach(tagName =>\n tags.set(tagName, {\n name: tagName,\n slots: [],\n events: [],\n attributes: [],\n }),\n );\n return tags;\n}\n\nfunction mergeTag(tags: Map, mergedTag: VueTag) {\n const tagName = mergedTag.name;\n const vueTag = tags.get(tagName);\n if (vueTag) {\n vueTag.slots = [...vueTag.slots, ...mergedTag.slots];\n vueTag.events = [...vueTag.events, ...mergedTag.events];\n vueTag.attributes = [...vueTag.attributes, ...mergedTag.attributes];\n } else {\n tags.set(tagName, mergedTag);\n }\n}\n\nfunction mergeTags(mergedTagsArr: Map[]): VueTag[] {\n if (mergedTagsArr.length === 1) return [...mergedTagsArr[0].values()];\n const tags = new Map();\n if (mergedTagsArr.length === 0) return [];\n mergedTagsArr.forEach(mergedTags => {\n mergedTags.forEach(mergedTag => mergeTag(tags, mergedTag));\n });\n return [...tags.values()];\n}\n\nexport async function parseAndWrite(options: Options): Promise {\n if (!options.outputDir) {\n throw new Error('outputDir can not be empty.');\n }\n const tagsFromMarkdown = await readMarkdown(options);\n const tagsFromTypings = await readTypings(options);\n const tags = mergeTags([tagsFromMarkdown, tagsFromTypings]);\n const webTypes = genWebTypes(tags, options);\n outputFileSync(join(options.outputDir, 'web-types.json'), JSON.stringify(webTypes, null, 2));\n return tags.length;\n}\n\nexport default { parseAndWrite };\n" }, { "path": "antd-tools/generator-types/src/parser.ts", "content": "/* eslint-disable no-cond-assign */\nconst TITLE_REG = /^(#+)\\s+([^\\n]*)/;\nconst TABLE_REG = /^\\|.+\\r?\\n\\|\\s*-+/;\nconst TD_REG = /\\s*`[^`]+`\\s*|([^|`]+)/g;\nconst TABLE_SPLIT_LINE_REG = /^\\|\\s*-/;\n\ntype TableContent = {\n head: string[];\n body: string[][];\n};\n\nexport type Artical = {\n type: string;\n content?: string;\n table?: TableContent;\n level?: number;\n};\n\nexport type Articals = Artical[];\n\nfunction readLine(input: string) {\n const end = input.indexOf('\\n');\n\n return input.substring(0, end !== -1 ? end : input.length);\n}\n\nfunction splitTableLine(line: string) {\n line = line.replace(/\\\\\\|/g, 'JOIN');\n\n const items = line.split('|').map(item => item.trim().replace(/JOIN/g, '|'));\n\n // remove pipe character on both sides\n items.pop();\n items.shift();\n\n return items;\n}\n\nfunction tableParse(input: string) {\n let start = 0;\n let isHead = true;\n\n const end = input.length;\n const table: TableContent = {\n head: [],\n body: [],\n };\n\n while (start < end) {\n const target = input.substring(start);\n const line = readLine(target);\n\n if (!/^\\|/.test(target)) {\n break;\n }\n\n if (TABLE_SPLIT_LINE_REG.test(target)) {\n isHead = false;\n } else if (!isHead && line.includes('|')) {\n const matched = line.trim().match(TD_REG);\n\n if (matched) {\n table.body.push(splitTableLine(line));\n }\n }\n\n start += line.length + 1;\n }\n\n return {\n table,\n usedLength: start,\n };\n}\n\nexport function mdParser(input: string): Articals {\n const artical = [];\n let start = 0;\n const end = input.length;\n\n while (start < end) {\n const target = input.substring(start);\n\n let match;\n if ((match = TITLE_REG.exec(target))) {\n artical.push({\n type: 'title',\n content: match[2].replace('\\r', ''),\n level: match[1].length,\n });\n\n start += match.index + match[0].length;\n } else if ((match = TABLE_REG.exec(target))) {\n const { table, usedLength } = tableParse(target.substring(match.index));\n artical.push({\n type: 'table',\n table,\n });\n\n start += match.index + usedLength;\n } else {\n start += readLine(target).length + 1;\n }\n }\n\n return artical;\n}\n" }, { "path": "antd-tools/generator-types/src/type.ts", "content": "import type { PathLike } from 'fs';\n\nexport type VueSlot = {\n name: string;\n description: string;\n};\n\nexport type VueEventArgument = {\n name: string;\n type: string;\n};\n\nexport type VueEvent = {\n name: string;\n description?: string;\n arguments?: VueEventArgument[];\n};\n\nexport type VueAttribute = {\n name: string;\n default: string;\n description: string;\n value: {\n kind: 'expression';\n type: string;\n };\n};\n\nexport type VueTag = {\n name: string;\n slots: VueSlot[];\n events: VueEvent[];\n attributes: VueAttribute[];\n description?: string;\n};\n\nexport type Options = {\n name: string;\n path: PathLike;\n typingsPath: PathLike;\n test: RegExp;\n version: string;\n outputDir?: string;\n tagPrefix?: string;\n};\n" }, { "path": "antd-tools/generator-types/src/utils.ts", "content": "// myName -> my-name\nexport function toKebabCase(camel: string): string {\n return camel.replace(/((?<=[a-z\\d])[A-Z]|(?<=[A-Z\\d])[A-Z](?=[a-z]))/g, '-$1').toLowerCase();\n}\n\n// name `v2.0.0` -> name\nexport function removeVersion(str: string) {\n return str.replace(/`(\\w|\\.)+`/g, '').trim();\n}\n\n// *boolean* -> boolean\n// _boolean_ -> boolean\nexport function formatType(type: string) {\n return type\n .replace(/(^(\\*|_))|((\\*|_)$)/g, '')\n .replace('\\\\', '')\n .replace('\\\\', '');\n}\n\nexport function getComponentName(name: string) {\n const title = name\n .split('-')\n .map(it => it.substring(0, 1) + it.substring(1))\n .join('');\n return title.substring(0, 1).toUpperCase() + title.substring(1);\n}\n\nexport function normalizePath(path: string): string {\n return path.replace(/\\\\/g, '/');\n}\n" }, { "path": "antd-tools/generator-types/src/web-types.ts", "content": "import type { VueTag, Options } from './type';\n\n// create web-types.json to provide autocomplete in JetBrains IDEs\nexport function genWebTypes(tags: VueTag[], options: Options) {\n return {\n $schema: 'https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json',\n framework: 'vue',\n name: options.name,\n version: options.version,\n contributions: {\n html: {\n tags,\n attributes: [],\n 'types-syntax': 'typescript',\n },\n },\n };\n}\n" }, { "path": "antd-tools/generator-types/tsconfig.json", "content": "{\n \"compilerOptions\": {\n \"target\": \"ES2017\",\n \"outDir\": \"./lib\",\n \"module\": \"commonjs\",\n \"strict\": true,\n \"declaration\": true,\n \"skipLibCheck\": true,\n \"esModuleInterop\": true,\n \"lib\": [\"esnext\"]\n },\n \"include\": [\"src/**/*\"]\n}\n" }, { "path": "antd-tools/getBabelCommonConfig.js", "content": "const { resolve, isThereHaveBrowserslistConfig } = require('./utils/projectHelper');\n\nmodule.exports = function (modules) {\n const plugins = [\n [\n resolve('@babel/plugin-transform-typescript'),\n {\n isTSX: true,\n },\n ],\n [resolve('@vue/babel-plugin-jsx'), { mergeProps: false, enableObjectSlots: false }],\n resolve('@babel/plugin-proposal-optional-chaining'),\n resolve('@babel/plugin-transform-object-assign'),\n resolve('@babel/plugin-proposal-object-rest-spread'),\n resolve('@babel/plugin-proposal-export-default-from'),\n resolve('@babel/plugin-proposal-export-namespace-from'),\n resolve('@babel/plugin-proposal-class-properties'),\n resolve('@babel/plugin-syntax-dynamic-import'),\n [\n resolve('@babel/plugin-transform-runtime'),\n {\n useESModules: modules === false,\n version:\n require(`${process.cwd()}/package.json`).dependencies['@babel/runtime'] || '^7.10.4',\n },\n ],\n // resolve('babel-plugin-inline-import-data-uri'),\n // resolve('@babel/plugin-transform-member-expression-literals'),\n // resolve('@babel/plugin-transform-property-literals'),\n // resolve('@babel/plugin-proposal-export-default-from'),\n // resolve('@babel/plugin-transform-object-assign'),\n // resolve('@babel/plugin-transform-template-literals'),\n // resolve('@babel/plugin-proposal-object-rest-spread'),\n // resolve('@babel/plugin-proposal-class-properties'),\n ];\n return {\n presets: [\n [\n resolve('@babel/preset-env'),\n {\n modules,\n targets: isThereHaveBrowserslistConfig()\n ? undefined\n : {\n browsers: ['last 2 versions', 'Firefox ESR', '> 1%', 'ie >= 11'],\n },\n },\n ],\n ],\n plugins,\n env: {\n test: {\n plugins: [resolve('babel-plugin-istanbul')],\n },\n },\n };\n};\n" }, { "path": "antd-tools/getNpm.js", "content": "'use strict';\n\nconst runCmd = require('./runCmd');\n\nmodule.exports = function (done) {\n if (process.env.NPM_CLI) {\n done(process.env.NPM_CLI);\n return;\n }\n runCmd('which', ['tnpm'], code => {\n let npm = 'npm';\n if (!code) {\n npm = 'tnpm';\n }\n done(npm);\n });\n};\n" }, { "path": "antd-tools/getTSCommonConfig.js", "content": "'use strict';\n\nconst fs = require('fs');\nconst { getProjectPath } = require('./utils/projectHelper');\n\nmodule.exports = function () {\n let my = {};\n if (fs.existsSync(getProjectPath('tsconfig.json'))) {\n my = require(getProjectPath('tsconfig.json'));\n }\n return Object.assign(\n {\n noUnusedParameters: true,\n noUnusedLocals: true,\n strictNullChecks: true,\n target: 'es6',\n jsx: 'preserve',\n moduleResolution: 'node',\n declaration: true,\n allowSyntheticDefaultImports: true,\n },\n my.compilerOptions,\n );\n};\n" }, { "path": "antd-tools/getWebpackConfig.js", "content": "const { getProjectPath, resolve } = require('./utils/projectHelper');\nconst path = require('path');\nconst webpack = require('webpack');\nconst WebpackBar = require('webpackbar');\nconst { merge } = require('webpack-merge');\nconst TerserPlugin = require('terser-webpack-plugin');\nconst MiniCssExtractPlugin = require('mini-css-extract-plugin');\nconst CssMinimizerPlugin = require('css-minimizer-webpack-plugin');\nconst CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');\nconst CleanUpStatsPlugin = require('./utils/CleanUpStatsPlugin');\n// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;\n\nconst distFileBaseName = 'antd';\n\nconst svgRegex = /\\.svg(\\?v=\\d+\\.\\d+\\.\\d+)?$/;\nconst svgOptions = {\n limit: 10000,\n minetype: 'image/svg+xml',\n};\n\nconst imageOptions = {\n limit: 10000,\n};\n\nfunction getWebpackConfig(modules, esm = false) {\n const pkg = require(getProjectPath('package.json'));\n const babelConfig = require('./getBabelCommonConfig')(modules || false);\n\n const pluginImportOptions = {\n style: true,\n libraryName: distFileBaseName,\n libraryDirectory: 'components',\n };\n babelConfig.plugins.push([resolve('babel-plugin-import'), pluginImportOptions]);\n\n if (modules === false) {\n babelConfig.plugins.push(require.resolve('./replaceLib'));\n }\n\n /** @type {import('webpack').Configuration} */\n const config = {\n devtool: 'source-map',\n\n output: {\n path: getProjectPath('./dist/'),\n filename: '[name].js',\n },\n\n resolve: {\n modules: ['node_modules', path.join(__dirname, '../node_modules')],\n extensions: [\n '.web.tsx',\n '.web.ts',\n '.web.jsx',\n '.web.js',\n '.ts',\n '.tsx',\n '.js',\n '.jsx',\n '.vue',\n '.md',\n '.json',\n ],\n alias: {\n '@': process.cwd(),\n },\n fallback: [\n 'child_process',\n 'cluster',\n 'dgram',\n 'dns',\n 'fs',\n 'module',\n 'net',\n 'readline',\n 'repl',\n 'tls',\n ].reduce((acc, name) => Object.assign({}, acc, { [name]: 'empty' }), {}),\n },\n\n module: {\n rules: [\n {\n test: /\\.vue$/,\n exclude: /node_modules/,\n use: [\n {\n loader: 'vue-loader',\n options: {\n loaders: {\n js: [\n {\n loader: 'babel-loader',\n options: {\n presets: [resolve('@babel/preset-env')],\n plugins: [\n [\n resolve('@vue/babel-plugin-jsx'),\n { mergeProps: false, enableObjectSlots: false },\n ],\n resolve('@babel/plugin-proposal-object-rest-spread'),\n ],\n },\n },\n ],\n },\n },\n },\n ],\n },\n {\n test: /\\.(js|jsx)$/,\n loader: 'babel-loader',\n exclude: /node_modules/,\n options: babelConfig,\n },\n {\n test: /\\.tsx?$/,\n use: [\n {\n loader: 'babel-loader',\n options: babelConfig,\n },\n {\n loader: 'ts-loader',\n options: {\n transpileOnly: true,\n },\n },\n ],\n },\n {\n test: /\\.css$/,\n use: [\n MiniCssExtractPlugin.loader,\n {\n loader: 'css-loader',\n options: {\n sourceMap: true,\n },\n },\n {\n loader: 'postcss-loader',\n options: {\n postcssOptions: {\n plugins: ['autoprefixer'],\n },\n sourceMap: true,\n },\n },\n ],\n },\n // Images\n {\n test: svgRegex,\n loader: 'url-loader',\n options: svgOptions,\n },\n {\n test: /\\.(png|jpg|jpeg|gif)(\\?v=\\d+\\.\\d+\\.\\d+)?$/i,\n loader: 'url-loader',\n options: imageOptions,\n },\n ],\n },\n\n plugins: [\n // new BundleAnalyzerPlugin(),\n new CaseSensitivePathsPlugin(),\n new webpack.BannerPlugin(`\n${pkg.name} v${pkg.version}\n\nCopyright 2017-present, Ant Design Vue.\nAll rights reserved.\n `),\n new WebpackBar({\n name: '🚚 Ant Design Vue Tools',\n color: '#2f54eb',\n }),\n new CleanUpStatsPlugin(),\n ],\n performance: {\n hints: false,\n },\n };\n\n if (process.env.RUN_ENV === 'PRODUCTION') {\n let entry = ['./index'];\n config.externals = [\n {\n vue: {\n root: 'Vue',\n commonjs2: 'vue',\n commonjs: 'vue',\n amd: 'vue',\n module: 'vue',\n },\n },\n ];\n if (esm) {\n entry = ['./index.esm'];\n config.experiments = {\n ...config.experiments,\n outputModule: true,\n };\n config.output.chunkFormat = 'module';\n config.output.library = {\n type: 'module',\n };\n config.target = 'es2019';\n } else {\n config.output.libraryTarget = 'umd';\n config.output.library = distFileBaseName;\n config.output.globalObject = 'this';\n }\n\n const entryName = esm ? `${distFileBaseName}.esm` : distFileBaseName;\n\n config.optimization = {\n minimizer: [\n new TerserPlugin({\n parallel: true,\n terserOptions: {\n warnings: false,\n },\n }),\n ],\n };\n // Development\n const uncompressedConfig = merge({}, config, {\n entry: {\n [entryName]: entry,\n },\n mode: 'development',\n plugins: [\n new MiniCssExtractPlugin({\n filename: '[name].css',\n }),\n ],\n });\n\n // Production\n const prodConfig = merge({}, config, {\n entry: {\n [`${entryName}.min`]: entry,\n },\n mode: 'production',\n plugins: [\n new webpack.LoaderOptionsPlugin({\n minimize: true,\n }),\n new MiniCssExtractPlugin({\n filename: '[name].css',\n }),\n ],\n optimization: {\n minimize: true,\n minimizer: [new CssMinimizerPlugin({})],\n },\n });\n\n return [prodConfig, uncompressedConfig];\n }\n\n return [config];\n}\n\ngetWebpackConfig.webpack = webpack;\ngetWebpackConfig.svgRegex = svgRegex;\ngetWebpackConfig.svgOptions = svgOptions;\ngetWebpackConfig.imageOptions = imageOptions;\n\nmodule.exports = getWebpackConfig;\n" }, { "path": "antd-tools/gulpfile.js", "content": "/* eslint-disable no-console */\nconst { getProjectPath, getConfig } = require('./utils/projectHelper');\nconst runCmd = require('./runCmd');\nconst getBabelCommonConfig = require('./getBabelCommonConfig');\nconst merge2 = require('merge2');\nconst { execSync } = require('child_process');\nconst through2 = require('through2');\nconst webpack = require('webpack');\nconst babel = require('gulp-babel');\nconst argv = require('minimist')(process.argv.slice(2));\nconst { Octokit } = require('@octokit/rest');\n\n// const getNpm = require('./getNpm')\n// const selfPackage = require('../package.json')\nconst chalk = require('chalk');\nconst getNpmArgs = require('./utils/get-npm-args');\nconst getChangelog = require('./utils/getChangelog');\nconst path = require('path');\n// const watch = require('gulp-watch')\nconst ts = require('gulp-typescript');\nconst gulp = require('gulp');\nconst fs = require('fs');\nconst rimraf = require('rimraf');\nconst stripCode = require('gulp-strip-code');\nconst compareVersions = require('compare-versions');\nconst getTSCommonConfig = require('./getTSCommonConfig');\nconst replaceLib = require('./replaceLib');\nconst sortApiTable = require('./sortApiTable');\nconst { glob } = require('glob');\n\nconst packageJson = require(getProjectPath('package.json'));\nconst tsDefaultReporter = ts.reporter.defaultReporter();\nconst cwd = process.cwd();\nconst libDir = getProjectPath('lib');\nconst esDir = getProjectPath('es');\nconst localeDir = getProjectPath('locale');\n\nconst tsConfig = getTSCommonConfig();\n\n// FIXME: hard code, not find typescript can modify the path resolution\nconst localeDts = `import type { Locale } from '../lib/locale-provider';\ndeclare const localeValues: Locale;\nexport default localeValues;`;\n\nfunction dist(done) {\n rimraf.sync(path.join(cwd, 'dist'));\n process.env.RUN_ENV = 'PRODUCTION';\n const webpackConfig = require(getProjectPath('webpack.build.conf.js'));\n webpack(webpackConfig, (err, stats) => {\n if (err) {\n console.error(err.stack || err);\n if (err.details) {\n console.error(err.details);\n }\n return;\n }\n\n const info = stats.toJson();\n const { dist: { finalize } = {}, bail } = getConfig();\n\n if (stats.hasErrors()) {\n (info.errors || []).forEach(error => {\n console.error(error);\n });\n // https://github.com/ant-design/ant-design/pull/31662\n if (bail) {\n process.exit(1);\n }\n }\n if (stats.hasWarnings()) {\n console.warn(info.warnings);\n }\n\n const buildInfo = stats.toString({\n colors: true,\n children: true,\n chunks: false,\n modules: false,\n chunkModules: false,\n hash: false,\n version: false,\n });\n console.log(buildInfo);\n // Additional process of dist finalize\n if (finalize) {\n console.log('[Dist] Finalization...');\n finalize();\n }\n done(0);\n });\n}\n\nconst tsFiles = ['**/*.ts', '**/*.tsx', '!node_modules/**/*.*', 'typings/**/*.d.ts'];\n\nfunction compileTs(stream) {\n return stream\n .pipe(ts(tsConfig))\n .js.pipe(\n through2.obj(function (file, encoding, next) {\n // console.log(file.path, file.base);\n file.path = file.path.replace(/\\.[jt]sx$/, '.js');\n this.push(file);\n next();\n }),\n )\n .pipe(gulp.dest(process.cwd()));\n}\n\ngulp.task('tsc', () =>\n compileTs(\n gulp.src(tsFiles, {\n base: cwd,\n }),\n ),\n);\n\ngulp.task('clean', () => {\n rimraf.sync(getProjectPath('_site'));\n rimraf.sync(getProjectPath('_data'));\n});\n\nfunction babelify(js, modules) {\n const babelConfig = getBabelCommonConfig(modules);\n babelConfig.babelrc = false;\n delete babelConfig.cacheDirectory;\n if (modules === false) {\n babelConfig.plugins.push(replaceLib);\n }\n const stream = js.pipe(babel(babelConfig)).pipe(\n through2.obj(function z(file, encoding, next) {\n this.push(file.clone());\n if (modules !== false) {\n const content = file.contents.toString(encoding);\n file.contents = Buffer.from(\n content\n .replace(/lodash-es/g, 'lodash')\n .replace(/@ant-design\\/icons-vue/g, '@ant-design/icons-vue/lib/icons'),\n );\n this.push(file);\n }\n next();\n }),\n );\n return stream.pipe(gulp.dest(modules === false ? esDir : libDir));\n}\n\nfunction compile(modules) {\n const { compile: { transformTSFile, transformFile } = {} } = getConfig();\n rimraf.sync(modules !== false ? libDir : esDir);\n\n const assets = gulp\n .src(['components/**/*.@(png|svg)'])\n .pipe(gulp.dest(modules === false ? esDir : libDir));\n let error = 0;\n\n // =============================== FILE ===============================\n let transformFileStream;\n\n if (transformFile) {\n transformFileStream = gulp\n .src(['components/**/*.tsx'])\n .pipe(\n through2.obj(function (file, encoding, next) {\n let nextFile = transformFile(file) || file;\n nextFile = Array.isArray(nextFile) ? nextFile : [nextFile];\n nextFile.forEach(f => this.push(f));\n next();\n }),\n )\n .pipe(gulp.dest(modules === false ? esDir : libDir));\n }\n\n // ================================ TS ================================\n const source = [\n 'components/**/*.js',\n 'components/**/*.jsx',\n 'components/**/*.tsx',\n 'components/**/*.ts',\n 'typings/**/*.d.ts',\n '!components/*/__tests__/*',\n ];\n\n // Strip content if needed\n let sourceStream = gulp.src(source);\n if (modules === false) {\n sourceStream = sourceStream.pipe(\n stripCode({\n start_comment: '@remove-on-es-build-begin',\n end_comment: '@remove-on-es-build-end',\n }),\n );\n }\n\n if (transformTSFile) {\n sourceStream = sourceStream.pipe(\n through2.obj(function (file, encoding, next) {\n let nextFile = transformTSFile(file) || file;\n nextFile = Array.isArray(nextFile) ? nextFile : [nextFile];\n nextFile.forEach(f => this.push(f));\n next();\n }),\n );\n }\n\n const tsResult = sourceStream.pipe(\n ts(tsConfig, {\n error(e) {\n tsDefaultReporter.error(e);\n error = 1;\n },\n finish: tsDefaultReporter.finish,\n }),\n );\n\n function check() {\n if (error && !argv['ignore-error']) {\n process.exit(1);\n }\n }\n\n tsResult.on('finish', check);\n tsResult.on('end', check);\n const tsFilesStream = babelify(tsResult.js, modules);\n const tsd = tsResult.dts.pipe(gulp.dest(modules === false ? esDir : libDir));\n return merge2([tsFilesStream, tsd, assets, transformFileStream].filter(s => s));\n}\n\nfunction generateLocale() {\n if (!fs.existsSync(localeDir)) {\n fs.mkdirSync(localeDir);\n }\n\n const localeFiles = glob.sync('components/locale/*.ts?(x)');\n localeFiles.forEach(item => {\n const match = item.match(/components\\/locale\\/(.*)\\.tsx?/);\n if (match) {\n const locale = match[1];\n fs.writeFileSync(\n path.join(localeDir, `${locale}.js`),\n `module.exports = require('../lib/locale/${locale}');`,\n );\n fs.writeFileSync(path.join(localeDir, `${locale}.d.ts`), localeDts);\n }\n });\n}\n\nfunction tag() {\n console.log('tagging');\n const { version } = packageJson;\n execSync(`git config --global user.email ${process.env.GITHUB_USER_EMAIL}`);\n execSync(`git config --global user.name ${process.env.GITHUB_USER_NAME}`);\n execSync(`git tag ${version}`);\n execSync(\n `git push https://${process.env.GITHUB_TOKEN}@github.com/vueComponent/ant-design-vue.git ${version}:${version}`,\n );\n execSync(\n `git push https://${process.env.GITHUB_TOKEN}@github.com/vueComponent/ant-design-vue.git master:master`,\n );\n console.log('tagged');\n}\n\nfunction githubRelease(done) {\n const changlogFiles = [\n path.join(cwd, 'CHANGELOG.en-US.md'),\n path.join(cwd, 'CHANGELOG.zh-CN.md'),\n ];\n console.log('creating release on GitHub');\n if (!process.env.GITHUB_TOKEN) {\n console.log('no GitHub token found, skip');\n return;\n }\n if (!changlogFiles.every(file => fs.existsSync(file))) {\n console.log('no changelog found, skip');\n return;\n }\n const github = new Octokit({\n auth: process.env.GITHUB_TOKEN,\n });\n const date = new Date();\n const { version } = packageJson;\n const enChangelog = getChangelog(changlogFiles[0], version);\n const cnChangelog = getChangelog(changlogFiles[1], version);\n const changelog = [\n `\\`${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}\\``,\n enChangelog,\n '\\n',\n '---',\n '\\n',\n cnChangelog,\n ].join('\\n');\n const [_, owner, repo] = execSync('git remote get-url origin') // eslint-disable-line\n .toString()\n .match(/github.com[:/](.+)\\/(.+)\\.git/);\n github.repos\n .createRelease({\n owner,\n repo,\n tag_name: version,\n name: version,\n body: changelog,\n })\n .then(() => {\n done();\n })\n .catch(err => {\n console.log(err);\n });\n}\n\ngulp.task(\n 'tag',\n gulp.series(done => {\n tag();\n githubRelease(done);\n }),\n);\n\ngulp.task(\n 'check-git',\n gulp.series(done => {\n runCmd('git', ['status', '--porcelain'], (code, result) => {\n if (/^\\?\\?/m.test(result)) {\n return done(`There are untracked files in the working tree.\\n${result}\n `);\n }\n if (/^([ADRM]| [ADRM])/m.test(result)) {\n return done(`There are uncommitted changes in the working tree.\\n${result}\n `);\n }\n return done();\n });\n }),\n);\n\nfunction publish(tagString, done) {\n let args = ['publish', '--with-antd-tools'];\n if (tagString) {\n args = args.concat(['--tag', tagString]);\n }\n const publishNpm = process.env.PUBLISH_NPM_CLI || 'npm';\n runCmd(publishNpm, args, code => {\n tag();\n githubRelease(() => {\n done(code);\n });\n });\n}\n\nfunction pub(done) {\n const notOk = !packageJson.version.match(/^\\d+\\.\\d+\\.\\d+$/);\n let tagString;\n if (argv['npm-tag']) {\n tagString = argv['npm-tag'];\n }\n if (!tagString && notOk) {\n tagString = 'next';\n }\n if (packageJson.scripts['pre-publish']) {\n runCmd('npm', ['run', 'pre-publish'], code2 => {\n if (code2) {\n done(code2);\n return;\n }\n publish(tagString, done);\n });\n } else {\n publish(tagString, done);\n }\n}\n\nconst startTime = new Date();\ngulp.task('compile-with-es', done => {\n console.log('start compile at ', startTime);\n console.log('[Parallel] Compile to es...');\n compile(false).on('finish', done);\n});\n\ngulp.task('compile-with-lib', done => {\n console.log('[Parallel] Compile to js...');\n compile().on('finish', () => {\n generateLocale();\n done();\n });\n});\n\ngulp.task('compile-finalize', done => {\n // Additional process of compile finalize\n const { compile: { finalize } = {} } = getConfig();\n if (finalize) {\n console.log('[Compile] Finalization...');\n finalize();\n }\n done();\n});\n\ngulp.task(\n 'compile',\n gulp.series(gulp.parallel('compile-with-es', 'compile-with-lib'), 'compile-finalize', done => {\n console.log('end compile at ', new Date());\n console.log('compile time ', (new Date() - startTime) / 1000, 's');\n done();\n }),\n);\n\ngulp.task(\n 'dist',\n gulp.series(done => {\n dist(done);\n }),\n);\n\ngulp.task(\n 'pub',\n gulp.series('check-git', 'compile', 'dist', done => {\n // if (!process.env.GITHUB_TOKEN) {\n // console.log('no GitHub token found, skip');\n // } else {\n // pub(done);\n // }\n pub(done);\n }),\n);\n\ngulp.task(\n 'pub-with-ci',\n gulp.series(done => {\n if (!process.env.NPM_TOKEN) {\n console.log('no NPM token found, skip');\n } else {\n const github = new Octokit({\n auth: process.env.GITHUB_TOKEN,\n });\n const [_, owner, repo] = execSync('git remote get-url origin') // eslint-disable-line\n .toString()\n .match(/github.com[:/](.+)\\/(.+)\\.git/);\n const getLatestRelease = github.repos.getLatestRelease({\n owner,\n repo,\n });\n const listCommits = github.repos.listCommits({\n owner,\n repo,\n per_page: 1,\n });\n Promise.all([getLatestRelease, listCommits]).then(([latestRelease, commits]) => {\n const preVersion = latestRelease.data.tag_name;\n const { version } = packageJson;\n const [_, newVersion] = commits.data[0].commit.message.trim().match(/bump (.+)/) || []; // eslint-disable-line\n if (\n compareVersions(version, preVersion) === 1 &&\n newVersion &&\n newVersion.trim() === version\n ) {\n // eslint-disable-next-line no-unused-vars\n runCmd('npm', ['run', 'pub'], _code => {\n done();\n });\n } else {\n console.log('donot need publish' + version);\n }\n });\n }\n }),\n);\n\ngulp.task(\n 'guard',\n gulp.series(done => {\n function reportError() {\n console.log(chalk.bgRed('!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!'));\n console.log(chalk.bgRed('!! `npm publish` is forbidden for this package. !!'));\n console.log(chalk.bgRed('!! Use `npm run pub` instead. !!'));\n console.log(chalk.bgRed('!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!'));\n }\n const npmArgs = getNpmArgs();\n if (npmArgs) {\n for (let arg = npmArgs.shift(); arg; arg = npmArgs.shift()) {\n if (\n /^pu(b(l(i(sh?)?)?)?)?$/.test(arg) &&\n npmArgs.indexOf('--with-antd-tools') < 0 &&\n !process.env.npm_config_with_antd_tools\n ) {\n reportError();\n done(1);\n return;\n }\n }\n }\n done();\n }),\n);\n\ngulp.task(\n 'sort-api-table',\n gulp.series(done => {\n sortApiTable();\n done();\n }),\n);\n" }, { "path": "antd-tools/replaceLib.js", "content": "'use strict';\n\nconst { dirname } = require('path');\nconst fs = require('fs');\nconst { getProjectPath } = require('./utils/projectHelper');\n\nfunction replacePath(path) {\n if (path.node.source && /\\/lib\\//.test(path.node.source.value)) {\n const esModule = path.node.source.value.replace('/lib/', '/es/');\n const esPath = dirname(getProjectPath('node_modules', esModule));\n if (fs.existsSync(esPath)) {\n path.node.source.value = esModule;\n }\n }\n\n // @ant-design/icons-vue/xxx => @ant-design/icons-vue/es/icons/xxx\n const antdIconMatcher = /@ant-design\\/icons-vue\\/([^/]*)$/;\n if (path.node.source && antdIconMatcher.test(path.node.source.value)) {\n const esModule = path.node.source.value.replace(\n antdIconMatcher,\n (_, iconName) => `@ant-design/icons-vue/es/icons/${iconName}`,\n );\n const esPath = dirname(getProjectPath('node_modules', esModule));\n if (fs.existsSync(esPath)) {\n path.node.source.value = esModule;\n }\n }\n}\n\nfunction replaceLib() {\n return {\n visitor: {\n ImportDeclaration: replacePath,\n ExportNamedDeclaration: replacePath,\n },\n };\n}\n\nmodule.exports = replaceLib;\n" }, { "path": "antd-tools/runCmd.js", "content": "'use strict';\n\nconst isWindows = require('is-windows');\nconst getRunCmdEnv = require('./utils/getRunCmdEnv');\n\nfunction runCmd(cmd, _args, fn) {\n const args = _args || [];\n\n if (isWindows()) {\n args.unshift(cmd);\n args.unshift('/c');\n cmd = process.env.ComSpec;\n }\n\n const runner = require('child_process').spawn(cmd, args, {\n // keep color\n stdio: 'inherit',\n env: getRunCmdEnv(),\n });\n\n runner.on('close', code => {\n if (fn) {\n fn(code);\n }\n });\n}\n\nmodule.exports = runCmd;\n" }, { "path": "antd-tools/sortApiTable.js", "content": "const program = require('commander');\nconst majo = require('majo');\nconst fs = require('fs');\nconst path = require('path');\nconst chalk = require('chalk');\n\nconst unified = require('unified');\nconst parse = require('remark-parse');\nconst stringify = require('remark-stringify');\n\nconst yamlConfig = require('remark-yaml-config');\nconst frontmatter = require('remark-frontmatter');\n\nlet fileAPIs = {};\nconst remarkWithYaml = unified()\n .use(parse)\n .use(stringify, {\n paddedTable: false,\n listItemIndent: 1,\n stringLength: () => 3,\n })\n .use(frontmatter)\n .use(yamlConfig);\n\nconst stream = majo.majo();\n\nfunction getCellValue(node) {\n return node.children[0].children[0].value;\n}\n\n// from small to large\nconst sizeBreakPoints = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];\n\nconst whiteMethodList = ['afterChange', 'beforeChange'];\n\nconst groups = {\n isDynamic: val => /^on[A-Z]/.test(val) || whiteMethodList.indexOf(val) > -1,\n isSize: val => sizeBreakPoints.indexOf(val) > -1,\n};\n\nfunction asciiSort(prev, next) {\n if (prev > next) {\n return 1;\n }\n\n if (prev < next) {\n return -1;\n }\n\n return 0;\n}\n\n// follow the alphabet order\nfunction alphabetSort(nodes) {\n // use toLowerCase to keep `case insensitive`\n return nodes.sort((...comparison) =>\n asciiSort(...comparison.map(val => getCellValue(val).toLowerCase())),\n );\n}\n\nfunction sizeSort(nodes) {\n return nodes.sort((...comparison) =>\n asciiSort(...comparison.map(val => sizeBreakPoints.indexOf(getCellValue(val).toLowerCase()))),\n );\n}\n\nfunction sort(ast, filename) {\n const nameMatch = filename.match(/^components\\/([^/]*)\\//);\n const componentName = nameMatch[1];\n fileAPIs[componentName] = fileAPIs[componentName] || {\n static: new Set(),\n size: new Set(),\n dynamic: new Set(),\n };\n\n ast.children.forEach(child => {\n const staticProps = [];\n // prefix with `on`\n const dynamicProps = [];\n // one of ['xs', 'sm', 'md', 'lg', 'xl']\n const sizeProps = [];\n\n // find table markdown type\n if (child.type === 'table') {\n // slice will create new array, so sort can affect the original array.\n // slice(1) cut down the thead\n child.children.slice(1).forEach(node => {\n const value = getCellValue(node);\n if (groups.isDynamic(value)) {\n dynamicProps.push(node);\n fileAPIs[componentName].dynamic.add(value);\n } else if (groups.isSize(value)) {\n sizeProps.push(node);\n fileAPIs[componentName].size.add(value);\n } else {\n staticProps.push(node);\n fileAPIs[componentName].static.add(value);\n }\n });\n\n // eslint-disable-next-line\n child.children = [\n child.children[0],\n ...alphabetSort(staticProps),\n ...sizeSort(sizeProps),\n ...alphabetSort(dynamicProps),\n ];\n }\n });\n\n return ast;\n}\n\nfunction sortAPI(md, filename) {\n return remarkWithYaml.stringify(sort(remarkWithYaml.parse(md), filename));\n}\n\nfunction sortMiddleware(ctx) {\n Object.keys(ctx.files).forEach(filename => {\n const content = ctx.fileContents(filename);\n ctx.writeContents(filename, sortAPI(content, filename));\n });\n}\n\nmodule.exports = () => {\n fileAPIs = {};\n\n program\n .version('0.1.0')\n .option(\n '-f, --file [file]',\n 'Specify which file to be transformed',\n // default value\n 'components/**/index.+(zh-CN|en-US).md',\n )\n .option('-o, --output [output]', 'Specify component api output path', '~component-api.json')\n .parse(process.argv);\n // Get the markdown file all need to be transformed\n\n /* eslint-disable no-console */\n stream\n .source(program.file)\n .use(sortMiddleware)\n .dest('.')\n .then(() => {\n if (program.output) {\n const data = {};\n Object.keys(fileAPIs).forEach(componentName => {\n data[componentName] = {\n static: [...fileAPIs[componentName].static],\n size: [...fileAPIs[componentName].size],\n dynamic: [...fileAPIs[componentName].dynamic],\n };\n });\n\n const reportPath = path.resolve(program.output);\n fs.writeFileSync(reportPath, JSON.stringify(data, null, 2), 'utf8');\n console.log(chalk.cyan(`API list file: ${reportPath}`));\n }\n })\n .then(() => {\n console.log(chalk.green(`sort ant-design-vue api successfully!`));\n });\n /* eslint-enable no-console */\n};\n" }, { "path": "antd-tools/utils/CleanUpStatsPlugin.js", "content": "// We should use `stats` props of webpack. But it not work in v4.\nclass CleanUpStatsPlugin {\n constructor(option) {\n this.option = {\n MiniCSSExtractPlugin: true,\n tsLoader: true,\n ...option,\n };\n }\n\n shouldPickStatChild(child) {\n const { MiniCSSExtractPlugin } = this.option;\n if (MiniCSSExtractPlugin && child.name.includes('mini-css-extract-plugin')) return false;\n return true;\n }\n\n shouldPickWarning(message) {\n const { tsLoader } = this.option;\n if (tsLoader && /export .* was not found in .*/.test(message)) {\n return false;\n }\n return true;\n }\n\n apply(compiler) {\n compiler.hooks.done.tap('CleanUpStatsPlugin', stats => {\n const { children, warnings } = stats.compilation;\n if (Array.isArray(children)) {\n stats.compilation.children = children.filter(child => this.shouldPickStatChild(child));\n }\n if (Array.isArray(warnings)) {\n stats.compilation.warnings = warnings.filter(message => this.shouldPickWarning(message));\n }\n });\n }\n}\n\nmodule.exports = CleanUpStatsPlugin;\n" }, { "path": "antd-tools/utils/get-npm-args.js", "content": "'use strict';\n\n// NOTE: the following code was partially adopted from https://github.com/iarna/in-publish\nmodule.exports = function getNpmArgs() {\n // https://github.com/iarna/in-publish/pull/14\n if (process.env.npm_command) {\n return [process.env.npm_command];\n }\n\n let npmArgv = null;\n\n try {\n npmArgv = JSON.parse(process.env.npm_config_argv);\n } catch (err) {\n return null;\n }\n\n if (typeof npmArgv !== 'object' || !npmArgv.cooked || !Array.isArray(npmArgv.cooked)) {\n return null;\n }\n\n return npmArgv.cooked;\n};\n" }, { "path": "antd-tools/utils/getChangelog.js", "content": "const fs = require('fs');\n\nmodule.exports = function getChangelog(file, version) {\n const lines = fs.readFileSync(file).toString().split('\\n');\n const changeLog = [];\n const startPattern = new RegExp(`^## ${version}`);\n const stopPattern = /^## /; // 前一个版本\n const skipPattern = /^`/; // 日期\n let begin = false;\n for (let i = 0; i < lines.length; i += 1) {\n const line = lines[i];\n if (begin && stopPattern.test(line)) {\n break;\n }\n if (begin && line && !skipPattern.test(line)) {\n changeLog.push(line);\n }\n if (!begin) {\n begin = startPattern.test(line);\n }\n }\n return changeLog.join('\\n');\n};\n" }, { "path": "antd-tools/utils/getRunCmdEnv.js", "content": "'use strict';\n\nconst path = require('path');\nconst isWindows = require('is-windows');\n\nmodule.exports = function getRunCmdEnv() {\n const env = {};\n Object.keys(process.env).forEach(key => {\n env[key] = process.env[key];\n });\n // make sure `antd-tools/node_modules/.bin` in the PATH env\n const nodeModulesBinDir = path.join(__dirname, '../../node_modules/.bin');\n\n Object.entries(env)\n .filter(v => v.slice(0, 1).pop().toLowerCase() === 'path')\n .forEach(v => {\n const key = v.slice(0, 1).pop();\n env[key] = env[key]\n ? `${nodeModulesBinDir}${isWindows() ? ';' : ':'}${env[key]}`\n : nodeModulesBinDir;\n });\n return env;\n};\n" }, { "path": "antd-tools/utils/projectHelper.js", "content": "const fs = require('fs');\nconst path = require('path');\n\nconst cwd = process.cwd();\n\nfunction getProjectPath(...filePath) {\n return path.join(cwd, ...filePath);\n}\n\nfunction resolve(moduleName) {\n return require.resolve(moduleName);\n}\n\n// We need hack the require to ensure use package module first\n// For example, `typescript` is required by `gulp-typescript` but provided by `antd`\n// we do not need for ant-design-vue\nlet injected = false;\nfunction injectRequire() {\n if (injected) return;\n\n const Module = require('module');\n\n const oriRequire = Module.prototype.require;\n Module.prototype.require = function (...args) {\n const moduleName = args[0];\n try {\n return oriRequire.apply(this, args);\n } catch (err) {\n const newArgs = [...args];\n if (moduleName[0] !== '/') {\n newArgs[0] = getProjectPath('node_modules', moduleName);\n }\n return oriRequire.apply(this, newArgs);\n }\n };\n\n injected = true;\n}\n\nfunction getConfig() {\n const configPath = getProjectPath('.antd-tools.config.js');\n if (fs.existsSync(configPath)) {\n return require(configPath);\n }\n\n return {};\n}\n\n/**\n * 是否存在可用的browserslist config\n * https://github.com/browserslist/browserslist#queries\n * @returns\n */\nfunction isThereHaveBrowserslistConfig() {\n try {\n const packageJson = require(getProjectPath('package.json'));\n if (packageJson.browserslist) {\n return true;\n }\n } catch (e) {\n //\n }\n if (fs.existsSync(getProjectPath('.browserslistrc'))) {\n return true;\n }\n if (fs.existsSync(getProjectPath('browserslist'))) {\n return true;\n }\n // parent项目的配置支持，需要再补充\n // ROWSERSLIST ROWSERSLIST_ENV 变量的形式，需要再补充。\n return false;\n}\n\nmodule.exports = {\n getProjectPath,\n resolve,\n injectRequire,\n getConfig,\n isThereHaveBrowserslistConfig,\n};\n" }, { "path": "babel.config.js", "content": "module.exports = {\n env: {\n test: {\n presets: [['@babel/preset-env']],\n plugins: [\n ['@vue/babel-plugin-jsx', { mergeProps: false, enableObjectSlots: false }],\n '@babel/plugin-proposal-optional-chaining',\n '@babel/plugin-transform-object-assign',\n '@babel/plugin-proposal-object-rest-spread',\n '@babel/plugin-proposal-export-default-from',\n '@babel/plugin-proposal-export-namespace-from',\n '@babel/plugin-proposal-class-properties',\n '@babel/plugin-syntax-dynamic-import',\n '@babel/plugin-transform-runtime',\n 'transform-require-context',\n ],\n },\n },\n};\n" }, { "path": "build.sh", "content": "#!/usr/bin/env bash\nrm -rf dist\nmkdir dist\n./node_modules/.bin/webpack --config webpack.site.config.js\ncp dist/index.html index.html\n" }, { "path": "components/__tests__/util/domHook.js", "content": "const __NULL__ = { notExist: true };\n\nexport function spyElementPrototypes(Element, properties) {\n const propNames = Object.keys(properties);\n const originDescriptors = {};\n\n propNames.forEach(propName => {\n const originDescriptor = Object.getOwnPropertyDescriptor(Element.prototype, propName);\n originDescriptors[propName] = originDescriptor || __NULL__;\n\n const spyProp = properties[propName];\n\n if (typeof spyProp === 'function') {\n // If is a function\n Element.prototype[propName] = function spyFunc(...args) {\n return spyProp.call(this, originDescriptor, ...args);\n };\n } else {\n // Otherwise tread as a property\n Object.defineProperty(Element.prototype, propName, {\n ...spyProp,\n set(value) {\n if (spyProp.set) {\n return spyProp.set.call(this, originDescriptor, value);\n }\n return originDescriptor.set(value);\n },\n get() {\n if (spyProp.get) {\n return spyProp.get.call(this, originDescriptor);\n }\n return originDescriptor.get();\n },\n });\n }\n });\n\n return {\n mockRestore() {\n propNames.forEach(propName => {\n const originDescriptor = originDescriptors[propName];\n if (originDescriptor === __NULL__) {\n delete Element.prototype[propName];\n } else if (typeof originDescriptor === 'function') {\n Element.prototype[propName] = originDescriptor;\n } else {\n Object.defineProperty(Element.prototype, propName, originDescriptor);\n }\n });\n },\n };\n}\n\nexport function spyElementPrototype(Element, propName, property) {\n return spyElementPrototypes(Element, {\n [propName]: property,\n });\n}\n" }, { "path": "components/_util/ActionButton.tsx", "content": "import type { ExtractPropTypes, PropType } from 'vue';\nimport { shallowRef, onMounted, defineComponent, onBeforeUnmount } from 'vue';\nimport Button from '../button';\nimport type { ButtonProps } from '../button';\nimport type { LegacyButtonType } from '../button/buttonTypes';\nimport { convertLegacyProps } from '../button/buttonTypes';\nimport useDestroyed from './hooks/useDestroyed';\nimport { objectType } from './type';\nimport { findDOMNode } from './props-util';\n\nconst actionButtonProps = {\n type: {\n type: String as PropType,\n },\n actionFn: Function as PropType<(...args: any[]) => any | PromiseLike>,\n close: Function,\n autofocus: Boolean,\n prefixCls: String,\n buttonProps: objectType(),\n emitEvent: Boolean,\n quitOnNullishReturnValue: Boolean,\n};\n\nexport type ActionButtonProps = ExtractPropTypes;\n\nfunction isThenable(thing?: PromiseLike): boolean {\n return !!(thing && thing.then);\n}\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'ActionButton',\n props: actionButtonProps,\n setup(props, { slots }) {\n const clickedRef = shallowRef(false);\n const buttonRef = shallowRef();\n const loading = shallowRef(false);\n let timeoutId: any;\n const isDestroyed = useDestroyed();\n onMounted(() => {\n if (props.autofocus) {\n timeoutId = setTimeout(() => findDOMNode(buttonRef.value)?.focus?.());\n }\n });\n onBeforeUnmount(() => {\n clearTimeout(timeoutId);\n });\n\n const onInternalClose = (...args: any[]) => {\n props.close?.(...args);\n };\n\n const handlePromiseOnOk = (returnValueOfOnOk?: PromiseLike) => {\n if (!isThenable(returnValueOfOnOk)) {\n return;\n }\n loading.value = true;\n returnValueOfOnOk!.then(\n (...args: any[]) => {\n if (!isDestroyed.value) {\n loading.value = false;\n }\n onInternalClose(...args);\n clickedRef.value = false;\n },\n (e: Error) => {\n // See: https://github.com/ant-design/ant-design/issues/6183\n if (!isDestroyed.value) {\n loading.value = false;\n }\n clickedRef.value = false;\n return Promise.reject(e);\n },\n );\n };\n\n const onClick = (e: MouseEvent) => {\n const { actionFn } = props;\n if (clickedRef.value) {\n return;\n }\n clickedRef.value = true;\n if (!actionFn) {\n onInternalClose();\n return;\n }\n let returnValueOfOnOk: PromiseLike;\n if (props.emitEvent) {\n returnValueOfOnOk = actionFn(e);\n if (props.quitOnNullishReturnValue && !isThenable(returnValueOfOnOk)) {\n clickedRef.value = false;\n onInternalClose(e);\n return;\n }\n } else if (actionFn.length) {\n returnValueOfOnOk = actionFn(props.close);\n // https://github.com/ant-design/ant-design/issues/23358\n clickedRef.value = false;\n } else {\n returnValueOfOnOk = actionFn();\n if (!returnValueOfOnOk) {\n onInternalClose();\n return;\n }\n }\n handlePromiseOnOk(returnValueOfOnOk);\n };\n return () => {\n const { type, prefixCls, buttonProps } = props;\n return (\n \n );\n };\n },\n});\n" }, { "path": "components/_util/BaseInput.tsx", "content": "import type { PropType } from 'vue';\nimport { computed, defineComponent, shallowRef, ref, watch } from 'vue';\nimport PropTypes from './vue-types';\nimport type { BaseInputInnerExpose } from './BaseInputInner';\nimport BaseInputInner from './BaseInputInner';\nimport { styleObjectToString } from '../vc-util/Dom/css';\n\nexport interface BaseInputExpose {\n focus: () => void;\n blur: () => void;\n input: HTMLInputElement | HTMLTextAreaElement | null;\n setSelectionRange: (\n start: number,\n end: number,\n direction?: 'forward' | 'backward' | 'none',\n ) => void;\n select: () => void;\n getSelectionStart: () => number | null;\n getSelectionEnd: () => number | null;\n getScrollTop: () => number | null;\n setScrollTop: (scrollTop: number) => void;\n}\nconst BaseInput = defineComponent({\n compatConfig: { MODE: 3 },\n inheritAttrs: false,\n props: {\n disabled: PropTypes.looseBool,\n type: PropTypes.string,\n value: PropTypes.any,\n lazy: PropTypes.bool.def(true),\n tag: {\n type: String as PropType<'input' | 'textarea'>,\n default: 'input',\n },\n size: PropTypes.string,\n style: PropTypes.oneOfType([String, Object]),\n class: PropTypes.string,\n },\n emits: [\n 'change',\n 'input',\n 'blur',\n 'keydown',\n 'focus',\n 'compositionstart',\n 'compositionend',\n 'keyup',\n 'paste',\n 'mousedown',\n ],\n setup(props, { emit, attrs, expose }) {\n const inputRef = shallowRef(null);\n const renderValue = ref();\n const isComposing = ref(false);\n watch(\n [() => props.value, isComposing],\n () => {\n if (isComposing.value) return;\n renderValue.value = props.value;\n },\n { immediate: true },\n );\n const handleChange = (e: Event) => {\n emit('change', e);\n };\n const onCompositionstart = (e: CompositionEvent) => {\n isComposing.value = true;\n (e.target as any).composing = true;\n emit('compositionstart', e);\n };\n const onCompositionend = (e: CompositionEvent) => {\n isComposing.value = false;\n (e.target as any).composing = false;\n emit('compositionend', e);\n const event = document.createEvent('HTMLEvents');\n event.initEvent('input', true, true);\n e.target.dispatchEvent(event);\n handleChange(e);\n };\n const handleInput = (e: Event) => {\n if (isComposing.value && props.lazy) {\n renderValue.value = (e.target as HTMLInputElement).value;\n return;\n }\n emit('input', e);\n };\n\n const handleBlur = (e: Event) => {\n emit('blur', e);\n };\n const handleFocus = (e: Event) => {\n emit('focus', e);\n };\n\n const focus = () => {\n if (inputRef.value) {\n inputRef.value.focus();\n }\n };\n const blur = () => {\n if (inputRef.value) {\n inputRef.value.blur();\n }\n };\n const handleKeyDown = (e: KeyboardEvent) => {\n emit('keydown', e);\n };\n const handleKeyUp = (e: KeyboardEvent) => {\n emit('keyup', e);\n };\n const setSelectionRange = (\n start: number,\n end: number,\n direction?: 'forward' | 'backward' | 'none',\n ) => {\n inputRef.value?.setSelectionRange(start, end, direction);\n };\n\n const select = () => {\n inputRef.value?.select();\n };\n expose({\n focus,\n blur,\n input: computed(() => inputRef.value?.input),\n setSelectionRange,\n select,\n getSelectionStart: () => inputRef.value?.getSelectionStart(),\n getSelectionEnd: () => inputRef.value?.getSelectionEnd(),\n getScrollTop: () => inputRef.value?.getScrollTop(),\n });\n const handleMousedown = (e: MouseEvent) => {\n emit('mousedown', e);\n };\n const handlePaste = (e: ClipboardEvent) => {\n emit('paste', e);\n };\n const styleString = computed(() => {\n return props.style && typeof props.style !== 'string'\n ? styleObjectToString(props.style)\n : props.style;\n });\n return () => {\n const { style, lazy, ...restProps } = props;\n return (\n \n );\n };\n },\n});\n\nexport default BaseInput;\n" }, { "path": "components/_util/BaseInputInner.tsx", "content": "import type { PropType } from 'vue';\nimport { defineComponent, shallowRef } from 'vue';\nimport PropTypes from './vue-types';\n\nexport interface BaseInputInnerExpose {\n focus: () => void;\n blur: () => void;\n input: HTMLInputElement | HTMLTextAreaElement | null;\n setSelectionRange: (\n start: number,\n end: number,\n direction?: 'forward' | 'backward' | 'none',\n ) => void;\n select: () => void;\n getSelectionStart: () => number | null;\n getSelectionEnd: () => number | null;\n getScrollTop: () => number | null;\n setScrollTop: (scrollTop: number) => void;\n}\nconst BaseInputInner = defineComponent({\n compatConfig: { MODE: 3 },\n // inheritAttrs: false,\n props: {\n disabled: PropTypes.looseBool,\n type: PropTypes.string,\n value: PropTypes.any,\n tag: {\n type: String as PropType<'input' | 'textarea'>,\n default: 'input',\n },\n size: PropTypes.string,\n onChange: Function as PropType<(e: Event) => void>,\n onInput: Function as PropType<(e: Event) => void>,\n onBlur: Function as PropType<(e: Event) => void>,\n onFocus: Function as PropType<(e: Event) => void>,\n onKeydown: Function as PropType<(e: Event) => void>,\n onCompositionstart: Function as PropType<(e: Event) => void>,\n onCompositionend: Function as PropType<(e: Event) => void>,\n onKeyup: Function as PropType<(e: Event) => void>,\n onPaste: Function as PropType<(e: Event) => void>,\n onMousedown: Function as PropType<(e: Event) => void>,\n },\n emits: [\n 'change',\n 'input',\n 'blur',\n 'keydown',\n 'focus',\n 'compositionstart',\n 'compositionend',\n 'keyup',\n 'paste',\n 'mousedown',\n ],\n setup(props, { expose }) {\n const inputRef = shallowRef(null);\n\n const focus = () => {\n if (inputRef.value) {\n inputRef.value.focus();\n }\n };\n const blur = () => {\n if (inputRef.value) {\n inputRef.value.blur();\n }\n };\n const setSelectionRange = (\n start: number,\n end: number,\n direction?: 'forward' | 'backward' | 'none',\n ) => {\n inputRef.value?.setSelectionRange(start, end, direction);\n };\n\n const select = () => {\n inputRef.value?.select();\n };\n expose({\n focus,\n blur,\n input: inputRef,\n setSelectionRange,\n select,\n getSelectionStart: () => inputRef.value?.selectionStart,\n getSelectionEnd: () => inputRef.value?.selectionEnd,\n getScrollTop: () => inputRef.value?.scrollTop,\n });\n return () => {\n const { tag: Tag, value, ...restProps } = props;\n return ;\n };\n },\n});\n\nexport default BaseInputInner;\n" }, { "path": "components/_util/BaseMixin.ts", "content": "import { nextTick } from 'vue';\nimport { getOptionProps } from './props-util';\n\nexport default {\n methods: {\n setState(state = {}, callback: () => any) {\n let newState = typeof state === 'function' ? state(this.$data, this.$props) : state;\n if (this.getDerivedStateFromProps) {\n const s = this.getDerivedStateFromProps(getOptionProps(this), {\n ...this.$data,\n ...newState,\n });\n if (s === null) {\n return;\n } else {\n newState = { ...newState, ...(s || {}) };\n }\n }\n Object.assign(this.$data, newState);\n if (this._.isMounted) {\n this.$forceUpdate();\n }\n nextTick(() => {\n callback && callback();\n });\n },\n __emit() {\n // 直接调用事件，底层组件不需要vueTool记录events\n // eslint-disable-next-line prefer-rest-params\n const args = [].slice.call(arguments, 0);\n let eventName = args[0];\n eventName = `on${eventName[0].toUpperCase()}${eventName.substring(1)}`;\n const event = this.$props[eventName] || this.$attrs[eventName];\n if (args.length && event) {\n if (Array.isArray(event)) {\n for (let i = 0, l = event.length; i < l; i++) {\n event[i](...args.slice(1));\n }\n } else {\n event(...args.slice(1));\n }\n }\n },\n },\n};\n" }, { "path": "components/_util/EventInterface.ts", "content": "export type FocusEventHandler = (e: FocusEvent) => void;\nexport type MouseEventHandler = (e: MouseEvent) => void;\nexport type KeyboardEventHandler = (e: KeyboardEvent) => void;\nexport type CompositionEventHandler = (e: CompositionEvent) => void;\nexport type ClipboardEventHandler = (e: ClipboardEvent) => void;\nexport type ChangeEventHandler = (e: ChangeEvent) => void;\nexport type WheelEventHandler = (e: WheelEvent) => void;\nexport type ChangeEvent = Event & {\n target: {\n value?: string | undefined;\n };\n};\nexport type CheckboxChangeEvent = Event & {\n target: {\n checked?: boolean;\n };\n};\n\nexport type EventHandler = (...args: any[]) => void;\n" }, { "path": "components/_util/KeyCode.ts", "content": "/**\n * @ignore\n * some key-codes definition and utils from closure-library\n * @author yiminghe@gmail.com\n */\n\nconst KeyCode = {\n /**\n * MAC_ENTER\n */\n MAC_ENTER: 3,\n /**\n * BACKSPACE\n */\n BACKSPACE: 8,\n /**\n * TAB\n */\n TAB: 9,\n /**\n * NUMLOCK on FF/Safari Mac\n */\n NUM_CENTER: 12, // NUMLOCK on FF/Safari Mac\n /**\n * ENTER\n */\n ENTER: 13,\n /**\n * SHIFT\n */\n SHIFT: 16,\n /**\n * CTRL\n */\n CTRL: 17,\n /**\n * ALT\n */\n ALT: 18,\n /**\n * PAUSE\n */\n PAUSE: 19,\n /**\n * CAPS_LOCK\n */\n CAPS_LOCK: 20,\n /**\n * ESC\n */\n ESC: 27,\n /**\n * SPACE\n */\n SPACE: 32,\n /**\n * PAGE_UP\n */\n PAGE_UP: 33, // also NUM_NORTH_EAST\n /**\n * PAGE_DOWN\n */\n PAGE_DOWN: 34, // also NUM_SOUTH_EAST\n /**\n * END\n */\n END: 35, // also NUM_SOUTH_WEST\n /**\n * HOME\n */\n HOME: 36, // also NUM_NORTH_WEST\n /**\n * LEFT\n */\n LEFT: 37, // also NUM_WEST\n /**\n * UP\n */\n UP: 38, // also NUM_NORTH\n /**\n * RIGHT\n */\n RIGHT: 39, // also NUM_EAST\n /**\n * DOWN\n */\n DOWN: 40, // also NUM_SOUTH\n /**\n * PRINT_SCREEN\n */\n PRINT_SCREEN: 44,\n /**\n * INSERT\n */\n INSERT: 45, // also NUM_INSERT\n /**\n * DELETE\n */\n DELETE: 46, // also NUM_DELETE\n /**\n * ZERO\n */\n ZERO: 48,\n /**\n * ONE\n */\n ONE: 49,\n /**\n * TWO\n */\n TWO: 50,\n /**\n * THREE\n */\n THREE: 51,\n /**\n * FOUR\n */\n FOUR: 52,\n /**\n * FIVE\n */\n FIVE: 53,\n /**\n * SIX\n */\n SIX: 54,\n /**\n * SEVEN\n */\n SEVEN: 55,\n /**\n * EIGHT\n */\n EIGHT: 56,\n /**\n * NINE\n */\n NINE: 57,\n /**\n * QUESTION_MARK\n */\n QUESTION_MARK: 63, // needs localization\n /**\n * A\n */\n A: 65,\n /**\n * B\n */\n B: 66,\n /**\n * C\n */\n C: 67,\n /**\n * D\n */\n D: 68,\n /**\n * E\n */\n E: 69,\n /**\n * F\n */\n F: 70,\n /**\n * G\n */\n G: 71,\n /**\n * H\n */\n H: 72,\n /**\n * I\n */\n I: 73,\n /**\n * J\n */\n J: 74,\n /**\n * K\n */\n K: 75,\n /**\n * L\n */\n L: 76,\n /**\n * M\n */\n M: 77,\n /**\n * N\n */\n N: 78,\n /**\n * O\n */\n O: 79,\n /**\n * P\n */\n P: 80,\n /**\n * Q\n */\n Q: 81,\n /**\n * R\n */\n R: 82,\n /**\n * S\n */\n S: 83,\n /**\n * T\n */\n T: 84,\n /**\n * U\n */\n U: 85,\n /**\n * V\n */\n V: 86,\n /**\n * W\n */\n W: 87,\n /**\n * X\n */\n X: 88,\n /**\n * Y\n */\n Y: 89,\n /**\n * Z\n */\n Z: 90,\n /**\n * META\n */\n META: 91, // WIN_KEY_LEFT\n /**\n * WIN_KEY_RIGHT\n */\n WIN_KEY_RIGHT: 92,\n /**\n * CONTEXT_MENU\n */\n CONTEXT_MENU: 93,\n /**\n * NUM_ZERO\n */\n NUM_ZERO: 96,\n /**\n * NUM_ONE\n */\n NUM_ONE: 97,\n /**\n * NUM_TWO\n */\n NUM_TWO: 98,\n /**\n * NUM_THREE\n */\n NUM_THREE: 99,\n /**\n * NUM_FOUR\n */\n NUM_FOUR: 100,\n /**\n * NUM_FIVE\n */\n NUM_FIVE: 101,\n /**\n * NUM_SIX\n */\n NUM_SIX: 102,\n /**\n * NUM_SEVEN\n */\n NUM_SEVEN: 103,\n /**\n * NUM_EIGHT\n */\n NUM_EIGHT: 104,\n /**\n * NUM_NINE\n */\n NUM_NINE: 105,\n /**\n * NUM_MULTIPLY\n */\n NUM_MULTIPLY: 106,\n /**\n * NUM_PLUS\n */\n NUM_PLUS: 107,\n /**\n * NUM_MINUS\n */\n NUM_MINUS: 109,\n /**\n * NUM_PERIOD\n */\n NUM_PERIOD: 110,\n /**\n * NUM_DIVISION\n */\n NUM_DIVISION: 111,\n /**\n * F1\n */\n F1: 112,\n /**\n * F2\n */\n F2: 113,\n /**\n * F3\n */\n F3: 114,\n /**\n * F4\n */\n F4: 115,\n /**\n * F5\n */\n F5: 116,\n /**\n * F6\n */\n F6: 117,\n /**\n * F7\n */\n F7: 118,\n /**\n * F8\n */\n F8: 119,\n /**\n * F9\n */\n F9: 120,\n /**\n * F10\n */\n F10: 121,\n /**\n * F11\n */\n F11: 122,\n /**\n * F12\n */\n F12: 123,\n /**\n * NUMLOCK\n */\n NUMLOCK: 144,\n /**\n * SEMICOLON\n */\n SEMICOLON: 186, // needs localization\n /**\n * DASH\n */\n DASH: 189, // needs localization\n /**\n * EQUALS\n */\n EQUALS: 187, // needs localization\n /**\n * COMMA\n */\n COMMA: 188, // needs localization\n /**\n * PERIOD\n */\n PERIOD: 190, // needs localization\n /**\n * SLASH\n */\n SLASH: 191, // needs localization\n /**\n * APOSTROPHE\n */\n APOSTROPHE: 192, // needs localization\n /**\n * SINGLE_QUOTE\n */\n SINGLE_QUOTE: 222, // needs localization\n /**\n * OPEN_SQUARE_BRACKET\n */\n OPEN_SQUARE_BRACKET: 219, // needs localization\n /**\n * BACKSLASH\n */\n BACKSLASH: 220, // needs localization\n /**\n * CLOSE_SQUARE_BRACKET\n */\n CLOSE_SQUARE_BRACKET: 221, // needs localization\n /**\n * WIN_KEY\n */\n WIN_KEY: 224,\n /**\n * MAC_FF_META\n */\n MAC_FF_META: 224, // Firefox (Gecko) fires this for the meta key instead of 91\n /**\n * WIN_IME\n */\n WIN_IME: 229,\n\n // ======================== Function ========================\n /**\n * whether text and modified key is entered at the same time.\n */\n isTextModifyingKeyEvent: function isTextModifyingKeyEvent(e: KeyboardEvent) {\n const { keyCode } = e;\n if (\n (e.altKey && !e.ctrlKey) ||\n e.metaKey ||\n // Function keys don't generate text\n (keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12)\n ) {\n return false;\n }\n\n // The following keys are quite harmless, even in combination with\n // CTRL, ALT or SHIFT.\n switch (keyCode) {\n case KeyCode.ALT:\n case KeyCode.CAPS_LOCK:\n case KeyCode.CONTEXT_MENU:\n case KeyCode.CTRL:\n case KeyCode.DOWN:\n case KeyCode.END:\n case KeyCode.ESC:\n case KeyCode.HOME:\n case KeyCode.INSERT:\n case KeyCode.LEFT:\n case KeyCode.MAC_FF_META:\n case KeyCode.META:\n case KeyCode.NUMLOCK:\n case KeyCode.NUM_CENTER:\n case KeyCode.PAGE_DOWN:\n case KeyCode.PAGE_UP:\n case KeyCode.PAUSE:\n case KeyCode.PRINT_SCREEN:\n case KeyCode.RIGHT:\n case KeyCode.SHIFT:\n case KeyCode.UP:\n case KeyCode.WIN_KEY:\n case KeyCode.WIN_KEY_RIGHT:\n return false;\n default:\n return true;\n }\n },\n\n /**\n * whether character is entered.\n */\n isCharacterKey: function isCharacterKey(keyCode: number) {\n if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE) {\n return true;\n }\n\n if (keyCode >= KeyCode.NUM_ZERO && keyCode <= KeyCode.NUM_MULTIPLY) {\n return true;\n }\n\n if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z) {\n return true;\n }\n\n // Safari sends zero key code for non-latin characters.\n if (window.navigator.userAgent.indexOf('WebKit') !== -1 && keyCode === 0) {\n return true;\n }\n\n switch (keyCode) {\n case KeyCode.SPACE:\n case KeyCode.QUESTION_MARK:\n case KeyCode.NUM_PLUS:\n case KeyCode.NUM_MINUS:\n case KeyCode.NUM_PERIOD:\n case KeyCode.NUM_DIVISION:\n case KeyCode.SEMICOLON:\n case KeyCode.DASH:\n case KeyCode.EQUALS:\n case KeyCode.COMMA:\n case KeyCode.PERIOD:\n case KeyCode.SLASH:\n case KeyCode.APOSTROPHE:\n case KeyCode.SINGLE_QUOTE:\n case KeyCode.OPEN_SQUARE_BRACKET:\n case KeyCode.BACKSLASH:\n case KeyCode.CLOSE_SQUARE_BRACKET:\n return true;\n default:\n return false;\n }\n },\n};\n\nexport default KeyCode;\n" }, { "path": "components/_util/Portal.tsx", "content": "import PropTypes from './vue-types';\nimport {\n defineComponent,\n nextTick,\n onBeforeMount,\n onMounted,\n onUpdated,\n Teleport,\n watch,\n} from 'vue';\nimport { useInjectPortal } from '../vc-trigger/context';\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'Portal',\n inheritAttrs: false,\n props: {\n getContainer: PropTypes.func.isRequired,\n didUpdate: Function,\n },\n setup(props, { slots }) {\n let isSSR = true;\n // getContainer 不会改变，不用响应式\n let container: HTMLElement;\n const { shouldRender } = useInjectPortal();\n\n function setContainer() {\n if (shouldRender.value) {\n container = props.getContainer();\n }\n }\n\n onBeforeMount(() => {\n isSSR = false;\n // drawer\n setContainer();\n });\n onMounted(() => {\n if (container) return;\n // https://github.com/vueComponent/ant-design-vue/issues/6937\n setContainer();\n });\n\n const stopWatch = watch(shouldRender, () => {\n if (shouldRender.value && !container) {\n container = props.getContainer();\n }\n if (container) {\n stopWatch();\n }\n });\n onUpdated(() => {\n nextTick(() => {\n if (shouldRender.value) {\n props.didUpdate?.(props);\n }\n });\n });\n // onBeforeUnmount(() => {\n // if (container && container.parentNode) {\n // container.parentNode.removeChild(container);\n // }\n // });\n return () => {\n if (!shouldRender.value) return null;\n if (isSSR) {\n return slots.default?.();\n }\n return container ? : null;\n };\n },\n});\n" }, { "path": "components/_util/PortalWrapper.tsx", "content": "import PropTypes from './vue-types';\nimport Portal from './Portal';\nimport {\n defineComponent,\n shallowRef,\n watch,\n onMounted,\n onBeforeUnmount,\n onUpdated,\n nextTick,\n computed,\n} from 'vue';\nimport canUseDom from './canUseDom';\nimport raf from './raf';\nimport { booleanType } from './type';\nimport useScrollLocker from './hooks/useScrollLocker';\n\nlet openCount = 0;\nconst supportDom = canUseDom();\n\n/** @private Test usage only */\nexport function getOpenCount() {\n return process.env.NODE_ENV === 'test' ? openCount : 0;\n}\n\nconst getParent = (getContainer: GetContainer) => {\n if (!supportDom) {\n return null;\n }\n if (getContainer) {\n if (typeof getContainer === 'string') {\n return document.querySelectorAll(getContainer)[0] as HTMLElement;\n }\n if (typeof getContainer === 'function') {\n return getContainer();\n }\n if (typeof getContainer === 'object' && getContainer instanceof window.HTMLElement) {\n return getContainer;\n }\n }\n return document.body;\n};\n\nexport type GetContainer = string | HTMLElement | (() => HTMLElement);\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'PortalWrapper',\n inheritAttrs: false,\n props: {\n wrapperClassName: String,\n forceRender: { type: Boolean, default: undefined },\n getContainer: PropTypes.any,\n visible: { type: Boolean, default: undefined },\n autoLock: booleanType(),\n didUpdate: Function,\n },\n\n setup(props, { slots }) {\n const container = shallowRef();\n const componentRef = shallowRef();\n const rafId = shallowRef();\n const triggerUpdate = shallowRef(1);\n const defaultContainer = canUseDom() && document.createElement('div');\n const removeCurrentContainer = () => {\n // Portal will remove from `parentNode`.\n // Let's handle this again to avoid refactor issue.\n if (container.value === defaultContainer) {\n container.value?.parentNode?.removeChild(container.value);\n }\n container.value = null;\n };\n let parent: HTMLElement = null;\n const attachToParent = (force = false) => {\n if (force || (container.value && !container.value.parentNode)) {\n parent = getParent(props.getContainer);\n if (parent) {\n parent.appendChild(container.value);\n return true;\n }\n\n return false;\n }\n\n return true;\n };\n const getContainer = () => {\n if (!supportDom) {\n return null;\n }\n if (!container.value) {\n container.value = defaultContainer;\n attachToParent(true);\n }\n setWrapperClassName();\n return container.value;\n };\n const setWrapperClassName = () => {\n const { wrapperClassName } = props;\n if (container.value && wrapperClassName && wrapperClassName !== container.value.className) {\n container.value.className = wrapperClassName;\n }\n };\n onUpdated(() => {\n setWrapperClassName();\n attachToParent();\n });\n\n useScrollLocker(\n computed(() => {\n return (\n props.autoLock &&\n props.visible &&\n canUseDom() &&\n (container.value === document.body || container.value === defaultContainer)\n );\n }),\n );\n onMounted(() => {\n let init = false;\n watch(\n [() => props.visible, () => props.getContainer],\n ([visible, getContainer], [prevVisible, prevGetContainer]) => {\n // Update count\n if (supportDom) {\n parent = getParent(props.getContainer);\n if (parent === document.body) {\n if (visible && !prevVisible) {\n openCount += 1;\n } else if (init) {\n openCount -= 1;\n }\n }\n }\n\n if (init) {\n // Clean up container if needed\n const getContainerIsFunc =\n typeof getContainer === 'function' && typeof prevGetContainer === 'function';\n if (\n getContainerIsFunc\n ? getContainer.toString() !== prevGetContainer.toString()\n : getContainer !== prevGetContainer\n ) {\n removeCurrentContainer();\n }\n }\n init = true;\n },\n { immediate: true, flush: 'post' },\n );\n\n nextTick(() => {\n if (!attachToParent()) {\n rafId.value = raf(() => {\n triggerUpdate.value += 1;\n });\n }\n });\n });\n\n onBeforeUnmount(() => {\n const { visible } = props;\n if (supportDom && parent === document.body) {\n // 离开时不会 render， 导到离开时数值不变，改用 func 。。\n openCount = visible && openCount ? openCount - 1 : openCount;\n }\n removeCurrentContainer();\n raf.cancel(rafId.value);\n });\n return () => {\n const { forceRender, visible } = props;\n let portal = null;\n const childProps = {\n getOpenCount: () => openCount,\n getContainer,\n };\n if (triggerUpdate.value && (forceRender || visible || componentRef.value)) {\n portal = (\n slots.default?.(childProps) }}\n >\n );\n }\n return portal;\n };\n },\n});\n" }, { "path": "components/_util/__mocks__/Portal.tsx", "content": "import { defineComponent } from 'vue';\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'Portal',\n inheritAttrs: false,\n props: ['getContainer'],\n setup(_props, { slots }) {\n return () => {\n return slots.default?.();\n };\n },\n});\n" }, { "path": "components/_util/__mocks__/RenderSlot.tsx", "content": "import { defineComponent } from 'vue';\nimport { customRenderSlot } from '../vnode';\n\nexport default defineComponent({\n name: 'RenderSlot',\n setup(_props, { slots }) {\n return () => {\n return customRenderSlot(slots, 'default', {}, () => ['default value']);\n };\n },\n});\n" }, { "path": "components/_util/__tests__/easings.test.js", "content": "import { easeInOutCubic } from '../easings';\n\ndescribe('Test easings', () => {\n it('easeInOutCubic return value', () => {\n const nums = [];\n // eslint-disable-next-line no-plusplus\n for (let index = 0; index < 5; index++) {\n nums.push(easeInOutCubic(index, 1, 5, 4));\n }\n\n expect(nums).toEqual([1, 1.25, 3, 4.75, 5]);\n });\n});\n" }, { "path": "components/_util/__tests__/scrollTo.test.js", "content": "import scrollTo from '../scrollTo';\n\ndescribe('Test ScrollTo function', () => {\n let dateNowMock;\n\n beforeAll(() => {\n jest.useFakeTimers();\n });\n\n afterAll(() => {\n jest.useRealTimers();\n });\n\n beforeEach(() => {\n dateNowMock = jest\n .spyOn(Date, 'now')\n .mockImplementationOnce(() => 0)\n .mockImplementationOnce(() => 1000);\n });\n\n afterEach(() => {\n dateNowMock.mockRestore();\n });\n\n it('test scrollTo', async () => {\n const scrollToSpy = jest.spyOn(window, 'scrollTo').mockImplementation((x, y) => {\n window.scrollY = y;\n window.pageYOffset = y;\n });\n\n scrollTo(1000);\n\n jest.runAllTimers();\n expect(window.pageYOffset).toBe(1000);\n\n scrollToSpy.mockRestore();\n });\n\n it('test callback - option', async () => {\n const cbMock = jest.fn();\n scrollTo(1000, {\n callback: cbMock,\n });\n jest.runAllTimers();\n expect(cbMock).toHaveBeenCalledTimes(1);\n });\n\n it('test getContainer - option', async () => {\n const div = document.createElement('div');\n scrollTo(1000, {\n getContainer: () => div,\n });\n jest.runAllTimers();\n expect(div.scrollTop).toBe(1000);\n });\n});\n" }, { "path": "components/_util/__tests__/unreachableException.test.js", "content": "import UnreachableException from '../unreachableException';\n\ndescribe('UnreachableException', () => {\n it('error thrown matches snapshot', () => {\n const exception = new UnreachableException('some value');\n expect(exception.error.message).toMatchInlineSnapshot(`\"unreachable case: \\\\\"some value\\\\\"\"`);\n });\n});\n" }, { "path": "components/_util/__tests__/vNode.test.js", "content": "import RenderSlot from '../__mocks__/RenderSlot';\nimport { mount } from '@vue/test-utils';\nimport { nextTick } from 'vue';\n\ndescribe('render slot content', () => {\n it('renders slot content', () => {\n const wrapper = mount(RenderSlot, {\n slots: {\n default: () => 'This is slot content',\n },\n });\n\n expect(wrapper.html()).toContain('This is slot content');\n });\n\n it('render default value when slot is fragment', async () => {\n const wrapper = mount(RenderSlot, {\n slots: {\n default: () => <>,\n },\n });\n\n await nextTick();\n expect(wrapper.html()).toContain('default value');\n });\n});\n" }, { "path": "components/_util/canUseDom.ts", "content": "function canUseDom() {\n return !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n}\n\nexport default canUseDom;\n" }, { "path": "components/_util/classNames.ts", "content": "import { isArray, isString, isObject } from './util';\nfunction classNames(...args: any[]) {\n const classes = [];\n for (let i = 0; i < args.length; i++) {\n const value = args[i];\n if (!value) continue;\n if (isString(value)) {\n classes.push(value);\n } else if (isArray(value)) {\n for (let i = 0; i < value.length; i++) {\n const inner = classNames(value[i]);\n if (inner) {\n classes.push(inner);\n }\n }\n } else if (isObject(value)) {\n for (const name in value) {\n if (value[name]) {\n classes.push(name);\n }\n }\n }\n }\n return classes.join(' ');\n}\n\nexport default classNames;\n" }, { "path": "components/_util/collapseMotion.tsx", "content": "import { nextTick } from 'vue';\nimport { addClass, removeClass } from '../vc-util/Dom/class';\nimport type { CSSMotionProps } from './transition';\n\nconst collapseMotion = (name = 'ant-motion-collapse', appear = true): CSSMotionProps => {\n return {\n name,\n appear,\n css: true,\n onBeforeEnter: (node: HTMLDivElement) => {\n node.style.height = '0px';\n node.style.opacity = '0';\n addClass(node, name);\n },\n onEnter: (node: HTMLDivElement) => {\n nextTick(() => {\n node.style.height = `${node.scrollHeight}px`;\n node.style.opacity = '1';\n });\n },\n onAfterEnter: (node: HTMLDivElement) => {\n if (node) {\n removeClass(node, name);\n node.style.height = null;\n node.style.opacity = null;\n }\n },\n onBeforeLeave: (node: HTMLDivElement) => {\n addClass(node, name);\n node.style.height = `${node.offsetHeight}px`;\n node.style.opacity = null;\n },\n onLeave: (node: HTMLDivElement) => {\n setTimeout(() => {\n node.style.height = '0px';\n node.style.opacity = '0';\n });\n },\n onAfterLeave: (node: HTMLDivElement) => {\n if (node) {\n removeClass(node, name);\n if (node.style) {\n node.style.height = null;\n node.style.opacity = null;\n }\n }\n },\n };\n};\nexport default collapseMotion;\n" }, { "path": "components/_util/colors.ts", "content": "import type { PresetColorKey } from '../theme/interface';\nimport { PresetColors } from '../theme/interface';\n\ntype InverseColor = `${PresetColorKey}-inverse`;\nconst inverseColors = PresetColors.map(color => `${color}-inverse`);\n\nexport const PresetStatusColorTypes = [\n 'success',\n 'processing',\n 'error',\n 'default',\n 'warning',\n] as const;\n\nexport type PresetColorType = PresetColorKey | InverseColor;\n\nexport type PresetStatusColorType = (typeof PresetStatusColorTypes)[number];\n\n/**\n * determine if the color keyword belongs to the `Ant Design` {@link PresetColors}.\n * @param color color to be judged\n * @param includeInverse whether to include reversed colors\n */\nexport function isPresetColor(color?: any, includeInverse = true) {\n if (includeInverse) {\n return [...inverseColors, ...PresetColors].includes(color);\n }\n\n return PresetColors.includes(color);\n}\n\nexport function isPresetStatusColor(color?: any): color is PresetStatusColorType {\n return PresetStatusColorTypes.includes(color);\n}\n" }, { "path": "components/_util/component-classes.ts", "content": "/**\n * source by `component-classes`\n * https://github.com/component/classes.git\n */\n\nimport indexOf from 'lodash-es/indexOf';\n\n/**\n * Whitespace regexp.\n */\nconst re = /\\s+/;\n\nexport class ClassList {\n el: Element;\n list: DOMTokenList;\n\n constructor(el: Element) {\n if (!el || !el.nodeType) {\n throw new Error('A DOM element reference is required');\n }\n this.el = el;\n this.list = el.classList;\n }\n\n array() {\n const className = this.el.getAttribute('class') || '';\n const str = className.replace(/^\\s+|\\s+$/g, '');\n const arr = str.split(re);\n if ('' === arr[0]) arr.shift();\n return arr;\n }\n\n /**\n * Add class `name` if not already present.\n *\n * @param {String} name\n * @return {ClassList}\n * @api public\n */\n add(name: string): ClassList {\n // classList\n if (this.list) {\n this.list.add(name);\n return this;\n }\n\n // fallback\n const arr = this.array();\n const i = indexOf(arr, name);\n if (!~i) arr.push(name);\n this.el.className = arr.join(' ');\n return this;\n }\n /**\n * Remove class `name` when present, or\n * pass a regular expression to remove\n * any which match.\n *\n * @param {String|RegExp} name\n * @return {ClassList}\n * @api public\n */\n remove(name: string | RegExp): ClassList {\n if ('[object RegExp]' === toString.call(name)) {\n return this._removeMatching(name as RegExp);\n }\n\n // classList\n if (this.list) {\n this.list.remove(name as string);\n return this;\n }\n\n // fallback\n const arr = this.array();\n const i = indexOf(arr, name);\n if (~i) arr.splice(i, 1);\n this.el.className = arr.join(' ');\n return this;\n }\n /**\n * Remove all classes matching `re`.\n *\n * @param {RegExp} re\n * @return {ClassList}\n * @api private\n */\n _removeMatching(re: RegExp): ClassList {\n const arr = this.array();\n for (let i = 0; i < arr.length; i++) {\n if (re.test(arr[i])) {\n this.remove(arr[i]);\n }\n }\n return this;\n }\n\n /**\n * Toggle class `name`, can force state via `force`.\n *\n * For browsers that support classList, but do not support `force` yet,\n * the mistake will be detected and corrected.\n *\n * @param {String} name\n * @param {Boolean} force\n * @return {ClassList}\n * @api public\n */\n toggle(name: string, force: boolean): ClassList {\n // classList\n if (this.list) {\n if ('undefined' !== typeof force) {\n if (force !== this.list.toggle(name, force)) {\n this.list.toggle(name); // toggle again to correct\n }\n } else {\n this.list.toggle(name);\n }\n return this;\n }\n\n // fallback\n if ('undefined' !== typeof force) {\n if (!force) {\n this.remove(name);\n } else {\n this.add(name);\n }\n } else {\n if (this.has(name)) {\n this.remove(name);\n } else {\n this.add(name);\n }\n }\n\n return this;\n }\n /**\n * Check if class `name` is present.\n *\n * @param {String} name\n * @api public\n */\n has(name: string) {\n return this.list ? this.list.contains(name) : !!~indexOf(this.array(), name);\n }\n /**\n * Check if class `name` is present.\n *\n * @param {String} name\n * @api public\n */\n contains(name: string) {\n return this.has(name);\n }\n}\n\n/**\n * Wrap `el` in a `ClassList`.\n *\n * @param {Element} el\n * @return {ClassList}\n * @api public\n */\nexport default function (el: Element): ClassList {\n return new ClassList(el);\n}\n" }, { "path": "components/_util/copy-to-clipboard/index.ts", "content": "import deselectCurrent from './toggle-selection';\n\ninterface Options {\n debug?: boolean;\n message?: string;\n format?: string; // MIME type\n onCopy?: (clipboardData: object) => void;\n}\n\nconst clipboardToIE11Formatting = {\n 'text/plain': 'Text',\n 'text/html': 'Url',\n default: 'Text',\n};\n\nconst defaultMessage = 'Copy to clipboard: #{key}, Enter';\n\nfunction format(message: string) {\n const copyKey = (/mac os x/i.test(navigator.userAgent) ? '⌘' : 'Ctrl') + '+C';\n return message.replace(/#{\\s*key\\s*}/g, copyKey);\n}\n\nfunction copy(text: string, options?: Options): boolean {\n let message,\n reselectPrevious,\n range,\n selection,\n mark,\n success = false;\n if (!options) {\n options = {};\n }\n const debug = options.debug || false;\n try {\n reselectPrevious = deselectCurrent();\n\n range = document.createRange();\n selection = document.getSelection();\n\n mark = document.createElement('span');\n mark.textContent = text;\n // reset user styles for span element\n mark.style.all = 'unset';\n // prevents scrolling to the end of the page\n mark.style.position = 'fixed';\n mark.style.top = 0;\n mark.style.clip = 'rect(0, 0, 0, 0)';\n // used to preserve spaces and line breaks\n mark.style.whiteSpace = 'pre';\n // do not inherit user-select (it may be `none`)\n mark.style.webkitUserSelect = 'text';\n mark.style.MozUserSelect = 'text';\n mark.style.msUserSelect = 'text';\n mark.style.userSelect = 'text';\n mark.addEventListener('copy', function (e) {\n e.stopPropagation();\n if (options.format) {\n e.preventDefault();\n if (typeof e.clipboardData === 'undefined') {\n // IE 11\n debug && console.warn('unable to use e.clipboardData');\n debug && console.warn('trying IE specific stuff');\n (window as any).clipboardData.clearData();\n const format =\n clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting['default'];\n (window as any).clipboardData.setData(format, text);\n } else {\n // all other browsers\n e.clipboardData.clearData();\n e.clipboardData.setData(options.format, text);\n }\n }\n if (options.onCopy) {\n e.preventDefault();\n options.onCopy(e.clipboardData);\n }\n });\n\n document.body.appendChild(mark);\n\n range.selectNodeContents(mark);\n selection.addRange(range);\n\n const successful = document.execCommand('copy');\n if (!successful) {\n throw new Error('copy command was unsuccessful');\n }\n success = true;\n } catch (err) {\n debug && console.error('unable to copy using execCommand: ', err);\n debug && console.warn('trying IE specific stuff');\n try {\n (window as any).clipboardData.setData(options.format || 'text', text);\n options.onCopy && options.onCopy((window as any).clipboardData);\n success = true;\n } catch (err) {\n debug && console.error('unable to copy using clipboardData: ', err);\n debug && console.error('falling back to prompt');\n message = format('message' in options ? options.message : defaultMessage);\n window.prompt(message, text);\n }\n } finally {\n if (selection) {\n if (typeof selection.removeRange == 'function') {\n selection.removeRange(range);\n } else {\n selection.removeAllRanges();\n }\n }\n\n if (mark) {\n document.body.removeChild(mark);\n }\n reselectPrevious();\n }\n\n return success;\n}\n\nexport default copy;\n" }, { "path": "components/_util/copy-to-clipboard/toggle-selection.ts", "content": "// copy from https://github.com/sudodoki/toggle-selection\n// refactor to esm\nconst deselectCurrent = (): (() => void) => {\n const selection = document.getSelection();\n if (!selection.rangeCount) {\n return function () {};\n }\n let active = document.activeElement as any;\n\n const ranges = [];\n for (let i = 0; i < selection.rangeCount; i++) {\n ranges.push(selection.getRangeAt(i));\n }\n\n switch (\n active.tagName.toUpperCase() // .toUpperCase handles XHTML\n ) {\n case 'INPUT':\n case 'TEXTAREA':\n active.blur();\n break;\n\n default:\n active = null;\n break;\n }\n\n selection.removeAllRanges();\n return function () {\n selection.type === 'Caret' && selection.removeAllRanges();\n\n if (!selection.rangeCount) {\n ranges.forEach(function (range) {\n selection.addRange(range);\n });\n }\n\n active && active.focus();\n };\n};\nexport default deselectCurrent;\n" }, { "path": "components/_util/createContext.ts", "content": "import { inject, provide, reactive, watchEffect } from 'vue';\n\nfunction createContext>(defaultValue?: T) {\n const contextKey = Symbol('contextKey');\n const useProvide = (props: T, newProps?: T) => {\n const mergedProps = reactive({} as T);\n provide(contextKey, mergedProps);\n watchEffect(() => {\n Object.assign(mergedProps, props, newProps || {});\n });\n return mergedProps;\n };\n const useInject = () => {\n return inject(contextKey, defaultValue as T) || ({} as T);\n };\n return {\n useProvide,\n useInject,\n };\n}\n\nexport default createContext;\n" }, { "path": "components/_util/createRef.ts", "content": "export interface RefObject extends Function {\n current?: any;\n}\n\nfunction createRef(): any {\n const func: RefObject = (node: any) => {\n func.current = node;\n };\n return func;\n}\n\nexport function fillRef(ref, node: T) {\n if (typeof ref === 'function') {\n ref(node);\n } else if (typeof ref === 'object' && ref && 'current' in ref) {\n (ref as any).current = node;\n }\n}\n\n/**\n * Merge refs into one ref function to support ref passing.\n */\nexport function composeRef(...refs: any[]) {\n return (node: T) => {\n refs.forEach(ref => {\n fillRef(ref, node);\n });\n };\n}\n\nexport default createRef;\n" }, { "path": "components/_util/cssinjs/Cache.ts", "content": "export type KeyType = string | number;\ntype ValueType = [number, any]; // [times, realValue]\nconst SPLIT = '%';\nclass Entity {\n instanceId: string;\n constructor(instanceId: string) {\n this.instanceId = instanceId;\n }\n /** @private Internal cache map. Do not access this directly */\n cache = new Map();\n\n get(keys: KeyType[] | string): ValueType | null {\n return this.cache.get(Array.isArray(keys) ? keys.join(SPLIT) : keys) || null;\n }\n\n update(keys: KeyType[] | string, valueFn: (origin: ValueType | null) => ValueType | null) {\n const path = Array.isArray(keys) ? keys.join(SPLIT) : keys;\n const prevValue = this.cache.get(path)!;\n const nextValue = valueFn(prevValue);\n\n if (nextValue === null) {\n this.cache.delete(path);\n } else {\n this.cache.set(path, nextValue);\n }\n }\n}\n\nexport default Entity;\n" }, { "path": "components/_util/cssinjs/Keyframes.ts", "content": "import type { CSSInterpolation } from './hooks/useStyleRegister';\n\nclass Keyframe {\n private name: string;\n style: CSSInterpolation;\n\n constructor(name: string, style: CSSInterpolation) {\n this.name = name;\n this.style = style;\n }\n\n getName(hashId = ''): string {\n return hashId ? `${hashId}-${this.name}` : this.name;\n }\n\n _keyframe = true;\n}\n\nexport default Keyframe;\n" }, { "path": "components/_util/cssinjs/StyleContext.tsx", "content": "import type { ShallowRef, ExtractPropTypes, InjectionKey, Ref } from 'vue';\nimport {\n provide,\n defineComponent,\n unref,\n inject,\n watch,\n shallowRef,\n getCurrentInstance,\n} from 'vue';\nimport CacheEntity from './Cache';\nimport type { Linter } from './linters/interface';\nimport type { Transformer } from './transformers/interface';\nimport { arrayType, booleanType, objectType, someType, stringType, withInstall } from '../type';\nexport const ATTR_TOKEN = 'data-token-hash';\nexport const ATTR_MARK = 'data-css-hash';\nexport const ATTR_CACHE_PATH = 'data-cache-path';\n\n// Mark css-in-js instance in style element\nexport const CSS_IN_JS_INSTANCE = '__cssinjs_instance__';\n\nexport function createCache() {\n const cssinjsInstanceId = Math.random().toString(12).slice(2);\n\n // Tricky SSR: Move all inline style to the head.\n // PS: We do not recommend tricky mode.\n if (typeof document !== 'undefined' && document.head && document.body) {\n const styles = document.body.querySelectorAll(`style[${ATTR_MARK}]`) || [];\n const { firstChild } = document.head;\n\n Array.from(styles).forEach(style => {\n (style as any)[CSS_IN_JS_INSTANCE] = (style as any)[CSS_IN_JS_INSTANCE] || cssinjsInstanceId;\n\n // Not force move if no head\n // Not force move if no head\n if ((style as any)[CSS_IN_JS_INSTANCE] === cssinjsInstanceId) {\n document.head.insertBefore(style, firstChild);\n }\n });\n\n // Deduplicate of moved styles\n const styleHash: Record = {};\n Array.from(document.querySelectorAll(`style[${ATTR_MARK}]`)).forEach(style => {\n const hash = style.getAttribute(ATTR_MARK)!;\n if (styleHash[hash]) {\n if ((style as any)[CSS_IN_JS_INSTANCE] === cssinjsInstanceId) {\n style.parentNode?.removeChild(style);\n }\n } else {\n styleHash[hash] = true;\n }\n });\n }\n\n return new CacheEntity(cssinjsInstanceId);\n}\n\nexport type HashPriority = 'low' | 'high';\n\nexport interface StyleContextProps {\n autoClear?: boolean;\n /** @private Test only. Not work in production. */\n mock?: 'server' | 'client';\n /**\n * Only set when you need ssr to extract style on you own.\n * If not provided, it will auto create `;\n }\n\n // ====================== Fill Style ======================\n type OrderStyle = [order: number, style: string];\n\n const orderStyles: OrderStyle[] = styleKeys\n .map(key => {\n const cachePath = key.slice(matchPrefix.length).replace(/%/g, '|');\n\n const [styleStr, tokenKey, styleId, effectStyle, clientOnly, order]: [\n string,\n string,\n string,\n Record,\n boolean,\n number,\n ] = cache.cache.get(key)![1];\n\n // Skip client only style\n if (clientOnly) {\n return null! as OrderStyle;\n }\n\n // ====================== Style ======================\n // Used for vc-util\n const sharedAttrs = {\n 'data-vc-order': 'prependQueue',\n 'data-vc-priority': `${order}`,\n };\n\n let keyStyleText = toStyleStr(styleStr, tokenKey, styleId, sharedAttrs);\n\n // Save cache path with hash mapping\n cachePathMap[cachePath] = styleId;\n\n // =============== Create effect style ===============\n if (effectStyle) {\n Object.keys(effectStyle).forEach(effectKey => {\n // Effect style can be reused\n if (!effectStyles[effectKey]) {\n effectStyles[effectKey] = true;\n keyStyleText += toStyleStr(\n normalizeStyle(effectStyle[effectKey]),\n tokenKey,\n `_effect-${effectKey}`,\n sharedAttrs,\n );\n }\n });\n }\n\n const ret: OrderStyle = [order, keyStyleText];\n\n return ret;\n })\n .filter(o => o);\n\n orderStyles\n .sort((o1, o2) => o1[0] - o2[0])\n .forEach(([, style]) => {\n styleText += style;\n });\n\n // ==================== Fill Cache Path ====================\n styleText += toStyleStr(\n `.${ATTR_CACHE_MAP}{content:\"${serializeCacheMap(cachePathMap)}\";}`,\n undefined,\n undefined,\n {\n [ATTR_CACHE_MAP]: ATTR_CACHE_MAP,\n },\n );\n\n return styleText;\n}\n" }, { "path": "components/_util/cssinjs/index.ts", "content": "import useCacheToken from './hooks/useCacheToken';\nimport type { CSSInterpolation, CSSObject } from './hooks/useStyleRegister';\nimport useStyleRegister, { extractStyle } from './hooks/useStyleRegister';\nimport Keyframes from './Keyframes';\nimport type { Linter } from './linters';\nimport { legacyNotSelectorLinter, logicalPropertiesLinter, parentSelectorLinter } from './linters';\nimport type { StyleContextProps, StyleProviderProps } from './StyleContext';\nimport { createCache, useStyleInject, useStyleProvider, StyleProvider } from './StyleContext';\nimport type { DerivativeFunc, TokenType } from './theme';\nimport { createTheme, Theme } from './theme';\nimport type { Transformer } from './transformers/interface';\nimport legacyLogicalPropertiesTransformer from './transformers/legacyLogicalProperties';\nimport px2remTransformer from './transformers/px2rem';\nimport { supportLogicProps, supportWhere } from './util';\n\nconst cssinjs = {\n Theme,\n createTheme,\n useStyleRegister,\n useCacheToken,\n createCache,\n useStyleInject,\n useStyleProvider,\n Keyframes,\n extractStyle,\n\n // Transformer\n legacyLogicalPropertiesTransformer,\n px2remTransformer,\n\n // Linters\n logicalPropertiesLinter,\n legacyNotSelectorLinter,\n parentSelectorLinter,\n\n // cssinjs\n StyleProvider,\n};\nexport {\n Theme,\n createTheme,\n useStyleRegister,\n useCacheToken,\n createCache,\n useStyleInject,\n useStyleProvider,\n Keyframes,\n extractStyle,\n\n // Transformer\n legacyLogicalPropertiesTransformer,\n px2remTransformer,\n\n // Linters\n logicalPropertiesLinter,\n legacyNotSelectorLinter,\n parentSelectorLinter,\n\n // cssinjs\n StyleProvider,\n};\nexport type {\n TokenType,\n CSSObject,\n CSSInterpolation,\n DerivativeFunc,\n Transformer,\n Linter,\n StyleContextProps,\n StyleProviderProps,\n};\n\nexport const _experimental = {\n supportModernCSS: () => supportWhere() && supportLogicProps(),\n};\n\nexport default cssinjs;\n" }, { "path": "components/_util/cssinjs/linters/contentQuotesLinter.ts", "content": "import type { Linter } from './interface';\nimport { lintWarning } from './utils';\n\nconst linter: Linter = (key, value, info) => {\n if (key === 'content') {\n // From emotion: https://github.com/emotion-js/emotion/blob/main/packages/serialize/src/index.js#L63\n const contentValuePattern =\n /(attr|counters?|url|(((repeating-)?(linear|radial))|conic)-gradient)\\(|(no-)?(open|close)-quote/;\n const contentValues = ['normal', 'none', 'initial', 'inherit', 'unset'];\n if (\n typeof value !== 'string' ||\n (contentValues.indexOf(value) === -1 &&\n !contentValuePattern.test(value) &&\n (value.charAt(0) !== value.charAt(value.length - 1) ||\n (value.charAt(0) !== '\"' && value.charAt(0) !== \"'\")))\n ) {\n lintWarning(\n `You seem to be using a value for 'content' without quotes, try replacing it with \\`content: '\"${value}\"'\\`.`,\n info,\n );\n }\n }\n};\n\nexport default linter;\n" }, { "path": "components/_util/cssinjs/linters/hashedAnimationLinter.ts", "content": "import type { Linter } from './interface';\nimport { lintWarning } from './utils';\n\nconst linter: Linter = (key, value, info) => {\n if (key === 'animation') {\n if (info.hashId && value !== 'none') {\n lintWarning(\n `You seem to be using hashed animation '${value}', in which case 'animationName' with Keyframe as value is recommended.`,\n info,\n );\n }\n }\n};\n\nexport default linter;\n" }, { "path": "components/_util/cssinjs/linters/index.ts", "content": "export { default as contentQuotesLinter } from './contentQuotesLinter';\nexport { default as hashedAnimationLinter } from './hashedAnimationLinter';\nexport type { Linter } from './interface';\nexport { default as legacyNotSelectorLinter } from './legacyNotSelectorLinter';\nexport { default as logicalPropertiesLinter } from './logicalPropertiesLinter';\nexport { default as parentSelectorLinter } from './parentSelectorLinter';\n" }, { "path": "components/_util/cssinjs/linters/interface.ts", "content": "export interface LinterInfo {\n path?: string;\n hashId?: string;\n parentSelectors: string[];\n}\n\nexport interface Linter {\n (key: string, value: string | number, info: LinterInfo): void;\n}\n" }, { "path": "components/_util/cssinjs/linters/legacyNotSelectorLinter.ts", "content": "import type { Linter, LinterInfo } from './interface';\nimport { lintWarning } from './utils';\n\nfunction isConcatSelector(selector: string) {\n const notContent = selector.match(/:not\\(([^)]*)\\)/)?.[1] || '';\n\n // split selector. e.g.\n // `h1#a.b` => ['h1', #a', '.b']\n const splitCells = notContent.split(/(\\[[^[]*])|(?=[.#])/).filter(str => str);\n\n return splitCells.length > 1;\n}\n\nfunction parsePath(info: LinterInfo) {\n return info.parentSelectors.reduce((prev, cur) => {\n if (!prev) {\n return cur;\n }\n\n return cur.includes('&') ? cur.replace(/&/g, prev) : `${prev} ${cur}`;\n }, '');\n}\n\nconst linter: Linter = (_key, _value, info) => {\n const parentSelectorPath = parsePath(info);\n const notList = parentSelectorPath.match(/:not\\([^)]*\\)/g) || [];\n\n if (notList.length > 0 && notList.some(isConcatSelector)) {\n lintWarning(`Concat ':not' selector not support in legacy browsers.`, info);\n }\n};\n\nexport default linter;\n" }, { "path": "components/_util/cssinjs/linters/logicalPropertiesLinter.ts", "content": "import type { Linter } from './interface';\nimport { lintWarning } from './utils';\n\nconst linter: Linter = (key, value, info) => {\n switch (key) {\n case 'marginLeft':\n case 'marginRight':\n case 'paddingLeft':\n case 'paddingRight':\n case 'left':\n case 'right':\n case 'borderLeft':\n case 'borderLeftWidth':\n case 'borderLeftStyle':\n case 'borderLeftColor':\n case 'borderRight':\n case 'borderRightWidth':\n case 'borderRightStyle':\n case 'borderRightColor':\n case 'borderTopLeftRadius':\n case 'borderTopRightRadius':\n case 'borderBottomLeftRadius':\n case 'borderBottomRightRadius':\n lintWarning(\n `You seem to be using non-logical property '${key}' which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.`,\n info,\n );\n return;\n case 'margin':\n case 'padding':\n case 'borderWidth':\n case 'borderStyle':\n // case 'borderColor':\n if (typeof value === 'string') {\n const valueArr = value.split(' ').map(item => item.trim());\n if (valueArr.length === 4 && valueArr[1] !== valueArr[3]) {\n lintWarning(\n `You seem to be using '${key}' property with different left ${key} and right ${key}, which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.`,\n info,\n );\n }\n }\n return;\n case 'clear':\n case 'textAlign':\n if (value === 'left' || value === 'right') {\n lintWarning(\n `You seem to be using non-logical value '${value}' of ${key}, which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.`,\n info,\n );\n }\n return;\n case 'borderRadius':\n if (typeof value === 'string') {\n const radiusGroups = value.split('/').map(item => item.trim());\n const invalid = radiusGroups.reduce((result, group) => {\n if (result) {\n return result;\n }\n const radiusArr = group.split(' ').map(item => item.trim());\n // borderRadius: '2px 4px'\n if (radiusArr.length >= 2 && radiusArr[0] !== radiusArr[1]) {\n return true;\n }\n // borderRadius: '4px 4px 2px'\n if (radiusArr.length === 3 && radiusArr[1] !== radiusArr[2]) {\n return true;\n }\n // borderRadius: '4px 4px 2px 4px'\n if (radiusArr.length === 4 && radiusArr[2] !== radiusArr[3]) {\n return true;\n }\n return result;\n }, false);\n\n if (invalid) {\n lintWarning(\n `You seem to be using non-logical value '${value}' of ${key}, which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.`,\n info,\n );\n }\n }\n return;\n default:\n }\n};\n\nexport default linter;\n" }, { "path": "components/_util/cssinjs/linters/parentSelectorLinter.ts", "content": "import type { Linter } from '..';\nimport { lintWarning } from './utils';\n\nconst linter: Linter = (_key, _value, info) => {\n if (\n info.parentSelectors.some(selector => {\n const selectors = selector.split(',');\n return selectors.some(item => item.split('&').length > 2);\n })\n ) {\n lintWarning('Should not use more than one `&` in a selector.', info);\n }\n};\n\nexport default linter;\n" }, { "path": "components/_util/cssinjs/linters/utils.ts", "content": "import devWarning from '../../../vc-util/warning';\nimport type { LinterInfo } from './interface';\n\nexport function lintWarning(message: string, info: LinterInfo) {\n const { path, parentSelectors } = info;\n\n devWarning(\n false,\n `[Ant Design Vue CSS-in-JS] ${path ? `Error in '${path}': ` : ''}${message}${\n parentSelectors.length ? ` Selector info: ${parentSelectors.join(' -> ')}` : ''\n }`,\n );\n}\n" }, { "path": "components/_util/cssinjs/theme/Theme.ts", "content": "import warning from '../../warning';\nimport type { DerivativeFunc, TokenType } from './interface';\n\nlet uuid = 0;\n\n/**\n * Theme with algorithms to derive tokens from design tokens.\n * Use `createTheme` first which will help to manage the theme instance cache.\n */\nexport default class Theme {\n private derivatives: DerivativeFunc[];\n public readonly id: number;\n\n constructor(\n derivatives:\n | DerivativeFunc\n | DerivativeFunc[],\n ) {\n this.derivatives = Array.isArray(derivatives) ? derivatives : [derivatives];\n this.id = uuid;\n\n if (derivatives.length === 0) {\n warning(\n derivatives.length > 0,\n '[Ant Design Vue CSS-in-JS] Theme should have at least one derivative function.',\n );\n }\n\n uuid += 1;\n }\n\n getDerivativeToken(token: DesignToken): DerivativeToken {\n return this.derivatives.reduce(\n (result, derivative) => derivative(token, result),\n undefined as any,\n );\n }\n}\n" }, { "path": "components/_util/cssinjs/theme/ThemeCache.ts", "content": "import type Theme from './Theme';\nimport type { DerivativeFunc } from './interface';\n\n// ================================== Cache ==================================\ntype ThemeCacheMap = Map<\n DerivativeFunc,\n {\n map?: ThemeCacheMap;\n value?: [Theme, number];\n }\n>;\n\ntype DerivativeOptions = DerivativeFunc[];\n\nexport function sameDerivativeOption(left: DerivativeOptions, right: DerivativeOptions) {\n if (left.length !== right.length) {\n return false;\n }\n for (let i = 0; i < left.length; i++) {\n if (left[i] !== right[i]) {\n return false;\n }\n }\n return true;\n}\n\nexport default class ThemeCache {\n public static MAX_CACHE_SIZE = 20;\n public static MAX_CACHE_OFFSET = 5;\n\n private readonly cache: ThemeCacheMap;\n private keys: DerivativeOptions[];\n private cacheCallTimes: number;\n\n constructor() {\n this.cache = new Map();\n this.keys = [];\n this.cacheCallTimes = 0;\n }\n\n public size(): number {\n return this.keys.length;\n }\n\n private internalGet(\n derivativeOption: DerivativeOptions,\n updateCallTimes = false,\n ): [Theme, number] | undefined {\n let cache: ReturnType = { map: this.cache };\n derivativeOption.forEach(derivative => {\n if (!cache) {\n cache = undefined;\n } else {\n cache = cache?.map?.get(derivative);\n }\n });\n if (cache?.value && updateCallTimes) {\n cache.value[1] = this.cacheCallTimes++;\n }\n return cache?.value;\n }\n\n public get(derivativeOption: DerivativeOptions): Theme | undefined {\n return this.internalGet(derivativeOption, true)?.[0];\n }\n\n public has(derivativeOption: DerivativeOptions): boolean {\n return !!this.internalGet(derivativeOption);\n }\n\n public set(derivativeOption: DerivativeOptions, value: Theme): void {\n // New cache\n if (!this.has(derivativeOption)) {\n if (this.size() + 1 > ThemeCache.MAX_CACHE_SIZE + ThemeCache.MAX_CACHE_OFFSET) {\n const [targetKey] = this.keys.reduce<[DerivativeOptions, number]>(\n (result, key) => {\n const [, callTimes] = result;\n if (this.internalGet(key)![1] < callTimes) {\n return [key, this.internalGet(key)![1]];\n }\n return result;\n },\n [this.keys[0], this.cacheCallTimes],\n );\n this.delete(targetKey);\n }\n\n this.keys.push(derivativeOption);\n }\n\n let cache = this.cache;\n derivativeOption.forEach((derivative, index) => {\n if (index === derivativeOption.length - 1) {\n cache.set(derivative, { value: [value, this.cacheCallTimes++] });\n } else {\n const cacheValue = cache.get(derivative);\n if (!cacheValue) {\n cache.set(derivative, { map: new Map() });\n } else if (!cacheValue.map) {\n cacheValue.map = new Map();\n }\n cache = cache.get(derivative)!.map!;\n }\n });\n }\n\n private deleteByPath(\n currentCache: ThemeCacheMap,\n derivatives: DerivativeFunc[],\n ): Theme | undefined {\n const cache = currentCache.get(derivatives[0])!;\n if (derivatives.length === 1) {\n if (!cache.map) {\n currentCache.delete(derivatives[0]);\n } else {\n currentCache.set(derivatives[0], { map: cache.map });\n }\n return cache.value?.[0];\n }\n const result = this.deleteByPath(cache.map!, derivatives.slice(1));\n if ((!cache.map || cache.map.size === 0) && !cache.value) {\n currentCache.delete(derivatives[0]);\n }\n return result;\n }\n\n public delete(derivativeOption: DerivativeOptions): Theme | undefined {\n // If cache exists\n if (this.has(derivativeOption)) {\n this.keys = this.keys.filter(item => !sameDerivativeOption(item, derivativeOption));\n return this.deleteByPath(this.cache, derivativeOption);\n }\n return undefined;\n }\n}\n" }, { "path": "components/_util/cssinjs/theme/createTheme.ts", "content": "import ThemeCache from './ThemeCache';\nimport Theme from './Theme';\nimport type { DerivativeFunc, TokenType } from './interface';\n\nconst cacheThemes = new ThemeCache();\n\n/**\n * Same as new Theme, but will always return same one if `derivative` not changed.\n */\nexport default function createTheme<\n DesignToken extends TokenType,\n DerivativeToken extends TokenType,\n>(\n derivatives:\n | DerivativeFunc[]\n | DerivativeFunc,\n) {\n const derivativeArr = Array.isArray(derivatives) ? derivatives : [derivatives];\n // Create new theme if not exist\n if (!cacheThemes.has(derivativeArr)) {\n cacheThemes.set(derivativeArr, new Theme(derivativeArr));\n }\n\n // Get theme from cache and return\n return cacheThemes.get(derivativeArr)!;\n}\n" }, { "path": "components/_util/cssinjs/theme/index.ts", "content": "export { default as createTheme } from './createTheme';\nexport { default as Theme } from './Theme';\nexport { default as ThemeCache } from './ThemeCache';\nexport type { TokenType, DerivativeFunc } from './interface';\n" }, { "path": "components/_util/cssinjs/theme/interface.ts", "content": "export type TokenType = object;\nexport type DerivativeFunc = (\n designToken: DesignToken,\n derivativeToken?: DerivativeToken,\n) => DerivativeToken;\n" }, { "path": "components/_util/cssinjs/transformers/interface.ts", "content": "import type { CSSObject } from '..';\n\nexport interface Transformer {\n visit?: (cssObj: CSSObject) => CSSObject;\n}\n" }, { "path": "components/_util/cssinjs/transformers/legacyLogicalProperties.ts", "content": "import type { CSSObject } from '..';\nimport type { Transformer } from './interface';\n\nfunction splitValues(value: string | number) {\n if (typeof value === 'number') {\n return [value];\n }\n\n const splitStyle = String(value).split(/\\s+/);\n\n // Combine styles split in brackets, like `calc(1px + 2px)`\n let temp = '';\n let brackets = 0;\n return splitStyle.reduce((list, item) => {\n if (item.includes('(')) {\n temp += item;\n brackets += item.split('(').length - 1;\n } else if (item.includes(')')) {\n temp += ` ${item}`;\n brackets -= item.split(')').length - 1;\n if (brackets === 0) {\n list.push(temp);\n temp = '';\n }\n } else if (brackets > 0) {\n temp += ` ${item}`;\n } else {\n list.push(item);\n }\n return list;\n }, []);\n}\n\ntype MatchValue = string[] & {\n notSplit?: boolean;\n};\n\nfunction noSplit(list: MatchValue): MatchValue {\n list.notSplit = true;\n return list;\n}\n\nconst keyMap: Record = {\n // Inset\n inset: ['top', 'right', 'bottom', 'left'],\n insetBlock: ['top', 'bottom'],\n insetBlockStart: ['top'],\n insetBlockEnd: ['bottom'],\n insetInline: ['left', 'right'],\n insetInlineStart: ['left'],\n insetInlineEnd: ['right'],\n\n // Margin\n marginBlock: ['marginTop', 'marginBottom'],\n marginBlockStart: ['marginTop'],\n marginBlockEnd: ['marginBottom'],\n marginInline: ['marginLeft', 'marginRight'],\n marginInlineStart: ['marginLeft'],\n marginInlineEnd: ['marginRight'],\n\n // Padding\n paddingBlock: ['paddingTop', 'paddingBottom'],\n paddingBlockStart: ['paddingTop'],\n paddingBlockEnd: ['paddingBottom'],\n paddingInline: ['paddingLeft', 'paddingRight'],\n paddingInlineStart: ['paddingLeft'],\n paddingInlineEnd: ['paddingRight'],\n\n // Border\n borderBlock: noSplit(['borderTop', 'borderBottom']),\n borderBlockStart: noSplit(['borderTop']),\n borderBlockEnd: noSplit(['borderBottom']),\n borderInline: noSplit(['borderLeft', 'borderRight']),\n borderInlineStart: noSplit(['borderLeft']),\n borderInlineEnd: noSplit(['borderRight']),\n\n // Border width\n borderBlockWidth: ['borderTopWidth', 'borderBottomWidth'],\n borderBlockStartWidth: ['borderTopWidth'],\n borderBlockEndWidth: ['borderBottomWidth'],\n borderInlineWidth: ['borderLeftWidth', 'borderRightWidth'],\n borderInlineStartWidth: ['borderLeftWidth'],\n borderInlineEndWidth: ['borderRightWidth'],\n\n // Border style\n borderBlockStyle: ['borderTopStyle', 'borderBottomStyle'],\n borderBlockStartStyle: ['borderTopStyle'],\n borderBlockEndStyle: ['borderBottomStyle'],\n borderInlineStyle: ['borderLeftStyle', 'borderRightStyle'],\n borderInlineStartStyle: ['borderLeftStyle'],\n borderInlineEndStyle: ['borderRightStyle'],\n\n // Border color\n borderBlockColor: ['borderTopColor', 'borderBottomColor'],\n borderBlockStartColor: ['borderTopColor'],\n borderBlockEndColor: ['borderBottomColor'],\n borderInlineColor: ['borderLeftColor', 'borderRightColor'],\n borderInlineStartColor: ['borderLeftColor'],\n borderInlineEndColor: ['borderRightColor'],\n\n // Border radius\n borderStartStartRadius: ['borderTopLeftRadius'],\n borderStartEndRadius: ['borderTopRightRadius'],\n borderEndStartRadius: ['borderBottomLeftRadius'],\n borderEndEndRadius: ['borderBottomRightRadius'],\n};\n\nfunction skipCheck(value: string | number) {\n return { _skip_check_: true, value };\n}\n\n/**\n * Convert css logical properties to legacy properties.\n * Such as: `margin-block-start` to `margin-top`.\n * Transform list:\n * - inset\n * - margin\n * - padding\n * - border\n */\nconst transform: Transformer = {\n visit: cssObj => {\n const clone: CSSObject = {};\n\n Object.keys(cssObj).forEach(key => {\n const value = cssObj[key];\n const matchValue = keyMap[key];\n\n if (matchValue && (typeof value === 'number' || typeof value === 'string')) {\n const values = splitValues(value);\n\n if (matchValue.length && matchValue.notSplit) {\n // not split means always give same value like border\n matchValue.forEach(matchKey => {\n clone[matchKey] = skipCheck(value);\n });\n } else if (matchValue.length === 1) {\n // Handle like `marginBlockStart` => `marginTop`\n clone[matchValue[0]] = skipCheck(value);\n } else if (matchValue.length === 2) {\n // Handle like `marginBlock` => `marginTop` & `marginBottom`\n matchValue.forEach((matchKey, index) => {\n clone[matchKey] = skipCheck(values[index] ?? values[0]);\n });\n } else if (matchValue.length === 4) {\n // Handle like `inset` => `top` & `right` & `bottom` & `left`\n matchValue.forEach((matchKey, index) => {\n clone[matchKey] = skipCheck(values[index] ?? values[index - 2] ?? values[0]);\n });\n } else {\n clone[key] = value;\n }\n } else {\n clone[key] = value;\n }\n });\n\n return clone;\n },\n};\n\nexport default transform;\n" }, { "path": "components/_util/cssinjs/transformers/px2rem.ts", "content": "/**\n * respect https://github.com/cuth/postcss-pxtorem\n */\nimport unitless from '@emotion/unitless';\nimport type { CSSObject } from '..';\nimport type { Transformer } from './interface';\n\nexport interface Options {\n /**\n * The root font size.\n * @default 16\n */\n rootValue?: number;\n /**\n * The decimal numbers to allow the REM units to grow to.\n * @default 5\n */\n precision?: number;\n /**\n * Whether to allow px to be converted in media queries.\n * @default false\n */\n mediaQuery?: boolean;\n}\n\nconst pxRegex = /url\\([^)]+\\)|var\\([^)]+\\)|(\\d*\\.?\\d+)px/g;\n\nfunction toFixed(number: number, precision: number) {\n const multiplier = Math.pow(10, precision + 1),\n wholeNumber = Math.floor(number * multiplier);\n return (Math.round(wholeNumber / 10) * 10) / multiplier;\n}\n\nconst transform = (options: Options = {}): Transformer => {\n const { rootValue = 16, precision = 5, mediaQuery = false } = options;\n\n const pxReplace = (m: string, $1: any) => {\n if (!$1) return m;\n const pixels = parseFloat($1);\n // covenant: pixels <= 1, not transform to rem @zombieJ\n if (pixels <= 1) return m;\n const fixedVal = toFixed(pixels / rootValue, precision);\n return `${fixedVal}rem`;\n };\n\n const visit = (cssObj: CSSObject): CSSObject => {\n const clone: CSSObject = { ...cssObj };\n\n Object.entries(cssObj).forEach(([key, value]) => {\n if (typeof value === 'string' && value.includes('px')) {\n const newValue = value.replace(pxRegex, pxReplace);\n clone[key] = newValue;\n }\n\n // no unit\n if (!unitless[key] && typeof value === 'number' && value !== 0) {\n clone[key] = `${value}px`.replace(pxRegex, pxReplace);\n }\n\n // Media queries\n const mergedKey = key.trim();\n if (mergedKey.startsWith('@') && mergedKey.includes('px') && mediaQuery) {\n const newKey = key.replace(pxRegex, pxReplace);\n\n clone[newKey] = clone[key];\n delete clone[key];\n }\n });\n\n return clone;\n };\n\n return { visit };\n};\n\nexport default transform;\n" }, { "path": "components/_util/cssinjs/util.ts", "content": "import hash from '@emotion/hash';\nimport { removeCSS, updateCSS } from '../../vc-util/Dom/dynamicCSS';\nimport canUseDom from '../canUseDom';\n\nimport { Theme } from './theme';\n\n// Create a cache here to avoid always loop generate\nconst flattenTokenCache = new WeakMap();\n\nexport function flattenToken(token: any) {\n let str = flattenTokenCache.get(token) || '';\n\n if (!str) {\n Object.keys(token).forEach(key => {\n const value = token[key];\n str += key;\n if (value instanceof Theme) {\n str += value.id;\n } else if (value && typeof value === 'object') {\n str += flattenToken(value);\n } else {\n str += value;\n }\n });\n\n // Put in cache\n flattenTokenCache.set(token, str);\n }\n return str;\n}\n\n/**\n * Convert derivative token to key string\n */\nexport function token2key(token: any, salt: string): string {\n return hash(`${salt}_${flattenToken(token)}`);\n}\n\nconst randomSelectorKey = `random-${Date.now()}-${Math.random()}`.replace(/\\./g, '');\n\n// Magic `content` for detect selector support\nconst checkContent = '_bAmBoO_';\n\nfunction supportSelector(\n styleStr: string,\n handleElement: (ele: HTMLElement) => void,\n supportCheck?: (ele: HTMLElement) => boolean,\n): boolean {\n if (canUseDom()) {\n updateCSS(styleStr, randomSelectorKey);\n\n const ele = document.createElement('div');\n ele.style.position = 'fixed';\n ele.style.left = '0';\n ele.style.top = '0';\n handleElement?.(ele);\n document.body.appendChild(ele);\n\n if (process.env.NODE_ENV !== 'production') {\n ele.innerHTML = 'Test';\n ele.style.zIndex = '9999999';\n }\n\n const support = supportCheck\n ? supportCheck(ele)\n : getComputedStyle(ele).content?.includes(checkContent);\n\n ele.parentNode?.removeChild(ele);\n removeCSS(randomSelectorKey);\n\n return support;\n }\n\n return false;\n}\n\nlet canLayer: boolean | undefined = undefined;\nexport function supportLayer(): boolean {\n if (canLayer === undefined) {\n canLayer = supportSelector(\n `@layer ${randomSelectorKey} { .${randomSelectorKey} { content: \"${checkContent}\"!important; } }`,\n ele => {\n ele.className = randomSelectorKey;\n },\n );\n }\n\n return canLayer!;\n}\n\nlet canWhere: boolean | undefined = undefined;\nexport function supportWhere(): boolean {\n if (canWhere === undefined) {\n canWhere = supportSelector(\n `:where(.${randomSelectorKey}) { content: \"${checkContent}\"!important; }`,\n ele => {\n ele.className = randomSelectorKey;\n },\n );\n }\n\n return canWhere!;\n}\n\nlet canLogic: boolean | undefined = undefined;\nexport function supportLogicProps(): boolean {\n if (canLogic === undefined) {\n canLogic = supportSelector(\n `.${randomSelectorKey} { inset-block: 93px !important; }`,\n ele => {\n ele.className = randomSelectorKey;\n },\n ele => getComputedStyle(ele).bottom === '93px',\n );\n }\n\n return canLogic!;\n}\n" }, { "path": "components/_util/debouncedWatch.ts", "content": "// copy from https://github.dev/vueuse/vueuse\n\nimport type { Ref, WatchOptions, WatchStopHandle } from 'vue';\nimport { unref, watch } from 'vue';\n\ntype MaybeRef = T | Ref;\n\ntype Fn = () => void;\n\nexport type FunctionArgs = (...args: Args) => Return;\n\nexport interface FunctionWrapperOptions {\n fn: FunctionArgs;\n args: Args;\n thisArg: This;\n}\n\nexport type EventFilter = (\n invoke: Fn,\n options: FunctionWrapperOptions,\n) => void;\n\nconst bypassFilter: EventFilter = invoke => {\n return invoke();\n};\n/**\n * Create an EventFilter that debounce the events\n *\n * @param ms\n */\nexport function debounceFilter(ms: MaybeRef) {\n let timer: ReturnType | undefined;\n\n const filter: EventFilter = invoke => {\n const duration = unref(ms);\n\n if (timer) clearTimeout(timer);\n\n if (duration <= 0) return invoke();\n\n timer = setTimeout(invoke, duration);\n };\n\n return filter;\n}\nexport interface DebouncedWatchOptions extends WatchOptions {\n debounce?: MaybeRef;\n}\n\ninterface ConfigurableEventFilter {\n eventFilter?: EventFilter;\n}\n/**\n * @internal\n */\nfunction createFilterWrapper(filter: EventFilter, fn: T) {\n function wrapper(this: any, ...args: any[]) {\n filter(() => fn.apply(this, args), { fn, thisArg: this, args });\n }\n\n return wrapper as any as T;\n}\nexport interface WatchWithFilterOptions\n extends WatchOptions,\n ConfigurableEventFilter {}\n// implementation\nexport function watchWithFilter = false>(\n source: any,\n cb: any,\n options: WatchWithFilterOptions = {},\n): WatchStopHandle {\n const { eventFilter = bypassFilter, ...watchOptions } = options;\n\n return watch(source, createFilterWrapper(eventFilter, cb), watchOptions);\n}\n\n// implementation\nexport default function debouncedWatch = false>(\n source: any,\n cb: any,\n options: DebouncedWatchOptions = {},\n): WatchStopHandle {\n const { debounce = 0, ...watchOptions } = options;\n\n return watchWithFilter(source, cb, {\n ...watchOptions,\n eventFilter: debounceFilter(debounce),\n });\n}\n" }, { "path": "components/_util/eagerComputed.ts", "content": "import { watchEffect, shallowRef } from 'vue';\nimport type { ComputedRef } from 'vue';\nexport declare type ComputedGetter = (...args: any[]) => T;\nexport default function eagerComputed(fn: ComputedGetter) {\n const result = shallowRef();\n watchEffect(\n () => {\n result.value = fn();\n },\n {\n flush: 'sync', // needed so updates are immediate.\n },\n );\n\n return result as any as ComputedRef;\n}\n" }, { "path": "components/_util/easings.ts", "content": "export function easeInOutCubic(t: number, b: number, c: number, d: number) {\n const cc = c - b;\n t /= d / 2;\n if (t < 1) {\n return (cc / 2) * t * t * t + b;\n }\n return (cc / 2) * ((t -= 2) * t * t + 2) + b;\n}\n" }, { "path": "components/_util/env.ts", "content": "/* eslint-disable no-undef */\n// Browser environment sniffing\nexport const inBrowser = typeof window !== 'undefined';\nexport const UA = inBrowser && window.navigator.userAgent.toLowerCase();\nexport const isIE = UA && /msie|trident/.test(UA);\nexport const isIE9 = UA && UA.indexOf('msie 9.0') > 0;\nexport const isEdge = UA && UA.indexOf('edge/') > 0;\nexport const isChrome = UA && /chrome\\/\\d+/.test(UA) && !isEdge;\nexport const isPhantomJS = UA && /phantomjs/.test(UA);\nexport const isFF = UA && UA.match(/firefox\\/(\\d+)/);\n" }, { "path": "components/_util/extendsObject.ts", "content": "type RecordType = Record;\n\nfunction extendsObject(...list: T[]) {\n const result: RecordType = { ...list[0] };\n\n for (let i = 1; i < list.length; i++) {\n const obj = list[i];\n if (obj) {\n Object.keys(obj).forEach(key => {\n const val = obj[key];\n if (val !== undefined) {\n result[key] = val;\n }\n });\n }\n }\n\n return result;\n}\n\nexport default extendsObject;\n" }, { "path": "components/_util/firstNotUndefined.ts", "content": "function firstNotUndefined(arr: T[] = []): T {\n for (let i = 0, len = arr.length; i < len; i++) {\n if (arr[i] !== undefined) {\n return arr[i];\n }\n }\n return undefined;\n}\n\nexport default firstNotUndefined;\n" }, { "path": "components/_util/gapSize.ts", "content": "import type { SizeType } from '../config-provider/SizeContext';\n\nexport function isPresetSize(size?: SizeType | string | number): size is SizeType {\n return ['small', 'middle', 'large'].includes(size as string);\n}\n\nexport function isValidGapNumber(size?: SizeType | string | number): size is number {\n if (!size) {\n // The case of size = 0 is deliberately excluded here, because the default value of the gap attribute in CSS is 0, so if the user passes 0 in, we can directly ignore it.\n return false;\n }\n return typeof size === 'number' && !Number.isNaN(size);\n}\n" }, { "path": "components/_util/getRequestAnimationFrame.ts", "content": "const availablePrefixs = ['moz', 'ms', 'webkit'];\n\nfunction requestAnimationFramePolyfill() {\n let lastTime = 0;\n return function (callback) {\n const currTime = new Date().getTime();\n const timeToCall = Math.max(0, 16 - (currTime - lastTime));\n const id = window.setTimeout(function () {\n callback(currTime + timeToCall);\n }, timeToCall);\n lastTime = currTime + timeToCall;\n return id;\n };\n}\n\nexport default function getRequestAnimationFrame() {\n if (typeof window === 'undefined') {\n return () => {};\n }\n if (window.requestAnimationFrame) {\n // https://github.com/vuejs/vue/issues/4465\n return window.requestAnimationFrame.bind(window);\n }\n\n const prefix = availablePrefixs.filter(key => `${key}RequestAnimationFrame` in window)[0];\n\n return prefix ? window[`${prefix}RequestAnimationFrame`] : requestAnimationFramePolyfill();\n}\n\nexport function cancelRequestAnimationFrame(id) {\n if (typeof window === 'undefined') {\n return null;\n }\n if (window.cancelAnimationFrame) {\n return window.cancelAnimationFrame(id);\n }\n const prefix = availablePrefixs.filter(\n key => `${key}CancelAnimationFrame` in window || `${key}CancelRequestAnimationFrame` in window,\n )[0];\n\n return prefix\n ? (\n window[`${prefix}CancelAnimationFrame`] || window[`${prefix}CancelRequestAnimationFrame`]\n ).call(this, id)\n : clearTimeout(id);\n}\n" }, { "path": "components/_util/getScroll.ts", "content": "export function isWindow(obj: any): obj is Window {\n return obj !== null && obj !== undefined && obj === obj.window;\n}\n\nexport default function getScroll(\n target: HTMLElement | Window | Document | null,\n top: boolean,\n): number {\n if (typeof window === 'undefined') {\n return 0;\n }\n const method = top ? 'scrollTop' : 'scrollLeft';\n let result = 0;\n if (isWindow(target)) {\n result = target[top ? 'scrollY' : 'scrollX'];\n } else if (target instanceof Document) {\n result = target.documentElement[method];\n } else if (target instanceof HTMLElement) {\n result = target[method];\n } else if (target) {\n // According to the type inference, the `target` is `never` type.\n // Since we configured the loose mode type checking, and supports mocking the target with such shape below::\n // `{ documentElement: { scrollLeft: 200, scrollTop: 400 } }`,\n // the program may falls into this branch.\n // Check the corresponding tests for details. Don't sure what is the real scenario this happens.\n result = target[method];\n }\n\n if (target && !isWindow(target) && typeof result !== 'number') {\n result = ((target.ownerDocument ?? target) as any).documentElement?.[method];\n }\n return result;\n}\n" }, { "path": "components/_util/getScrollBarSize.ts", "content": "/* eslint-disable no-param-reassign */\n\nlet cached: number;\n\nexport default function getScrollBarSize(fresh?: boolean) {\n if (typeof document === 'undefined') {\n return 0;\n }\n\n if (fresh || cached === undefined) {\n const inner = document.createElement('div');\n inner.style.width = '100%';\n inner.style.height = '200px';\n\n const outer = document.createElement('div');\n const outerStyle = outer.style;\n\n outerStyle.position = 'absolute';\n outerStyle.top = '0';\n outerStyle.left = '0';\n outerStyle.pointerEvents = 'none';\n outerStyle.visibility = 'hidden';\n outerStyle.width = '200px';\n outerStyle.height = '150px';\n outerStyle.overflow = 'hidden';\n\n outer.appendChild(inner);\n\n document.body.appendChild(outer);\n\n const widthContained = inner.offsetWidth;\n outer.style.overflow = 'scroll';\n let widthScroll = inner.offsetWidth;\n\n if (widthContained === widthScroll) {\n widthScroll = outer.clientWidth;\n }\n\n document.body.removeChild(outer);\n\n cached = widthContained - widthScroll;\n }\n return cached;\n}\n\nfunction ensureSize(str: string) {\n const match = str.match(/^(.*)px$/);\n const value = Number(match?.[1]);\n return Number.isNaN(value) ? getScrollBarSize() : value;\n}\n\nexport function getTargetScrollBarSize(target: HTMLElement) {\n if (typeof document === 'undefined' || !target || !(target instanceof Element)) {\n return { width: 0, height: 0 };\n }\n\n const { width, height } = getComputedStyle(target, '::-webkit-scrollbar');\n return {\n width: ensureSize(width),\n height: ensureSize(height),\n };\n}\n" }, { "path": "components/_util/hooks/_vueuse/_configurable.ts", "content": "import { isClient } from './is';\n\nexport interface ConfigurableWindow {\n /*\n * Specify a custom `window` instance, e.g. working with iframes or in testing environments.\n */\n window?: Window;\n}\n\nexport interface ConfigurableDocument {\n /*\n * Specify a custom `document` instance, e.g. working with iframes or in testing environments.\n */\n document?: Document;\n}\n\nexport interface ConfigurableNavigator {\n /*\n * Specify a custom `navigator` instance, e.g. working with iframes or in testing environments.\n */\n navigator?: Navigator;\n}\n\nexport interface ConfigurableLocation {\n /*\n * Specify a custom `location` instance, e.g. working with iframes or in testing environments.\n */\n location?: Location;\n}\n\nexport const defaultWindow = isClient ? window : undefined;\nexport const defaultDocument = isClient ? window.document : undefined;\nexport const defaultNavigator = isClient ? window.navigator : undefined;\nexport const defaultLocation = isClient ? window.location : undefined;\n" }, { "path": "components/_util/hooks/_vueuse/is.ts", "content": "export const isClient = typeof window !== 'undefined';\nexport const isDef = (val?: T): val is T => typeof val !== 'undefined';\nexport const assert = (condition: boolean, ...infos: any[]) => {\n if (!condition) console.warn(...infos);\n};\nconst toString = Object.prototype.toString;\nexport const isBoolean = (val: any): val is boolean => typeof val === 'boolean';\nexport const isFunction = (val: any): val is T => typeof val === 'function';\nexport const isNumber = (val: any): val is number => typeof val === 'number';\nexport const isString = (val: unknown): val is string => typeof val === 'string';\nexport const isObject = (val: any): val is object => toString.call(val) === '[object Object]';\nexport const isWindow = (val: any): val is Window =>\n typeof window !== 'undefined' && toString.call(val) === '[object Window]';\nexport const now = () => Date.now();\nexport const timestamp = () => +Date.now();\nexport const clamp = (n: number, min: number, max: number) => Math.min(max, Math.max(min, n));\nexport const noop = () => {};\nexport const rand = (min: number, max: number) => {\n min = Math.ceil(min);\n max = Math.floor(max);\n return Math.floor(Math.random() * (max - min + 1)) + min;\n};\nexport const isIOS =\n isClient && window?.navigator?.userAgent && /iP(ad|hone|od)/.test(window.navigator.userAgent);\nexport const hasOwn = (val: T, key: K): key is K =>\n Object.prototype.hasOwnProperty.call(val, key);\n" }, { "path": "components/_util/hooks/_vueuse/resolveUnref.ts", "content": "import { unref } from 'vue';\nimport type { MaybeComputedRef } from './types';\n\n/**\n * Get the value of value/ref/getter.\n */\nexport function resolveUnref(r: MaybeComputedRef): T {\n return typeof r === 'function' ? (r as any)() : unref(r);\n}\n" }, { "path": "components/_util/hooks/_vueuse/tryOnMounted.ts", "content": "// eslint-disable-next-line no-restricted-imports\nimport { getCurrentInstance, nextTick, onMounted } from 'vue';\nimport type { Fn } from './types';\n\n/**\n * Call onMounted() if it's inside a component lifecycle, if not, just call the function\n *\n * @param fn\n * @param sync if set to false, it will run in the nextTick() of Vue\n */\nexport function tryOnMounted(fn: Fn, sync = true) {\n if (getCurrentInstance()) onMounted(fn);\n else if (sync) fn();\n else nextTick(fn);\n}\n" }, { "path": "components/_util/hooks/_vueuse/tryOnScopeDispose.ts", "content": "import { getCurrentScope, onScopeDispose } from 'vue';\nimport type { Fn } from './types';\n\n/**\n * Call onScopeDispose() if it's inside a effect scope lifecycle, if not, do nothing\n *\n * @param fn\n */\nexport function tryOnScopeDispose(fn: Fn) {\n if (getCurrentScope()) {\n onScopeDispose(fn);\n return true;\n }\n return false;\n}\n" }, { "path": "components/_util/hooks/_vueuse/types.ts", "content": "import type { ComputedRef, Ref, WatchOptions, WatchSource } from 'vue';\n\n/**\n * Any function\n */\nexport type Fn = () => void;\n\n/**\n * A ref that allow to set null or undefined\n */\nexport type RemovableRef = Omit, 'value'> & {\n get value(): T;\n set value(value: T | null | undefined);\n};\n\n/**\n * @deprecated Use `RemovableRef`\n */\nexport type RemoveableRef = RemovableRef;\n\n/**\n * Maybe it's a ref, or a plain value\n *\n * ```ts\n * type MaybeRef = T | Ref\n * ```\n */\nexport type MaybeRef = T | Ref;\n\n/**\n * Maybe it's a ref, or a plain value, or a getter function\n *\n * ```ts\n * type MaybeComputedRef = (() => T) | T | Ref | ComputedRef\n * ```\n */\nexport type MaybeComputedRef = MaybeReadonlyRef | MaybeRef;\n\n/**\n * Maybe it's a computed ref, or a getter function\n *\n * ```ts\n * type MaybeReadonlyRef = (() => T) | ComputedRef\n * ```\n */\nexport type MaybeReadonlyRef = (() => T) | ComputedRef;\n\n/**\n * Make all the nested attributes of an object or array to MaybeRef\n *\n * Good for accepting options that will be wrapped with `reactive` or `ref`\n *\n * ```ts\n * UnwrapRef> === T\n * ```\n */\nexport type DeepMaybeRef = T extends Ref\n ? MaybeRef\n : T extends Array | object\n ? { [K in keyof T]: DeepMaybeRef }\n : MaybeRef;\n\n/**\n * Infers the element type of an array\n */\nexport type ElementOf = T extends (infer E)[] ? E : never;\n\nexport type ShallowUnwrapRef = T extends Ref ? P : T;\n\nexport type Awaitable = Promise | T;\n\nexport type ArgumentsType = T extends (...args: infer U) => any ? U : never;\n\nexport interface Pausable {\n /**\n * A ref indicate whether a pausable instance is active\n */\n isActive: Ref;\n\n /**\n * Temporary pause the effect from executing\n */\n pause: Fn;\n\n /**\n * Resume the effects\n */\n resume: Fn;\n}\n\nexport interface Stoppable {\n /**\n * A ref indicate whether a stoppable instance is executing\n */\n isPending: Ref;\n\n /**\n * Stop the effect from executing\n */\n stop: Fn;\n\n /**\n * Start the effects\n */\n start: Fn;\n}\n\n/**\n * @deprecated Use `Stoppable`\n */\nexport type Stopable = Stoppable;\n\nexport interface ConfigurableFlush {\n /**\n * Timing for monitoring changes, refer to WatchOptions for more details\n *\n * @default 'pre'\n */\n flush?: WatchOptions['flush'];\n}\n\nexport interface ConfigurableFlushSync {\n /**\n * Timing for monitoring changes, refer to WatchOptions for more details.\n * Unlike `watch()`, the default is set to `sync`\n *\n * @default 'sync'\n */\n flush?: WatchOptions['flush'];\n}\n\n// Internal Types\nexport type MapSources = {\n [K in keyof T]: T[K] extends WatchSource ? V : never;\n};\nexport type MapOldSources = {\n [K in keyof T]: T[K] extends WatchSource\n ? Immediate extends true\n ? V | undefined\n : V\n : never;\n};\n" }, { "path": "components/_util/hooks/_vueuse/unrefElement.ts", "content": "import type { ComponentPublicInstance } from 'vue';\nimport type { MaybeComputedRef, MaybeRef } from './types';\nimport { resolveUnref } from './resolveUnref';\n\nexport type VueInstance = ComponentPublicInstance;\nexport type MaybeElementRef = MaybeRef;\nexport type MaybeComputedElementRef = MaybeComputedRef;\nexport type MaybeElement = HTMLElement | SVGElement | VueInstance | undefined | null;\n\nexport type UnRefElementReturn = T extends VueInstance\n ? Exclude\n : T | undefined;\n\n/**\n * Get the dom element of a ref of element or Vue component instance\n *\n * @param elRef\n */\nexport function unrefElement(\n elRef: MaybeComputedElementRef,\n): UnRefElementReturn {\n const plain = resolveUnref(elRef);\n return (plain as VueInstance)?.$el ?? plain;\n}\n" }, { "path": "components/_util/hooks/_vueuse/useElementSize.ts", "content": "import { shallowRef, watch } from 'vue';\nimport type { MaybeComputedElementRef } from './unrefElement';\nimport type { UseResizeObserverOptions } from './useResizeObserver';\nimport { useResizeObserver } from './useResizeObserver';\nimport { unrefElement } from './unrefElement';\n\nexport interface ElementSize {\n width: number;\n height: number;\n}\n\n/**\n * Reactive size of an HTML element.\n *\n * @see https://vueuse.org/useElementSize\n * @param target\n * @param callback\n * @param options\n */\nexport function useElementSize(\n target: MaybeComputedElementRef,\n initialSize: ElementSize = { width: 0, height: 0 },\n options: UseResizeObserverOptions = {},\n) {\n const { box = 'content-box' } = options;\n const width = shallowRef(initialSize.width);\n const height = shallowRef(initialSize.height);\n\n useResizeObserver(\n target,\n ([entry]) => {\n const boxSize =\n box === 'border-box'\n ? entry.borderBoxSize\n : box === 'content-box'\n ? entry.contentBoxSize\n : entry.devicePixelContentBoxSize;\n\n if (boxSize) {\n width.value = boxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);\n height.value = boxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);\n } else {\n // fallback\n width.value = entry.contentRect.width;\n height.value = entry.contentRect.height;\n }\n },\n options,\n );\n\n watch(\n () => unrefElement(target),\n ele => {\n width.value = ele ? initialSize.width : 0;\n height.value = ele ? initialSize.height : 0;\n },\n );\n\n return {\n width,\n height,\n };\n}\n\nexport type UseElementSizeReturn = ReturnType;\n" }, { "path": "components/_util/hooks/_vueuse/useMutationObserver.ts", "content": "import { tryOnScopeDispose } from './tryOnScopeDispose';\nimport { watch } from 'vue';\nimport type { MaybeElementRef } from './unrefElement';\nimport { unrefElement } from './unrefElement';\nimport { useSupported } from './useSupported';\nimport type { ConfigurableWindow } from './_configurable';\nimport { defaultWindow } from './_configurable';\n\nexport interface UseMutationObserverOptions extends MutationObserverInit, ConfigurableWindow {}\n\n/**\n * Watch for changes being made to the DOM tree.\n *\n * @see https://vueuse.org/useMutationObserver\n * @see https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver MutationObserver MDN\n * @param target\n * @param callback\n * @param options\n */\nexport function useMutationObserver(\n target: MaybeElementRef,\n callback: MutationCallback,\n options: UseMutationObserverOptions = {},\n) {\n const { window = defaultWindow, ...mutationOptions } = options;\n let observer: MutationObserver | undefined;\n const isSupported = useSupported(() => window && 'MutationObserver' in window);\n\n const cleanup = () => {\n if (observer) {\n observer.disconnect();\n observer = undefined;\n }\n };\n\n const stopWatch = watch(\n () => unrefElement(target),\n el => {\n cleanup();\n\n if (isSupported.value && window && el) {\n observer = new MutationObserver(callback);\n observer!.observe(el, mutationOptions);\n }\n },\n { immediate: true },\n );\n\n const stop = () => {\n cleanup();\n stopWatch();\n };\n\n tryOnScopeDispose(stop);\n\n return {\n isSupported,\n stop,\n };\n}\n\nexport type UseMutationObserverReturn = ReturnType;\n" }, { "path": "components/_util/hooks/_vueuse/useResizeObserver.ts", "content": "import { tryOnScopeDispose } from './tryOnScopeDispose';\nimport { watch } from 'vue';\nimport type { MaybeComputedElementRef } from './unrefElement';\nimport { unrefElement } from './unrefElement';\nimport { useSupported } from './useSupported';\nimport type { ConfigurableWindow } from './_configurable';\nimport { defaultWindow } from './_configurable';\n\nexport interface ResizeObserverSize {\n readonly inlineSize: number;\n readonly blockSize: number;\n}\n\nexport interface ResizeObserverEntry {\n readonly target: Element;\n readonly contentRect: DOMRectReadOnly;\n readonly borderBoxSize?: ReadonlyArray;\n readonly contentBoxSize?: ReadonlyArray;\n readonly devicePixelContentBoxSize?: ReadonlyArray;\n}\n\nexport type ResizeObserverCallback = (\n entries: ReadonlyArray,\n observer: ResizeObserver,\n) => void;\n\nexport interface UseResizeObserverOptions extends ConfigurableWindow {\n /**\n * Sets which box model the observer will observe changes to. Possible values\n * are `content-box` (the default), `border-box` and `device-pixel-content-box`.\n *\n * @default 'content-box'\n */\n box?: ResizeObserverBoxOptions;\n}\n\ndeclare class ResizeObserver {\n constructor(callback: ResizeObserverCallback);\n disconnect(): void;\n observe(target: Element, options?: UseResizeObserverOptions): void;\n unobserve(target: Element): void;\n}\n\n/**\n * Reports changes to the dimensions of an Element's content or the border-box\n *\n * @see https://vueuse.org/useResizeObserver\n * @param target\n * @param callback\n * @param options\n */\nexport function useResizeObserver(\n target: MaybeComputedElementRef,\n callback: ResizeObserverCallback,\n options: UseResizeObserverOptions = {},\n) {\n const { window = defaultWindow, ...observerOptions } = options;\n let observer: ResizeObserver | undefined;\n const isSupported = useSupported(() => window && 'ResizeObserver' in window);\n\n const cleanup = () => {\n if (observer) {\n observer.disconnect();\n observer = undefined;\n }\n };\n\n const stopWatch = watch(\n () => unrefElement(target),\n el => {\n cleanup();\n\n if (isSupported.value && window && el) {\n observer = new ResizeObserver(callback);\n observer!.observe(el, observerOptions);\n }\n },\n { immediate: true, flush: 'post' },\n );\n\n const stop = () => {\n cleanup();\n stopWatch();\n };\n\n tryOnScopeDispose(stop);\n\n return {\n isSupported,\n stop,\n };\n}\n\nexport type UseResizeObserverReturn = ReturnType;\n" }, { "path": "components/_util/hooks/_vueuse/useSupported.ts", "content": "import { tryOnMounted } from './tryOnMounted';\nimport { shallowRef } from 'vue';\n\nexport function useSupported(callback: () => unknown, sync = false) {\n const isSupported = shallowRef();\n\n const update = () => (isSupported.value = Boolean(callback()));\n\n update();\n\n tryOnMounted(update, sync);\n return isSupported;\n}\n" }, { "path": "components/_util/hooks/useBreakpoint.ts", "content": "import type { Ref } from 'vue';\nimport { onMounted, onUnmounted, shallowRef } from 'vue';\nimport type { ScreenMap } from '../../_util/responsiveObserve';\nimport useResponsiveObserve from '../../_util/responsiveObserve';\n\nfunction useBreakpoint(): Ref {\n const screens = shallowRef({});\n let token = null;\n const responsiveObserve = useResponsiveObserve();\n\n onMounted(() => {\n token = responsiveObserve.value.subscribe(supportScreens => {\n screens.value = supportScreens;\n });\n });\n\n onUnmounted(() => {\n responsiveObserve.value.unsubscribe(token);\n });\n\n return screens;\n}\n\nexport default useBreakpoint;\n" }, { "path": "components/_util/hooks/useDestroyed.ts", "content": "import { onBeforeUnmount, shallowRef } from 'vue';\n\nconst useDestroyed = () => {\n const destroyed = shallowRef(false);\n onBeforeUnmount(() => {\n destroyed.value = true;\n });\n\n return destroyed;\n};\n\nexport default useDestroyed;\n" }, { "path": "components/_util/hooks/useFlexGapSupport.ts", "content": "import { onMounted, shallowRef } from 'vue';\nimport { detectFlexGapSupported } from '../styleChecker';\n\nexport default () => {\n const flexible = shallowRef(false);\n onMounted(() => {\n flexible.value = detectFlexGapSupported();\n });\n\n return flexible;\n};\n" }, { "path": "components/_util/hooks/useId.ts", "content": "import { ref } from 'vue';\nimport canUseDom from '../../_util/canUseDom';\n\nlet uuid = 0;\n\n/** Is client side and not jsdom */\nexport const isBrowserClient = process.env.NODE_ENV !== 'test' && canUseDom();\n\n/** Get unique id for accessibility usage */\nexport function getUUID(): number | string {\n let retId: string | number;\n\n // Test never reach\n /* istanbul ignore if */\n if (isBrowserClient) {\n retId = uuid;\n uuid += 1;\n } else {\n retId = 'TEST_OR_SSR';\n }\n\n return retId;\n}\n\nexport default function useId(id = ref('')) {\n // Inner id for accessibility usage. Only work in client side\n const innerId = `vc_unique_${getUUID()}`;\n\n return id.value || innerId;\n}\n" }, { "path": "components/_util/hooks/useLayoutState.ts", "content": "import type { Ref } from 'vue';\nimport { onBeforeUnmount, shallowRef } from 'vue';\nimport raf from '../raf';\n\nexport type Updater = (prev: State) => State;\n/**\n * Execute code before next frame but async\n */\nexport function useLayoutState(\n defaultState: State,\n): [Ref, (updater: Updater) => void] {\n const stateRef = shallowRef(defaultState);\n let tempState = stateRef.value;\n\n let updateBatchRef = [];\n const rafRef = shallowRef();\n function setFrameState(updater: Updater) {\n raf.cancel(rafRef.value);\n updateBatchRef.push(updater);\n\n rafRef.value = raf(() => {\n const prevBatch = updateBatchRef;\n // const prevState = stateRef.value;\n updateBatchRef = [];\n\n prevBatch.forEach(batchUpdater => {\n tempState = batchUpdater(tempState);\n });\n\n // if (tempState !== stateRef.value) {\n stateRef.value = tempState;\n // }\n });\n }\n\n onBeforeUnmount(() => {\n raf.cancel(rafRef.value);\n });\n\n return [stateRef as Ref, setFrameState];\n}\n" }, { "path": "components/_util/hooks/useMemo.ts", "content": "import type { Ref, WatchSource } from 'vue';\nimport { ref, watch } from 'vue';\n\nexport default function useMemo(\n getValue: () => T,\n condition: (WatchSource | object)[],\n shouldUpdate?: (prev: any[], next: any[]) => boolean,\n) {\n const cacheRef: Ref = ref(getValue() as any);\n watch(condition, (next, pre) => {\n if (shouldUpdate) {\n if (shouldUpdate(next, pre)) {\n cacheRef.value = getValue();\n }\n } else {\n cacheRef.value = getValue();\n }\n });\n\n return cacheRef;\n}\n" }, { "path": "components/_util/hooks/useMergedState.ts", "content": "import type { Ref, UnwrapRef } from 'vue';\nimport { toRaw, watchEffect, unref, watch, ref } from 'vue';\n\nexport default function useMergedState>(\n defaultStateValue: T | (() => T),\n option?: {\n defaultValue?: T | (() => T);\n value?: Ref | Ref>;\n onChange?: (val: T, prevValue: T) => void;\n postState?: (val: T) => T;\n },\n): [R, (val: T) => void] {\n const { defaultValue, value = ref() } = option || {};\n let initValue: T =\n typeof defaultStateValue === 'function' ? (defaultStateValue as any)() : defaultStateValue;\n if (value.value !== undefined) {\n initValue = unref(value as any) as T;\n }\n if (defaultValue !== undefined) {\n initValue = typeof defaultValue === 'function' ? (defaultValue as any)() : defaultValue;\n }\n\n const innerValue = ref(initValue) as Ref;\n const mergedValue = ref(initValue) as Ref;\n watchEffect(() => {\n let val = value.value !== undefined ? value.value : innerValue.value;\n if (option.postState) {\n val = option.postState(val as T);\n }\n mergedValue.value = val as T;\n });\n\n function triggerChange(newValue: T) {\n const preVal = mergedValue.value;\n innerValue.value = newValue;\n if (toRaw(mergedValue.value) !== newValue && option.onChange) {\n option.onChange(newValue, preVal);\n }\n }\n\n // Effect of reset value to `undefined`\n watch(value, () => {\n innerValue.value = value.value as T;\n });\n\n return [mergedValue as unknown as R, triggerChange];\n}\n" }, { "path": "components/_util/hooks/useRefs.ts", "content": "import type { Ref, ComponentPublicInstance } from 'vue';\nimport { onBeforeUpdate, ref } from 'vue';\nimport type { Key } from '../type';\n\ntype RefType = HTMLElement | ComponentPublicInstance;\nexport type RefsValue = Map;\ntype UseRef = [(key: Key) => (el: RefType) => void, Ref];\nconst useRefs = (): UseRef => {\n const refs = ref(new Map());\n\n const setRef = (key: Key) => (el: RefType) => {\n refs.value.set(key, el);\n };\n onBeforeUpdate(() => {\n refs.value = new Map();\n });\n return [setRef, refs];\n};\n\nexport default useRefs;\n" }, { "path": "components/_util/hooks/useScrollLocker.ts", "content": "import type { Ref } from 'vue';\nimport { computed, watchEffect } from 'vue';\nimport { updateCSS, removeCSS } from '../../vc-util/Dom/dynamicCSS';\nimport getScrollBarSize from '../../_util/getScrollBarSize';\nimport canUseDom from '../../_util/canUseDom';\n\nconst UNIQUE_ID = `vc-util-locker-${Date.now()}`;\n\nlet uuid = 0;\n\n/**../vc-util/Dom/dynam\n * Test usage export. Do not use in your production\n */\nexport function isBodyOverflowing() {\n return (\n document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) &&\n window.innerWidth > document.body.offsetWidth\n );\n}\n\nexport default function useScrollLocker(lock?: Ref) {\n const mergedLock = computed(() => !!lock && !!lock.value);\n uuid += 1;\n const id = `${UNIQUE_ID}_${uuid}`;\n\n watchEffect(\n onClear => {\n if (!canUseDom()) {\n return;\n }\n if (mergedLock.value) {\n const scrollbarSize = getScrollBarSize();\n const isOverflow = isBodyOverflowing();\n\n updateCSS(\n `\nhtml body {\n overflow-y: hidden;\n ${isOverflow ? `width: calc(100% - ${scrollbarSize}px);` : ''}\n}`,\n id,\n );\n } else {\n removeCSS(id);\n }\n onClear(() => {\n removeCSS(id);\n });\n },\n { flush: 'post' },\n );\n}\n" }, { "path": "components/_util/hooks/useState.ts", "content": "import type { Ref } from 'vue';\nimport { ref } from 'vue';\n\nexport default function useState>(\n defaultStateValue?: T | (() => T),\n): [R, (val: T) => void] {\n const initValue: T =\n typeof defaultStateValue === 'function' ? (defaultStateValue as any)() : defaultStateValue;\n\n const innerValue = ref(initValue) as Ref;\n\n function triggerChange(newValue: T) {\n innerValue.value = newValue;\n }\n\n return [innerValue as unknown as R, triggerChange];\n}\n" }, { "path": "components/_util/isNumeric.ts", "content": "const isNumeric = (value: any): boolean => {\n return !isNaN(parseFloat(value)) && isFinite(value);\n};\n\nexport default isNumeric;\n" }, { "path": "components/_util/isValid.ts", "content": "const isValid = (value: any): boolean => {\n return value !== undefined && value !== null && value !== '';\n};\nexport default isValid;\n" }, { "path": "components/_util/isValidValue.ts", "content": "export default function (val: any) {\n return val !== undefined && val !== null;\n}\n" }, { "path": "components/_util/json2mq.ts", "content": "/**\n * source by `json2mq`\n * https://github.com/akiran/json2mq.git\n */\n\nconst camel2hyphen = function (str: string) {\n return str\n .replace(/[A-Z]/g, function (match) {\n return '-' + match.toLowerCase();\n })\n .toLowerCase();\n};\n\nconst isDimension = function (feature: string) {\n const re = /[height|width]$/;\n return re.test(feature);\n};\n\nconst obj2mq = function (obj: { [x: string]: any }) {\n let mq = '';\n const features = Object.keys(obj);\n features.forEach(function (feature, index) {\n let value = obj[feature];\n feature = camel2hyphen(feature);\n // Add px to dimension features\n if (isDimension(feature) && typeof value === 'number') {\n value = value + 'px';\n }\n if (value === true) {\n mq += feature;\n } else if (value === false) {\n mq += 'not ' + feature;\n } else {\n mq += '(' + feature + ': ' + value + ')';\n }\n if (index < features.length - 1) {\n mq += ' and ';\n }\n });\n return mq;\n};\n\nexport default function (query: any[]) {\n let mq = '';\n if (typeof query === 'string') {\n return query;\n }\n // Handling array of media queries\n if (query instanceof Array) {\n query.forEach(function (q, index) {\n mq += obj2mq(q);\n if (index < query.length - 1) {\n mq += ', ';\n }\n });\n return mq;\n }\n // Handling single media query\n return obj2mq(query);\n}\n" }, { "path": "components/_util/omit.ts", "content": "function omit(obj: T, fields: K[]): Omit {\n // eslint-disable-next-line prefer-object-spread\n const shallowCopy = Object.assign({}, obj);\n for (let i = 0; i < fields.length; i += 1) {\n const key = fields[i];\n delete shallowCopy[key];\n }\n return shallowCopy;\n}\nexport default omit;\n" }, { "path": "components/_util/pickAttrs.ts", "content": "const attributes = `accept acceptcharset accesskey action allowfullscreen allowtransparency\nalt async autocomplete autofocus autoplay capture cellpadding cellspacing challenge\ncharset checked classid classname colspan cols content contenteditable contextmenu\ncontrols coords crossorigin data datetime default defer dir disabled download draggable\nenctype form formaction formenctype formmethod formnovalidate formtarget frameborder\nheaders height hidden high href hreflang htmlfor for httpequiv icon id inputmode integrity\nis keyparams keytype kind label lang list loop low manifest marginheight marginwidth max maxlength media\nmediagroup method min minlength multiple muted name novalidate nonce open\noptimum pattern placeholder poster preload radiogroup readonly rel required\nreversed role rowspan rows sandbox scope scoped scrolling seamless selected\nshape size sizes span spellcheck src srcdoc srclang srcset start step style\nsummary tabindex target title type usemap value width wmode wrap`;\n\nconst eventsName = `onCopy onCut onPaste onCompositionend onCompositionstart onCompositionupdate onKeydown\n onKeypress onKeyup onFocus onBlur onChange onInput onSubmit onClick onContextmenu onDoubleclick onDblclick\n onDrag onDragend onDragenter onDragexit onDragleave onDragover onDragstart onDrop onMousedown\n onMouseenter onMouseleave onMousemove onMouseout onMouseover onMouseup onSelect onTouchcancel\n onTouchend onTouchmove onTouchstart onTouchstartPassive onTouchmovePassive onScroll onWheel onAbort onCanplay onCanplaythrough\n onDurationchange onEmptied onEncrypted onEnded onError onLoadeddata onLoadedmetadata\n onLoadstart onPause onPlay onPlaying onProgress onRatechange onSeeked onSeeking onStalled onSuspend onTimeupdate onVolumechange onWaiting onLoad onError`;\n\nconst propList = `${attributes} ${eventsName}`.split(/[\\s\\n]+/);\n\n/* eslint-enable max-len */\nconst ariaPrefix = 'aria-';\nconst dataPrefix = 'data-';\n\nfunction match(key: string, prefix: string) {\n return key.indexOf(prefix) === 0;\n}\n\nexport interface PickConfig {\n aria?: boolean;\n data?: boolean;\n attr?: boolean;\n}\n\n/**\n * Picker props from exist props with filter\n * @param props Passed props\n * @param ariaOnly boolean | { aria?: boolean; data?: boolean; attr?: boolean; } filter config\n */\nexport default function pickAttrs(props: object, ariaOnly: boolean | PickConfig = false) {\n let mergedConfig;\n if (ariaOnly === false) {\n mergedConfig = {\n aria: true,\n data: true,\n attr: true,\n };\n } else if (ariaOnly === true) {\n mergedConfig = {\n aria: true,\n };\n } else {\n mergedConfig = {\n ...ariaOnly,\n };\n }\n\n const attrs = {};\n Object.keys(props).forEach(key => {\n if (\n // Aria\n (mergedConfig.aria && (key === 'role' || match(key, ariaPrefix))) ||\n // Data\n (mergedConfig.data && match(key, dataPrefix)) ||\n // Attr\n (mergedConfig.attr && (propList.includes(key) || propList.includes(key.toLowerCase())))\n ) {\n attrs[key] = props[key];\n }\n });\n return attrs;\n}\n" }, { "path": "components/_util/placements.ts", "content": "import { placements } from '../vc-tooltip/src/placements';\n\nconst autoAdjustOverflowEnabled = {\n adjustX: 1,\n adjustY: 1,\n};\n\nconst autoAdjustOverflowDisabled = {\n adjustX: 0,\n adjustY: 0,\n};\n\nconst targetOffset = [0, 0];\n\nexport interface AdjustOverflow {\n adjustX?: 0 | 1;\n adjustY?: 0 | 1;\n}\n\nexport interface PlacementsConfig {\n arrowWidth?: number;\n horizontalArrowShift?: number;\n verticalArrowShift?: number;\n arrowPointAtCenter?: boolean;\n autoAdjustOverflow?: boolean | AdjustOverflow;\n}\n\nexport function getOverflowOptions(autoAdjustOverflow?: boolean | AdjustOverflow) {\n if (typeof autoAdjustOverflow === 'boolean') {\n return autoAdjustOverflow ? autoAdjustOverflowEnabled : autoAdjustOverflowDisabled;\n }\n return {\n ...autoAdjustOverflowDisabled,\n ...autoAdjustOverflow,\n };\n}\n\nexport default function getPlacements(config: PlacementsConfig) {\n const {\n arrowWidth = 4,\n horizontalArrowShift = 16,\n verticalArrowShift = 8,\n autoAdjustOverflow,\n arrowPointAtCenter,\n } = config;\n const placementMap = {\n left: {\n points: ['cr', 'cl'],\n offset: [-4, 0],\n },\n right: {\n points: ['cl', 'cr'],\n offset: [4, 0],\n },\n top: {\n points: ['bc', 'tc'],\n offset: [0, -4],\n },\n bottom: {\n points: ['tc', 'bc'],\n offset: [0, 4],\n },\n topLeft: {\n points: ['bl', 'tc'],\n offset: [-(horizontalArrowShift + arrowWidth), -4],\n },\n leftTop: {\n points: ['tr', 'cl'],\n offset: [-4, -(verticalArrowShift + arrowWidth)],\n },\n topRight: {\n points: ['br', 'tc'],\n offset: [horizontalArrowShift + arrowWidth, -4],\n },\n rightTop: {\n points: ['tl', 'cr'],\n offset: [4, -(verticalArrowShift + arrowWidth)],\n },\n bottomRight: {\n points: ['tr', 'bc'],\n offset: [horizontalArrowShift + arrowWidth, 4],\n },\n rightBottom: {\n points: ['bl', 'cr'],\n offset: [4, verticalArrowShift + arrowWidth],\n },\n bottomLeft: {\n points: ['tl', 'bc'],\n offset: [-(horizontalArrowShift + arrowWidth), 4],\n },\n leftBottom: {\n points: ['br', 'cl'],\n offset: [-4, verticalArrowShift + arrowWidth],\n },\n };\n Object.keys(placementMap).forEach(key => {\n placementMap[key] = arrowPointAtCenter\n ? {\n ...placementMap[key],\n overflow: getOverflowOptions(autoAdjustOverflow),\n targetOffset,\n }\n : {\n ...placements[key],\n overflow: getOverflowOptions(autoAdjustOverflow),\n };\n\n placementMap[key].ignoreShake = true;\n });\n return placementMap;\n}\n" }, { "path": "components/_util/props-util/index.ts", "content": "import classNames from '../classNames';\nimport { isVNode, Fragment, Comment, Text } from 'vue';\nimport { camelize, hyphenate, isOn, resolvePropValue } from '../util';\nimport isValid from '../isValid';\nimport initDefaultProps from './initDefaultProps';\nimport type { VueInstance } from '../hooks/_vueuse/unrefElement';\n// function getType(fn) {\n// const match = fn && fn.toString().match(/^\\s*function (\\w+)/);\n// return match ? match[1] : '';\n// }\n\nconst splitAttrs = (attrs: any) => {\n const allAttrs = Object.keys(attrs);\n const eventAttrs: Record = {};\n const onEvents: Record = {};\n const extraAttrs: Record = {};\n for (let i = 0, l = allAttrs.length; i < l; i++) {\n const key = allAttrs[i];\n if (isOn(key)) {\n eventAttrs[key[2].toLowerCase() + key.slice(3)] = attrs[key];\n onEvents[key] = attrs[key];\n } else {\n extraAttrs[key] = attrs[key];\n }\n }\n return { onEvents, events: eventAttrs, extraAttrs };\n};\nconst parseStyleText = (cssText = '', camel = false) => {\n const res = {};\n const listDelimiter = /;(?![^(]*\\))/g;\n const propertyDelimiter = /:(.+)/;\n if (typeof cssText === 'object') return cssText;\n cssText.split(listDelimiter).forEach(function (item) {\n if (item) {\n const tmp = item.split(propertyDelimiter);\n if (tmp.length > 1) {\n const k = camel ? camelize(tmp[0].trim()) : tmp[0].trim();\n res[k] = tmp[1].trim();\n }\n }\n });\n return res;\n};\n\nconst hasProp = (instance: any, prop: string) => {\n return instance[prop] !== undefined;\n};\n\nexport const skipFlattenKey = Symbol('skipFlatten');\nconst flattenChildren = (children = [], filterEmpty = true) => {\n const temp = Array.isArray(children) ? children : [children];\n const res = [];\n temp.forEach(child => {\n if (Array.isArray(child)) {\n res.push(...flattenChildren(child, filterEmpty));\n } else if (child && child.type === Fragment) {\n if (child.key === skipFlattenKey) {\n res.push(child);\n } else {\n res.push(...flattenChildren(child.children, filterEmpty));\n }\n } else if (child && isVNode(child)) {\n if (filterEmpty && !isEmptyElement(child)) {\n res.push(child);\n } else if (!filterEmpty) {\n res.push(child);\n }\n } else if (isValid(child)) {\n res.push(child);\n }\n });\n return res;\n};\n\nconst getSlot = (self: any, name = 'default', options = {}) => {\n if (isVNode(self)) {\n if (self.type === Fragment) {\n return name === 'default' ? flattenChildren(self.children as any[]) : [];\n } else if (self.children && self.children[name]) {\n return flattenChildren(self.children[name](options));\n } else {\n return [];\n }\n } else {\n const res = self.$slots[name] && self.$slots[name](options);\n return flattenChildren(res);\n }\n};\n\nconst findDOMNode = (instance: any) => {\n let node = instance?.vnode?.el || (instance && (instance.$el || instance));\n while (node && !node.tagName) {\n node = node.nextSibling;\n }\n return node;\n};\nconst getOptionProps = (instance: VueInstance) => {\n const res = {};\n if (instance.$ && instance.$.vnode) {\n const props = instance.$.vnode.props || {};\n Object.keys(instance.$props).forEach(k => {\n const v = instance.$props[k];\n const hyphenateKey = hyphenate(k);\n if (v !== undefined || hyphenateKey in props) {\n res[k] = v; // 直接取 $props[k]\n }\n });\n } else if (isVNode(instance) && typeof instance.type === 'object') {\n const originProps = instance.props || {};\n const props = {};\n Object.keys(originProps).forEach(key => {\n props[camelize(key)] = originProps[key];\n });\n const options = (instance.type as any).props || {};\n Object.keys(options).forEach(k => {\n const v = resolvePropValue(options, props, k, props[k]);\n if (v !== undefined || k in props) {\n res[k] = v;\n }\n });\n }\n return res;\n};\nconst getComponent = (instance: any, prop = 'default', options = instance, execute = true) => {\n let com = undefined;\n if (instance.$) {\n const temp = instance[prop];\n if (temp !== undefined) {\n return typeof temp === 'function' && execute ? temp(options) : temp;\n } else {\n com = instance.$slots[prop];\n com = execute && com ? com(options) : com;\n }\n } else if (isVNode(instance)) {\n const temp = instance.props && instance.props[prop];\n if (temp !== undefined && instance.props !== null) {\n return typeof temp === 'function' && execute ? temp(options) : temp;\n } else if (instance.type === Fragment) {\n com = instance.children;\n } else if (instance.children && instance.children[prop]) {\n com = instance.children[prop];\n com = execute && com ? com(options) : com;\n }\n }\n if (Array.isArray(com)) {\n com = flattenChildren(com);\n com = com.length === 1 ? com[0] : com;\n com = com.length === 0 ? undefined : com;\n }\n return com;\n};\n\nconst getKey = (ele: any) => {\n const key = ele.key;\n return key;\n};\n\nexport function getEvents(ele: any = {}, on = true) {\n let props = {};\n if (ele.$) {\n props = { ...props, ...ele.$attrs };\n } else {\n props = { ...props, ...ele.props };\n }\n return splitAttrs(props)[on ? 'onEvents' : 'events'];\n}\n\nexport function getClass(ele: any) {\n const props = (isVNode(ele) ? ele.props : ele.$attrs) || {};\n const tempCls = props.class || {};\n let cls = {};\n if (typeof tempCls === 'string') {\n tempCls.split(' ').forEach(c => {\n cls[c.trim()] = true;\n });\n } else if (Array.isArray(tempCls)) {\n classNames(tempCls)\n .split(' ')\n .forEach(c => {\n cls[c.trim()] = true;\n });\n } else {\n cls = { ...cls, ...tempCls };\n }\n return cls;\n}\nexport function getStyle(ele: any, camel?: boolean) {\n const props = (isVNode(ele) ? ele.props : ele.$attrs) || {};\n let style = props.style || {};\n if (typeof style === 'string') {\n style = parseStyleText(style, camel);\n } else if (camel && style) {\n // 驼峰化\n const res = {};\n Object.keys(style).forEach(k => (res[camelize(k)] = style[k]));\n return res;\n }\n return style;\n}\n\nexport function getComponentName(opts: any) {\n return opts && (opts.Ctor.options.name || opts.tag);\n}\n\nexport function isFragment(c: any) {\n return c.length === 1 && c[0].type === Fragment;\n}\n\nexport function isEmptyContent(c: any) {\n return c === undefined || c === null || c === '' || (Array.isArray(c) && c.length === 0);\n}\n\nexport function isEmptyElement(c: any) {\n return (\n c &&\n (c.type === Comment ||\n (c.type === Fragment && c.children.length === 0) ||\n (c.type === Text && c.children.trim() === ''))\n );\n}\n\nexport function isEmptySlot(c: any) {\n return !c || c().every(isEmptyElement);\n}\n\nexport function isStringElement(c: any) {\n return c && c.type === Text;\n}\n\nexport function filterEmpty(children = []) {\n const res = [];\n children.forEach(child => {\n if (Array.isArray(child)) {\n res.push(...child);\n } else if (child?.type === Fragment) {\n res.push(...filterEmpty(child.children));\n } else {\n res.push(child);\n }\n });\n return res.filter(c => !isEmptyElement(c));\n}\n\nexport function filterEmptyWithUndefined(children: any[]) {\n if (children) {\n const coms = filterEmpty(children);\n return coms.length ? coms : undefined;\n } else {\n return children;\n }\n}\n\nfunction isValidElement(element: any) {\n if (Array.isArray(element) && element.length === 1) {\n element = element[0];\n }\n return element && element.__v_isVNode && typeof element.type !== 'symbol'; // remove text node\n}\n\nfunction getPropsSlot(slots: any, props: any, prop = 'default') {\n return props[prop] ?? slots[prop]?.();\n}\n\nexport const getTextFromElement = (ele: any) => {\n if (isValidElement(ele) && isStringElement(ele[0])) {\n return ele[0].children;\n }\n return ele;\n};\nexport {\n splitAttrs,\n hasProp,\n getOptionProps,\n getComponent,\n getKey,\n parseStyleText,\n initDefaultProps,\n isValidElement,\n camelize,\n getSlot,\n findDOMNode,\n flattenChildren,\n getPropsSlot,\n};\nexport default hasProp;\n" }, { "path": "components/_util/props-util/initDefaultProps.ts", "content": "import type { PropType } from 'vue';\nimport type { VueTypeValidableDef, VueTypeDef } from 'vue-types';\n\nconst initDefaultProps = (\n types: T,\n defaultProps: {\n [K in keyof T]?: T[K] extends VueTypeValidableDef\n ? U\n : T[K] extends VueTypeDef\n ? U\n : T[K] extends { type: PropType }\n ? U\n : any;\n },\n): T => {\n const propTypes: T = { ...types };\n Object.keys(defaultProps).forEach(k => {\n const prop = propTypes[k] as VueTypeValidableDef;\n if (prop) {\n if (prop.type || prop.default) {\n prop.default = defaultProps[k];\n } else if (prop.def) {\n prop.def(defaultProps[k]);\n } else {\n propTypes[k] = { type: prop, default: defaultProps[k] };\n }\n } else {\n throw new Error(`not have ${k} prop`);\n }\n });\n return propTypes;\n};\n\nexport default initDefaultProps;\n" }, { "path": "components/_util/raf.ts", "content": "let raf = (callback: FrameRequestCallback) => setTimeout(callback, 16) as any;\nlet caf = (num: number) => clearTimeout(num);\n\nif (typeof window !== 'undefined' && 'requestAnimationFrame' in window) {\n raf = (callback: FrameRequestCallback) => window.requestAnimationFrame(callback);\n caf = (handle: number) => window.cancelAnimationFrame(handle);\n}\n\nlet rafUUID = 0;\nconst rafIds = new Map();\n\nfunction cleanup(id: number) {\n rafIds.delete(id);\n}\n\nexport default function wrapperRaf(callback: () => void, times = 1): number {\n rafUUID += 1;\n const id = rafUUID;\n\n function callRef(leftTimes: number) {\n if (leftTimes === 0) {\n // Clean up\n cleanup(id);\n\n // Trigger\n callback();\n } else {\n // Next raf\n const realId = raf(() => {\n callRef(leftTimes - 1);\n });\n\n // Bind real raf id\n rafIds.set(id, realId);\n }\n }\n\n callRef(times);\n\n return id;\n}\n\nwrapperRaf.cancel = (id: number) => {\n const realId = rafIds.get(id);\n cleanup(realId);\n return caf(realId);\n};\n" }, { "path": "components/_util/reactivePick.ts", "content": "import type { UnwrapRef } from 'vue';\nimport { reactive, toRef } from 'vue';\nimport fromPairs from 'lodash-es/fromPairs';\n\n/**\n * Reactively pick fields from a reactive object\n *\n * @see https://vueuse.js.org/reactivePick\n */\nexport function reactivePick(\n obj: T,\n ...keys: K[]\n): { [S in K]: UnwrapRef } {\n return reactive(fromPairs(keys.map(k => [k, toRef(obj, k)]))) as any;\n}\n" }, { "path": "components/_util/requestAnimationTimeout.ts", "content": "import getRequestAnimationFrame, {\n cancelRequestAnimationFrame as caf,\n} from './getRequestAnimationFrame';\nconst raf = getRequestAnimationFrame();\n\nexport const cancelAnimationTimeout = frame => caf(frame.id);\n\nexport const requestAnimationTimeout = (callback, delay = 0) => {\n const start = Date.now();\n function timeout() {\n if (Date.now() - start >= delay) {\n callback.call();\n } else {\n frame.id = raf(timeout);\n }\n }\n\n const frame = {\n id: raf(timeout),\n };\n\n return frame;\n};\n" }, { "path": "components/_util/responsiveObserve.ts", "content": "import { computed } from 'vue';\nimport type { GlobalToken } from '../theme/interface';\nimport { useToken } from '../theme/internal';\n\nexport type Breakpoint = 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';\nexport type BreakpointMap = Record;\nexport type ScreenMap = Partial>;\nexport type ScreenSizeMap = Partial>;\n\nexport const responsiveArray: Breakpoint[] = ['xxxl', 'xxl', 'xl', 'lg', 'md', 'sm', 'xs'];\ntype SubscribeFunc = (screens: ScreenMap) => void;\n\nconst getResponsiveMap = (token: GlobalToken): BreakpointMap => ({\n xs: `(max-width: ${token.screenXSMax}px)`,\n sm: `(min-width: ${token.screenSM}px)`,\n md: `(min-width: ${token.screenMD}px)`,\n lg: `(min-width: ${token.screenLG}px)`,\n xl: `(min-width: ${token.screenXL}px)`,\n xxl: `(min-width: ${token.screenXXL}px)`,\n xxxl: `{min-width: ${token.screenXXXL}px}`,\n});\n\nexport default function useResponsiveObserver() {\n const [, token] = useToken();\n\n return computed(() => {\n const responsiveMap: BreakpointMap = getResponsiveMap(token.value);\n const subscribers = new Map();\n let subUid = -1;\n let screens = {};\n\n return {\n matchHandlers: {} as {\n [prop: string]: {\n mql: MediaQueryList;\n listener: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null;\n };\n },\n dispatch(pointMap: ScreenMap) {\n screens = pointMap;\n subscribers.forEach(func => func(screens));\n return subscribers.size >= 1;\n },\n subscribe(func: SubscribeFunc): number {\n if (!subscribers.size) this.register();\n subUid += 1;\n subscribers.set(subUid, func);\n func(screens);\n return subUid;\n },\n unsubscribe(paramToken: number) {\n subscribers.delete(paramToken);\n if (!subscribers.size) this.unregister();\n },\n unregister() {\n Object.keys(responsiveMap).forEach((screen: string) => {\n const matchMediaQuery = responsiveMap[screen];\n const handler = this.matchHandlers[matchMediaQuery];\n handler?.mql.removeListener(handler?.listener);\n });\n subscribers.clear();\n },\n register() {\n Object.keys(responsiveMap).forEach((screen: string) => {\n const matchMediaQuery = responsiveMap[screen];\n const listener = ({ matches }: { matches: boolean }) => {\n this.dispatch({\n ...screens,\n [screen]: matches,\n });\n };\n const mql = window.matchMedia(matchMediaQuery);\n mql.addListener(listener);\n this.matchHandlers[matchMediaQuery] = {\n mql,\n listener,\n };\n\n listener(mql);\n });\n },\n responsiveMap,\n };\n });\n}\n" }, { "path": "components/_util/scrollTo.ts", "content": "import raf from './raf';\nimport { easeInOutCubic } from './easings';\nimport getScroll, { isWindow } from './getScroll';\n\ninterface ScrollToOptions {\n /** Scroll container, default as window */\n getContainer?: () => HTMLElement | Window | Document;\n /** Scroll end callback */\n callback?: () => any;\n /** Animation duration, default as 450 */\n duration?: number;\n}\n\nexport default function scrollTo(y: number, options: ScrollToOptions = {}) {\n const { getContainer = () => window, callback, duration = 450 } = options;\n const container = getContainer();\n const scrollTop = getScroll(container, true);\n const startTime = Date.now();\n\n const frameFunc = () => {\n const timestamp = Date.now();\n const time = timestamp - startTime;\n const nextScrollTop = easeInOutCubic(time > duration ? duration : time, scrollTop, y, duration);\n if (isWindow(container)) {\n (container as Window).scrollTo(window.scrollX, nextScrollTop);\n } else if (container instanceof Document) {\n (container as Document).documentElement.scrollTop = nextScrollTop;\n } else {\n (container as HTMLElement).scrollTop = nextScrollTop;\n }\n if (time < duration) {\n raf(frameFunc);\n } else if (typeof callback === 'function') {\n callback();\n }\n };\n raf(frameFunc);\n}\n" }, { "path": "components/_util/setStyle.ts", "content": "import type { CSSProperties } from 'vue';\n\n/**\n * Easy to set element style, return previous style\n * IE browser compatible(IE browser doesn't merge overflow style, need to set it separately)\n * https://github.com/ant-design/ant-design/issues/19393\n *\n */\nexport interface SetStyleOptions {\n element?: HTMLElement;\n}\nfunction setStyle(style: CSSProperties, options: SetStyleOptions = {}): CSSProperties {\n const { element = document.body } = options;\n const oldStyle: CSSProperties = {};\n\n const styleKeys = Object.keys(style);\n\n // IE browser compatible\n styleKeys.forEach(key => {\n oldStyle[key] = element.style[key];\n });\n\n styleKeys.forEach(key => {\n element.style[key] = style[key];\n });\n\n return oldStyle;\n}\n\nexport default setStyle;\n" }, { "path": "components/_util/shallowequal.ts", "content": "import { toRaw } from 'vue';\n\nfunction shallowEqual(objA: any, objB: any, compare?: any, compareContext?: any) {\n let ret = compare ? compare.call(compareContext, objA, objB) : void 0;\n\n if (ret !== void 0) {\n return !!ret;\n }\n\n if (objA === objB) {\n return true;\n }\n\n if (typeof objA !== 'object' || !objA || typeof objB !== 'object' || !objB) {\n return false;\n }\n\n const keysA = Object.keys(objA);\n const keysB = Object.keys(objB);\n\n if (keysA.length !== keysB.length) {\n return false;\n }\n\n const bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);\n\n // Test for A's keys different from B.\n for (let idx = 0; idx < keysA.length; idx++) {\n const key = keysA[idx];\n\n if (!bHasOwnProperty(key)) {\n return false;\n }\n\n const valueA = objA[key];\n const valueB = objB[key];\n\n ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;\n\n if (ret === false || (ret === void 0 && valueA !== valueB)) {\n return false;\n }\n }\n\n return true;\n}\n\nexport default function (value: any, other: any) {\n return shallowEqual(toRaw(value), toRaw(other));\n}\n" }, { "path": "components/_util/static-style-extract/__tests__/__snapshots__/index.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Static-Style-Extract should extract static styles with customTheme and customStyle 1`] = `\".anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}a{color:#1668dc;text-decoration:none;background-color:transparent;outline:none;cursor:pointer;transition:color 0.3s;-webkit-text-decoration-skip:objects;}a:hover{color:#15417e;}a:active{color:#1554ad;}a:active,a:hover{text-decoration:none;outline:0;}a:focus{text-decoration:none;outline:0;}a[disabled]{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}[class^=\\\\\"ant-affix\\\\\"],[class*=\\\\\" ant-affix\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-affix\\\\\"]::before,[class*=\\\\\" ant-affix\\\\\"]::before,[class^=\\\\\"ant-affix\\\\\"]::after,[class*=\\\\\" ant-affix\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-affix\\\\\"] [class^=\\\\\"ant-affix\\\\\"],[class*=\\\\\" ant-affix\\\\\"] [class^=\\\\\"ant-affix\\\\\"],[class^=\\\\\"ant-affix\\\\\"] [class*=\\\\\" ant-affix\\\\\"],[class*=\\\\\" ant-affix\\\\\"] [class*=\\\\\" ant-affix\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-affix\\\\\"] [class^=\\\\\"ant-affix\\\\\"]::before,[class*=\\\\\" ant-affix\\\\\"] [class^=\\\\\"ant-affix\\\\\"]::before,[class^=\\\\\"ant-affix\\\\\"] [class*=\\\\\" ant-affix\\\\\"]::before,[class*=\\\\\" ant-affix\\\\\"] [class*=\\\\\" ant-affix\\\\\"]::before,[class^=\\\\\"ant-affix\\\\\"] [class^=\\\\\"ant-affix\\\\\"]::after,[class*=\\\\\" ant-affix\\\\\"] [class^=\\\\\"ant-affix\\\\\"]::after,[class^=\\\\\"ant-affix\\\\\"] [class*=\\\\\" ant-affix\\\\\"]::after,[class*=\\\\\" ant-affix\\\\\"] [class*=\\\\\" ant-affix\\\\\"]::after{box-sizing:border-box;}.ant-affix{position:fixed;z-index:10;}[class^=\\\\\"ant-anchor\\\\\"],[class*=\\\\\" ant-anchor\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-anchor\\\\\"]::before,[class*=\\\\\" ant-anchor\\\\\"]::before,[class^=\\\\\"ant-anchor\\\\\"]::after,[class*=\\\\\" ant-anchor\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-anchor\\\\\"] [class^=\\\\\"ant-anchor\\\\\"],[class*=\\\\\" ant-anchor\\\\\"] [class^=\\\\\"ant-anchor\\\\\"],[class^=\\\\\"ant-anchor\\\\\"] [class*=\\\\\" ant-anchor\\\\\"],[class*=\\\\\" ant-anchor\\\\\"] [class*=\\\\\" ant-anchor\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-anchor\\\\\"] [class^=\\\\\"ant-anchor\\\\\"]::before,[class*=\\\\\" ant-anchor\\\\\"] [class^=\\\\\"ant-anchor\\\\\"]::before,[class^=\\\\\"ant-anchor\\\\\"] [class*=\\\\\" ant-anchor\\\\\"]::before,[class*=\\\\\" ant-anchor\\\\\"] [class*=\\\\\" ant-anchor\\\\\"]::before,[class^=\\\\\"ant-anchor\\\\\"] [class^=\\\\\"ant-anchor\\\\\"]::after,[class*=\\\\\" ant-anchor\\\\\"] [class^=\\\\\"ant-anchor\\\\\"]::after,[class^=\\\\\"ant-anchor\\\\\"] [class*=\\\\\" ant-anchor\\\\\"]::after,[class*=\\\\\" ant-anchor\\\\\"] [class*=\\\\\" ant-anchor\\\\\"]::after{box-sizing:border-box;}.ant-anchor-wrapper{margin-block-start:-4px;padding-block-start:4px;background-color:transparent;}.ant-anchor-wrapper .ant-anchor{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;padding-inline-start:2px;}.ant-anchor-wrapper .ant-anchor .ant-anchor-link{padding-block:4px;padding-inline:16px 0;}.ant-anchor-wrapper .ant-anchor .ant-anchor-link-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;display:block;margin-block-end:3px;color:rgba(255, 255, 255, 0.85);transition:all 0.3s;}.ant-anchor-wrapper .ant-anchor .ant-anchor-link-title:only-child{margin-block-end:0;}.ant-anchor-wrapper .ant-anchor .ant-anchor-link-active>.ant-anchor-link-title{color:#037003;}.ant-anchor-wrapper .ant-anchor .ant-anchor-link .ant-anchor-link{padding-block:2px;}.ant-anchor-wrapper:not(.ant-anchor-wrapper-horizontal) .ant-anchor::before{position:absolute;left:0;top:0;height:100%;border-inline-start:2px solid rgba(253, 253, 253, 0.12);content:\\\\\" \\\\\";}.ant-anchor-wrapper:not(.ant-anchor-wrapper-horizontal) .ant-anchor .ant-anchor-ink{position:absolute;left:0;display:none;transform:translateY(-50%);transition:top 0.3s ease-in-out;width:2px;background-color:#037003;}.ant-anchor-wrapper:not(.ant-anchor-wrapper-horizontal) .ant-anchor .ant-anchor-ink.ant-anchor-ink-visible{display:inline-block;}.ant-anchor-wrapper .ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink{display:none;}.ant-anchor-wrapper-horizontal{position:relative;}.ant-anchor-wrapper-horizontal::before{position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid rgba(253, 253, 253, 0.12);content:\\\\\" \\\\\";}.ant-anchor-wrapper-horizontal .ant-anchor{overflow-x:scroll;position:relative;display:flex;scrollbar-width:none;}.ant-anchor-wrapper-horizontal .ant-anchor::-webkit-scrollbar{display:none;}.ant-anchor-wrapper-horizontal .ant-anchor .ant-anchor-link:first-of-type{padding-inline:0;}.ant-anchor-wrapper-horizontal .ant-anchor .ant-anchor-ink{position:absolute;bottom:0;transition:left 0.3s ease-in-out,width 0.3s ease-in-out;height:2px;background-color:#037003;}[class^=\\\\\"ant-select\\\\\"],[class*=\\\\\" ant-select\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-select\\\\\"]::before,[class*=\\\\\" ant-select\\\\\"]::before,[class^=\\\\\"ant-select\\\\\"]::after,[class*=\\\\\" ant-select\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-select\\\\\"] [class^=\\\\\"ant-select\\\\\"],[class*=\\\\\" ant-select\\\\\"] [class^=\\\\\"ant-select\\\\\"],[class^=\\\\\"ant-select\\\\\"] [class*=\\\\\" ant-select\\\\\"],[class*=\\\\\" ant-select\\\\\"] [class*=\\\\\" ant-select\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-select\\\\\"] [class^=\\\\\"ant-select\\\\\"]::before,[class*=\\\\\" ant-select\\\\\"] [class^=\\\\\"ant-select\\\\\"]::before,[class^=\\\\\"ant-select\\\\\"] [class*=\\\\\" ant-select\\\\\"]::before,[class*=\\\\\" ant-select\\\\\"] [class*=\\\\\" ant-select\\\\\"]::before,[class^=\\\\\"ant-select\\\\\"] [class^=\\\\\"ant-select\\\\\"]::after,[class*=\\\\\" ant-select\\\\\"] [class^=\\\\\"ant-select\\\\\"]::after,[class^=\\\\\"ant-select\\\\\"] [class*=\\\\\" ant-select\\\\\"]::after,[class*=\\\\\" ant-select\\\\\"] [class*=\\\\\" ant-select\\\\\"]::after{box-sizing:border-box;}.ant-select-borderless .ant-select-selector{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important;}.ant-select.ant-select-in-form-item{width:100%;}.ant-select{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;display:inline-block;cursor:pointer;}.ant-select:not(.ant-select-customize-input) .ant-select-selector{position:relative;background-color:#141414;border:1px solid #424242;transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);}.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:pointer;}.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector{cursor:text;}.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:auto;color:inherit;}.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{color:rgba(255, 255, 255, 0.25);background:rgba(255, 255, 255, 0.08);cursor:not-allowed;}.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{background:rgba(255, 255, 255, 0.08);}.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:not-allowed;}.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{margin:0;padding:0;background:transparent;border:none;outline:none;appearance:none;}.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button{display:none;-webkit-appearance:none;}.ant-select .ant-select-selection-item{flex:1;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.ant-select .ant-select-selection-placeholder{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;color:rgba(255, 255, 255, 0.25);pointer-events:none;}.ant-select .ant-select-arrow{display:flex;align-items:center;color:rgba(255, 255, 255, 0.25);font-style:normal;line-height:1;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:50%;inset-inline-start:auto;inset-inline-end:11px;height:12px;margin-top:-6px;font-size:12px;pointer-events:none;}.ant-select .ant-select-arrow >*{line-height:1;}.ant-select .ant-select-arrow svg{display:inline-block;}.ant-select .ant-select-arrow .anticon{vertical-align:top;transition:transform 0.3s;}.ant-select .ant-select-arrow .anticon >svg{vertical-align:top;}.ant-select .ant-select-arrow .anticon:not(.ant-select-suffix){pointer-events:auto;}.ant-select-disabled .ant-select .ant-select-arrow{cursor:not-allowed;}.ant-select .ant-select-arrow >*:not(:last-child){margin-inline-end:8px;}.ant-select .ant-select-clear{position:absolute;top:50%;inset-inline-start:auto;inset-inline-end:11px;z-index:1;display:inline-block;width:12px;height:12px;margin-top:-6px;color:rgba(255, 255, 255, 0.25);font-size:12px;font-style:normal;line-height:1;text-align:center;text-transform:none;background:#141414;cursor:pointer;opacity:0;transition:color 0.2s ease,opacity 0.3s ease;text-rendering:auto;}.ant-select .ant-select-clear:before{display:block;}.ant-select .ant-select-clear:hover{color:rgba(255, 255, 255, 0.45);}.ant-select:hover .ant-select-clear{opacity:1;}.ant-select-has-feedback .ant-select-clear{inset-inline-end:29px;}.ant-select-single{font-size:14px;}.ant-select-single .ant-select-selector{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:flex;border-radius:6px;}.ant-select-single .ant-select-selector .ant-select-selection-search{position:absolute;top:0;inset-inline-start:11px;inset-inline-end:11px;bottom:0;}.ant-select-single .ant-select-selector .ant-select-selection-search-input{width:100%;}.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-single .ant-select-selector .ant-select-selection-placeholder{padding:0;line-height:30px;transition:all 0.3s;}@supports (-moz-appearance: meterbar){.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-single .ant-select-selector .ant-select-selection-placeholder{line-height:30px;}}.ant-select-single .ant-select-selector .ant-select-selection-item{position:relative;user-select:none;}.ant-select-single .ant-select-selector .ant-select-selection-placeholder{transition:none;pointer-events:none;}.ant-select-single .ant-select-selector:after,.ant-select-single .ant-select-selector .ant-select-selection-item:after,.ant-select-single .ant-select-selector .ant-select-selection-placeholder:after{display:inline-block;width:0;visibility:hidden;content:\\\\\"\\\\\\\\a0\\\\\";}.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-inline-end:18px;}.ant-select-single.ant-select-open .ant-select-selection-item{color:rgba(255, 255, 255, 0.25);}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{width:100%;height:32px;padding:0 11px;}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{height:30px;}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector:after{line-height:30px;}.ant-select-single.ant-select-customize-input .ant-select-selector:after{display:none;}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search{position:static;width:100%;}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder{position:absolute;inset-inline-start:0;inset-inline-end:0;padding:0 11px;}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder:after{display:none;}.ant-select-single.ant-select-sm{font-size:14px;}.ant-select-single.ant-select-sm .ant-select-selector{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:flex;border-radius:4px;}.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-search{position:absolute;top:0;inset-inline-start:11px;inset-inline-end:11px;bottom:0;}.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-search-input{width:100%;}.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder{padding:0;line-height:22px;transition:all 0.3s;}@supports (-moz-appearance: meterbar){.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder{line-height:22px;}}.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item{position:relative;user-select:none;}.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder{transition:none;pointer-events:none;}.ant-select-single.ant-select-sm .ant-select-selector:after,.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item:after,.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder:after{display:inline-block;width:0;visibility:hidden;content:\\\\\"\\\\\\\\a0\\\\\";}.ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-item,.ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-placeholder{padding-inline-end:18px;}.ant-select-single.ant-select-sm.ant-select-open .ant-select-selection-item{color:rgba(255, 255, 255, 0.25);}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{width:100%;height:24px;padding:0 11px;}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{height:22px;}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector:after{line-height:22px;}.ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector:after{display:none;}.ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-search{position:static;width:100%;}.ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder{position:absolute;inset-inline-start:0;inset-inline-end:0;padding:0 11px;}.ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder:after{display:none;}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search{inset-inline-start:7px;inset-inline-end:7px;}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{padding:0 7px;}.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search{inset-inline-end:28px;}.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder{padding-inline-end:21px;}.ant-select-single.ant-select-lg{font-size:16px;}.ant-select-single.ant-select-lg .ant-select-selector{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:16px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:flex;border-radius:8px;}.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search{position:absolute;top:0;inset-inline-start:11px;inset-inline-end:11px;bottom:0;}.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search-input{width:100%;}.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder{padding:0;line-height:38px;transition:all 0.3s;}@supports (-moz-appearance: meterbar){.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder{line-height:38px;}}.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item{position:relative;user-select:none;}.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder{transition:none;pointer-events:none;}.ant-select-single.ant-select-lg .ant-select-selector:after,.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item:after,.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder:after{display:inline-block;width:0;visibility:hidden;content:\\\\\"\\\\\\\\a0\\\\\";}.ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-item,.ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-placeholder{padding-inline-end:20px;}.ant-select-single.ant-select-lg.ant-select-open .ant-select-selection-item{color:rgba(255, 255, 255, 0.25);}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{width:100%;height:40px;padding:0 11px;}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{height:38px;}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector:after{line-height:38px;}.ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector:after{display:none;}.ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-search{position:static;width:100%;}.ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder{position:absolute;inset-inline-start:0;inset-inline-end:0;padding:0 11px;}.ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder:after{display:none;}.ant-select-multiple{font-size:14px;}.ant-select-multiple .ant-select-selection-overflow{position:relative;display:flex;flex:auto;flex-wrap:wrap;max-width:100%;}.ant-select-multiple .ant-select-selection-overflow-item{flex:none;align-self:center;max-width:100%;display:inline-flex;}.ant-select-multiple .ant-select-selector{display:flex;flex-wrap:wrap;align-items:center;padding:1px 4px;border-radius:6px;}.ant-select-show-search.ant-select-multiple .ant-select-selector{cursor:text;}.ant-select-disabled.ant-select-multiple .ant-select-selector{background:rgba(255, 255, 255, 0.08);cursor:not-allowed;}.ant-select-multiple .ant-select-selector:after{display:inline-block;width:0;margin:2px 0;line-height:24px;content:\\\\\"\\\\\\\\a0\\\\\";}.ant-select-multiple.ant-select-show-arrow .ant-select-selector,.ant-select-multiple.ant-select-allow-clear .ant-select-selector{padding-inline-end:24px;}.ant-select-multiple .ant-select-selection-item{position:relative;display:flex;flex:none;box-sizing:border-box;max-width:100%;height:24px;margin-top:2px;margin-bottom:2px;line-height:22px;background:rgba(255, 255, 255, 0.12);border:1px solid rgba(253, 253, 253, 0.12);border-radius:4px;cursor:default;transition:font-size 0.3s,line-height 0.3s,height 0.3s;user-select:none;margin-inline-end:4px;padding-inline-start:8px;padding-inline-end:4px;}.ant-select-disabled.ant-select-multiple .ant-select-selection-item{color:rgba(255, 255, 255, 0.25);border-color:#424242;cursor:not-allowed;}.ant-select-multiple .ant-select-selection-item-content{display:inline-block;margin-inline-end:4px;overflow:hidden;white-space:pre;text-overflow:ellipsis;}.ant-select-multiple .ant-select-selection-item-remove{display:inline-block;align-items:center;color:rgba(255, 255, 255, 0.45);font-style:normal;line-height:inherit;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:bold;font-size:10px;cursor:pointer;}.ant-select-multiple .ant-select-selection-item-remove >*{line-height:1;}.ant-select-multiple .ant-select-selection-item-remove svg{display:inline-block;}.ant-select-multiple .ant-select-selection-item-remove >.anticon{vertical-align:-0.2em;}.ant-select-multiple .ant-select-selection-item-remove:hover{color:rgba(255, 255, 255, 0.85);}.ant-select-multiple .ant-select-selection-overflow-item+.ant-select-selection-overflow-item .ant-select-selection-search{margin-inline-start:0;}.ant-select-multiple .ant-select-selection-search{display:inline-flex;position:relative;max-width:100%;margin-inline-start:8px;}.ant-select-multiple .ant-select-selection-search-input,.ant-select-multiple .ant-select-selection-search-mirror{height:24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:24px;transition:all 0.3s;}.ant-select-multiple .ant-select-selection-search-input{width:100%;min-width:4.1px;}.ant-select-multiple .ant-select-selection-search-mirror{position:absolute;top:0;inset-inline-start:0;inset-inline-end:auto;z-index:999;white-space:pre;visibility:hidden;}.ant-select-multiple .ant-select-selection-placeholder{position:absolute;top:50%;inset-inline-start:11px;inset-inline-end:11px;transform:translateY(-50%);transition:all 0.3s;}.ant-select-multiple.ant-select-sm{font-size:14px;}.ant-select-multiple.ant-select-sm .ant-select-selection-overflow{position:relative;display:flex;flex:auto;flex-wrap:wrap;max-width:100%;}.ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item{flex:none;align-self:center;max-width:100%;display:inline-flex;}.ant-select-multiple.ant-select-sm .ant-select-selector{display:flex;flex-wrap:wrap;align-items:center;padding:1px 4px;border-radius:4px;}.ant-select-show-search.ant-select-multiple.ant-select-sm .ant-select-selector{cursor:text;}.ant-select-disabled.ant-select-multiple.ant-select-sm .ant-select-selector{background:rgba(255, 255, 255, 0.08);cursor:not-allowed;}.ant-select-multiple.ant-select-sm .ant-select-selector:after{display:inline-block;width:0;margin:2px 0;line-height:16px;content:\\\\\"\\\\\\\\a0\\\\\";}.ant-select-multiple.ant-select-sm.ant-select-show-arrow .ant-select-selector,.ant-select-multiple.ant-select-sm.ant-select-allow-clear .ant-select-selector{padding-inline-end:24px;}.ant-select-multiple.ant-select-sm .ant-select-selection-item{position:relative;display:flex;flex:none;box-sizing:border-box;max-width:100%;height:16px;margin-top:2px;margin-bottom:2px;line-height:14px;background:rgba(255, 255, 255, 0.12);border:1px solid rgba(253, 253, 253, 0.12);border-radius:2px;cursor:default;transition:font-size 0.3s,line-height 0.3s,height 0.3s;user-select:none;margin-inline-end:4px;padding-inline-start:8px;padding-inline-end:4px;}.ant-select-disabled.ant-select-multiple.ant-select-sm .ant-select-selection-item{color:rgba(255, 255, 255, 0.25);border-color:#424242;cursor:not-allowed;}.ant-select-multiple.ant-select-sm .ant-select-selection-item-content{display:inline-block;margin-inline-end:4px;overflow:hidden;white-space:pre;text-overflow:ellipsis;}.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove{display:inline-block;align-items:center;color:rgba(255, 255, 255, 0.45);font-style:normal;line-height:inherit;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:bold;font-size:10px;cursor:pointer;}.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove >*{line-height:1;}.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove svg{display:inline-block;}.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove >.anticon{vertical-align:-0.2em;}.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove:hover{color:rgba(255, 255, 255, 0.85);}.ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item+.ant-select-selection-overflow-item .ant-select-selection-search{margin-inline-start:0;}.ant-select-multiple.ant-select-sm .ant-select-selection-search{display:inline-flex;position:relative;max-width:100%;margin-inline-start:8px;}.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror{height:16px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:16px;transition:all 0.3s;}.ant-select-multiple.ant-select-sm .ant-select-selection-search-input{width:100%;min-width:4.1px;}.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror{position:absolute;top:0;inset-inline-start:0;inset-inline-end:auto;z-index:999;white-space:pre;visibility:hidden;}.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder{position:absolute;top:50%;inset-inline-start:11px;inset-inline-end:11px;transform:translateY(-50%);transition:all 0.3s;}.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder{inset-inline-start:7px;inset-inline-end:auto;}.ant-select-multiple.ant-select-sm .ant-select-selection-search{margin-inline-start:2px;}.ant-select-multiple.ant-select-lg{font-size:16px;}.ant-select-multiple.ant-select-lg .ant-select-selection-overflow{position:relative;display:flex;flex:auto;flex-wrap:wrap;max-width:100%;}.ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item{flex:none;align-self:center;max-width:100%;display:inline-flex;}.ant-select-multiple.ant-select-lg .ant-select-selector{display:flex;flex-wrap:wrap;align-items:center;padding:1px 4px;border-radius:8px;}.ant-select-show-search.ant-select-multiple.ant-select-lg .ant-select-selector{cursor:text;}.ant-select-disabled.ant-select-multiple.ant-select-lg .ant-select-selector{background:rgba(255, 255, 255, 0.08);cursor:not-allowed;}.ant-select-multiple.ant-select-lg .ant-select-selector:after{display:inline-block;width:0;margin:2px 0;line-height:32px;content:\\\\\"\\\\\\\\a0\\\\\";}.ant-select-multiple.ant-select-lg.ant-select-show-arrow .ant-select-selector,.ant-select-multiple.ant-select-lg.ant-select-allow-clear .ant-select-selector{padding-inline-end:24px;}.ant-select-multiple.ant-select-lg .ant-select-selection-item{position:relative;display:flex;flex:none;box-sizing:border-box;max-width:100%;height:32px;margin-top:2px;margin-bottom:2px;line-height:30px;background:rgba(255, 255, 255, 0.12);border:1px solid rgba(253, 253, 253, 0.12);border-radius:6px;cursor:default;transition:font-size 0.3s,line-height 0.3s,height 0.3s;user-select:none;margin-inline-end:4px;padding-inline-start:8px;padding-inline-end:4px;}.ant-select-disabled.ant-select-multiple.ant-select-lg .ant-select-selection-item{color:rgba(255, 255, 255, 0.25);border-color:#424242;cursor:not-allowed;}.ant-select-multiple.ant-select-lg .ant-select-selection-item-content{display:inline-block;margin-inline-end:4px;overflow:hidden;white-space:pre;text-overflow:ellipsis;}.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove{display:inline-block;align-items:center;color:rgba(255, 255, 255, 0.45);font-style:normal;line-height:inherit;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:bold;font-size:10px;cursor:pointer;}.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove >*{line-height:1;}.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove svg{display:inline-block;}.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove >.anticon{vertical-align:-0.2em;}.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove:hover{color:rgba(255, 255, 255, 0.85);}.ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item+.ant-select-selection-overflow-item .ant-select-selection-search{margin-inline-start:0;}.ant-select-multiple.ant-select-lg .ant-select-selection-search{display:inline-flex;position:relative;max-width:100%;margin-inline-start:8px;}.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror{height:32px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:32px;transition:all 0.3s;}.ant-select-multiple.ant-select-lg .ant-select-selection-search-input{width:100%;min-width:4.1px;}.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror{position:absolute;top:0;inset-inline-start:0;inset-inline-end:auto;z-index:999;white-space:pre;visibility:hidden;}.ant-select-multiple.ant-select-lg .ant-select-selection-placeholder{position:absolute;top:50%;inset-inline-start:11px;inset-inline-end:11px;transform:translateY(-50%);transition:all 0.3s;}.ant-select-dropdown{box-sizing:border-box;margin:0;padding:4px;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:absolute;top:-9999px;z-index:1050;overflow:hidden;font-variant:initial;background-color:#1f1f1f;border-radius:8px;outline:none;box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);}.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft{animation-name:antSlideUpIn;}.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft{animation-name:antSlideDownIn;}.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft{animation-name:antSlideUpOut;}.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft{animation-name:antSlideDownOut;}.ant-select-dropdown-hidden{display:none;}.ant-select-dropdown-empty{color:rgba(255, 255, 255, 0.25);}.ant-select-dropdown .ant-select-item-empty{position:relative;display:block;min-height:32px;padding:5px 12px;color:rgba(255, 255, 255, 0.25);font-weight:normal;font-size:14px;line-height:1.5714285714285714;box-sizing:border-box;}.ant-select-dropdown .ant-select-item{position:relative;display:block;min-height:32px;padding:5px 12px;color:rgba(255, 255, 255, 0.85);font-weight:normal;font-size:14px;line-height:1.5714285714285714;box-sizing:border-box;cursor:pointer;transition:background 0.3s ease;border-radius:4px;}.ant-select-dropdown .ant-select-item-group{color:rgba(255, 255, 255, 0.45);font-size:12px;cursor:default;}.ant-select-dropdown .ant-select-item-option{display:flex;}.ant-select-dropdown .ant-select-item-option-content{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.ant-select-dropdown .ant-select-item-option-state{flex:none;}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:rgba(255, 255, 255, 0.08);}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){color:rgba(255, 255, 255, 0.85);font-weight:600;background-color:#111911;}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state{color:#037003;}.ant-select-dropdown .ant-select-item-option-disabled{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-select-dropdown .ant-select-item-option-disabled.ant-select-item-option-selected{background-color:rgba(255, 255, 255, 0.08);}.ant-select-dropdown .ant-select-item-option-grouped{padding-inline-start:24px;}.ant-select-dropdown-rtl{direction:rtl;}.ant-slide-up-enter,.ant-slide-up-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-up-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-up-enter.ant-slide-up-enter-active,.ant-slide-up-appear.ant-slide-up-appear-active{animation-name:antSlideUpIn;animation-play-state:running;}.ant-slide-up-leave.ant-slide-up-leave-active{animation-name:antSlideUpOut;animation-play-state:running;pointer-events:none;}.ant-slide-up-enter,.ant-slide-up-appear{transform:scale(0);transform-origin:0% 0%;opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}.ant-slide-up-leave{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);}.ant-slide-down-enter,.ant-slide-down-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-down-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-down-enter.ant-slide-down-enter-active,.ant-slide-down-appear.ant-slide-down-appear-active{animation-name:antSlideDownIn;animation-play-state:running;}.ant-slide-down-leave.ant-slide-down-leave-active{animation-name:antSlideDownOut;animation-play-state:running;pointer-events:none;}.ant-slide-down-enter,.ant-slide-down-appear{transform:scale(0);transform-origin:0% 0%;opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}.ant-slide-down-leave{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);}.ant-move-up-enter,.ant-move-up-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-move-up-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-move-up-enter.ant-move-up-enter-active,.ant-move-up-appear.ant-move-up-appear-active{animation-name:antMoveUpIn;animation-play-state:running;}.ant-move-up-leave.ant-move-up-leave-active{animation-name:antMoveUpOut;animation-play-state:running;pointer-events:none;}.ant-move-up-enter,.ant-move-up-appear{opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);}.ant-move-up-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}.ant-move-down-enter,.ant-move-down-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-move-down-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-move-down-enter.ant-move-down-enter-active,.ant-move-down-appear.ant-move-down-appear-active{animation-name:antMoveDownIn;animation-play-state:running;}.ant-move-down-leave.ant-move-down-leave-active{animation-name:antMoveDownOut;animation-play-state:running;pointer-events:none;}.ant-move-down-enter,.ant-move-down-appear{opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);}.ant-move-down-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}.ant-select-rtl{direction:rtl;}.ant-select-focused.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector{border-color:#198016;box-shadow:0 0 0 2px rgba(0, 53, 0, 0.15);border-inline-end-width:undefinedpx!important;outline:0;}.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector{border-color:#198016;border-inline-end-width:undefinedpx!important;}.ant-select-status-error:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector{border-color:#e86e6b;}.ant-select-focused.ant-select-status-error:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector{border-color:#e86e6b;box-shadow:0 0 0 2px rgba(238, 38, 56, 0.11);border-inline-end-width:undefinedpx!important;outline:0;}.ant-select-status-error:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector{border-color:#e86e6b;border-inline-end-width:undefinedpx!important;}.ant-select-status-warning:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector{border-color:#7c5914;}.ant-select-focused.ant-select-status-warning:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector{border-color:#7c5914;box-shadow:0 0 0 2px rgba(173, 107, 0, 0.15);border-inline-end-width:undefinedpx!important;outline:0;}.ant-select-status-warning:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector{border-color:#7c5914;border-inline-end-width:undefinedpx!important;}.ant-select-compact-item:not(.ant-select-compact-last-item){margin-inline-end:-1px;}.ant-select-compact-item:hover>*,.ant-select-compact-item:active>*{z-index:2;}.ant-select-compact-item.ant-select-focused{z-index:2;}.ant-select-compact-item[disabled]>*{z-index:0;}.ant-select-compact-item:not(.ant-select-compact-first-item):not(.ant-select-compact-last-item)>.ant-select-selector{border-radius:0;}.ant-select-compact-item:not(.ant-select-compact-last-item).ant-select-compact-first-item>.ant-select-selector,.ant-select-compact-item:not(.ant-select-compact-last-item).ant-select-compact-first-item.ant-select-sm>.ant-select-selector,.ant-select-compact-item:not(.ant-select-compact-last-item).ant-select-compact-first-item.ant-select-lg>.ant-select-selector{border-start-end-radius:0;border-end-end-radius:0;}.ant-select-compact-item:not(.ant-select-compact-first-item).ant-select-compact-last-item>.ant-select-selector,.ant-select-compact-item:not(.ant-select-compact-first-item).ant-select-compact-last-item.ant-select-sm>.ant-select-selector,.ant-select-compact-item:not(.ant-select-compact-first-item).ant-select-compact-last-item.ant-select-lg>.ant-select-selector{border-start-start-radius:0;border-end-start-radius:0;}@keyframes antSlideUpIn{0%{transform:scaleY(0.8);transform-origin:0% 0%;opacity:0;}100%{transform:scaleY(1);transform-origin:0% 0%;opacity:1;}}@keyframes antSlideDownIn{0%{transform:scaleY(0.8);transform-origin:100% 100%;opacity:0;}100%{transform:scaleY(1);transform-origin:100% 100%;opacity:1;}}@keyframes antSlideUpOut{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1;}100%{transform:scaleY(0.8);transform-origin:0% 0%;opacity:0;}}@keyframes antSlideDownOut{0%{transform:scaleY(1);transform-origin:100% 100%;opacity:1;}100%{transform:scaleY(0.8);transform-origin:100% 100%;opacity:0;}}@keyframes antMoveUpIn{0%{transform:translate3d(0, -100%, 0);transform-origin:0 0;opacity:0;}100%{transform:translate3d(0, 0, 0);transform-origin:0 0;opacity:1;}}@keyframes antMoveUpOut{0%{transform:translate3d(0, 0, 0);transform-origin:0 0;opacity:1;}100%{transform:translate3d(0, -100%, 0);transform-origin:0 0;opacity:0;}}@keyframes antMoveDownIn{0%{transform:translate3d(0, 100%, 0);transform-origin:0 0;opacity:0;}100%{transform:translate3d(0, 0, 0);transform-origin:0 0;opacity:1;}}@keyframes antMoveDownOut{0%{transform:translate3d(0, 0, 0);transform-origin:0 0;opacity:1;}100%{transform:translate3d(0, 100%, 0);transform-origin:0 0;opacity:0;}}[class^=\\\\\"ant-alert\\\\\"],[class*=\\\\\" ant-alert\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-alert\\\\\"]::before,[class*=\\\\\" ant-alert\\\\\"]::before,[class^=\\\\\"ant-alert\\\\\"]::after,[class*=\\\\\" ant-alert\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-alert\\\\\"] [class^=\\\\\"ant-alert\\\\\"],[class*=\\\\\" ant-alert\\\\\"] [class^=\\\\\"ant-alert\\\\\"],[class^=\\\\\"ant-alert\\\\\"] [class*=\\\\\" ant-alert\\\\\"],[class*=\\\\\" ant-alert\\\\\"] [class*=\\\\\" ant-alert\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-alert\\\\\"] [class^=\\\\\"ant-alert\\\\\"]::before,[class*=\\\\\" ant-alert\\\\\"] [class^=\\\\\"ant-alert\\\\\"]::before,[class^=\\\\\"ant-alert\\\\\"] [class*=\\\\\" ant-alert\\\\\"]::before,[class*=\\\\\" ant-alert\\\\\"] [class*=\\\\\" ant-alert\\\\\"]::before,[class^=\\\\\"ant-alert\\\\\"] [class^=\\\\\"ant-alert\\\\\"]::after,[class*=\\\\\" ant-alert\\\\\"] [class^=\\\\\"ant-alert\\\\\"]::after,[class^=\\\\\"ant-alert\\\\\"] [class*=\\\\\" ant-alert\\\\\"]::after,[class*=\\\\\" ant-alert\\\\\"] [class*=\\\\\" ant-alert\\\\\"]::after{box-sizing:border-box;}.ant-alert{box-sizing:border-box;margin:0;padding:8px 12px;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;display:flex;align-items:center;word-wrap:break-word;border-radius:8px;}.ant-alert.ant-alert-rtl{direction:rtl;}.ant-alert .ant-alert-content{flex:1;min-width:0;}.ant-alert .ant-alert-icon{margin-inline-end:8px;line-height:0;}.ant-alert-description{display:none;font-size:14px;line-height:1.5714285714285714;}.ant-alert-message{color:rgba(255, 255, 255, 0.85);}.ant-alert.ant-alert-motion-leave{overflow:hidden;opacity:1;transition:max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);}.ant-alert.ant-alert-motion-leave-active{max-height:0;margin-bottom:0!important;padding-top:0;padding-bottom:0;opacity:0;}.ant-alert-with-description{align-items:flex-start;padding-inline:24px;padding-block:20px;}.ant-alert-with-description .ant-alert-icon{margin-inline-end:12px;font-size:24px;line-height:0;}.ant-alert-with-description .ant-alert-message{display:block;margin-bottom:8px;color:rgba(255, 255, 255, 0.85);font-size:16px;}.ant-alert-with-description .ant-alert-description{display:block;}.ant-alert-banner{margin-bottom:0;border:0!important;border-radius:0;}.ant-alert-success{background-color:#162312;border:1px solid #274916;}.ant-alert-success .ant-alert-icon{color:#49aa19;}.ant-alert-info{background-color:#111a2c;border:1px solid #15325b;}.ant-alert-info .ant-alert-icon{color:#1668dc;}.ant-alert-warning{background-color:#2b2111;border:1px solid #594214;}.ant-alert-warning .ant-alert-icon{color:#d89614;}.ant-alert-error{background-color:#2c1618;border:1px solid #5b2526;}.ant-alert-error .ant-alert-icon{color:#dc4446;}.ant-alert-error .ant-alert-description>pre{margin:0;padding:0;}.ant-alert-action{margin-inline-start:8px;}.ant-alert .ant-alert-close-icon{margin-inline-start:8px;padding:0;overflow:hidden;font-size:12px;line-height:12px;background-color:transparent;border:none;outline:none;cursor:pointer;}.ant-alert .ant-alert-close-icon .anticon-close{color:rgba(255, 255, 255, 0.45);transition:color 0.2s;}.ant-alert .ant-alert-close-icon .anticon-close:hover{color:rgba(255, 255, 255, 0.85);}.ant-alert-close-text{color:rgba(255, 255, 255, 0.45);transition:color 0.2s;}.ant-alert-close-text:hover{color:rgba(255, 255, 255, 0.85);}[class^=\\\\\"ant-avatar\\\\\"],[class*=\\\\\" ant-avatar\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-avatar\\\\\"]::before,[class*=\\\\\" ant-avatar\\\\\"]::before,[class^=\\\\\"ant-avatar\\\\\"]::after,[class*=\\\\\" ant-avatar\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-avatar\\\\\"] [class^=\\\\\"ant-avatar\\\\\"],[class*=\\\\\" ant-avatar\\\\\"] [class^=\\\\\"ant-avatar\\\\\"],[class^=\\\\\"ant-avatar\\\\\"] [class*=\\\\\" ant-avatar\\\\\"],[class*=\\\\\" ant-avatar\\\\\"] [class*=\\\\\" ant-avatar\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-avatar\\\\\"] [class^=\\\\\"ant-avatar\\\\\"]::before,[class*=\\\\\" ant-avatar\\\\\"] [class^=\\\\\"ant-avatar\\\\\"]::before,[class^=\\\\\"ant-avatar\\\\\"] [class*=\\\\\" ant-avatar\\\\\"]::before,[class*=\\\\\" ant-avatar\\\\\"] [class*=\\\\\" ant-avatar\\\\\"]::before,[class^=\\\\\"ant-avatar\\\\\"] [class^=\\\\\"ant-avatar\\\\\"]::after,[class*=\\\\\" ant-avatar\\\\\"] [class^=\\\\\"ant-avatar\\\\\"]::after,[class^=\\\\\"ant-avatar\\\\\"] [class*=\\\\\" ant-avatar\\\\\"]::after,[class*=\\\\\" ant-avatar\\\\\"] [class*=\\\\\" ant-avatar\\\\\"]::after{box-sizing:border-box;}.ant-avatar{box-sizing:border-box;margin:0;padding:0;color:#fff;font-size:14px;line-height:30px;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;display:inline-block;overflow:hidden;white-space:nowrap;text-align:center;vertical-align:middle;background:rgba(255, 255, 255, 0.25);border:1px solid transparent;width:32px;height:32px;border-radius:50%;}.ant-avatar-image{background:transparent;}.ant-avatar .ant-image-img{display:block;}.ant-avatar.ant-avatar-square{border-radius:6px;}.ant-avatar .ant-avatar-string{position:absolute;left:50%;transform-origin:0 center;}.ant-avatar.ant-avatar-icon{font-size:18px;}.ant-avatar.ant-avatar-icon >.anticon{margin:0;}.ant-avatar-lg{width:40px;height:40px;line-height:38px;border-radius:50%;}.ant-avatar-lg.ant-avatar-square{border-radius:8px;}.ant-avatar-lg .ant-avatar-string{position:absolute;left:50%;transform-origin:0 center;}.ant-avatar-lg.ant-avatar-icon{font-size:24px;}.ant-avatar-lg.ant-avatar-icon >.anticon{margin:0;}.ant-avatar-sm{width:24px;height:24px;line-height:22px;border-radius:50%;}.ant-avatar-sm.ant-avatar-square{border-radius:4px;}.ant-avatar-sm .ant-avatar-string{position:absolute;left:50%;transform-origin:0 center;}.ant-avatar-sm.ant-avatar-icon{font-size:14px;}.ant-avatar-sm.ant-avatar-icon >.anticon{margin:0;}.ant-avatar >img{display:block;width:100%;height:100%;object-fit:cover;}.ant-avatar-group{display:inline-flex;}.ant-avatar-group .ant-avatar{border-color:#141414;}.ant-avatar-group >*:not(:first-child){margin-inline-start:-8px;}.ant-avatar-group-popover .ant-avatar+.ant-avatar{margin-inline-start:4px;}[class^=\\\\\"ant-badge\\\\\"],[class*=\\\\\" ant-badge\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-badge\\\\\"]::before,[class*=\\\\\" ant-badge\\\\\"]::before,[class^=\\\\\"ant-badge\\\\\"]::after,[class*=\\\\\" ant-badge\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-badge\\\\\"] [class^=\\\\\"ant-badge\\\\\"],[class*=\\\\\" ant-badge\\\\\"] [class^=\\\\\"ant-badge\\\\\"],[class^=\\\\\"ant-badge\\\\\"] [class*=\\\\\" ant-badge\\\\\"],[class*=\\\\\" ant-badge\\\\\"] [class*=\\\\\" ant-badge\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-badge\\\\\"] [class^=\\\\\"ant-badge\\\\\"]::before,[class*=\\\\\" ant-badge\\\\\"] [class^=\\\\\"ant-badge\\\\\"]::before,[class^=\\\\\"ant-badge\\\\\"] [class*=\\\\\" ant-badge\\\\\"]::before,[class*=\\\\\" ant-badge\\\\\"] [class*=\\\\\" ant-badge\\\\\"]::before,[class^=\\\\\"ant-badge\\\\\"] [class^=\\\\\"ant-badge\\\\\"]::after,[class*=\\\\\" ant-badge\\\\\"] [class^=\\\\\"ant-badge\\\\\"]::after,[class^=\\\\\"ant-badge\\\\\"] [class*=\\\\\" ant-badge\\\\\"]::after,[class*=\\\\\" ant-badge\\\\\"] [class*=\\\\\" ant-badge\\\\\"]::after{box-sizing:border-box;}.ant-badge{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;display:inline-block;width:fit-content;}.ant-badge .ant-badge-count{z-index:auto;min-width:20px;height:20px;color:#141414;font-weight:normal;font-size:12px;line-height:20px;white-space:nowrap;text-align:center;background:#dc4446;border-radius:10px;box-shadow:0 0 0 1px #141414;transition:background 0.2s;}.ant-badge .ant-badge-count a{color:#141414;}.ant-badge .ant-badge-count a:hover{color:#141414;}a:hover .ant-badge .ant-badge-count{background:#e86e6b;}.ant-badge .ant-badge-count-sm{min-width:14px;height:14px;font-size:12px;line-height:14px;border-radius:7px;}.ant-badge .ant-badge-multiple-words{padding:0 8px;}.ant-badge .ant-badge-dot{z-index:auto;width:6px;min-width:6px;height:6px;background:#dc4446;border-radius:100%;box-shadow:0 0 0 1px #141414;}.ant-badge .ant-badge-dot.ant-scroll-number{transition:background 0.3s;}.ant-badge .ant-badge-count,.ant-badge .ant-badge-dot,.ant-badge .ant-scroll-number-custom-component{position:absolute;top:0;inset-inline-end:0;transform:translate(50%, -50%);transform-origin:100% 0%;}.ant-badge .ant-badge-count.anticon-spin,.ant-badge .ant-badge-dot.anticon-spin,.ant-badge .ant-scroll-number-custom-component.anticon-spin{animation-name:antBadgeLoadingCircle;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;}.ant-badge.ant-badge-status{line-height:inherit;vertical-align:baseline;}.ant-badge.ant-badge-status .ant-badge-status-dot{position:relative;top:-1px;display:inline-block;width:6px;height:6px;vertical-align:middle;border-radius:50%;}.ant-badge.ant-badge-status .ant-badge-status-success{background-color:#49aa19;}.ant-badge.ant-badge-status .ant-badge-status-processing{overflow:visible;color:#037003;background-color:#037003;}.ant-badge.ant-badge-status .ant-badge-status-processing::after{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;border-width:1px;border-style:solid;border-color:inherit;border-radius:50%;animation-name:antStatusProcessing;animation-duration:1.2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;content:\\\\\"\\\\\";}.ant-badge.ant-badge-status .ant-badge-status-default{background-color:rgba(255, 255, 255, 0.25);}.ant-badge.ant-badge-status .ant-badge-status-error{background-color:#dc4446;}.ant-badge.ant-badge-status .ant-badge-status-warning{background-color:#d89614;}.ant-badge.ant-badge-status .ant-badge-status-text{margin-inline-start:8px;color:rgba(255, 255, 255, 0.85);font-size:14px;}.ant-badge.ant-badge .ant-badge-color-blue{background:#1668dc;}.ant-badge.ant-badge .ant-badge-color-blue:not(.ant-badge-count){color:#1668dc;}.ant-badge.ant-badge .ant-badge-color-purple{background:#642ab5;}.ant-badge.ant-badge .ant-badge-color-purple:not(.ant-badge-count){color:#642ab5;}.ant-badge.ant-badge .ant-badge-color-cyan{background:#13a8a8;}.ant-badge.ant-badge .ant-badge-color-cyan:not(.ant-badge-count){color:#13a8a8;}.ant-badge.ant-badge .ant-badge-color-green{background:#49aa19;}.ant-badge.ant-badge .ant-badge-color-green:not(.ant-badge-count){color:#49aa19;}.ant-badge.ant-badge .ant-badge-color-magenta{background:#cb2b83;}.ant-badge.ant-badge .ant-badge-color-magenta:not(.ant-badge-count){color:#cb2b83;}.ant-badge.ant-badge .ant-badge-color-pink{background:#cb2b83;}.ant-badge.ant-badge .ant-badge-color-pink:not(.ant-badge-count){color:#cb2b83;}.ant-badge.ant-badge .ant-badge-color-red{background:#d32029;}.ant-badge.ant-badge .ant-badge-color-red:not(.ant-badge-count){color:#d32029;}.ant-badge.ant-badge .ant-badge-color-orange{background:#d87a16;}.ant-badge.ant-badge .ant-badge-color-orange:not(.ant-badge-count){color:#d87a16;}.ant-badge.ant-badge .ant-badge-color-yellow{background:#d8bd14;}.ant-badge.ant-badge .ant-badge-color-yellow:not(.ant-badge-count){color:#d8bd14;}.ant-badge.ant-badge .ant-badge-color-volcano{background:#d84a1b;}.ant-badge.ant-badge .ant-badge-color-volcano:not(.ant-badge-count){color:#d84a1b;}.ant-badge.ant-badge .ant-badge-color-geekblue{background:#2b4acb;}.ant-badge.ant-badge .ant-badge-color-geekblue:not(.ant-badge-count){color:#2b4acb;}.ant-badge.ant-badge .ant-badge-color-lime{background:#8bbb11;}.ant-badge.ant-badge .ant-badge-color-lime:not(.ant-badge-count){color:#8bbb11;}.ant-badge.ant-badge .ant-badge-color-gold{background:#d89614;}.ant-badge.ant-badge .ant-badge-color-gold:not(.ant-badge-count){color:#d89614;}.ant-badge .ant-badge-zoom-appear,.ant-badge .ant-badge-zoom-enter{animation-name:antZoomBadgeIn;animation-duration:0.3s;animation-timing-function:cubic-bezier(0.12, 0.4, 0.29, 1.46);animation-fill-mode:both;}.ant-badge .ant-badge-zoom-leave{animation-name:antZoomBadgeOut;animation-duration:0.3s;animation-timing-function:cubic-bezier(0.12, 0.4, 0.29, 1.46);animation-fill-mode:both;}.ant-badge.ant-badge-not-a-wrapper .ant-badge-zoom-appear,.ant-badge.ant-badge-not-a-wrapper .ant-badge-zoom-enter{animation-name:antNoWrapperZoomBadgeIn;animation-duration:0.3s;animation-timing-function:cubic-bezier(0.12, 0.4, 0.29, 1.46);}.ant-badge.ant-badge-not-a-wrapper .ant-badge-zoom-leave{animation-name:antNoWrapperZoomBadgeOut;animation-duration:0.3s;animation-timing-function:cubic-bezier(0.12, 0.4, 0.29, 1.46);}.ant-badge.ant-badge-not-a-wrapper:not(.ant-badge-status){vertical-align:middle;}.ant-badge.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,.ant-badge.ant-badge-not-a-wrapper .ant-badge-count{transform:none;}.ant-badge.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,.ant-badge.ant-badge-not-a-wrapper .ant-scroll-number{position:relative;top:auto;display:block;transform-origin:50% 50%;}.ant-badge .ant-scroll-number{overflow:hidden;}.ant-badge .ant-scroll-number .ant-scroll-number-only{position:relative;display:inline-block;height:20px;transition:all 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;}.ant-badge .ant-scroll-number .ant-scroll-number-only >p.ant-scroll-number-only-unit{height:20px;margin:0;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;}.ant-badge .ant-scroll-number .ant-scroll-number-symbol{vertical-align:top;}.ant-badge-rtl{direction:rtl;}.ant-badge-rtl .ant-badge-count,.ant-badge-rtl .ant-badge-dot,.ant-badge-rtl .ant-scroll-number-custom-component{transform:translate(-50%, -50%);}.ant-ribbon-wrapper{position:relative;}.ant-ribbon{box-sizing:border-box;margin:0;padding:0 8px;color:#037003;font-size:14px;line-height:22px;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:absolute;top:8px;white-space:nowrap;background-color:#037003;border-radius:4px;}.ant-ribbon .ant-ribbon-text{color:#fff;}.ant-ribbon .ant-ribbon-corner{position:absolute;top:100%;width:8px;height:8px;color:currentcolor;border:4px solid;transform:scaleY(0.75);transform-origin:top;filter:brightness(75%);}.ant-ribbon.ant-ribbon-color-blue{background:#1668dc;color:#1668dc;}.ant-ribbon.ant-ribbon-color-purple{background:#642ab5;color:#642ab5;}.ant-ribbon.ant-ribbon-color-cyan{background:#13a8a8;color:#13a8a8;}.ant-ribbon.ant-ribbon-color-green{background:#49aa19;color:#49aa19;}.ant-ribbon.ant-ribbon-color-magenta{background:#cb2b83;color:#cb2b83;}.ant-ribbon.ant-ribbon-color-pink{background:#cb2b83;color:#cb2b83;}.ant-ribbon.ant-ribbon-color-red{background:#d32029;color:#d32029;}.ant-ribbon.ant-ribbon-color-orange{background:#d87a16;color:#d87a16;}.ant-ribbon.ant-ribbon-color-yellow{background:#d8bd14;color:#d8bd14;}.ant-ribbon.ant-ribbon-color-volcano{background:#d84a1b;color:#d84a1b;}.ant-ribbon.ant-ribbon-color-geekblue{background:#2b4acb;color:#2b4acb;}.ant-ribbon.ant-ribbon-color-lime{background:#8bbb11;color:#8bbb11;}.ant-ribbon.ant-ribbon-color-gold{background:#d89614;color:#d89614;}.ant-ribbon.ant-ribbon-placement-end{inset-inline-end:-8px;border-end-end-radius:0;}.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner{inset-inline-end:0;border-inline-end-color:transparent;border-block-end-color:transparent;}.ant-ribbon.ant-ribbon-placement-start{inset-inline-start:-8px;border-end-start-radius:0;}.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner{inset-inline-start:0;border-block-end-color:transparent;border-inline-start-color:transparent;}.ant-ribbon-rtl{direction:rtl;}@keyframes antBadgeLoadingCircle{0%{transform-origin:50%;}100%{transform:translate(50%, -50%) rotate(360deg);transform-origin:50%;}}@keyframes antStatusProcessing{0%{transform:scale(0.8);opacity:0.5;}100%{transform:scale(2.4);opacity:0;}}@keyframes antZoomBadgeIn{0%{transform:scale(0) translate(50%, -50%);opacity:0;}100%{transform:scale(1) translate(50%, -50%);}}@keyframes antZoomBadgeOut{0%{transform:scale(1) translate(50%, -50%);}100%{transform:scale(0) translate(50%, -50%);opacity:0;}}@keyframes antNoWrapperZoomBadgeIn{0%{transform:scale(0);opacity:0;}100%{transform:scale(1);}}@keyframes antNoWrapperZoomBadgeOut{0%{transform:scale(1);}100%{transform:scale(0);opacity:0;}}[class^=\\\\\"ant-ribbon\\\\\"],[class*=\\\\\" ant-ribbon\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-ribbon\\\\\"]::before,[class*=\\\\\" ant-ribbon\\\\\"]::before,[class^=\\\\\"ant-ribbon\\\\\"]::after,[class*=\\\\\" ant-ribbon\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-ribbon\\\\\"] [class^=\\\\\"ant-ribbon\\\\\"],[class*=\\\\\" ant-ribbon\\\\\"] [class^=\\\\\"ant-ribbon\\\\\"],[class^=\\\\\"ant-ribbon\\\\\"] [class*=\\\\\" ant-ribbon\\\\\"],[class*=\\\\\" ant-ribbon\\\\\"] [class*=\\\\\" ant-ribbon\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-ribbon\\\\\"] [class^=\\\\\"ant-ribbon\\\\\"]::before,[class*=\\\\\" ant-ribbon\\\\\"] [class^=\\\\\"ant-ribbon\\\\\"]::before,[class^=\\\\\"ant-ribbon\\\\\"] [class*=\\\\\" ant-ribbon\\\\\"]::before,[class*=\\\\\" ant-ribbon\\\\\"] [class*=\\\\\" ant-ribbon\\\\\"]::before,[class^=\\\\\"ant-ribbon\\\\\"] [class^=\\\\\"ant-ribbon\\\\\"]::after,[class*=\\\\\" ant-ribbon\\\\\"] [class^=\\\\\"ant-ribbon\\\\\"]::after,[class^=\\\\\"ant-ribbon\\\\\"] [class*=\\\\\" ant-ribbon\\\\\"]::after,[class*=\\\\\" ant-ribbon\\\\\"] [class*=\\\\\" ant-ribbon\\\\\"]::after{box-sizing:border-box;}.ant-ribbon{box-sizing:border-box;margin:0;padding:0 8px;color:#037003;font-size:14px;line-height:22px;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:absolute;top:8px;white-space:nowrap;background-color:#037003;border-radius:4px;}.ant-ribbon .ant-ribbon-text{color:#fff;}.ant-ribbon .ant-ribbon-corner{position:absolute;top:100%;width:8px;height:8px;color:currentcolor;border:4px solid;transform:scaleY(0.75);transform-origin:top;filter:brightness(75%);}.ant-ribbon.ant-ribbon-color-blue{background:#1668dc;color:#1668dc;}.ant-ribbon.ant-ribbon-color-purple{background:#642ab5;color:#642ab5;}.ant-ribbon.ant-ribbon-color-cyan{background:#13a8a8;color:#13a8a8;}.ant-ribbon.ant-ribbon-color-green{background:#49aa19;color:#49aa19;}.ant-ribbon.ant-ribbon-color-magenta{background:#cb2b83;color:#cb2b83;}.ant-ribbon.ant-ribbon-color-pink{background:#cb2b83;color:#cb2b83;}.ant-ribbon.ant-ribbon-color-red{background:#d32029;color:#d32029;}.ant-ribbon.ant-ribbon-color-orange{background:#d87a16;color:#d87a16;}.ant-ribbon.ant-ribbon-color-yellow{background:#d8bd14;color:#d8bd14;}.ant-ribbon.ant-ribbon-color-volcano{background:#d84a1b;color:#d84a1b;}.ant-ribbon.ant-ribbon-color-geekblue{background:#2b4acb;color:#2b4acb;}.ant-ribbon.ant-ribbon-color-lime{background:#8bbb11;color:#8bbb11;}.ant-ribbon.ant-ribbon-color-gold{background:#d89614;color:#d89614;}.ant-ribbon.ant-ribbon-placement-end{inset-inline-end:-8px;border-end-end-radius:0;}.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner{inset-inline-end:0;border-inline-end-color:transparent;border-block-end-color:transparent;}.ant-ribbon.ant-ribbon-placement-start{inset-inline-start:-8px;border-end-start-radius:0;}.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner{inset-inline-start:0;border-block-end-color:transparent;border-inline-start-color:transparent;}.ant-ribbon-rtl{direction:rtl;}.ant-ribbon-wrapper{position:relative;}[class^=\\\\\"ant-breadcrumb\\\\\"],[class*=\\\\\" ant-breadcrumb\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-breadcrumb\\\\\"]::before,[class*=\\\\\" ant-breadcrumb\\\\\"]::before,[class^=\\\\\"ant-breadcrumb\\\\\"]::after,[class*=\\\\\" ant-breadcrumb\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-breadcrumb\\\\\"] [class^=\\\\\"ant-breadcrumb\\\\\"],[class*=\\\\\" ant-breadcrumb\\\\\"] [class^=\\\\\"ant-breadcrumb\\\\\"],[class^=\\\\\"ant-breadcrumb\\\\\"] [class*=\\\\\" ant-breadcrumb\\\\\"],[class*=\\\\\" ant-breadcrumb\\\\\"] [class*=\\\\\" ant-breadcrumb\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-breadcrumb\\\\\"] [class^=\\\\\"ant-breadcrumb\\\\\"]::before,[class*=\\\\\" ant-breadcrumb\\\\\"] [class^=\\\\\"ant-breadcrumb\\\\\"]::before,[class^=\\\\\"ant-breadcrumb\\\\\"] [class*=\\\\\" ant-breadcrumb\\\\\"]::before,[class*=\\\\\" ant-breadcrumb\\\\\"] [class*=\\\\\" ant-breadcrumb\\\\\"]::before,[class^=\\\\\"ant-breadcrumb\\\\\"] [class^=\\\\\"ant-breadcrumb\\\\\"]::after,[class*=\\\\\" ant-breadcrumb\\\\\"] [class^=\\\\\"ant-breadcrumb\\\\\"]::after,[class^=\\\\\"ant-breadcrumb\\\\\"] [class*=\\\\\" ant-breadcrumb\\\\\"]::after,[class*=\\\\\" ant-breadcrumb\\\\\"] [class*=\\\\\" ant-breadcrumb\\\\\"]::after{box-sizing:border-box;}.ant-breadcrumb{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.45);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';}.ant-breadcrumb .anticon{font-size:14px;}.ant-breadcrumb ol{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;}.ant-breadcrumb a{color:rgba(255, 255, 255, 0.45);transition:color 0.2s;padding:0 4px;border-radius:4px;height:22px;display:inline-block;margin-inline:-4px;}.ant-breadcrumb a:hover{color:rgba(255, 255, 255, 0.85);background-color:rgba(255, 255, 255, 0.12);}.ant-breadcrumb a:focus-visible{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-breadcrumb li:last-child{color:rgba(255, 255, 255, 0.85);}.ant-breadcrumb li:last-child>.ant-breadcrumb-separator{display:none;}.ant-breadcrumb .ant-breadcrumb-separator{margin-inline:8px;color:rgba(255, 255, 255, 0.45);}.ant-breadcrumb .ant-breadcrumb-link >.anticon+span,.ant-breadcrumb .ant-breadcrumb-link >.anticon+a{margin-inline-start:4px;}.ant-breadcrumb .ant-breadcrumb-overlay-link{border-radius:4px;height:22px;display:inline-block;padding:0 4px;margin-inline:-4px;}.ant-breadcrumb .ant-breadcrumb-overlay-link >.anticon{margin-inline-start:4px;font-size:12px;}.ant-breadcrumb .ant-breadcrumb-overlay-link:hover{color:rgba(255, 255, 255, 0.85);background-color:rgba(255, 255, 255, 0.12);}.ant-breadcrumb .ant-breadcrumb-overlay-link:hover a{color:rgba(255, 255, 255, 0.85);}.ant-breadcrumb .ant-breadcrumb-overlay-link a:hover{background-color:transparent;}.ant-breadcrumb.ant-breadcrumb-rtl{direction:rtl;}[class^=\\\\\"ant-btn\\\\\"],[class*=\\\\\" ant-btn\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-btn\\\\\"]::before,[class*=\\\\\" ant-btn\\\\\"]::before,[class^=\\\\\"ant-btn\\\\\"]::after,[class*=\\\\\" ant-btn\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-btn\\\\\"] [class^=\\\\\"ant-btn\\\\\"],[class*=\\\\\" ant-btn\\\\\"] [class^=\\\\\"ant-btn\\\\\"],[class^=\\\\\"ant-btn\\\\\"] [class*=\\\\\" ant-btn\\\\\"],[class*=\\\\\" ant-btn\\\\\"] [class*=\\\\\" ant-btn\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-btn\\\\\"] [class^=\\\\\"ant-btn\\\\\"]::before,[class*=\\\\\" ant-btn\\\\\"] [class^=\\\\\"ant-btn\\\\\"]::before,[class^=\\\\\"ant-btn\\\\\"] [class*=\\\\\" ant-btn\\\\\"]::before,[class*=\\\\\" ant-btn\\\\\"] [class*=\\\\\" ant-btn\\\\\"]::before,[class^=\\\\\"ant-btn\\\\\"] [class^=\\\\\"ant-btn\\\\\"]::after,[class*=\\\\\" ant-btn\\\\\"] [class^=\\\\\"ant-btn\\\\\"]::after,[class^=\\\\\"ant-btn\\\\\"] [class*=\\\\\" ant-btn\\\\\"]::after,[class*=\\\\\" ant-btn\\\\\"] [class*=\\\\\" ant-btn\\\\\"]::after{box-sizing:border-box;}.ant-btn{outline:none;position:relative;display:inline-block;font-weight:400;white-space:nowrap;text-align:center;background-image:none;background-color:transparent;border:1px solid transparent;cursor:pointer;transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);user-select:none;touch-action:manipulation;line-height:1.5714285714285714;color:rgba(255, 255, 255, 0.85);}.ant-btn >span{display:inline-block;}.ant-btn >.anticon+span,.ant-btn >span+.anticon{margin-inline-start:8px;}.ant-btn >a{color:currentColor;}.ant-btn:not(:disabled):focus-visible{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-btn-icon-only.ant-btn-compact-item{flex:none;}.ant-btn-compact-item.ant-btn-primary:not([disabled])+.ant-btn-compact-item.ant-btn-primary:not([disabled]){position:relative;}.ant-btn-compact-item.ant-btn-primary:not([disabled])+.ant-btn-compact-item.ant-btn-primary:not([disabled]):before{position:absolute;top:-1px;inset-inline-start:-1px;display:inline-block;width:1px;height:calc(100% + 2px);background-color:#198016;content:\\\\\"\\\\\";}.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])+.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]){position:relative;}.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])+.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]):before{position:absolute;top:-1px;inset-inline-start:-1px;display:inline-block;width:calc(100% + 2px);height:1px;background-color:#198016;content:\\\\\"\\\\\";}.ant-btn.ant-btn-sm{font-size:14px;height:24px;padding:0px 7px;border-radius:4px;}.ant-btn.ant-btn-sm.ant-btn-icon-only{width:24px;padding-inline-start:0;padding-inline-end:0;}.ant-btn.ant-btn-sm.ant-btn-icon-only.ant-btn-round{width:auto;}.ant-btn.ant-btn-sm.ant-btn-icon-only >span{transform:scale(1.143);}.ant-btn.ant-btn-sm.ant-btn-loading{opacity:0.65;cursor:default;}.ant-btn.ant-btn-sm .ant-btn-loading-icon{transition:width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}.ant-btn.ant-btn-sm:not(.ant-btn-icon-only) .ant-btn-loading-icon>.anticon{margin-inline-end:8px;}.ant-btn.ant-btn-circle.ant-btn-sm{min-width:24px;padding-inline-start:0;padding-inline-end:0;border-radius:50%;}.ant-btn.ant-btn-round.ant-btn-sm{border-radius:24px;padding-inline-start:12px;padding-inline-end:12px;}.ant-btn{font-size:14px;height:32px;padding:4px 15px;border-radius:6px;}.ant-btn.ant-btn-icon-only{width:32px;padding-inline-start:0;padding-inline-end:0;}.ant-btn.ant-btn-icon-only.ant-btn-round{width:auto;}.ant-btn.ant-btn-icon-only >span{transform:scale(1.143);}.ant-btn.ant-btn-loading{opacity:0.65;cursor:default;}.ant-btn .ant-btn-loading-icon{transition:width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}.ant-btn:not(.ant-btn-icon-only) .ant-btn-loading-icon>.anticon{margin-inline-end:8px;}.ant-btn.ant-btn-circle{min-width:32px;padding-inline-start:0;padding-inline-end:0;border-radius:50%;}.ant-btn.ant-btn-round{border-radius:32px;padding-inline-start:16px;padding-inline-end:16px;}.ant-btn.ant-btn-lg{font-size:16px;height:40px;padding:6.428571428571429px 15px;border-radius:8px;}.ant-btn.ant-btn-lg.ant-btn-icon-only{width:40px;padding-inline-start:0;padding-inline-end:0;}.ant-btn.ant-btn-lg.ant-btn-icon-only.ant-btn-round{width:auto;}.ant-btn.ant-btn-lg.ant-btn-icon-only >span{transform:scale(1.143);}.ant-btn.ant-btn-lg.ant-btn-loading{opacity:0.65;cursor:default;}.ant-btn.ant-btn-lg .ant-btn-loading-icon{transition:width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}.ant-btn.ant-btn-lg:not(.ant-btn-icon-only) .ant-btn-loading-icon>.anticon{margin-inline-end:8px;}.ant-btn.ant-btn-circle.ant-btn-lg{min-width:40px;padding-inline-start:0;padding-inline-end:0;border-radius:50%;}.ant-btn.ant-btn-round.ant-btn-lg{border-radius:40px;padding-inline-start:20px;padding-inline-end:20px;}.ant-btn.ant-btn-block{width:100%;}.ant-btn-default{background-color:#141414;border-color:#424242;box-shadow:0 2px 0 rgba(255, 255, 255, 0.04);}.ant-btn-default:disabled{cursor:not-allowed;border-color:#424242;color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);box-shadow:none;}.ant-btn-default:not(:disabled):hover{color:#198016;border-color:#198016;}.ant-btn-default:not(:disabled):active{color:#075a07;border-color:#075a07;}.ant-btn-default.ant-btn-background-ghost{color:#141414;background-color:transparent;border-color:#141414;box-shadow:none;}.ant-btn-default.ant-btn-background-ghost:not(:disabled):hover{background-color:transparent;}.ant-btn-default.ant-btn-background-ghost:not(:disabled):active{background-color:transparent;}.ant-btn-default.ant-btn-background-ghost:disabled{cursor:not-allowed;color:rgba(255, 255, 255, 0.25);border-color:#424242;}.ant-btn-default.ant-btn-dangerous{color:#dc4446;border-color:#dc4446;}.ant-btn-default.ant-btn-dangerous:not(:disabled):hover{color:#e86e6b;border-color:#7e2e2f;}.ant-btn-default.ant-btn-dangerous:not(:disabled):active{color:#ad393a;border-color:#ad393a;}.ant-btn-default.ant-btn-dangerous.ant-btn-background-ghost{color:#dc4446;background-color:transparent;border-color:#dc4446;box-shadow:none;}.ant-btn-default.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):hover{background-color:transparent;}.ant-btn-default.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):active{background-color:transparent;}.ant-btn-default.ant-btn-dangerous.ant-btn-background-ghost:disabled{cursor:not-allowed;color:rgba(255, 255, 255, 0.25);border-color:#424242;}.ant-btn-default.ant-btn-dangerous:disabled{cursor:not-allowed;border-color:#424242;color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);box-shadow:none;}.ant-btn-primary{color:#fff;background-color:#037003;box-shadow:0 2px 0 rgba(0, 53, 0, 0.15);}.ant-btn-primary:disabled{cursor:not-allowed;border-color:#424242;color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);box-shadow:none;}.ant-btn-primary:not(:disabled):hover{color:#fff;background-color:#198016;}.ant-btn-primary:not(:disabled):active{color:#fff;background-color:#075a07;}.ant-btn-primary.ant-btn-background-ghost{color:#037003;background-color:transparent;border-color:#037003;box-shadow:none;}.ant-btn-primary.ant-btn-background-ghost:not(:disabled):hover{background-color:transparent;color:#198016;border-color:#198016;}.ant-btn-primary.ant-btn-background-ghost:not(:disabled):active{background-color:transparent;color:#075a07;border-color:#075a07;}.ant-btn-primary.ant-btn-background-ghost:disabled{cursor:not-allowed;color:rgba(255, 255, 255, 0.25);border-color:#424242;}.ant-btn-primary.ant-btn-dangerous{background-color:#dc4446;box-shadow:0 2px 0 rgba(238, 38, 56, 0.11);}.ant-btn-primary.ant-btn-dangerous:not(:disabled):hover{background-color:#e86e6b;}.ant-btn-primary.ant-btn-dangerous:not(:disabled):active{background-color:#ad393a;}.ant-btn-primary.ant-btn-dangerous.ant-btn-background-ghost{color:#dc4446;background-color:transparent;border-color:#dc4446;box-shadow:none;}.ant-btn-primary.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):hover{background-color:transparent;color:#e86e6b;border-color:#e86e6b;}.ant-btn-primary.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):active{background-color:transparent;color:#ad393a;border-color:#ad393a;}.ant-btn-primary.ant-btn-dangerous.ant-btn-background-ghost:disabled{cursor:not-allowed;color:rgba(255, 255, 255, 0.25);border-color:#424242;}.ant-btn-primary.ant-btn-dangerous:disabled{cursor:not-allowed;border-color:#424242;color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);box-shadow:none;}.ant-btn-dashed{background-color:#141414;border-color:#424242;box-shadow:0 2px 0 rgba(255, 255, 255, 0.04);border-style:dashed;}.ant-btn-dashed:disabled{cursor:not-allowed;border-color:#424242;color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);box-shadow:none;}.ant-btn-dashed:not(:disabled):hover{color:#198016;border-color:#198016;}.ant-btn-dashed:not(:disabled):active{color:#075a07;border-color:#075a07;}.ant-btn-dashed.ant-btn-background-ghost{color:#141414;background-color:transparent;border-color:#141414;box-shadow:none;}.ant-btn-dashed.ant-btn-background-ghost:not(:disabled):hover{background-color:transparent;}.ant-btn-dashed.ant-btn-background-ghost:not(:disabled):active{background-color:transparent;}.ant-btn-dashed.ant-btn-background-ghost:disabled{cursor:not-allowed;color:rgba(255, 255, 255, 0.25);border-color:#424242;}.ant-btn-dashed.ant-btn-dangerous{color:#dc4446;border-color:#dc4446;}.ant-btn-dashed.ant-btn-dangerous:not(:disabled):hover{color:#e86e6b;border-color:#7e2e2f;}.ant-btn-dashed.ant-btn-dangerous:not(:disabled):active{color:#ad393a;border-color:#ad393a;}.ant-btn-dashed.ant-btn-dangerous.ant-btn-background-ghost{color:#dc4446;background-color:transparent;border-color:#dc4446;box-shadow:none;}.ant-btn-dashed.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):hover{background-color:transparent;}.ant-btn-dashed.ant-btn-dangerous.ant-btn-background-ghost:not(:disabled):active{background-color:transparent;}.ant-btn-dashed.ant-btn-dangerous.ant-btn-background-ghost:disabled{cursor:not-allowed;color:rgba(255, 255, 255, 0.25);border-color:#424242;}.ant-btn-dashed.ant-btn-dangerous:disabled{cursor:not-allowed;border-color:#424242;color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);box-shadow:none;}.ant-btn-link{color:#1668dc;}.ant-btn-link:not(:disabled):hover{color:#15417e;}.ant-btn-link:not(:disabled):active{color:#1554ad;}.ant-btn-link:disabled{cursor:not-allowed;color:rgba(255, 255, 255, 0.25);}.ant-btn-link.ant-btn-dangerous{color:#dc4446;}.ant-btn-link.ant-btn-dangerous:not(:disabled):hover{color:#e86e6b;}.ant-btn-link.ant-btn-dangerous:not(:disabled):active{color:#ad393a;}.ant-btn-link.ant-btn-dangerous:disabled{cursor:not-allowed;color:rgba(255, 255, 255, 0.25);}.ant-btn-text:not(:disabled):hover{color:rgba(255, 255, 255, 0.85);background-color:rgba(255, 255, 255, 0.12);}.ant-btn-text:not(:disabled):active{color:rgba(255, 255, 255, 0.85);background-color:rgba(255, 255, 255, 0.18);}.ant-btn-text:disabled{cursor:not-allowed;color:rgba(255, 255, 255, 0.25);}.ant-btn-text.ant-btn-dangerous{color:#dc4446;}.ant-btn-text.ant-btn-dangerous:disabled{cursor:not-allowed;color:rgba(255, 255, 255, 0.25);}.ant-btn-text.ant-btn-dangerous:not(:disabled):hover{color:#e86e6b;background-color:#2c1618;}.ant-btn-text.ant-btn-dangerous:not(:disabled):active{color:#e86e6b;background-color:#2c1618;}.ant-btn-disabled{cursor:not-allowed;border-color:#424242;color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);box-shadow:none;}.ant-btn-disabled.ant-btn:hover{cursor:not-allowed;border-color:#424242;color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);box-shadow:none;}.ant-btn-group{position:relative;display:inline-flex;}.ant-btn-group >span:not(:last-child),.ant-btn-group >.ant-btn:not(:last-child),.ant-btn-group >span:not(:last-child)>.ant-btn,.ant-btn-group >.ant-btn:not(:last-child)>.ant-btn{border-start-end-radius:0;border-end-end-radius:0;}.ant-btn-group >span:not(:first-child),.ant-btn-group >.ant-btn:not(:first-child){margin-inline-start:-1px;}.ant-btn-group >span:not(:first-child),.ant-btn-group >.ant-btn:not(:first-child),.ant-btn-group >span:not(:first-child)>.ant-btn,.ant-btn-group >.ant-btn:not(:first-child)>.ant-btn{border-start-start-radius:0;border-end-start-radius:0;}.ant-btn-group .ant-btn{position:relative;z-index:1;}.ant-btn-group .ant-btn:hover,.ant-btn-group .ant-btn:focus,.ant-btn-group .ant-btn:active{z-index:2;}.ant-btn-group .ant-btn[disabled]{z-index:0;}.ant-btn-group .ant-btn-icon-only{font-size:14px;}.ant-btn-group >span:not(:last-child):not(:disabled),.ant-btn-group >.ant-btn-primary:not(:last-child):not(:disabled),.ant-btn-group >span:not(:last-child)>.ant-btn-primary:not(:disabled),.ant-btn-group >.ant-btn-primary:not(:last-child)>.ant-btn-primary:not(:disabled){border-inline-end-color:#198016;}.ant-btn-group >span:not(:first-child):not(:disabled),.ant-btn-group >.ant-btn-primary:not(:first-child):not(:disabled),.ant-btn-group >span:not(:first-child)>.ant-btn-primary:not(:disabled),.ant-btn-group >.ant-btn-primary:not(:first-child)>.ant-btn-primary:not(:disabled){border-inline-start-color:#198016;}.ant-btn-group >span:not(:last-child):not(:disabled),.ant-btn-group >.ant-btn-danger:not(:last-child):not(:disabled),.ant-btn-group >span:not(:last-child)>.ant-btn-danger:not(:disabled),.ant-btn-group >.ant-btn-danger:not(:last-child)>.ant-btn-danger:not(:disabled){border-inline-end-color:#e86e6b;}.ant-btn-group >span:not(:first-child):not(:disabled),.ant-btn-group >.ant-btn-danger:not(:first-child):not(:disabled),.ant-btn-group >span:not(:first-child)>.ant-btn-danger:not(:disabled),.ant-btn-group >.ant-btn-danger:not(:first-child)>.ant-btn-danger:not(:disabled){border-inline-start-color:#e86e6b;}.ant-btn-compact-item:not(.ant-btn-compact-last-item){margin-inline-end:-1px;}.ant-btn-compact-item:hover,.ant-btn-compact-item:active{z-index:2;}.ant-btn-compact-item[disabled]{z-index:0;}.ant-btn-compact-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-last-item){border-radius:0;}.ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-first-item,.ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-first-item.ant-btn-sm,.ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-first-item.ant-btn-lg{border-start-end-radius:0;border-end-end-radius:0;}.ant-btn-compact-item:not(.ant-btn-compact-first-item).ant-btn-compact-last-item,.ant-btn-compact-item:not(.ant-btn-compact-first-item).ant-btn-compact-last-item.ant-btn-sm,.ant-btn-compact-item:not(.ant-btn-compact-first-item).ant-btn-compact-last-item.ant-btn-lg{border-start-start-radius:0;border-end-start-radius:0;}.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-last-item){margin-bottom:-1px;}.ant-btn-compact-vertical-item:hover,.ant-btn-compact-vertical-item:focus,.ant-btn-compact-vertical-item:active{z-index:2;}.ant-btn-compact-vertical-item[disabled]{z-index:0;}.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-first-item):not(.ant-btn-compact-vertical-last-item){border-radius:0;}.ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item),.ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item).ant-btn-sm,.ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item).ant-btn-lg{border-end-end-radius:0;border-end-start-radius:0;}.ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item),.ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item).ant-btn-sm,.ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item).ant-btn-lg{border-start-start-radius:0;border-start-end-radius:0;}[class^=\\\\\"ant-wave\\\\\"],[class*=\\\\\" ant-wave\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-wave\\\\\"]::before,[class*=\\\\\" ant-wave\\\\\"]::before,[class^=\\\\\"ant-wave\\\\\"]::after,[class*=\\\\\" ant-wave\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-wave\\\\\"] [class^=\\\\\"ant-wave\\\\\"],[class*=\\\\\" ant-wave\\\\\"] [class^=\\\\\"ant-wave\\\\\"],[class^=\\\\\"ant-wave\\\\\"] [class*=\\\\\" ant-wave\\\\\"],[class*=\\\\\" ant-wave\\\\\"] [class*=\\\\\" ant-wave\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-wave\\\\\"] [class^=\\\\\"ant-wave\\\\\"]::before,[class*=\\\\\" ant-wave\\\\\"] [class^=\\\\\"ant-wave\\\\\"]::before,[class^=\\\\\"ant-wave\\\\\"] [class*=\\\\\" ant-wave\\\\\"]::before,[class*=\\\\\" ant-wave\\\\\"] [class*=\\\\\" ant-wave\\\\\"]::before,[class^=\\\\\"ant-wave\\\\\"] [class^=\\\\\"ant-wave\\\\\"]::after,[class*=\\\\\" ant-wave\\\\\"] [class^=\\\\\"ant-wave\\\\\"]::after,[class^=\\\\\"ant-wave\\\\\"] [class*=\\\\\" ant-wave\\\\\"]::after,[class*=\\\\\" ant-wave\\\\\"] [class*=\\\\\" ant-wave\\\\\"]::after{box-sizing:border-box;}.ant-wave{position:absolute;background:transparent;pointer-events:none;box-sizing:border-box;color:var(--wave-color, #037003);box-shadow:0 0 0 0 currentcolor;opacity:0.2;}.ant-wave.wave-motion-appear{transition:box-shadow 0.4s cubic-bezier(0.08, 0.82, 0.17, 1),opacity 2s cubic-bezier(0.08, 0.82, 0.17, 1);}.ant-wave.wave-motion-appear-active{box-shadow:0 0 0 6px currentcolor;opacity:0;}[class^=\\\\\"ant-picker\\\\\"],[class*=\\\\\" ant-picker\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-picker\\\\\"]::before,[class*=\\\\\" ant-picker\\\\\"]::before,[class^=\\\\\"ant-picker\\\\\"]::after,[class*=\\\\\" ant-picker\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-picker\\\\\"] [class^=\\\\\"ant-picker\\\\\"],[class*=\\\\\" ant-picker\\\\\"] [class^=\\\\\"ant-picker\\\\\"],[class^=\\\\\"ant-picker\\\\\"] [class*=\\\\\" ant-picker\\\\\"],[class*=\\\\\" ant-picker\\\\\"] [class*=\\\\\" ant-picker\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-picker\\\\\"] [class^=\\\\\"ant-picker\\\\\"]::before,[class*=\\\\\" ant-picker\\\\\"] [class^=\\\\\"ant-picker\\\\\"]::before,[class^=\\\\\"ant-picker\\\\\"] [class*=\\\\\" ant-picker\\\\\"]::before,[class*=\\\\\" ant-picker\\\\\"] [class*=\\\\\" ant-picker\\\\\"]::before,[class^=\\\\\"ant-picker\\\\\"] [class^=\\\\\"ant-picker\\\\\"]::after,[class*=\\\\\" ant-picker\\\\\"] [class^=\\\\\"ant-picker\\\\\"]::after,[class^=\\\\\"ant-picker\\\\\"] [class*=\\\\\" ant-picker\\\\\"]::after,[class*=\\\\\" ant-picker\\\\\"] [class*=\\\\\" ant-picker\\\\\"]::after{box-sizing:border-box;}.ant-picker-calendar{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';background:#141414;}.ant-picker-calendar .ant-picker-panel{display:inline-flex;flex-direction:column;text-align:center;background:#141414;border:1px solid rgba(253, 253, 253, 0.12);border-radius:8px;outline:none;}.ant-picker-calendar .ant-picker-panel-focused{border-color:#037003;}.ant-picker-calendar .ant-picker-panel-rtl{direction:rtl;}.ant-picker-calendar .ant-picker-panel-rtl .ant-picker-prev-icon,.ant-picker-calendar .ant-picker-panel-rtl .ant-picker-super-prev-icon{transform:rotate(45deg);}.ant-picker-calendar .ant-picker-panel-rtl .ant-picker-next-icon,.ant-picker-calendar .ant-picker-panel-rtl .ant-picker-super-next-icon{transform:rotate(-135deg);}.ant-picker-calendar .ant-picker-decade-panel,.ant-picker-calendar .ant-picker-year-panel,.ant-picker-calendar .ant-picker-quarter-panel,.ant-picker-calendar .ant-picker-month-panel,.ant-picker-calendar .ant-picker-week-panel,.ant-picker-calendar .ant-picker-date-panel,.ant-picker-calendar .ant-picker-time-panel{display:flex;flex-direction:column;width:280px;}.ant-picker-calendar .ant-picker-header{display:flex;padding:0 8px;color:rgba(255, 255, 255, 0.85);border-bottom:1px solid rgba(253, 253, 253, 0.12);}.ant-picker-calendar .ant-picker-header >*{flex:none;}.ant-picker-calendar .ant-picker-header button{padding:0;color:rgba(255, 255, 255, 0.45);line-height:40px;background:transparent;border:0;cursor:pointer;transition:color 0.2s;}.ant-picker-calendar .ant-picker-header >button{min-width:1.6em;font-size:14px;}.ant-picker-calendar .ant-picker-header >button:hover{color:rgba(255, 255, 255, 0.85);}.ant-picker-calendar .ant-picker-header-view{flex:auto;font-weight:600;line-height:40px;}.ant-picker-calendar .ant-picker-header-view button{color:inherit;font-weight:inherit;vertical-align:top;}.ant-picker-calendar .ant-picker-header-view button:not(:first-child){margin-inline-start:8px;}.ant-picker-calendar .ant-picker-header-view button:hover{color:#037003;}.ant-picker-calendar .ant-picker-prev-icon,.ant-picker-calendar .ant-picker-next-icon,.ant-picker-calendar .ant-picker-super-prev-icon,.ant-picker-calendar .ant-picker-super-next-icon{position:relative;display:inline-block;width:7px;height:7px;}.ant-picker-calendar .ant-picker-prev-icon::before,.ant-picker-calendar .ant-picker-next-icon::before,.ant-picker-calendar .ant-picker-super-prev-icon::before,.ant-picker-calendar .ant-picker-super-next-icon::before{position:absolute;top:0;inset-inline-start:0;display:inline-block;width:7px;height:7px;border:0 solid currentcolor;border-block-start-width:1.5px;border-block-end-width:0;border-inline-start-width:1.5px;border-inline-end-width:0;content:\\\\\"\\\\\";}.ant-picker-calendar .ant-picker-super-prev-icon::after,.ant-picker-calendar .ant-picker-super-next-icon::after{position:absolute;top:4px;inset-inline-start:4px;display:inline-block;width:7px;height:7px;border:0 solid currentcolor;border-block-start-width:1.5px;border-block-end-width:0;border-inline-start-width:1.5px;border-inline-end-width:0;content:\\\\\"\\\\\";}.ant-picker-calendar .ant-picker-prev-icon,.ant-picker-calendar .ant-picker-super-prev-icon{transform:rotate(-45deg);}.ant-picker-calendar .ant-picker-next-icon,.ant-picker-calendar .ant-picker-super-next-icon{transform:rotate(135deg);}.ant-picker-calendar .ant-picker-content{width:100%;table-layout:fixed;border-collapse:collapse;}.ant-picker-calendar .ant-picker-content th,.ant-picker-calendar .ant-picker-content td{position:relative;min-width:24px;font-weight:normal;}.ant-picker-calendar .ant-picker-content th{height:32px;color:rgba(255, 255, 255, 0.85);vertical-align:middle;}.ant-picker-calendar .ant-picker-cell{padding:4px 0;color:rgba(255, 255, 255, 0.25);cursor:pointer;}.ant-picker-calendar .ant-picker-cell-in-view{color:rgba(255, 255, 255, 0.85);}.ant-picker-calendar .ant-picker-cell::before{position:absolute;top:50%;inset-inline-start:0;inset-inline-end:0;z-index:1;height:24px;transform:translateY(-50%);transition:all 0.3s;content:\\\\\"\\\\\";}.ant-picker-calendar .ant-picker-cell .ant-picker-cell-inner{position:relative;z-index:2;display:inline-block;min-width:24px;height:24px;line-height:24px;border-radius:4px;transition:background 0.2s,border 0.2s;}.ant-picker-calendar .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,.ant-picker-calendar .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner{background:rgba(255, 255, 255, 0.08);}.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before{position:absolute;top:0;inset-inline-end:0;bottom:0;inset-inline-start:0;z-index:1;border:1px solid #037003;border-radius:4px;content:\\\\\"\\\\\";}.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-in-range{position:relative;}.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-in-range::before{background:#111911;}.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{color:#fff;background:#037003;}.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before{background:#111911;}.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-start::before{inset-inline-start:50%;}.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-end::before{inset-inline-end:50%;}.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after{position:absolute;top:50%;z-index:0;height:24px;border-top:1px dashed #06d306;border-bottom:1px dashed #06d306;transform:translateY(-50%);transition:all 0.3s;content:\\\\\"\\\\\";}.ant-picker-calendar .ant-picker-cell-range-hover-start::after,.ant-picker-calendar .ant-picker-cell-range-hover-end::after,.ant-picker-calendar .ant-picker-cell-range-hover::after{inset-inline-end:0;inset-inline-start:2px;}.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,.ant-picker-panel>:not(.ant-picker-date-panel) .ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,.ant-picker-panel>:not(.ant-picker-date-panel) .ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before{background:#2cf92c;}.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner{border-start-start-radius:4px;border-end-start-radius:4px;border-start-end-radius:0;border-end-end-radius:0;}.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner{border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:4px;border-end-end-radius:4px;}.ant-picker-calendar .ant-picker-cell-range-hover.ant-picker-cell-range-end::after{inset-inline-start:50%;}tr>.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,tr>.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after{inset-inline-start:6px;border-inline-start:1px dashed #06d306;border-start-start-radius:1px;border-end-start-radius:1px;}tr>.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,tr>.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,.ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after{inset-inline-end:6px;border-inline-end:1px dashed #06d306;border-start-end-radius:1px;border-end-end-radius:1px;}.ant-picker-calendar .ant-picker-cell-disabled{color:rgba(255, 255, 255, 0.25);pointer-events:none;}.ant-picker-calendar .ant-picker-cell-disabled .ant-picker-cell-inner{background:transparent;}.ant-picker-calendar .ant-picker-cell-disabled::before{background:rgba(255, 255, 255, 0.08);}.ant-picker-calendar .ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before{border-color:rgba(255, 255, 255, 0.25);}.ant-picker-calendar .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,.ant-picker-calendar .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after{position:absolute;top:0;bottom:0;z-index:-1;background:#2cf92c;transition:all 0.3s;content:\\\\\"\\\\\";}.ant-picker-calendar .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after{inset-inline-end:-6px;inset-inline-start:0;}.ant-picker-calendar .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after{inset-inline-end:0;inset-inline-start:-6px;}.ant-picker-calendar .ant-picker-range-hover.ant-picker-range-start::after{inset-inline-end:50%;}.ant-picker-calendar .ant-picker-decade-panel .ant-picker-content,.ant-picker-calendar .ant-picker-year-panel .ant-picker-content,.ant-picker-calendar .ant-picker-quarter-panel .ant-picker-content,.ant-picker-calendar .ant-picker-month-panel .ant-picker-content{height:264px;}.ant-picker-calendar .ant-picker-decade-panel .ant-picker-cell-inner,.ant-picker-calendar .ant-picker-year-panel .ant-picker-cell-inner,.ant-picker-calendar .ant-picker-quarter-panel .ant-picker-cell-inner,.ant-picker-calendar .ant-picker-month-panel .ant-picker-cell-inner{padding:0 8px;}.ant-picker-calendar .ant-picker-quarter-panel .ant-picker-content{height:56px;}.ant-picker-calendar .ant-picker-panel .ant-picker-footer{border-top:1px solid rgba(253, 253, 253, 0.12);}.ant-picker-calendar .ant-picker-footer{width:min-content;min-width:100%;line-height:38px;text-align:center;}.ant-picker-calendar .ant-picker-footer-extra{padding:0 12;line-height:38px;text-align:start;}.ant-picker-calendar .ant-picker-footer-extra:not(:last-child){border-bottom:1px solid rgba(253, 253, 253, 0.12);}.ant-picker-calendar .ant-picker-now{text-align:start;}.ant-picker-calendar .ant-picker-today-btn{color:#1668dc;}.ant-picker-calendar .ant-picker-today-btn:hover{color:#15417e;}.ant-picker-calendar .ant-picker-today-btn:active{color:#1554ad;}.ant-picker-calendar .ant-picker-today-btn.ant-picker-today-btn-disabled{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-picker-calendar .ant-picker-decade-panel .ant-picker-cell-inner{padding:0 4px;}.ant-picker-calendar .ant-picker-decade-panel .ant-picker-cell::before{display:none;}.ant-picker-calendar .ant-picker-year-panel .ant-picker-body,.ant-picker-calendar .ant-picker-quarter-panel .ant-picker-body,.ant-picker-calendar .ant-picker-month-panel .ant-picker-body{padding:0 8px;}.ant-picker-calendar .ant-picker-year-panel .ant-picker-cell-inner,.ant-picker-calendar .ant-picker-quarter-panel .ant-picker-cell-inner,.ant-picker-calendar .ant-picker-month-panel .ant-picker-cell-inner{width:60px;}.ant-picker-calendar .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,.ant-picker-calendar .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,.ant-picker-calendar .ant-picker-month-panel .ant-picker-cell-range-hover-start::after{inset-inline-start:16px;border-inline-start:1px dashed #06d306;border-start-start-radius:4px;border-bottom-start-radius:4px;border-start-end-radius:0;border-bottom-end-radius:0;}.ant-picker-panel-rtl .ant-picker-calendar .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,.ant-picker-panel-rtl .ant-picker-calendar .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,.ant-picker-panel-rtl .ant-picker-calendar .ant-picker-month-panel .ant-picker-cell-range-hover-start::after{inset-inline-end:16px;border-inline-end:1px dashed #06d306;border-start-start-radius:0;border-bottom-start-radius:0;border-start-end-radius:4px;border-bottom-end-radius:4px;}.ant-picker-calendar .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,.ant-picker-calendar .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,.ant-picker-calendar .ant-picker-month-panel .ant-picker-cell-range-hover-end::after{inset-inline-end:16px;border-inline-end:1px dashed #06d306;border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:6px;border-end-end-radius:6px;}.ant-picker-panel-rtl .ant-picker-calendar .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,.ant-picker-panel-rtl .ant-picker-calendar .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,.ant-picker-panel-rtl .ant-picker-calendar .ant-picker-month-panel .ant-picker-cell-range-hover-end::after{inset-inline-start:16px;border-inline-start:1px dashed #06d306;border-start-start-radius:6px;border-end-start-radius:6px;border-start-end-radius:0;border-end-end-radius:0;}.ant-picker-calendar .ant-picker-week-panel .ant-picker-body{padding:8px 12px;}.ant-picker-calendar .ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,.ant-picker-calendar .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,.ant-picker-calendar .ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner{background:transparent!important;}.ant-picker-calendar .ant-picker-week-panel-row td{transition:background 0.2s;}.ant-picker-calendar .ant-picker-week-panel-row td:first-child{border-start-start-radius:4px;border-end-start-radius:4px;}.ant-picker-calendar .ant-picker-week-panel-row td:last-child{border-start-end-radius:4px;border-end-end-radius:4px;}.ant-picker-calendar .ant-picker-week-panel-row:hover td{background:rgba(255, 255, 255, 0.08);}.ant-picker-calendar .ant-picker-week-panel-row-selected td,.ant-picker-calendar .ant-picker-week-panel-row-selected:hover td{background:#037003;}.ant-picker-calendar .ant-picker-week-panel-row-selected td.ant-picker-cell-week,.ant-picker-calendar .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week{color:#ffffff;}.ant-picker-calendar .ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,.ant-picker-calendar .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before{border-color:#fff;}.ant-picker-calendar .ant-picker-week-panel-row-selected td .ant-picker-cell-inner,.ant-picker-calendar .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner{color:#fff;}.ant-picker-calendar .ant-picker-date-panel .ant-picker-body{padding:8px 12px;}.ant-picker-calendar .ant-picker-date-panel .ant-picker-content{width:252px;}.ant-picker-calendar .ant-picker-date-panel .ant-picker-content th{width:36px;}.ant-picker-calendar .ant-picker-datetime-panel{display:flex;}.ant-picker-calendar .ant-picker-datetime-panel .ant-picker-time-panel{border-inline-start:1px solid rgba(253, 253, 253, 0.12);}.ant-picker-calendar .ant-picker-datetime-panel .ant-picker-date-panel,.ant-picker-calendar .ant-picker-datetime-panel .ant-picker-time-panel{transition:opacity 0.3s;}.ant-picker-calendar .ant-picker-datetime-panel-active .ant-picker-date-panel,.ant-picker-calendar .ant-picker-datetime-panel-active .ant-picker-time-panel{opacity:0.3;}.ant-picker-calendar .ant-picker-datetime-panel-active .ant-picker-date-panel-active,.ant-picker-calendar .ant-picker-datetime-panel-active .ant-picker-time-panel-active{opacity:1;}.ant-picker-calendar .ant-picker-time-panel{width:auto;min-width:auto;direction:ltr;}.ant-picker-calendar .ant-picker-time-panel .ant-picker-content{display:flex;flex:auto;height:224px;}.ant-picker-calendar .ant-picker-time-panel-column{flex:1 0 auto;width:56px;margin:4px 0;padding:0;overflow-y:hidden;text-align:start;list-style:none;transition:background 0.2s;overflow-x:hidden;}.ant-picker-calendar .ant-picker-time-panel-column::after{display:block;height:196px;content:\\\\\"\\\\\";}.ant-picker-calendar .ant-picker-time-panel-column:not(:first-child){border-inline-start:1px solid rgba(253, 253, 253, 0.12);}.ant-picker-calendar .ant-picker-time-panel-column-active{background:#111911;}.ant-picker-calendar .ant-picker-time-panel-column:hover{overflow-y:auto;}.ant-picker-calendar .ant-picker-time-panel-column >li{margin:0;padding:0;}.ant-picker-calendar .ant-picker-time-panel-column >li.ant-picker-time-panel-cell{margin-inline:4px;}.ant-picker-calendar .ant-picker-time-panel-column >li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner{display:block;width:48px;height:28px;margin:0;padding-block:0;padding-inline-end:0;padding-inline-start:14px;color:rgba(255, 255, 255, 0.85);line-height:28px;border-radius:4px;cursor:pointer;transition:background 0.2s;}.ant-picker-calendar .ant-picker-time-panel-column >li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover{background:rgba(255, 255, 255, 0.08);}.ant-picker-calendar .ant-picker-time-panel-column >li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner{background:#111911;}.ant-picker-calendar .ant-picker-time-panel-column >li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner{color:rgba(255, 255, 255, 0.25);background:transparent;cursor:not-allowed;}.ant-picker-calendar .ant-picker-datetime-panel .ant-picker-time-panel-column:after{height:204px;}.ant-picker-calendar-rtl{direction:rtl;}.ant-picker-calendar .ant-picker-calendar-header{display:flex;justify-content:flex-end;padding:12px 0;}.ant-picker-calendar .ant-picker-calendar-header .ant-picker-calendar-year-select{min-width:80px;}.ant-picker-calendar .ant-picker-calendar-header .ant-picker-calendar-month-select{min-width:70px;margin-inline-start:8px;}.ant-picker-calendar .ant-picker-calendar-header .ant-picker-calendar-mode-switch{margin-inline-start:8px;}.ant-picker-calendar .ant-picker-panel{background:#141414;border:0;border-top:1px solid rgba(253, 253, 253, 0.12);border-radius:0;}.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel{width:auto;}.ant-picker-calendar .ant-picker-panel .ant-picker-body{padding:8px 0;}.ant-picker-calendar .ant-picker-panel .ant-picker-content{width:100%;}.ant-picker-calendar-mini{border-radius:8px;}.ant-picker-calendar-mini .ant-picker-calendar-header{padding-inline-end:8px;padding-inline-start:8px;}.ant-picker-calendar-mini .ant-picker-panel{border-radius:0 0 8px 8px;}.ant-picker-calendar-mini .ant-picker-content{height:256px;}.ant-picker-calendar-mini .ant-picker-content th{height:auto;padding:0;line-height:18px;}.ant-picker-calendar-mini .ant-picker-cell::before{pointer-events:none;}.ant-picker-calendar.ant-picker-calendar-full .ant-picker-panel{display:block;width:100%;text-align:end;background:#141414;border:0;}.ant-picker-calendar.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th,.ant-picker-calendar.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td{padding:0;}.ant-picker-calendar.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th{height:auto;padding-inline-end:12px;padding-bottom:4px;line-height:18px;}.ant-picker-calendar.ant-picker-calendar-full .ant-picker-cell::before{display:none;}.ant-picker-calendar.ant-picker-calendar-full .ant-picker-cell:hover .ant-picker-calendar-date{background:rgba(255, 255, 255, 0.08);}.ant-picker-calendar.ant-picker-calendar-full .ant-picker-cell .ant-picker-calendar-date-today::before{display:none;}.ant-picker-calendar.ant-picker-calendar-full .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-calendar-date,.ant-picker-calendar.ant-picker-calendar-full .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-calendar-date-today{background:#111911;}.ant-picker-calendar.ant-picker-calendar-full .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,.ant-picker-calendar.ant-picker-calendar-full .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,.ant-picker-calendar.ant-picker-calendar-full .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,.ant-picker-calendar.ant-picker-calendar-full .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value{color:#037003;}.ant-picker-calendar.ant-picker-calendar-full .ant-picker-calendar-date{display:block;width:auto;height:auto;margin:0 4px;padding:4px 8px 0;border:0;border-top:2px solid rgba(253, 253, 253, 0.12);border-radius:0;transition:background 0.3s;}.ant-picker-calendar.ant-picker-calendar-full .ant-picker-calendar-date-value{line-height:24px;transition:color 0.3s;}.ant-picker-calendar.ant-picker-calendar-full .ant-picker-calendar-date-content{position:static;width:auto;height:86px;overflow-y:auto;color:rgba(255, 255, 255, 0.85);line-height:1.5714285714285714;text-align:start;}.ant-picker-calendar.ant-picker-calendar-full .ant-picker-calendar-date-today{border-color:#037003;}.ant-picker-calendar.ant-picker-calendar-full .ant-picker-calendar-date-today .ant-picker-calendar-date-value{color:rgba(255, 255, 255, 0.85);}@media only screen and (max-width: 480px){.ant-picker-calendar .ant-picker-calendar-header{display:block;}.ant-picker-calendar .ant-picker-calendar-header .ant-picker-calendar-year-select{width:50%;}.ant-picker-calendar .ant-picker-calendar-header .ant-picker-calendar-month-select{width:calc(50% - 8px);}.ant-picker-calendar .ant-picker-calendar-header .ant-picker-calendar-mode-switch{width:100%;margin-top:8px;margin-inline-start:0;}.ant-picker-calendar .ant-picker-calendar-header .ant-picker-calendar-mode-switch >label{width:50%;text-align:center;}}[class^=\\\\\"ant-radio\\\\\"],[class*=\\\\\" ant-radio\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-radio\\\\\"]::before,[class*=\\\\\" ant-radio\\\\\"]::before,[class^=\\\\\"ant-radio\\\\\"]::after,[class*=\\\\\" ant-radio\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-radio\\\\\"] [class^=\\\\\"ant-radio\\\\\"],[class*=\\\\\" ant-radio\\\\\"] [class^=\\\\\"ant-radio\\\\\"],[class^=\\\\\"ant-radio\\\\\"] [class*=\\\\\" ant-radio\\\\\"],[class*=\\\\\" ant-radio\\\\\"] [class*=\\\\\" ant-radio\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-radio\\\\\"] [class^=\\\\\"ant-radio\\\\\"]::before,[class*=\\\\\" ant-radio\\\\\"] [class^=\\\\\"ant-radio\\\\\"]::before,[class^=\\\\\"ant-radio\\\\\"] [class*=\\\\\" ant-radio\\\\\"]::before,[class*=\\\\\" ant-radio\\\\\"] [class*=\\\\\" ant-radio\\\\\"]::before,[class^=\\\\\"ant-radio\\\\\"] [class^=\\\\\"ant-radio\\\\\"]::after,[class*=\\\\\" ant-radio\\\\\"] [class^=\\\\\"ant-radio\\\\\"]::after,[class^=\\\\\"ant-radio\\\\\"] [class*=\\\\\" ant-radio\\\\\"]::after,[class*=\\\\\" ant-radio\\\\\"] [class*=\\\\\" ant-radio\\\\\"]::after{box-sizing:border-box;}.ant-radio-group{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:0;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:inline-block;}.ant-radio-group.ant-radio-group-rtl{direction:rtl;}.ant-radio-group .ant-badge .ant-badge-count{z-index:1;}.ant-radio-group >.ant-badge:not(:first-child)>.ant-button-wrapper{border-inline-start:none;}.ant-radio-wrapper{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;display:inline-flex;align-items:baseline;margin-inline-start:0;margin-inline-end:8px;cursor:pointer;}.ant-radio-wrapper.ant-radio-wrapper-rtl{direction:rtl;}.ant-radio-wrapper-disabled{cursor:not-allowed;color:rgba(255, 255, 255, 0.25);}.ant-radio-wrapper::after{display:inline-block;width:0;overflow:hidden;content:\\\\\"\\\\\\\\a0\\\\\";}.ant-radio-wrapper .ant-radio-checked::after{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;border:1px solid #037003;border-radius:50%;visibility:hidden;animation-name:antRadioEffect;animation-duration:0.3s;animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);animation-fill-mode:both;content:\\\\\"\\\\\";}.ant-radio-wrapper .ant-radio{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;display:inline-block;outline:none;cursor:pointer;align-self:center;}.ant-radio-wrapper:hover .ant-radio-wrapper,.ant-radio-wrapper:hover .ant-radio-inner{border-color:#037003;}.ant-radio-wrapper .ant-radio-input:focus-visible+.ant-radio-inner{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-radio-wrapper .ant-radio:hover::after,.ant-radio-wrapper:hover .ant-radio-wrapper::after{visibility:visible;}.ant-radio-wrapper .ant-radio-inner{box-sizing:border-box;position:relative;inset-block-start:0;inset-inline-start:0;display:block;width:16px;height:16px;background-color:#141414;border-color:#424242;border-style:solid;border-width:1px;border-radius:50%;transition:all 0.2s;}.ant-radio-wrapper .ant-radio-inner::after{box-sizing:border-box;position:absolute;inset-block-start:50%;inset-inline-start:50%;display:block;width:16px;height:16px;margin-block-start:-8px;margin-inline-start:-8px;background-color:#fff;border-block-start:0;border-inline-start:0;border-radius:16px;transform:scale(0);opacity:0;transition:all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);content:\\\\\"\\\\\";}.ant-radio-wrapper .ant-radio-input{position:absolute;inset-block-start:0;inset-inline-end:0;inset-block-end:0;inset-inline-start:0;z-index:1;cursor:pointer;opacity:0;}.ant-radio-wrapper .ant-radio-checked .ant-radio-inner{border-color:#037003;background-color:#037003;}.ant-radio-wrapper .ant-radio-checked .ant-radio-inner::after{transform:scale(0.375);opacity:1;transition:all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);}.ant-radio-wrapper .ant-radio-disabled{cursor:not-allowed;}.ant-radio-wrapper .ant-radio-disabled .ant-radio-inner{background-color:rgba(255, 255, 255, 0.08);border-color:#424242;cursor:not-allowed;}.ant-radio-wrapper .ant-radio-disabled .ant-radio-inner::after{background-color:rgba(255, 255, 255, 0.25);}.ant-radio-wrapper .ant-radio-disabled .ant-radio-input{cursor:not-allowed;}.ant-radio-wrapper .ant-radio-disabled .ant-radio-disabled+span{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-radio-wrapper .ant-radio-disabled.ant-radio-checked .ant-radio-inner::after{transform:scale(0.5);}.ant-radio-wrapper span.ant-radio+*{padding-inline-start:8px;padding-inline-end:8px;}.ant-radio-button-wrapper{position:relative;display:inline-block;height:32px;margin:0;padding-inline:15px;padding-block:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:30px;background:#141414;border:1px solid #424242;border-block-start-width:1.02px;border-inline-start-width:0;border-inline-end-width:1px;cursor:pointer;transition:color 0.2s,background 0.2s,border-color 0.2s,box-shadow 0.2s;}.ant-radio-button-wrapper a{color:rgba(255, 255, 255, 0.85);}.ant-radio-button-wrapper >.ant-radio-button{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:-1;width:100%;height:100%;}.ant-radio-button-wrapper:not(:first-child)::before{position:absolute;inset-block-start:-1px;inset-inline-start:-1px;display:block;box-sizing:content-box;width:1px;height:100%;padding-block:1px;padding-inline:0;background-color:#424242;transition:background-color 0.3s;content:\\\\\"\\\\\";}.ant-radio-button-wrapper:first-child{border-inline-start:1px solid #424242;border-start-start-radius:6px;border-end-start-radius:6px;}.ant-radio-button-wrapper:last-child{border-start-end-radius:6px;border-end-end-radius:6px;}.ant-radio-button-wrapper:first-child:last-child{border-radius:6px;}.ant-radio-group-large .ant-radio-button-wrapper{height:40px;font-size:16px;line-height:38px;}.ant-radio-group-large .ant-radio-button-wrapper:first-child{border-start-start-radius:8px;border-end-start-radius:8px;}.ant-radio-group-large .ant-radio-button-wrapper:last-child{border-start-end-radius:8px;border-end-end-radius:8px;}.ant-radio-group-small .ant-radio-button-wrapper{height:24px;padding-inline:7px;padding-block:0;line-height:22px;}.ant-radio-group-small .ant-radio-button-wrapper:first-child{border-start-start-radius:4px;border-end-start-radius:4px;}.ant-radio-group-small .ant-radio-button-wrapper:last-child{border-start-end-radius:4px;border-end-end-radius:4px;}.ant-radio-button-wrapper:hover{position:relative;color:#037003;}.ant-radio-button-wrapper:has(:focus-visible){outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-radio-button-wrapper .ant-radio-inner,.ant-radio-button-wrapper input[type='checkbox'],.ant-radio-button-wrapper input[type='radio']{width:0;height:0;opacity:0;pointer-events:none;}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){z-index:1;color:#037003;background:#141414;border-color:#037003;}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before{background-color:#037003;}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child{border-color:#037003;}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{color:#198016;border-color:#198016;}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before{background-color:#198016;}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active{color:#075a07;border-color:#075a07;}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before{background-color:#075a07;}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){color:#fff;background:#037003;border-color:#037003;}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{color:#fff;background:#198016;border-color:#198016;}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active{color:#fff;background:#075a07;border-color:#075a07;}.ant-radio-button-wrapper-disabled{color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);border-color:#424242;cursor:not-allowed;}.ant-radio-button-wrapper-disabled:first-child,.ant-radio-button-wrapper-disabled:hover{color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);border-color:#424242;}.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked{color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.18);border-color:#424242;box-shadow:none;}@keyframes antRadioEffect{0%{transform:scale(1);opacity:0.5;}100%{transform:scale(1.6);opacity:0;}}[class^=\\\\\"ant-card\\\\\"],[class*=\\\\\" ant-card\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-card\\\\\"]::before,[class*=\\\\\" ant-card\\\\\"]::before,[class^=\\\\\"ant-card\\\\\"]::after,[class*=\\\\\" ant-card\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-card\\\\\"] [class^=\\\\\"ant-card\\\\\"],[class*=\\\\\" ant-card\\\\\"] [class^=\\\\\"ant-card\\\\\"],[class^=\\\\\"ant-card\\\\\"] [class*=\\\\\" ant-card\\\\\"],[class*=\\\\\" ant-card\\\\\"] [class*=\\\\\" ant-card\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-card\\\\\"] [class^=\\\\\"ant-card\\\\\"]::before,[class*=\\\\\" ant-card\\\\\"] [class^=\\\\\"ant-card\\\\\"]::before,[class^=\\\\\"ant-card\\\\\"] [class*=\\\\\" ant-card\\\\\"]::before,[class*=\\\\\" ant-card\\\\\"] [class*=\\\\\" ant-card\\\\\"]::before,[class^=\\\\\"ant-card\\\\\"] [class^=\\\\\"ant-card\\\\\"]::after,[class*=\\\\\" ant-card\\\\\"] [class^=\\\\\"ant-card\\\\\"]::after,[class^=\\\\\"ant-card\\\\\"] [class*=\\\\\" ant-card\\\\\"]::after,[class*=\\\\\" ant-card\\\\\"] [class*=\\\\\" ant-card\\\\\"]::after{box-sizing:border-box;}.ant-card{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;background:#141414;border-radius:8px;}.ant-card:not(.ant-card-bordered){box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.03),0 1px 6px -1px rgba(0, 0, 0, 0.02),0 2px 4px 0 rgba(0, 0, 0, 0.02);}.ant-card .ant-card-head{display:flex;justify-content:center;flex-direction:column;min-height:56px;margin-bottom:-1px;padding:0 24px;color:rgba(255, 255, 255, 0.85);font-weight:600;font-size:16px;background:transparent;border-bottom:1px solid #303030;border-radius:8px 8px 0 0;}.ant-card .ant-card-head::before{display:table;content:\\\\\"\\\\\";}.ant-card .ant-card-head::after{display:table;clear:both;content:\\\\\"\\\\\";}.ant-card .ant-card-head-wrapper{width:100%;display:flex;align-items:center;}.ant-card .ant-card-head-title{display:inline-block;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.ant-card .ant-card-head-title >.ant-card-typography,.ant-card .ant-card-head-title >.ant-card-typography-edit-content{inset-inline-start:0;margin-top:0;margin-bottom:0;}.ant-card .ant-card-head .ant-tabs-top{clear:both;margin-bottom:-17px;color:rgba(255, 255, 255, 0.85);font-weight:normal;font-size:14px;}.ant-card .ant-card-head .ant-tabs-top-bar{border-bottom:1px solid #303030;}.ant-card .ant-card-extra{margin-inline-start:auto;font-weight:normal;font-size:14px;}.ant-card .ant-card-body{padding:24px;border-radius:0 0 8px 8px;}.ant-card .ant-card-body::before{display:table;content:\\\\\"\\\\\";}.ant-card .ant-card-body::after{display:table;clear:both;content:\\\\\"\\\\\";}.ant-card .ant-card-grid{width:33.33%;padding:24px;border:0;border-radius:0;box-shadow:1px 0 0 0 #303030,0 1px 0 0 #303030,1px 1px 0 0 #303030,1px 0 0 0 #303030 inset,0 1px 0 0 #303030 inset;transition:all 0.2s;}.ant-card .ant-card-grid-hoverable:hover{position:relative;z-index:1;box-shadow:0 1px 2px -2px rgba(0, 0, 0, 0.16),0 3px 6px 0 rgba(0, 0, 0, 0.12),0 5px 12px 4px rgba(0, 0, 0, 0.09);}.ant-card .ant-card-cover >*{display:block;width:100%;}.ant-card .ant-card-cover img{border-radius:8px 8px 0 0;}.ant-card .ant-card-actions{margin:0;padding:0;list-style:none;background:#141414;border-top:1px solid #303030;display:flex;border-radius:0 0 8px 8px;}.ant-card .ant-card-actions::before{display:table;content:\\\\\"\\\\\";}.ant-card .ant-card-actions::after{display:table;clear:both;content:\\\\\"\\\\\";}.ant-card .ant-card-actions>li{margin:12px 0;color:rgba(255, 255, 255, 0.45);text-align:center;}.ant-card .ant-card-actions>li >span{position:relative;display:block;min-width:28px;font-size:14px;line-height:1.5714285714285714;cursor:pointer;}.ant-card .ant-card-actions>li >span:hover{color:#037003;transition:color 0.2s;}.ant-card .ant-card-actions>li >span a:not(.ant-card-btn),.ant-card .ant-card-actions>li >span >.anticon{display:inline-block;width:100%;color:rgba(255, 255, 255, 0.45);line-height:22px;transition:color 0.2s;}.ant-card .ant-card-actions>li >span a:not(.ant-card-btn):hover,.ant-card .ant-card-actions>li >span >.anticon:hover{color:#037003;}.ant-card .ant-card-actions>li >span >.anticon{font-size:14px;line-height:22px;}.ant-card .ant-card-actions>li:not(:last-child){border-inline-end:1px solid #303030;}.ant-card .ant-card-meta{margin:-4px 0;display:flex;}.ant-card .ant-card-meta::before{display:table;content:\\\\\"\\\\\";}.ant-card .ant-card-meta::after{display:table;clear:both;content:\\\\\"\\\\\";}.ant-card .ant-card-meta-avatar{padding-inline-end:16px;}.ant-card .ant-card-meta-detail{overflow:hidden;flex:1;}.ant-card .ant-card-meta-detail >div:not(:last-child){margin-bottom:8px;}.ant-card .ant-card-meta-title{color:rgba(255, 255, 255, 0.85);font-weight:600;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.ant-card .ant-card-meta-description{color:rgba(255, 255, 255, 0.45);}.ant-card-bordered{border:1px solid #303030;}.ant-card-bordered .ant-card-cover{margin-top:-1px;margin-inline-start:-1px;margin-inline-end:-1px;}.ant-card-hoverable{cursor:pointer;transition:box-shadow 0.2s,border-color 0.2s;}.ant-card-hoverable:hover{border-color:transparent;box-shadow:0 1px 2px -2px rgba(0, 0, 0, 0.16),0 3px 6px 0 rgba(0, 0, 0, 0.12),0 5px 12px 4px rgba(0, 0, 0, 0.09);}.ant-card-contain-grid .ant-card-body{display:flex;flex-wrap:wrap;}.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body{margin-block-start:-1px;margin-inline-start:-1px;padding:0;}.ant-card-contain-tabs >.ant-card-head .ant-card-head-title,.ant-card-contain-tabs >.ant-card-head .ant-card-extra{padding-top:16px;}.ant-card-type-inner .ant-card-head{padding:0 24px;background:rgba(255, 255, 255, 0.04);}.ant-card-type-inner .ant-card-head-title{font-size:14px;}.ant-card-type-inner .ant-card-body{padding:16px 24px;}.ant-card-loading{overflow:hidden;}.ant-card-loading .ant-card-body{user-select:none;}.ant-card-rtl{direction:rtl;}.ant-card-small >.ant-card-head{min-height:38px;padding:0 12px;font-size:14px;}.ant-card-small >.ant-card-head >.ant-card-head-wrapper >.ant-card-extra{font-size:14px;}.ant-card-small >.ant-card-body{padding:12px;}.ant-card-small.ant-card-contain-tabs >.ant-card-head .ant-card-head-title,.ant-card-small.ant-card-contain-tabs >.ant-card-head .ant-card-extra{min-height:38px;padding-top:0;display:flex;align-items:center;}[class^=\\\\\"ant-collapse\\\\\"],[class*=\\\\\" ant-collapse\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-collapse\\\\\"]::before,[class*=\\\\\" ant-collapse\\\\\"]::before,[class^=\\\\\"ant-collapse\\\\\"]::after,[class*=\\\\\" ant-collapse\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-collapse\\\\\"] [class^=\\\\\"ant-collapse\\\\\"],[class*=\\\\\" ant-collapse\\\\\"] [class^=\\\\\"ant-collapse\\\\\"],[class^=\\\\\"ant-collapse\\\\\"] [class*=\\\\\" ant-collapse\\\\\"],[class*=\\\\\" ant-collapse\\\\\"] [class*=\\\\\" ant-collapse\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-collapse\\\\\"] [class^=\\\\\"ant-collapse\\\\\"]::before,[class*=\\\\\" ant-collapse\\\\\"] [class^=\\\\\"ant-collapse\\\\\"]::before,[class^=\\\\\"ant-collapse\\\\\"] [class*=\\\\\" ant-collapse\\\\\"]::before,[class*=\\\\\" ant-collapse\\\\\"] [class*=\\\\\" ant-collapse\\\\\"]::before,[class^=\\\\\"ant-collapse\\\\\"] [class^=\\\\\"ant-collapse\\\\\"]::after,[class*=\\\\\" ant-collapse\\\\\"] [class^=\\\\\"ant-collapse\\\\\"]::after,[class^=\\\\\"ant-collapse\\\\\"] [class*=\\\\\" ant-collapse\\\\\"]::after,[class*=\\\\\" ant-collapse\\\\\"] [class*=\\\\\" ant-collapse\\\\\"]::after{box-sizing:border-box;}.ant-collapse{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';background-color:rgba(255, 255, 255, 0.04);border:1px solid #424242;border-bottom:0;border-radius:8px;}.ant-collapse-rtl{direction:rtl;}.ant-collapse>.ant-collapse-item{border-bottom:1px solid #424242;}.ant-collapse>.ant-collapse-item:last-child,.ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header{border-radius:0 0 8px 8px;}.ant-collapse>.ant-collapse-item >.ant-collapse-header{position:relative;display:flex;flex-wrap:nowrap;align-items:flex-start;padding:12px 16px;color:rgba(255, 255, 255, 0.85);line-height:1.5714285714285714;cursor:pointer;transition:all 0.3s,visibility 0s;}.ant-collapse>.ant-collapse-item >.ant-collapse-header >.ant-collapse-header-text{flex:auto;}.ant-collapse>.ant-collapse-item >.ant-collapse-header:focus{outline:none;}.ant-collapse>.ant-collapse-item >.ant-collapse-header .ant-collapse-expand-icon{height:22px;display:flex;align-items:center;padding-inline-end:12px;}.ant-collapse>.ant-collapse-item >.ant-collapse-header .ant-collapse-arrow{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px;}.ant-collapse>.ant-collapse-item >.ant-collapse-header .ant-collapse-arrow >*{line-height:1;}.ant-collapse>.ant-collapse-item >.ant-collapse-header .ant-collapse-arrow svg{transition:transform 0.3s;}.ant-collapse>.ant-collapse-item >.ant-collapse-header .ant-collapse-header-text{margin-inline-end:auto;}.ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only{cursor:default;}.ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text{flex:none;cursor:pointer;}.ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-expand-icon{cursor:pointer;}.ant-collapse>.ant-collapse-item .ant-collapse-icon-collapsible-only{cursor:default;}.ant-collapse>.ant-collapse-item .ant-collapse-icon-collapsible-only .ant-collapse-expand-icon{cursor:pointer;}.ant-collapse>.ant-collapse-item.ant-collapse-no-arrow >.ant-collapse-header{padding-inline-start:12px;}.ant-collapse .ant-collapse-content{color:rgba(255, 255, 255, 0.85);background-color:#141414;border-top:1px solid #424242;}.ant-collapse .ant-collapse-content>.ant-collapse-content-box{padding:16px 16px;}.ant-collapse .ant-collapse-content-hidden{display:none;}.ant-collapse .ant-collapse-item:last-child >.ant-collapse-content{border-radius:0 0 8px 8px;}.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header,.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header>.arrow{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-collapse.ant-collapse-icon-position-end>.ant-collapse-item >.ant-collapse-header .ant-collapse-expand-icon{order:1;padding-inline-end:0;padding-inline-start:12px;}.ant-collapse-borderless{background-color:rgba(255, 255, 255, 0.04);border:0;}.ant-collapse-borderless >.ant-collapse-item{border-bottom:1px solid #424242;}.ant-collapse-borderless >.ant-collapse-item:last-child,.ant-collapse-borderless >.ant-collapse-item:last-child .ant-collapse-header{border-radius:0;}.ant-collapse-borderless >.ant-collapse-item:last-child{border-bottom:0;}.ant-collapse-borderless >.ant-collapse-item>.ant-collapse-content{background-color:transparent;border-top:0;}.ant-collapse-borderless >.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{padding-top:4px;}.ant-collapse-ghost{background-color:transparent;border:0;}.ant-collapse-ghost >.ant-collapse-item{border-bottom:0;}.ant-collapse-ghost >.ant-collapse-item >.ant-collapse-content{background-color:transparent;border:0;}.ant-collapse-ghost >.ant-collapse-item >.ant-collapse-content >.ant-collapse-content-box{padding-block:12px;}.ant-collapse-rtl >.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg{transform:rotate(180deg);}.ant-collapse .ant-motion-collapse-legacy{overflow:hidden;}.ant-collapse .ant-motion-collapse-legacy-active{transition:height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)!important;}.ant-collapse .ant-motion-collapse{overflow:hidden;transition:height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)!important;}[class^=\\\\\"ant-carousel\\\\\"],[class*=\\\\\" ant-carousel\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-carousel\\\\\"]::before,[class*=\\\\\" ant-carousel\\\\\"]::before,[class^=\\\\\"ant-carousel\\\\\"]::after,[class*=\\\\\" ant-carousel\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-carousel\\\\\"] [class^=\\\\\"ant-carousel\\\\\"],[class*=\\\\\" ant-carousel\\\\\"] [class^=\\\\\"ant-carousel\\\\\"],[class^=\\\\\"ant-carousel\\\\\"] [class*=\\\\\" ant-carousel\\\\\"],[class*=\\\\\" ant-carousel\\\\\"] [class*=\\\\\" ant-carousel\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-carousel\\\\\"] [class^=\\\\\"ant-carousel\\\\\"]::before,[class*=\\\\\" ant-carousel\\\\\"] [class^=\\\\\"ant-carousel\\\\\"]::before,[class^=\\\\\"ant-carousel\\\\\"] [class*=\\\\\" ant-carousel\\\\\"]::before,[class*=\\\\\" ant-carousel\\\\\"] [class*=\\\\\" ant-carousel\\\\\"]::before,[class^=\\\\\"ant-carousel\\\\\"] [class^=\\\\\"ant-carousel\\\\\"]::after,[class*=\\\\\" ant-carousel\\\\\"] [class^=\\\\\"ant-carousel\\\\\"]::after,[class^=\\\\\"ant-carousel\\\\\"] [class*=\\\\\" ant-carousel\\\\\"]::after,[class*=\\\\\" ant-carousel\\\\\"] [class*=\\\\\" ant-carousel\\\\\"]::after{box-sizing:border-box;}.ant-carousel{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';}.ant-carousel .slick-slider{position:relative;display:block;box-sizing:border-box;touch-action:pan-y;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}.ant-carousel .slick-slider .slick-track,.ant-carousel .slick-slider .slick-list{transform:translate3d(0, 0, 0);touch-action:pan-y;}.ant-carousel .slick-list{position:relative;display:block;margin:0;padding:0;overflow:hidden;}.ant-carousel .slick-list:focus{outline:none;}.ant-carousel .slick-list.dragging{cursor:pointer;}.ant-carousel .slick-list .slick-slide{pointer-events:none;}.ant-carousel .slick-list .slick-slide input.ant-radio-input,.ant-carousel .slick-list .slick-slide input.ant-checkbox-input{visibility:hidden;}.ant-carousel .slick-list .slick-slide.slick-active{pointer-events:auto;}.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input{visibility:visible;}.ant-carousel .slick-list .slick-slide >div>div{vertical-align:bottom;}.ant-carousel .slick-track{position:relative;top:0;inset-inline-start:0;display:block;}.ant-carousel .slick-track::before,.ant-carousel .slick-track::after{display:table;content:\\\\\"\\\\\";}.ant-carousel .slick-track::after{clear:both;}.ant-carousel .slick-slide{display:none;float:left;height:100%;min-height:1px;}.ant-carousel .slick-slide img{display:block;}.ant-carousel .slick-slide.dragging img{pointer-events:none;}.ant-carousel .slick-initialized .slick-slide{display:block;}.ant-carousel .slick-vertical .slick-slide{display:block;height:auto;}.ant-carousel .slick-arrow.slick-hidden{display:none;}.ant-carousel .slick-prev,.ant-carousel .slick-next{position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;color:transparent;font-size:0;line-height:0;background:transparent;border:0;outline:none;cursor:pointer;}.ant-carousel .slick-prev:hover,.ant-carousel .slick-next:hover,.ant-carousel .slick-prev:focus,.ant-carousel .slick-next:focus{color:transparent;background:transparent;outline:none;}.ant-carousel .slick-prev:hover::before,.ant-carousel .slick-next:hover::before,.ant-carousel .slick-prev:focus::before,.ant-carousel .slick-next:focus::before{opacity:1;}.ant-carousel .slick-prev.slick-disabled::before,.ant-carousel .slick-next.slick-disabled::before{opacity:0.25;}.ant-carousel .slick-prev{inset-inline-start:-25px;}.ant-carousel .slick-prev::before{content:\\\\\"←\\\\\";}.ant-carousel .slick-next{inset-inline-end:-25px;}.ant-carousel .slick-next::before{content:\\\\\"→\\\\\";}.ant-carousel .slick-dots{position:absolute;inset-inline-end:0;bottom:0;inset-inline-start:0;z-index:15;display:flex!important;justify-content:center;padding-inline-start:0;list-style:none;}.ant-carousel .slick-dots-bottom{bottom:12px;}.ant-carousel .slick-dots-top{top:12px;bottom:auto;}.ant-carousel .slick-dots li{position:relative;display:inline-block;flex:0 1 auto;box-sizing:content-box;width:16px;height:3px;margin-inline:4px;padding:0;text-align:center;text-indent:-999px;vertical-align:top;transition:all 0.3s;}.ant-carousel .slick-dots li button{position:relative;display:block;width:100%;height:3px;padding:0;color:transparent;font-size:0;background:#141414;border:0;border-radius:1px;outline:none;cursor:pointer;opacity:0.3;transition:all 0.3s;}.ant-carousel .slick-dots li button:hover,.ant-carousel .slick-dots li button:focus{opacity:0.75;}.ant-carousel .slick-dots li button::after{position:absolute;inset:-4px;content:\\\\\"\\\\\";}.ant-carousel .slick-dots li.slick-active{width:24px;}.ant-carousel .slick-dots li.slick-active button{background:#141414;opacity:1;}.ant-carousel .slick-dots li.slick-active:hover,.ant-carousel .slick-dots li.slick-active:focus{opacity:1;}.ant-carousel-vertical .slick-dots{top:50%;bottom:auto;flex-direction:column;width:3px;height:auto;margin:0;transform:translateY(-50%);}.ant-carousel-vertical .slick-dots-left{inset-inline-end:auto;inset-inline-start:12px;}.ant-carousel-vertical .slick-dots-right{inset-inline-end:12px;inset-inline-start:auto;}.ant-carousel-vertical .slick-dots li{width:3px;height:16px;margin:4px 0;vertical-align:baseline;}.ant-carousel-vertical .slick-dots li button{width:3px;height:16px;}.ant-carousel-vertical .slick-dots li.slick-active{width:3px;height:16px;}.ant-carousel-vertical .slick-dots li.slick-active button{width:3px;height:16px;}.ant-carousel-rtl{direction:rtl;}.ant-carousel-rtl.ant-carousel-rtl .slick-dots{flex-direction:row-reverse;}.ant-carousel-rtl.ant-carousel-vertical .slick-dots{flex-direction:column;}[class^=\\\\\"ant-cascader\\\\\"],[class*=\\\\\" ant-cascader\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-cascader\\\\\"]::before,[class*=\\\\\" ant-cascader\\\\\"]::before,[class^=\\\\\"ant-cascader\\\\\"]::after,[class*=\\\\\" ant-cascader\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-cascader\\\\\"] [class^=\\\\\"ant-cascader\\\\\"],[class*=\\\\\" ant-cascader\\\\\"] [class^=\\\\\"ant-cascader\\\\\"],[class^=\\\\\"ant-cascader\\\\\"] [class*=\\\\\" ant-cascader\\\\\"],[class*=\\\\\" ant-cascader\\\\\"] [class*=\\\\\" ant-cascader\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-cascader\\\\\"] [class^=\\\\\"ant-cascader\\\\\"]::before,[class*=\\\\\" ant-cascader\\\\\"] [class^=\\\\\"ant-cascader\\\\\"]::before,[class^=\\\\\"ant-cascader\\\\\"] [class*=\\\\\" ant-cascader\\\\\"]::before,[class*=\\\\\" ant-cascader\\\\\"] [class*=\\\\\" ant-cascader\\\\\"]::before,[class^=\\\\\"ant-cascader\\\\\"] [class^=\\\\\"ant-cascader\\\\\"]::after,[class*=\\\\\" ant-cascader\\\\\"] [class^=\\\\\"ant-cascader\\\\\"]::after,[class^=\\\\\"ant-cascader\\\\\"] [class*=\\\\\" ant-cascader\\\\\"]::after,[class*=\\\\\" ant-cascader\\\\\"] [class*=\\\\\" ant-cascader\\\\\"]::after{box-sizing:border-box;}.ant-cascader{width:184px;}.ant-cascader-dropdown .ant-cascader-checkbox-group{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:inline-flex;flex-wrap:wrap;column-gap:8px;}.ant-cascader-dropdown .ant-cascader-checkbox-group >.ant-row{flex:1;}.ant-cascader-dropdown .ant-cascader-checkbox-wrapper{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:inline-flex;align-items:baseline;cursor:pointer;}.ant-cascader-dropdown .ant-cascader-checkbox-wrapper:after{display:inline-block;width:0;overflow:hidden;content:'\\\\\\\\a0';}.ant-cascader-dropdown .ant-cascader-checkbox-wrapper+.ant-cascader-checkbox-wrapper{margin-inline-start:0;}.ant-cascader-dropdown .ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-in-form-item input[type=\\\\\"checkbox\\\\\"]{width:14px;height:14px;}.ant-cascader-dropdown .ant-cascader-checkbox{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;white-space:nowrap;cursor:pointer;align-self:center;}.ant-cascader-dropdown .ant-cascader-checkbox .ant-cascader-checkbox-input{position:absolute;inset:0;z-index:1;cursor:pointer;opacity:0;margin:0;}.ant-cascader-dropdown .ant-cascader-checkbox .ant-cascader-checkbox-input:focus-visible+.ant-cascader-checkbox-inner{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-cascader-dropdown .ant-cascader-checkbox .ant-cascader-checkbox-inner{box-sizing:border-box;position:relative;top:0;inset-inline-start:0;display:block;width:16px;height:16px;direction:ltr;background-color:#141414;border:1px solid #424242;border-radius:4px;border-collapse:separate;transition:all 0.3s;}.ant-cascader-dropdown .ant-cascader-checkbox .ant-cascader-checkbox-inner:after{box-sizing:border-box;position:absolute;top:50%;inset-inline-start:21.5%;display:table;width:5.7142857142857135px;height:9.142857142857142px;border:2px solid #fff;border-top:0;border-inline-start:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;content:\\\\\"\\\\\";transition:all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),opacity 0.1s;}.ant-cascader-dropdown .ant-cascader-checkbox+span{padding-inline-start:8px;padding-inline-end:8px;}.ant-cascader-dropdown .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner:after{top:50%;inset-inline-start:50%;width:8px;height:8px;background-color:#037003;border:0;transform:translate(-50%, -50%) scale(1);opacity:1;content:\\\\\"\\\\\";}.ant-cascader-dropdown .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox:after{visibility:visible;}.ant-cascader-dropdown .ant-cascader-checkbox-wrapper:not(.ant-cascader-checkbox-wrapper-disabled):hover .ant-cascader-checkbox-inner,.ant-cascader-dropdown .ant-cascader-checkbox:not(.ant-cascader-checkbox-disabled):hover .ant-cascader-checkbox-inner{border-color:#037003;}.ant-cascader-dropdown .ant-cascader-checkbox-wrapper:not(.ant-cascader-checkbox-wrapper-disabled):hover .ant-cascader-checkbox-checked:not(.ant-cascader-checkbox-disabled) .ant-cascader-checkbox-inner{background-color:#198016;border-color:transparent;}.ant-cascader-dropdown .ant-cascader-checkbox-wrapper:not(.ant-cascader-checkbox-wrapper-disabled):hover .ant-cascader-checkbox-checked:not(.ant-cascader-checkbox-disabled):after{border-color:#198016;}.ant-cascader-dropdown .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner{background-color:#037003;border-color:#037003;}.ant-cascader-dropdown .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner:after{opacity:1;transform:rotate(45deg) scale(1) translate(-50%,-50%);transition:all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;}.ant-cascader-dropdown .ant-cascader-checkbox-checked:after{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;border-radius:4px;visibility:hidden;border:2px solid #037003;animation-name:antCheckboxEffect;animation-duration:0.3s;animation-timing-function:ease-in-out;animation-fill-mode:backwards;content:\\\\\"\\\\\";transition:all 0.3s;}.ant-cascader-dropdown .ant-cascader-checkbox-wrapper-checked:not(.ant-cascader-checkbox-wrapper-disabled):hover .ant-cascader-checkbox-inner,.ant-cascader-dropdown .ant-cascader-checkbox-checked:not(.ant-cascader-checkbox-disabled):hover .ant-cascader-checkbox-inner{background-color:#198016;border-color:transparent;}.ant-cascader-dropdown .ant-cascader-checkbox-wrapper-checked:not(.ant-cascader-checkbox-wrapper-disabled):hover .ant-cascader-checkbox:after,.ant-cascader-dropdown .ant-cascader-checkbox-checked:not(.ant-cascader-checkbox-disabled):hover .ant-cascader-checkbox:after{border-color:#198016;}.ant-cascader-dropdown .ant-cascader-checkbox-wrapper-disabled{cursor:not-allowed;}.ant-cascader-dropdown .ant-cascader-checkbox-disabled,.ant-cascader-dropdown .ant-cascader-checkbox-disabled .ant-cascader-checkbox-input{cursor:not-allowed;pointer-events:none;}.ant-cascader-dropdown .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner{background:rgba(255, 255, 255, 0.08);border-color:#424242;}.ant-cascader-dropdown .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner:after{border-color:rgba(255, 255, 255, 0.25);}.ant-cascader-dropdown .ant-cascader-checkbox-disabled:after{display:none;}.ant-cascader-dropdown .ant-cascader-checkbox-disabled+span{color:rgba(255, 255, 255, 0.25);}.ant-cascader-dropdown .ant-cascader-checkbox-disabled.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after{background:rgba(255, 255, 255, 0.25);}.ant-cascader-dropdown.ant-select-dropdown{padding:0;}.ant-cascader-dropdown .ant-cascader-checkbox{top:0;margin-inline-end:8px;}.ant-cascader-dropdown .ant-cascader-menus{display:flex;flex-wrap:nowrap;align-items:flex-start;}.ant-cascader-dropdown .ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu{width:100%;height:auto;}.ant-cascader-dropdown .ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu .ant-cascader-menu-item{color:rgba(255, 255, 255, 0.25);}.ant-cascader-dropdown .ant-cascader-menu{flex-grow:1;min-width:111px;height:180px;margin:0;padding:4px;overflow:auto;vertical-align:top;list-style:none;-ms-overflow-style:-ms-autohiding-scrollbar;}.ant-cascader-dropdown .ant-cascader-menu:not(:last-child){border-inline-end:1px solid rgba(253, 253, 253, 0.12);}.ant-cascader-dropdown .ant-cascader-menu-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;flex-wrap:nowrap;align-items:center;padding:5px 12px;line-height:1.5714285714285714;cursor:pointer;transition:all 0.2s;border-radius:4px;}.ant-cascader-dropdown .ant-cascader-menu-item:hover{background:rgba(255, 255, 255, 0.08);}.ant-cascader-dropdown .ant-cascader-menu-item-disabled{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-cascader-dropdown .ant-cascader-menu-item-disabled:hover{background:transparent;}.ant-cascader-dropdown .ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,.ant-cascader-dropdown .ant-cascader-menu-item-disabled .ant-cascader-menu-item-loading-icon{color:rgba(255, 255, 255, 0.25);}.ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),.ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover{font-weight:600;background-color:#111911;}.ant-cascader-dropdown .ant-cascader-menu-item-content{flex:auto;}.ant-cascader-dropdown .ant-cascader-menu-item.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,.ant-cascader-dropdown .ant-cascader-menu-item .ant-cascader-menu-item-loading-icon{margin-inline-start:4px;color:rgba(255, 255, 255, 0.45);font-size:12px;}.ant-cascader-dropdown .ant-cascader-menu-item-keyword{color:#dc4446;}.ant-cascader-dropdown-rtl{direction:rtl;}.ant-cascader-compact-item:not(.ant-cascader-compact-last-item){margin-inline-end:-1px;}.ant-cascader-compact-item:hover,.ant-cascader-compact-item:focus,.ant-cascader-compact-item:active{z-index:2;}.ant-cascader-compact-item[disabled]{z-index:0;}.ant-cascader-compact-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-last-item){border-radius:0;}.ant-cascader-compact-item:not(.ant-cascader-compact-last-item).ant-cascader-compact-first-item,.ant-cascader-compact-item:not(.ant-cascader-compact-last-item).ant-cascader-compact-first-item.ant-cascader-sm,.ant-cascader-compact-item:not(.ant-cascader-compact-last-item).ant-cascader-compact-first-item.ant-cascader-lg{border-start-end-radius:0;border-end-end-radius:0;}.ant-cascader-compact-item:not(.ant-cascader-compact-first-item).ant-cascader-compact-last-item,.ant-cascader-compact-item:not(.ant-cascader-compact-first-item).ant-cascader-compact-last-item.ant-cascader-sm,.ant-cascader-compact-item:not(.ant-cascader-compact-first-item).ant-cascader-compact-last-item.ant-cascader-lg{border-start-start-radius:0;border-end-start-radius:0;}@keyframes antCheckboxEffect{0%{transform:scale(1);opacity:0.5;}100%{transform:scale(1.6);opacity:0;}}[class^=\\\\\"ant-checkbox\\\\\"],[class*=\\\\\" ant-checkbox\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-checkbox\\\\\"]::before,[class*=\\\\\" ant-checkbox\\\\\"]::before,[class^=\\\\\"ant-checkbox\\\\\"]::after,[class*=\\\\\" ant-checkbox\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-checkbox\\\\\"] [class^=\\\\\"ant-checkbox\\\\\"],[class*=\\\\\" ant-checkbox\\\\\"] [class^=\\\\\"ant-checkbox\\\\\"],[class^=\\\\\"ant-checkbox\\\\\"] [class*=\\\\\" ant-checkbox\\\\\"],[class*=\\\\\" ant-checkbox\\\\\"] [class*=\\\\\" ant-checkbox\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-checkbox\\\\\"] [class^=\\\\\"ant-checkbox\\\\\"]::before,[class*=\\\\\" ant-checkbox\\\\\"] [class^=\\\\\"ant-checkbox\\\\\"]::before,[class^=\\\\\"ant-checkbox\\\\\"] [class*=\\\\\" ant-checkbox\\\\\"]::before,[class*=\\\\\" ant-checkbox\\\\\"] [class*=\\\\\" ant-checkbox\\\\\"]::before,[class^=\\\\\"ant-checkbox\\\\\"] [class^=\\\\\"ant-checkbox\\\\\"]::after,[class*=\\\\\" ant-checkbox\\\\\"] [class^=\\\\\"ant-checkbox\\\\\"]::after,[class^=\\\\\"ant-checkbox\\\\\"] [class*=\\\\\" ant-checkbox\\\\\"]::after,[class*=\\\\\" ant-checkbox\\\\\"] [class*=\\\\\" ant-checkbox\\\\\"]::after{box-sizing:border-box;}.ant-checkbox-group{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:inline-flex;flex-wrap:wrap;column-gap:8px;}.ant-checkbox-group >.ant-row{flex:1;}.ant-checkbox-wrapper{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:inline-flex;align-items:baseline;cursor:pointer;}.ant-checkbox-wrapper:after{display:inline-block;width:0;overflow:hidden;content:'\\\\\\\\a0';}.ant-checkbox-wrapper+.ant-checkbox-wrapper{margin-inline-start:0;}.ant-checkbox-wrapper.ant-checkbox-wrapper-in-form-item input[type=\\\\\"checkbox\\\\\"]{width:14px;height:14px;}.ant-checkbox{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;white-space:nowrap;cursor:pointer;align-self:center;}.ant-checkbox .ant-checkbox-input{position:absolute;inset:0;z-index:1;cursor:pointer;opacity:0;margin:0;}.ant-checkbox .ant-checkbox-input:focus-visible+.ant-checkbox-inner{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-checkbox .ant-checkbox-inner{box-sizing:border-box;position:relative;top:0;inset-inline-start:0;display:block;width:16px;height:16px;direction:ltr;background-color:#141414;border:1px solid #424242;border-radius:4px;border-collapse:separate;transition:all 0.3s;}.ant-checkbox .ant-checkbox-inner:after{box-sizing:border-box;position:absolute;top:50%;inset-inline-start:21.5%;display:table;width:5.7142857142857135px;height:9.142857142857142px;border:2px solid #fff;border-top:0;border-inline-start:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;content:\\\\\"\\\\\";transition:all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),opacity 0.1s;}.ant-checkbox+span{padding-inline-start:8px;padding-inline-end:8px;}.ant-checkbox-indeterminate .ant-checkbox-inner:after{top:50%;inset-inline-start:50%;width:8px;height:8px;background-color:#037003;border:0;transform:translate(-50%, -50%) scale(1);opacity:1;content:\\\\\"\\\\\";}.ant-checkbox-wrapper:hover .ant-checkbox:after{visibility:visible;}.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,.ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner{border-color:#037003;}.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{background-color:#198016;border-color:transparent;}.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled):after{border-color:#198016;}.ant-checkbox-checked .ant-checkbox-inner{background-color:#037003;border-color:#037003;}.ant-checkbox-checked .ant-checkbox-inner:after{opacity:1;transform:rotate(45deg) scale(1) translate(-50%,-50%);transition:all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;}.ant-checkbox-checked:after{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;border-radius:4px;visibility:hidden;border:2px solid #037003;animation-name:antCheckboxEffect;animation-duration:0.3s;animation-timing-function:ease-in-out;animation-fill-mode:backwards;content:\\\\\"\\\\\";transition:all 0.3s;}.ant-checkbox-wrapper-checked:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,.ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner{background-color:#198016;border-color:transparent;}.ant-checkbox-wrapper-checked:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox:after,.ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox:after{border-color:#198016;}.ant-checkbox-wrapper-disabled{cursor:not-allowed;}.ant-checkbox-disabled,.ant-checkbox-disabled .ant-checkbox-input{cursor:not-allowed;pointer-events:none;}.ant-checkbox-disabled .ant-checkbox-inner{background:rgba(255, 255, 255, 0.08);border-color:#424242;}.ant-checkbox-disabled .ant-checkbox-inner:after{border-color:rgba(255, 255, 255, 0.25);}.ant-checkbox-disabled:after{display:none;}.ant-checkbox-disabled+span{color:rgba(255, 255, 255, 0.25);}.ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner::after{background:rgba(255, 255, 255, 0.25);}[class^=\\\\\"ant-checkbox-group\\\\\"],[class*=\\\\\" ant-checkbox-group\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-checkbox-group\\\\\"]::before,[class*=\\\\\" ant-checkbox-group\\\\\"]::before,[class^=\\\\\"ant-checkbox-group\\\\\"]::after,[class*=\\\\\" ant-checkbox-group\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-checkbox-group\\\\\"] [class^=\\\\\"ant-checkbox-group\\\\\"],[class*=\\\\\" ant-checkbox-group\\\\\"] [class^=\\\\\"ant-checkbox-group\\\\\"],[class^=\\\\\"ant-checkbox-group\\\\\"] [class*=\\\\\" ant-checkbox-group\\\\\"],[class*=\\\\\" ant-checkbox-group\\\\\"] [class*=\\\\\" ant-checkbox-group\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-checkbox-group\\\\\"] [class^=\\\\\"ant-checkbox-group\\\\\"]::before,[class*=\\\\\" ant-checkbox-group\\\\\"] [class^=\\\\\"ant-checkbox-group\\\\\"]::before,[class^=\\\\\"ant-checkbox-group\\\\\"] [class*=\\\\\" ant-checkbox-group\\\\\"]::before,[class*=\\\\\" ant-checkbox-group\\\\\"] [class*=\\\\\" ant-checkbox-group\\\\\"]::before,[class^=\\\\\"ant-checkbox-group\\\\\"] [class^=\\\\\"ant-checkbox-group\\\\\"]::after,[class*=\\\\\" ant-checkbox-group\\\\\"] [class^=\\\\\"ant-checkbox-group\\\\\"]::after,[class^=\\\\\"ant-checkbox-group\\\\\"] [class*=\\\\\" ant-checkbox-group\\\\\"]::after,[class*=\\\\\" ant-checkbox-group\\\\\"] [class*=\\\\\" ant-checkbox-group\\\\\"]::after{box-sizing:border-box;}.ant-checkbox-group-group{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:inline-flex;flex-wrap:wrap;column-gap:8px;}.ant-checkbox-group-group >.ant-row{flex:1;}.ant-checkbox-group-wrapper{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:inline-flex;align-items:baseline;cursor:pointer;}.ant-checkbox-group-wrapper:after{display:inline-block;width:0;overflow:hidden;content:'\\\\\\\\a0';}.ant-checkbox-group-wrapper+.ant-checkbox-group-wrapper{margin-inline-start:0;}.ant-checkbox-group-wrapper.ant-checkbox-group-wrapper-in-form-item input[type=\\\\\"checkbox\\\\\"]{width:14px;height:14px;}.ant-checkbox-group{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;white-space:nowrap;cursor:pointer;align-self:center;}.ant-checkbox-group .ant-checkbox-group-input{position:absolute;inset:0;z-index:1;cursor:pointer;opacity:0;margin:0;}.ant-checkbox-group .ant-checkbox-group-input:focus-visible+.ant-checkbox-group-inner{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-checkbox-group .ant-checkbox-group-inner{box-sizing:border-box;position:relative;top:0;inset-inline-start:0;display:block;width:16px;height:16px;direction:ltr;background-color:#141414;border:1px solid #424242;border-radius:4px;border-collapse:separate;transition:all 0.3s;}.ant-checkbox-group .ant-checkbox-group-inner:after{box-sizing:border-box;position:absolute;top:50%;inset-inline-start:21.5%;display:table;width:5.7142857142857135px;height:9.142857142857142px;border:2px solid #fff;border-top:0;border-inline-start:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;content:\\\\\"\\\\\";transition:all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),opacity 0.1s;}.ant-checkbox-group+span{padding-inline-start:8px;padding-inline-end:8px;}.ant-checkbox-group-indeterminate .ant-checkbox-group-inner:after{top:50%;inset-inline-start:50%;width:8px;height:8px;background-color:#037003;border:0;transform:translate(-50%, -50%) scale(1);opacity:1;content:\\\\\"\\\\\";}.ant-checkbox-group-wrapper:hover .ant-checkbox-group:after{visibility:visible;}.ant-checkbox-group-wrapper:not(.ant-checkbox-group-wrapper-disabled):hover .ant-checkbox-group-inner,.ant-checkbox-group:not(.ant-checkbox-group-disabled):hover .ant-checkbox-group-inner{border-color:#037003;}.ant-checkbox-group-wrapper:not(.ant-checkbox-group-wrapper-disabled):hover .ant-checkbox-group-checked:not(.ant-checkbox-group-disabled) .ant-checkbox-group-inner{background-color:#198016;border-color:transparent;}.ant-checkbox-group-wrapper:not(.ant-checkbox-group-wrapper-disabled):hover .ant-checkbox-group-checked:not(.ant-checkbox-group-disabled):after{border-color:#198016;}.ant-checkbox-group-checked .ant-checkbox-group-inner{background-color:#037003;border-color:#037003;}.ant-checkbox-group-checked .ant-checkbox-group-inner:after{opacity:1;transform:rotate(45deg) scale(1) translate(-50%,-50%);transition:all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;}.ant-checkbox-group-checked:after{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;border-radius:4px;visibility:hidden;border:2px solid #037003;animation-name:antCheckboxEffect;animation-duration:0.3s;animation-timing-function:ease-in-out;animation-fill-mode:backwards;content:\\\\\"\\\\\";transition:all 0.3s;}.ant-checkbox-group-wrapper-checked:not(.ant-checkbox-group-wrapper-disabled):hover .ant-checkbox-group-inner,.ant-checkbox-group-checked:not(.ant-checkbox-group-disabled):hover .ant-checkbox-group-inner{background-color:#198016;border-color:transparent;}.ant-checkbox-group-wrapper-checked:not(.ant-checkbox-group-wrapper-disabled):hover .ant-checkbox-group:after,.ant-checkbox-group-checked:not(.ant-checkbox-group-disabled):hover .ant-checkbox-group:after{border-color:#198016;}.ant-checkbox-group-wrapper-disabled{cursor:not-allowed;}.ant-checkbox-group-disabled,.ant-checkbox-group-disabled .ant-checkbox-group-input{cursor:not-allowed;pointer-events:none;}.ant-checkbox-group-disabled .ant-checkbox-group-inner{background:rgba(255, 255, 255, 0.08);border-color:#424242;}.ant-checkbox-group-disabled .ant-checkbox-group-inner:after{border-color:rgba(255, 255, 255, 0.25);}.ant-checkbox-group-disabled:after{display:none;}.ant-checkbox-group-disabled+span{color:rgba(255, 255, 255, 0.25);}.ant-checkbox-group-disabled.ant-checkbox-group-indeterminate .ant-checkbox-group-inner::after{background:rgba(255, 255, 255, 0.25);}[class^=\\\\\"ant-col\\\\\"],[class*=\\\\\" ant-col\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-col\\\\\"]::before,[class*=\\\\\" ant-col\\\\\"]::before,[class^=\\\\\"ant-col\\\\\"]::after,[class*=\\\\\" ant-col\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-col\\\\\"] [class^=\\\\\"ant-col\\\\\"],[class*=\\\\\" ant-col\\\\\"] [class^=\\\\\"ant-col\\\\\"],[class^=\\\\\"ant-col\\\\\"] [class*=\\\\\" ant-col\\\\\"],[class*=\\\\\" ant-col\\\\\"] [class*=\\\\\" ant-col\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-col\\\\\"] [class^=\\\\\"ant-col\\\\\"]::before,[class*=\\\\\" ant-col\\\\\"] [class^=\\\\\"ant-col\\\\\"]::before,[class^=\\\\\"ant-col\\\\\"] [class*=\\\\\" ant-col\\\\\"]::before,[class*=\\\\\" ant-col\\\\\"] [class*=\\\\\" ant-col\\\\\"]::before,[class^=\\\\\"ant-col\\\\\"] [class^=\\\\\"ant-col\\\\\"]::after,[class*=\\\\\" ant-col\\\\\"] [class^=\\\\\"ant-col\\\\\"]::after,[class^=\\\\\"ant-col\\\\\"] [class*=\\\\\" ant-col\\\\\"]::after,[class*=\\\\\" ant-col\\\\\"] [class*=\\\\\" ant-col\\\\\"]::after{box-sizing:border-box;}.ant-col{position:relative;max-width:100%;min-height:1px;}.ant-col-24{display:block;flex:0 0 100%;max-width:100%;}.ant-col-push-24{inset-inline-start:100%;}.ant-col-pull-24{inset-inline-end:100%;}.ant-col-offset-24{margin-inline-start:100%;}.ant-col-order-24{order:24;}.ant-col-23{display:block;flex:0 0 95.83333333333334%;max-width:95.83333333333334%;}.ant-col-push-23{inset-inline-start:95.83333333333334%;}.ant-col-pull-23{inset-inline-end:95.83333333333334%;}.ant-col-offset-23{margin-inline-start:95.83333333333334%;}.ant-col-order-23{order:23;}.ant-col-22{display:block;flex:0 0 91.66666666666666%;max-width:91.66666666666666%;}.ant-col-push-22{inset-inline-start:91.66666666666666%;}.ant-col-pull-22{inset-inline-end:91.66666666666666%;}.ant-col-offset-22{margin-inline-start:91.66666666666666%;}.ant-col-order-22{order:22;}.ant-col-21{display:block;flex:0 0 87.5%;max-width:87.5%;}.ant-col-push-21{inset-inline-start:87.5%;}.ant-col-pull-21{inset-inline-end:87.5%;}.ant-col-offset-21{margin-inline-start:87.5%;}.ant-col-order-21{order:21;}.ant-col-20{display:block;flex:0 0 83.33333333333334%;max-width:83.33333333333334%;}.ant-col-push-20{inset-inline-start:83.33333333333334%;}.ant-col-pull-20{inset-inline-end:83.33333333333334%;}.ant-col-offset-20{margin-inline-start:83.33333333333334%;}.ant-col-order-20{order:20;}.ant-col-19{display:block;flex:0 0 79.16666666666666%;max-width:79.16666666666666%;}.ant-col-push-19{inset-inline-start:79.16666666666666%;}.ant-col-pull-19{inset-inline-end:79.16666666666666%;}.ant-col-offset-19{margin-inline-start:79.16666666666666%;}.ant-col-order-19{order:19;}.ant-col-18{display:block;flex:0 0 75%;max-width:75%;}.ant-col-push-18{inset-inline-start:75%;}.ant-col-pull-18{inset-inline-end:75%;}.ant-col-offset-18{margin-inline-start:75%;}.ant-col-order-18{order:18;}.ant-col-17{display:block;flex:0 0 70.83333333333334%;max-width:70.83333333333334%;}.ant-col-push-17{inset-inline-start:70.83333333333334%;}.ant-col-pull-17{inset-inline-end:70.83333333333334%;}.ant-col-offset-17{margin-inline-start:70.83333333333334%;}.ant-col-order-17{order:17;}.ant-col-16{display:block;flex:0 0 66.66666666666666%;max-width:66.66666666666666%;}.ant-col-push-16{inset-inline-start:66.66666666666666%;}.ant-col-pull-16{inset-inline-end:66.66666666666666%;}.ant-col-offset-16{margin-inline-start:66.66666666666666%;}.ant-col-order-16{order:16;}.ant-col-15{display:block;flex:0 0 62.5%;max-width:62.5%;}.ant-col-push-15{inset-inline-start:62.5%;}.ant-col-pull-15{inset-inline-end:62.5%;}.ant-col-offset-15{margin-inline-start:62.5%;}.ant-col-order-15{order:15;}.ant-col-14{display:block;flex:0 0 58.333333333333336%;max-width:58.333333333333336%;}.ant-col-push-14{inset-inline-start:58.333333333333336%;}.ant-col-pull-14{inset-inline-end:58.333333333333336%;}.ant-col-offset-14{margin-inline-start:58.333333333333336%;}.ant-col-order-14{order:14;}.ant-col-13{display:block;flex:0 0 54.166666666666664%;max-width:54.166666666666664%;}.ant-col-push-13{inset-inline-start:54.166666666666664%;}.ant-col-pull-13{inset-inline-end:54.166666666666664%;}.ant-col-offset-13{margin-inline-start:54.166666666666664%;}.ant-col-order-13{order:13;}.ant-col-12{display:block;flex:0 0 50%;max-width:50%;}.ant-col-push-12{inset-inline-start:50%;}.ant-col-pull-12{inset-inline-end:50%;}.ant-col-offset-12{margin-inline-start:50%;}.ant-col-order-12{order:12;}.ant-col-11{display:block;flex:0 0 45.83333333333333%;max-width:45.83333333333333%;}.ant-col-push-11{inset-inline-start:45.83333333333333%;}.ant-col-pull-11{inset-inline-end:45.83333333333333%;}.ant-col-offset-11{margin-inline-start:45.83333333333333%;}.ant-col-order-11{order:11;}.ant-col-10{display:block;flex:0 0 41.66666666666667%;max-width:41.66666666666667%;}.ant-col-push-10{inset-inline-start:41.66666666666667%;}.ant-col-pull-10{inset-inline-end:41.66666666666667%;}.ant-col-offset-10{margin-inline-start:41.66666666666667%;}.ant-col-order-10{order:10;}.ant-col-9{display:block;flex:0 0 37.5%;max-width:37.5%;}.ant-col-push-9{inset-inline-start:37.5%;}.ant-col-pull-9{inset-inline-end:37.5%;}.ant-col-offset-9{margin-inline-start:37.5%;}.ant-col-order-9{order:9;}.ant-col-8{display:block;flex:0 0 33.33333333333333%;max-width:33.33333333333333%;}.ant-col-push-8{inset-inline-start:33.33333333333333%;}.ant-col-pull-8{inset-inline-end:33.33333333333333%;}.ant-col-offset-8{margin-inline-start:33.33333333333333%;}.ant-col-order-8{order:8;}.ant-col-7{display:block;flex:0 0 29.166666666666668%;max-width:29.166666666666668%;}.ant-col-push-7{inset-inline-start:29.166666666666668%;}.ant-col-pull-7{inset-inline-end:29.166666666666668%;}.ant-col-offset-7{margin-inline-start:29.166666666666668%;}.ant-col-order-7{order:7;}.ant-col-6{display:block;flex:0 0 25%;max-width:25%;}.ant-col-push-6{inset-inline-start:25%;}.ant-col-pull-6{inset-inline-end:25%;}.ant-col-offset-6{margin-inline-start:25%;}.ant-col-order-6{order:6;}.ant-col-5{display:block;flex:0 0 20.833333333333336%;max-width:20.833333333333336%;}.ant-col-push-5{inset-inline-start:20.833333333333336%;}.ant-col-pull-5{inset-inline-end:20.833333333333336%;}.ant-col-offset-5{margin-inline-start:20.833333333333336%;}.ant-col-order-5{order:5;}.ant-col-4{display:block;flex:0 0 16.666666666666664%;max-width:16.666666666666664%;}.ant-col-push-4{inset-inline-start:16.666666666666664%;}.ant-col-pull-4{inset-inline-end:16.666666666666664%;}.ant-col-offset-4{margin-inline-start:16.666666666666664%;}.ant-col-order-4{order:4;}.ant-col-3{display:block;flex:0 0 12.5%;max-width:12.5%;}.ant-col-push-3{inset-inline-start:12.5%;}.ant-col-pull-3{inset-inline-end:12.5%;}.ant-col-offset-3{margin-inline-start:12.5%;}.ant-col-order-3{order:3;}.ant-col-2{display:block;flex:0 0 8.333333333333332%;max-width:8.333333333333332%;}.ant-col-push-2{inset-inline-start:8.333333333333332%;}.ant-col-pull-2{inset-inline-end:8.333333333333332%;}.ant-col-offset-2{margin-inline-start:8.333333333333332%;}.ant-col-order-2{order:2;}.ant-col-1{display:block;flex:0 0 4.166666666666666%;max-width:4.166666666666666%;}.ant-col-push-1{inset-inline-start:4.166666666666666%;}.ant-col-pull-1{inset-inline-end:4.166666666666666%;}.ant-col-offset-1{margin-inline-start:4.166666666666666%;}.ant-col-order-1{order:1;}.ant-col-0{display:none;}.ant-col-push-0{inset-inline-start:auto;}.ant-col-pull-0{inset-inline-end:auto;}.ant-col-offset-0{margin-inline-end:0;}.ant-col-order-0{order:0;}.ant-col-xs-24{display:block;flex:0 0 100%;max-width:100%;}.ant-col-xs-push-24{inset-inline-start:100%;}.ant-col-xs-pull-24{inset-inline-end:100%;}.ant-col-xs-offset-24{margin-inline-start:100%;}.ant-col-xs-order-24{order:24;}.ant-col-xs-23{display:block;flex:0 0 95.83333333333334%;max-width:95.83333333333334%;}.ant-col-xs-push-23{inset-inline-start:95.83333333333334%;}.ant-col-xs-pull-23{inset-inline-end:95.83333333333334%;}.ant-col-xs-offset-23{margin-inline-start:95.83333333333334%;}.ant-col-xs-order-23{order:23;}.ant-col-xs-22{display:block;flex:0 0 91.66666666666666%;max-width:91.66666666666666%;}.ant-col-xs-push-22{inset-inline-start:91.66666666666666%;}.ant-col-xs-pull-22{inset-inline-end:91.66666666666666%;}.ant-col-xs-offset-22{margin-inline-start:91.66666666666666%;}.ant-col-xs-order-22{order:22;}.ant-col-xs-21{display:block;flex:0 0 87.5%;max-width:87.5%;}.ant-col-xs-push-21{inset-inline-start:87.5%;}.ant-col-xs-pull-21{inset-inline-end:87.5%;}.ant-col-xs-offset-21{margin-inline-start:87.5%;}.ant-col-xs-order-21{order:21;}.ant-col-xs-20{display:block;flex:0 0 83.33333333333334%;max-width:83.33333333333334%;}.ant-col-xs-push-20{inset-inline-start:83.33333333333334%;}.ant-col-xs-pull-20{inset-inline-end:83.33333333333334%;}.ant-col-xs-offset-20{margin-inline-start:83.33333333333334%;}.ant-col-xs-order-20{order:20;}.ant-col-xs-19{display:block;flex:0 0 79.16666666666666%;max-width:79.16666666666666%;}.ant-col-xs-push-19{inset-inline-start:79.16666666666666%;}.ant-col-xs-pull-19{inset-inline-end:79.16666666666666%;}.ant-col-xs-offset-19{margin-inline-start:79.16666666666666%;}.ant-col-xs-order-19{order:19;}.ant-col-xs-18{display:block;flex:0 0 75%;max-width:75%;}.ant-col-xs-push-18{inset-inline-start:75%;}.ant-col-xs-pull-18{inset-inline-end:75%;}.ant-col-xs-offset-18{margin-inline-start:75%;}.ant-col-xs-order-18{order:18;}.ant-col-xs-17{display:block;flex:0 0 70.83333333333334%;max-width:70.83333333333334%;}.ant-col-xs-push-17{inset-inline-start:70.83333333333334%;}.ant-col-xs-pull-17{inset-inline-end:70.83333333333334%;}.ant-col-xs-offset-17{margin-inline-start:70.83333333333334%;}.ant-col-xs-order-17{order:17;}.ant-col-xs-16{display:block;flex:0 0 66.66666666666666%;max-width:66.66666666666666%;}.ant-col-xs-push-16{inset-inline-start:66.66666666666666%;}.ant-col-xs-pull-16{inset-inline-end:66.66666666666666%;}.ant-col-xs-offset-16{margin-inline-start:66.66666666666666%;}.ant-col-xs-order-16{order:16;}.ant-col-xs-15{display:block;flex:0 0 62.5%;max-width:62.5%;}.ant-col-xs-push-15{inset-inline-start:62.5%;}.ant-col-xs-pull-15{inset-inline-end:62.5%;}.ant-col-xs-offset-15{margin-inline-start:62.5%;}.ant-col-xs-order-15{order:15;}.ant-col-xs-14{display:block;flex:0 0 58.333333333333336%;max-width:58.333333333333336%;}.ant-col-xs-push-14{inset-inline-start:58.333333333333336%;}.ant-col-xs-pull-14{inset-inline-end:58.333333333333336%;}.ant-col-xs-offset-14{margin-inline-start:58.333333333333336%;}.ant-col-xs-order-14{order:14;}.ant-col-xs-13{display:block;flex:0 0 54.166666666666664%;max-width:54.166666666666664%;}.ant-col-xs-push-13{inset-inline-start:54.166666666666664%;}.ant-col-xs-pull-13{inset-inline-end:54.166666666666664%;}.ant-col-xs-offset-13{margin-inline-start:54.166666666666664%;}.ant-col-xs-order-13{order:13;}.ant-col-xs-12{display:block;flex:0 0 50%;max-width:50%;}.ant-col-xs-push-12{inset-inline-start:50%;}.ant-col-xs-pull-12{inset-inline-end:50%;}.ant-col-xs-offset-12{margin-inline-start:50%;}.ant-col-xs-order-12{order:12;}.ant-col-xs-11{display:block;flex:0 0 45.83333333333333%;max-width:45.83333333333333%;}.ant-col-xs-push-11{inset-inline-start:45.83333333333333%;}.ant-col-xs-pull-11{inset-inline-end:45.83333333333333%;}.ant-col-xs-offset-11{margin-inline-start:45.83333333333333%;}.ant-col-xs-order-11{order:11;}.ant-col-xs-10{display:block;flex:0 0 41.66666666666667%;max-width:41.66666666666667%;}.ant-col-xs-push-10{inset-inline-start:41.66666666666667%;}.ant-col-xs-pull-10{inset-inline-end:41.66666666666667%;}.ant-col-xs-offset-10{margin-inline-start:41.66666666666667%;}.ant-col-xs-order-10{order:10;}.ant-col-xs-9{display:block;flex:0 0 37.5%;max-width:37.5%;}.ant-col-xs-push-9{inset-inline-start:37.5%;}.ant-col-xs-pull-9{inset-inline-end:37.5%;}.ant-col-xs-offset-9{margin-inline-start:37.5%;}.ant-col-xs-order-9{order:9;}.ant-col-xs-8{display:block;flex:0 0 33.33333333333333%;max-width:33.33333333333333%;}.ant-col-xs-push-8{inset-inline-start:33.33333333333333%;}.ant-col-xs-pull-8{inset-inline-end:33.33333333333333%;}.ant-col-xs-offset-8{margin-inline-start:33.33333333333333%;}.ant-col-xs-order-8{order:8;}.ant-col-xs-7{display:block;flex:0 0 29.166666666666668%;max-width:29.166666666666668%;}.ant-col-xs-push-7{inset-inline-start:29.166666666666668%;}.ant-col-xs-pull-7{inset-inline-end:29.166666666666668%;}.ant-col-xs-offset-7{margin-inline-start:29.166666666666668%;}.ant-col-xs-order-7{order:7;}.ant-col-xs-6{display:block;flex:0 0 25%;max-width:25%;}.ant-col-xs-push-6{inset-inline-start:25%;}.ant-col-xs-pull-6{inset-inline-end:25%;}.ant-col-xs-offset-6{margin-inline-start:25%;}.ant-col-xs-order-6{order:6;}.ant-col-xs-5{display:block;flex:0 0 20.833333333333336%;max-width:20.833333333333336%;}.ant-col-xs-push-5{inset-inline-start:20.833333333333336%;}.ant-col-xs-pull-5{inset-inline-end:20.833333333333336%;}.ant-col-xs-offset-5{margin-inline-start:20.833333333333336%;}.ant-col-xs-order-5{order:5;}.ant-col-xs-4{display:block;flex:0 0 16.666666666666664%;max-width:16.666666666666664%;}.ant-col-xs-push-4{inset-inline-start:16.666666666666664%;}.ant-col-xs-pull-4{inset-inline-end:16.666666666666664%;}.ant-col-xs-offset-4{margin-inline-start:16.666666666666664%;}.ant-col-xs-order-4{order:4;}.ant-col-xs-3{display:block;flex:0 0 12.5%;max-width:12.5%;}.ant-col-xs-push-3{inset-inline-start:12.5%;}.ant-col-xs-pull-3{inset-inline-end:12.5%;}.ant-col-xs-offset-3{margin-inline-start:12.5%;}.ant-col-xs-order-3{order:3;}.ant-col-xs-2{display:block;flex:0 0 8.333333333333332%;max-width:8.333333333333332%;}.ant-col-xs-push-2{inset-inline-start:8.333333333333332%;}.ant-col-xs-pull-2{inset-inline-end:8.333333333333332%;}.ant-col-xs-offset-2{margin-inline-start:8.333333333333332%;}.ant-col-xs-order-2{order:2;}.ant-col-xs-1{display:block;flex:0 0 4.166666666666666%;max-width:4.166666666666666%;}.ant-col-xs-push-1{inset-inline-start:4.166666666666666%;}.ant-col-xs-pull-1{inset-inline-end:4.166666666666666%;}.ant-col-xs-offset-1{margin-inline-start:4.166666666666666%;}.ant-col-xs-order-1{order:1;}.ant-col-xs-0{display:none;}.ant-col-push-0{inset-inline-start:auto;}.ant-col-pull-0{inset-inline-end:auto;}.ant-col-xs-push-0{inset-inline-start:auto;}.ant-col-xs-pull-0{inset-inline-end:auto;}.ant-col-xs-offset-0{margin-inline-end:0;}.ant-col-xs-order-0{order:0;}@media (min-width: 576px){.ant-col-sm-24{display:block;flex:0 0 100%;max-width:100%;}.ant-col-sm-push-24{inset-inline-start:100%;}.ant-col-sm-pull-24{inset-inline-end:100%;}.ant-col-sm-offset-24{margin-inline-start:100%;}.ant-col-sm-order-24{order:24;}.ant-col-sm-23{display:block;flex:0 0 95.83333333333334%;max-width:95.83333333333334%;}.ant-col-sm-push-23{inset-inline-start:95.83333333333334%;}.ant-col-sm-pull-23{inset-inline-end:95.83333333333334%;}.ant-col-sm-offset-23{margin-inline-start:95.83333333333334%;}.ant-col-sm-order-23{order:23;}.ant-col-sm-22{display:block;flex:0 0 91.66666666666666%;max-width:91.66666666666666%;}.ant-col-sm-push-22{inset-inline-start:91.66666666666666%;}.ant-col-sm-pull-22{inset-inline-end:91.66666666666666%;}.ant-col-sm-offset-22{margin-inline-start:91.66666666666666%;}.ant-col-sm-order-22{order:22;}.ant-col-sm-21{display:block;flex:0 0 87.5%;max-width:87.5%;}.ant-col-sm-push-21{inset-inline-start:87.5%;}.ant-col-sm-pull-21{inset-inline-end:87.5%;}.ant-col-sm-offset-21{margin-inline-start:87.5%;}.ant-col-sm-order-21{order:21;}.ant-col-sm-20{display:block;flex:0 0 83.33333333333334%;max-width:83.33333333333334%;}.ant-col-sm-push-20{inset-inline-start:83.33333333333334%;}.ant-col-sm-pull-20{inset-inline-end:83.33333333333334%;}.ant-col-sm-offset-20{margin-inline-start:83.33333333333334%;}.ant-col-sm-order-20{order:20;}.ant-col-sm-19{display:block;flex:0 0 79.16666666666666%;max-width:79.16666666666666%;}.ant-col-sm-push-19{inset-inline-start:79.16666666666666%;}.ant-col-sm-pull-19{inset-inline-end:79.16666666666666%;}.ant-col-sm-offset-19{margin-inline-start:79.16666666666666%;}.ant-col-sm-order-19{order:19;}.ant-col-sm-18{display:block;flex:0 0 75%;max-width:75%;}.ant-col-sm-push-18{inset-inline-start:75%;}.ant-col-sm-pull-18{inset-inline-end:75%;}.ant-col-sm-offset-18{margin-inline-start:75%;}.ant-col-sm-order-18{order:18;}.ant-col-sm-17{display:block;flex:0 0 70.83333333333334%;max-width:70.83333333333334%;}.ant-col-sm-push-17{inset-inline-start:70.83333333333334%;}.ant-col-sm-pull-17{inset-inline-end:70.83333333333334%;}.ant-col-sm-offset-17{margin-inline-start:70.83333333333334%;}.ant-col-sm-order-17{order:17;}.ant-col-sm-16{display:block;flex:0 0 66.66666666666666%;max-width:66.66666666666666%;}.ant-col-sm-push-16{inset-inline-start:66.66666666666666%;}.ant-col-sm-pull-16{inset-inline-end:66.66666666666666%;}.ant-col-sm-offset-16{margin-inline-start:66.66666666666666%;}.ant-col-sm-order-16{order:16;}.ant-col-sm-15{display:block;flex:0 0 62.5%;max-width:62.5%;}.ant-col-sm-push-15{inset-inline-start:62.5%;}.ant-col-sm-pull-15{inset-inline-end:62.5%;}.ant-col-sm-offset-15{margin-inline-start:62.5%;}.ant-col-sm-order-15{order:15;}.ant-col-sm-14{display:block;flex:0 0 58.333333333333336%;max-width:58.333333333333336%;}.ant-col-sm-push-14{inset-inline-start:58.333333333333336%;}.ant-col-sm-pull-14{inset-inline-end:58.333333333333336%;}.ant-col-sm-offset-14{margin-inline-start:58.333333333333336%;}.ant-col-sm-order-14{order:14;}.ant-col-sm-13{display:block;flex:0 0 54.166666666666664%;max-width:54.166666666666664%;}.ant-col-sm-push-13{inset-inline-start:54.166666666666664%;}.ant-col-sm-pull-13{inset-inline-end:54.166666666666664%;}.ant-col-sm-offset-13{margin-inline-start:54.166666666666664%;}.ant-col-sm-order-13{order:13;}.ant-col-sm-12{display:block;flex:0 0 50%;max-width:50%;}.ant-col-sm-push-12{inset-inline-start:50%;}.ant-col-sm-pull-12{inset-inline-end:50%;}.ant-col-sm-offset-12{margin-inline-start:50%;}.ant-col-sm-order-12{order:12;}.ant-col-sm-11{display:block;flex:0 0 45.83333333333333%;max-width:45.83333333333333%;}.ant-col-sm-push-11{inset-inline-start:45.83333333333333%;}.ant-col-sm-pull-11{inset-inline-end:45.83333333333333%;}.ant-col-sm-offset-11{margin-inline-start:45.83333333333333%;}.ant-col-sm-order-11{order:11;}.ant-col-sm-10{display:block;flex:0 0 41.66666666666667%;max-width:41.66666666666667%;}.ant-col-sm-push-10{inset-inline-start:41.66666666666667%;}.ant-col-sm-pull-10{inset-inline-end:41.66666666666667%;}.ant-col-sm-offset-10{margin-inline-start:41.66666666666667%;}.ant-col-sm-order-10{order:10;}.ant-col-sm-9{display:block;flex:0 0 37.5%;max-width:37.5%;}.ant-col-sm-push-9{inset-inline-start:37.5%;}.ant-col-sm-pull-9{inset-inline-end:37.5%;}.ant-col-sm-offset-9{margin-inline-start:37.5%;}.ant-col-sm-order-9{order:9;}.ant-col-sm-8{display:block;flex:0 0 33.33333333333333%;max-width:33.33333333333333%;}.ant-col-sm-push-8{inset-inline-start:33.33333333333333%;}.ant-col-sm-pull-8{inset-inline-end:33.33333333333333%;}.ant-col-sm-offset-8{margin-inline-start:33.33333333333333%;}.ant-col-sm-order-8{order:8;}.ant-col-sm-7{display:block;flex:0 0 29.166666666666668%;max-width:29.166666666666668%;}.ant-col-sm-push-7{inset-inline-start:29.166666666666668%;}.ant-col-sm-pull-7{inset-inline-end:29.166666666666668%;}.ant-col-sm-offset-7{margin-inline-start:29.166666666666668%;}.ant-col-sm-order-7{order:7;}.ant-col-sm-6{display:block;flex:0 0 25%;max-width:25%;}.ant-col-sm-push-6{inset-inline-start:25%;}.ant-col-sm-pull-6{inset-inline-end:25%;}.ant-col-sm-offset-6{margin-inline-start:25%;}.ant-col-sm-order-6{order:6;}.ant-col-sm-5{display:block;flex:0 0 20.833333333333336%;max-width:20.833333333333336%;}.ant-col-sm-push-5{inset-inline-start:20.833333333333336%;}.ant-col-sm-pull-5{inset-inline-end:20.833333333333336%;}.ant-col-sm-offset-5{margin-inline-start:20.833333333333336%;}.ant-col-sm-order-5{order:5;}.ant-col-sm-4{display:block;flex:0 0 16.666666666666664%;max-width:16.666666666666664%;}.ant-col-sm-push-4{inset-inline-start:16.666666666666664%;}.ant-col-sm-pull-4{inset-inline-end:16.666666666666664%;}.ant-col-sm-offset-4{margin-inline-start:16.666666666666664%;}.ant-col-sm-order-4{order:4;}.ant-col-sm-3{display:block;flex:0 0 12.5%;max-width:12.5%;}.ant-col-sm-push-3{inset-inline-start:12.5%;}.ant-col-sm-pull-3{inset-inline-end:12.5%;}.ant-col-sm-offset-3{margin-inline-start:12.5%;}.ant-col-sm-order-3{order:3;}.ant-col-sm-2{display:block;flex:0 0 8.333333333333332%;max-width:8.333333333333332%;}.ant-col-sm-push-2{inset-inline-start:8.333333333333332%;}.ant-col-sm-pull-2{inset-inline-end:8.333333333333332%;}.ant-col-sm-offset-2{margin-inline-start:8.333333333333332%;}.ant-col-sm-order-2{order:2;}.ant-col-sm-1{display:block;flex:0 0 4.166666666666666%;max-width:4.166666666666666%;}.ant-col-sm-push-1{inset-inline-start:4.166666666666666%;}.ant-col-sm-pull-1{inset-inline-end:4.166666666666666%;}.ant-col-sm-offset-1{margin-inline-start:4.166666666666666%;}.ant-col-sm-order-1{order:1;}.ant-col-sm-0{display:none;}.ant-col-push-0{inset-inline-start:auto;}.ant-col-pull-0{inset-inline-end:auto;}.ant-col-sm-push-0{inset-inline-start:auto;}.ant-col-sm-pull-0{inset-inline-end:auto;}.ant-col-sm-offset-0{margin-inline-end:0;}.ant-col-sm-order-0{order:0;}}@media (min-width: 768px){.ant-col-md-24{display:block;flex:0 0 100%;max-width:100%;}.ant-col-md-push-24{inset-inline-start:100%;}.ant-col-md-pull-24{inset-inline-end:100%;}.ant-col-md-offset-24{margin-inline-start:100%;}.ant-col-md-order-24{order:24;}.ant-col-md-23{display:block;flex:0 0 95.83333333333334%;max-width:95.83333333333334%;}.ant-col-md-push-23{inset-inline-start:95.83333333333334%;}.ant-col-md-pull-23{inset-inline-end:95.83333333333334%;}.ant-col-md-offset-23{margin-inline-start:95.83333333333334%;}.ant-col-md-order-23{order:23;}.ant-col-md-22{display:block;flex:0 0 91.66666666666666%;max-width:91.66666666666666%;}.ant-col-md-push-22{inset-inline-start:91.66666666666666%;}.ant-col-md-pull-22{inset-inline-end:91.66666666666666%;}.ant-col-md-offset-22{margin-inline-start:91.66666666666666%;}.ant-col-md-order-22{order:22;}.ant-col-md-21{display:block;flex:0 0 87.5%;max-width:87.5%;}.ant-col-md-push-21{inset-inline-start:87.5%;}.ant-col-md-pull-21{inset-inline-end:87.5%;}.ant-col-md-offset-21{margin-inline-start:87.5%;}.ant-col-md-order-21{order:21;}.ant-col-md-20{display:block;flex:0 0 83.33333333333334%;max-width:83.33333333333334%;}.ant-col-md-push-20{inset-inline-start:83.33333333333334%;}.ant-col-md-pull-20{inset-inline-end:83.33333333333334%;}.ant-col-md-offset-20{margin-inline-start:83.33333333333334%;}.ant-col-md-order-20{order:20;}.ant-col-md-19{display:block;flex:0 0 79.16666666666666%;max-width:79.16666666666666%;}.ant-col-md-push-19{inset-inline-start:79.16666666666666%;}.ant-col-md-pull-19{inset-inline-end:79.16666666666666%;}.ant-col-md-offset-19{margin-inline-start:79.16666666666666%;}.ant-col-md-order-19{order:19;}.ant-col-md-18{display:block;flex:0 0 75%;max-width:75%;}.ant-col-md-push-18{inset-inline-start:75%;}.ant-col-md-pull-18{inset-inline-end:75%;}.ant-col-md-offset-18{margin-inline-start:75%;}.ant-col-md-order-18{order:18;}.ant-col-md-17{display:block;flex:0 0 70.83333333333334%;max-width:70.83333333333334%;}.ant-col-md-push-17{inset-inline-start:70.83333333333334%;}.ant-col-md-pull-17{inset-inline-end:70.83333333333334%;}.ant-col-md-offset-17{margin-inline-start:70.83333333333334%;}.ant-col-md-order-17{order:17;}.ant-col-md-16{display:block;flex:0 0 66.66666666666666%;max-width:66.66666666666666%;}.ant-col-md-push-16{inset-inline-start:66.66666666666666%;}.ant-col-md-pull-16{inset-inline-end:66.66666666666666%;}.ant-col-md-offset-16{margin-inline-start:66.66666666666666%;}.ant-col-md-order-16{order:16;}.ant-col-md-15{display:block;flex:0 0 62.5%;max-width:62.5%;}.ant-col-md-push-15{inset-inline-start:62.5%;}.ant-col-md-pull-15{inset-inline-end:62.5%;}.ant-col-md-offset-15{margin-inline-start:62.5%;}.ant-col-md-order-15{order:15;}.ant-col-md-14{display:block;flex:0 0 58.333333333333336%;max-width:58.333333333333336%;}.ant-col-md-push-14{inset-inline-start:58.333333333333336%;}.ant-col-md-pull-14{inset-inline-end:58.333333333333336%;}.ant-col-md-offset-14{margin-inline-start:58.333333333333336%;}.ant-col-md-order-14{order:14;}.ant-col-md-13{display:block;flex:0 0 54.166666666666664%;max-width:54.166666666666664%;}.ant-col-md-push-13{inset-inline-start:54.166666666666664%;}.ant-col-md-pull-13{inset-inline-end:54.166666666666664%;}.ant-col-md-offset-13{margin-inline-start:54.166666666666664%;}.ant-col-md-order-13{order:13;}.ant-col-md-12{display:block;flex:0 0 50%;max-width:50%;}.ant-col-md-push-12{inset-inline-start:50%;}.ant-col-md-pull-12{inset-inline-end:50%;}.ant-col-md-offset-12{margin-inline-start:50%;}.ant-col-md-order-12{order:12;}.ant-col-md-11{display:block;flex:0 0 45.83333333333333%;max-width:45.83333333333333%;}.ant-col-md-push-11{inset-inline-start:45.83333333333333%;}.ant-col-md-pull-11{inset-inline-end:45.83333333333333%;}.ant-col-md-offset-11{margin-inline-start:45.83333333333333%;}.ant-col-md-order-11{order:11;}.ant-col-md-10{display:block;flex:0 0 41.66666666666667%;max-width:41.66666666666667%;}.ant-col-md-push-10{inset-inline-start:41.66666666666667%;}.ant-col-md-pull-10{inset-inline-end:41.66666666666667%;}.ant-col-md-offset-10{margin-inline-start:41.66666666666667%;}.ant-col-md-order-10{order:10;}.ant-col-md-9{display:block;flex:0 0 37.5%;max-width:37.5%;}.ant-col-md-push-9{inset-inline-start:37.5%;}.ant-col-md-pull-9{inset-inline-end:37.5%;}.ant-col-md-offset-9{margin-inline-start:37.5%;}.ant-col-md-order-9{order:9;}.ant-col-md-8{display:block;flex:0 0 33.33333333333333%;max-width:33.33333333333333%;}.ant-col-md-push-8{inset-inline-start:33.33333333333333%;}.ant-col-md-pull-8{inset-inline-end:33.33333333333333%;}.ant-col-md-offset-8{margin-inline-start:33.33333333333333%;}.ant-col-md-order-8{order:8;}.ant-col-md-7{display:block;flex:0 0 29.166666666666668%;max-width:29.166666666666668%;}.ant-col-md-push-7{inset-inline-start:29.166666666666668%;}.ant-col-md-pull-7{inset-inline-end:29.166666666666668%;}.ant-col-md-offset-7{margin-inline-start:29.166666666666668%;}.ant-col-md-order-7{order:7;}.ant-col-md-6{display:block;flex:0 0 25%;max-width:25%;}.ant-col-md-push-6{inset-inline-start:25%;}.ant-col-md-pull-6{inset-inline-end:25%;}.ant-col-md-offset-6{margin-inline-start:25%;}.ant-col-md-order-6{order:6;}.ant-col-md-5{display:block;flex:0 0 20.833333333333336%;max-width:20.833333333333336%;}.ant-col-md-push-5{inset-inline-start:20.833333333333336%;}.ant-col-md-pull-5{inset-inline-end:20.833333333333336%;}.ant-col-md-offset-5{margin-inline-start:20.833333333333336%;}.ant-col-md-order-5{order:5;}.ant-col-md-4{display:block;flex:0 0 16.666666666666664%;max-width:16.666666666666664%;}.ant-col-md-push-4{inset-inline-start:16.666666666666664%;}.ant-col-md-pull-4{inset-inline-end:16.666666666666664%;}.ant-col-md-offset-4{margin-inline-start:16.666666666666664%;}.ant-col-md-order-4{order:4;}.ant-col-md-3{display:block;flex:0 0 12.5%;max-width:12.5%;}.ant-col-md-push-3{inset-inline-start:12.5%;}.ant-col-md-pull-3{inset-inline-end:12.5%;}.ant-col-md-offset-3{margin-inline-start:12.5%;}.ant-col-md-order-3{order:3;}.ant-col-md-2{display:block;flex:0 0 8.333333333333332%;max-width:8.333333333333332%;}.ant-col-md-push-2{inset-inline-start:8.333333333333332%;}.ant-col-md-pull-2{inset-inline-end:8.333333333333332%;}.ant-col-md-offset-2{margin-inline-start:8.333333333333332%;}.ant-col-md-order-2{order:2;}.ant-col-md-1{display:block;flex:0 0 4.166666666666666%;max-width:4.166666666666666%;}.ant-col-md-push-1{inset-inline-start:4.166666666666666%;}.ant-col-md-pull-1{inset-inline-end:4.166666666666666%;}.ant-col-md-offset-1{margin-inline-start:4.166666666666666%;}.ant-col-md-order-1{order:1;}.ant-col-md-0{display:none;}.ant-col-push-0{inset-inline-start:auto;}.ant-col-pull-0{inset-inline-end:auto;}.ant-col-md-push-0{inset-inline-start:auto;}.ant-col-md-pull-0{inset-inline-end:auto;}.ant-col-md-offset-0{margin-inline-end:0;}.ant-col-md-order-0{order:0;}}@media (min-width: 992px){.ant-col-lg-24{display:block;flex:0 0 100%;max-width:100%;}.ant-col-lg-push-24{inset-inline-start:100%;}.ant-col-lg-pull-24{inset-inline-end:100%;}.ant-col-lg-offset-24{margin-inline-start:100%;}.ant-col-lg-order-24{order:24;}.ant-col-lg-23{display:block;flex:0 0 95.83333333333334%;max-width:95.83333333333334%;}.ant-col-lg-push-23{inset-inline-start:95.83333333333334%;}.ant-col-lg-pull-23{inset-inline-end:95.83333333333334%;}.ant-col-lg-offset-23{margin-inline-start:95.83333333333334%;}.ant-col-lg-order-23{order:23;}.ant-col-lg-22{display:block;flex:0 0 91.66666666666666%;max-width:91.66666666666666%;}.ant-col-lg-push-22{inset-inline-start:91.66666666666666%;}.ant-col-lg-pull-22{inset-inline-end:91.66666666666666%;}.ant-col-lg-offset-22{margin-inline-start:91.66666666666666%;}.ant-col-lg-order-22{order:22;}.ant-col-lg-21{display:block;flex:0 0 87.5%;max-width:87.5%;}.ant-col-lg-push-21{inset-inline-start:87.5%;}.ant-col-lg-pull-21{inset-inline-end:87.5%;}.ant-col-lg-offset-21{margin-inline-start:87.5%;}.ant-col-lg-order-21{order:21;}.ant-col-lg-20{display:block;flex:0 0 83.33333333333334%;max-width:83.33333333333334%;}.ant-col-lg-push-20{inset-inline-start:83.33333333333334%;}.ant-col-lg-pull-20{inset-inline-end:83.33333333333334%;}.ant-col-lg-offset-20{margin-inline-start:83.33333333333334%;}.ant-col-lg-order-20{order:20;}.ant-col-lg-19{display:block;flex:0 0 79.16666666666666%;max-width:79.16666666666666%;}.ant-col-lg-push-19{inset-inline-start:79.16666666666666%;}.ant-col-lg-pull-19{inset-inline-end:79.16666666666666%;}.ant-col-lg-offset-19{margin-inline-start:79.16666666666666%;}.ant-col-lg-order-19{order:19;}.ant-col-lg-18{display:block;flex:0 0 75%;max-width:75%;}.ant-col-lg-push-18{inset-inline-start:75%;}.ant-col-lg-pull-18{inset-inline-end:75%;}.ant-col-lg-offset-18{margin-inline-start:75%;}.ant-col-lg-order-18{order:18;}.ant-col-lg-17{display:block;flex:0 0 70.83333333333334%;max-width:70.83333333333334%;}.ant-col-lg-push-17{inset-inline-start:70.83333333333334%;}.ant-col-lg-pull-17{inset-inline-end:70.83333333333334%;}.ant-col-lg-offset-17{margin-inline-start:70.83333333333334%;}.ant-col-lg-order-17{order:17;}.ant-col-lg-16{display:block;flex:0 0 66.66666666666666%;max-width:66.66666666666666%;}.ant-col-lg-push-16{inset-inline-start:66.66666666666666%;}.ant-col-lg-pull-16{inset-inline-end:66.66666666666666%;}.ant-col-lg-offset-16{margin-inline-start:66.66666666666666%;}.ant-col-lg-order-16{order:16;}.ant-col-lg-15{display:block;flex:0 0 62.5%;max-width:62.5%;}.ant-col-lg-push-15{inset-inline-start:62.5%;}.ant-col-lg-pull-15{inset-inline-end:62.5%;}.ant-col-lg-offset-15{margin-inline-start:62.5%;}.ant-col-lg-order-15{order:15;}.ant-col-lg-14{display:block;flex:0 0 58.333333333333336%;max-width:58.333333333333336%;}.ant-col-lg-push-14{inset-inline-start:58.333333333333336%;}.ant-col-lg-pull-14{inset-inline-end:58.333333333333336%;}.ant-col-lg-offset-14{margin-inline-start:58.333333333333336%;}.ant-col-lg-order-14{order:14;}.ant-col-lg-13{display:block;flex:0 0 54.166666666666664%;max-width:54.166666666666664%;}.ant-col-lg-push-13{inset-inline-start:54.166666666666664%;}.ant-col-lg-pull-13{inset-inline-end:54.166666666666664%;}.ant-col-lg-offset-13{margin-inline-start:54.166666666666664%;}.ant-col-lg-order-13{order:13;}.ant-col-lg-12{display:block;flex:0 0 50%;max-width:50%;}.ant-col-lg-push-12{inset-inline-start:50%;}.ant-col-lg-pull-12{inset-inline-end:50%;}.ant-col-lg-offset-12{margin-inline-start:50%;}.ant-col-lg-order-12{order:12;}.ant-col-lg-11{display:block;flex:0 0 45.83333333333333%;max-width:45.83333333333333%;}.ant-col-lg-push-11{inset-inline-start:45.83333333333333%;}.ant-col-lg-pull-11{inset-inline-end:45.83333333333333%;}.ant-col-lg-offset-11{margin-inline-start:45.83333333333333%;}.ant-col-lg-order-11{order:11;}.ant-col-lg-10{display:block;flex:0 0 41.66666666666667%;max-width:41.66666666666667%;}.ant-col-lg-push-10{inset-inline-start:41.66666666666667%;}.ant-col-lg-pull-10{inset-inline-end:41.66666666666667%;}.ant-col-lg-offset-10{margin-inline-start:41.66666666666667%;}.ant-col-lg-order-10{order:10;}.ant-col-lg-9{display:block;flex:0 0 37.5%;max-width:37.5%;}.ant-col-lg-push-9{inset-inline-start:37.5%;}.ant-col-lg-pull-9{inset-inline-end:37.5%;}.ant-col-lg-offset-9{margin-inline-start:37.5%;}.ant-col-lg-order-9{order:9;}.ant-col-lg-8{display:block;flex:0 0 33.33333333333333%;max-width:33.33333333333333%;}.ant-col-lg-push-8{inset-inline-start:33.33333333333333%;}.ant-col-lg-pull-8{inset-inline-end:33.33333333333333%;}.ant-col-lg-offset-8{margin-inline-start:33.33333333333333%;}.ant-col-lg-order-8{order:8;}.ant-col-lg-7{display:block;flex:0 0 29.166666666666668%;max-width:29.166666666666668%;}.ant-col-lg-push-7{inset-inline-start:29.166666666666668%;}.ant-col-lg-pull-7{inset-inline-end:29.166666666666668%;}.ant-col-lg-offset-7{margin-inline-start:29.166666666666668%;}.ant-col-lg-order-7{order:7;}.ant-col-lg-6{display:block;flex:0 0 25%;max-width:25%;}.ant-col-lg-push-6{inset-inline-start:25%;}.ant-col-lg-pull-6{inset-inline-end:25%;}.ant-col-lg-offset-6{margin-inline-start:25%;}.ant-col-lg-order-6{order:6;}.ant-col-lg-5{display:block;flex:0 0 20.833333333333336%;max-width:20.833333333333336%;}.ant-col-lg-push-5{inset-inline-start:20.833333333333336%;}.ant-col-lg-pull-5{inset-inline-end:20.833333333333336%;}.ant-col-lg-offset-5{margin-inline-start:20.833333333333336%;}.ant-col-lg-order-5{order:5;}.ant-col-lg-4{display:block;flex:0 0 16.666666666666664%;max-width:16.666666666666664%;}.ant-col-lg-push-4{inset-inline-start:16.666666666666664%;}.ant-col-lg-pull-4{inset-inline-end:16.666666666666664%;}.ant-col-lg-offset-4{margin-inline-start:16.666666666666664%;}.ant-col-lg-order-4{order:4;}.ant-col-lg-3{display:block;flex:0 0 12.5%;max-width:12.5%;}.ant-col-lg-push-3{inset-inline-start:12.5%;}.ant-col-lg-pull-3{inset-inline-end:12.5%;}.ant-col-lg-offset-3{margin-inline-start:12.5%;}.ant-col-lg-order-3{order:3;}.ant-col-lg-2{display:block;flex:0 0 8.333333333333332%;max-width:8.333333333333332%;}.ant-col-lg-push-2{inset-inline-start:8.333333333333332%;}.ant-col-lg-pull-2{inset-inline-end:8.333333333333332%;}.ant-col-lg-offset-2{margin-inline-start:8.333333333333332%;}.ant-col-lg-order-2{order:2;}.ant-col-lg-1{display:block;flex:0 0 4.166666666666666%;max-width:4.166666666666666%;}.ant-col-lg-push-1{inset-inline-start:4.166666666666666%;}.ant-col-lg-pull-1{inset-inline-end:4.166666666666666%;}.ant-col-lg-offset-1{margin-inline-start:4.166666666666666%;}.ant-col-lg-order-1{order:1;}.ant-col-lg-0{display:none;}.ant-col-push-0{inset-inline-start:auto;}.ant-col-pull-0{inset-inline-end:auto;}.ant-col-lg-push-0{inset-inline-start:auto;}.ant-col-lg-pull-0{inset-inline-end:auto;}.ant-col-lg-offset-0{margin-inline-end:0;}.ant-col-lg-order-0{order:0;}}@media (min-width: 1200px){.ant-col-xl-24{display:block;flex:0 0 100%;max-width:100%;}.ant-col-xl-push-24{inset-inline-start:100%;}.ant-col-xl-pull-24{inset-inline-end:100%;}.ant-col-xl-offset-24{margin-inline-start:100%;}.ant-col-xl-order-24{order:24;}.ant-col-xl-23{display:block;flex:0 0 95.83333333333334%;max-width:95.83333333333334%;}.ant-col-xl-push-23{inset-inline-start:95.83333333333334%;}.ant-col-xl-pull-23{inset-inline-end:95.83333333333334%;}.ant-col-xl-offset-23{margin-inline-start:95.83333333333334%;}.ant-col-xl-order-23{order:23;}.ant-col-xl-22{display:block;flex:0 0 91.66666666666666%;max-width:91.66666666666666%;}.ant-col-xl-push-22{inset-inline-start:91.66666666666666%;}.ant-col-xl-pull-22{inset-inline-end:91.66666666666666%;}.ant-col-xl-offset-22{margin-inline-start:91.66666666666666%;}.ant-col-xl-order-22{order:22;}.ant-col-xl-21{display:block;flex:0 0 87.5%;max-width:87.5%;}.ant-col-xl-push-21{inset-inline-start:87.5%;}.ant-col-xl-pull-21{inset-inline-end:87.5%;}.ant-col-xl-offset-21{margin-inline-start:87.5%;}.ant-col-xl-order-21{order:21;}.ant-col-xl-20{display:block;flex:0 0 83.33333333333334%;max-width:83.33333333333334%;}.ant-col-xl-push-20{inset-inline-start:83.33333333333334%;}.ant-col-xl-pull-20{inset-inline-end:83.33333333333334%;}.ant-col-xl-offset-20{margin-inline-start:83.33333333333334%;}.ant-col-xl-order-20{order:20;}.ant-col-xl-19{display:block;flex:0 0 79.16666666666666%;max-width:79.16666666666666%;}.ant-col-xl-push-19{inset-inline-start:79.16666666666666%;}.ant-col-xl-pull-19{inset-inline-end:79.16666666666666%;}.ant-col-xl-offset-19{margin-inline-start:79.16666666666666%;}.ant-col-xl-order-19{order:19;}.ant-col-xl-18{display:block;flex:0 0 75%;max-width:75%;}.ant-col-xl-push-18{inset-inline-start:75%;}.ant-col-xl-pull-18{inset-inline-end:75%;}.ant-col-xl-offset-18{margin-inline-start:75%;}.ant-col-xl-order-18{order:18;}.ant-col-xl-17{display:block;flex:0 0 70.83333333333334%;max-width:70.83333333333334%;}.ant-col-xl-push-17{inset-inline-start:70.83333333333334%;}.ant-col-xl-pull-17{inset-inline-end:70.83333333333334%;}.ant-col-xl-offset-17{margin-inline-start:70.83333333333334%;}.ant-col-xl-order-17{order:17;}.ant-col-xl-16{display:block;flex:0 0 66.66666666666666%;max-width:66.66666666666666%;}.ant-col-xl-push-16{inset-inline-start:66.66666666666666%;}.ant-col-xl-pull-16{inset-inline-end:66.66666666666666%;}.ant-col-xl-offset-16{margin-inline-start:66.66666666666666%;}.ant-col-xl-order-16{order:16;}.ant-col-xl-15{display:block;flex:0 0 62.5%;max-width:62.5%;}.ant-col-xl-push-15{inset-inline-start:62.5%;}.ant-col-xl-pull-15{inset-inline-end:62.5%;}.ant-col-xl-offset-15{margin-inline-start:62.5%;}.ant-col-xl-order-15{order:15;}.ant-col-xl-14{display:block;flex:0 0 58.333333333333336%;max-width:58.333333333333336%;}.ant-col-xl-push-14{inset-inline-start:58.333333333333336%;}.ant-col-xl-pull-14{inset-inline-end:58.333333333333336%;}.ant-col-xl-offset-14{margin-inline-start:58.333333333333336%;}.ant-col-xl-order-14{order:14;}.ant-col-xl-13{display:block;flex:0 0 54.166666666666664%;max-width:54.166666666666664%;}.ant-col-xl-push-13{inset-inline-start:54.166666666666664%;}.ant-col-xl-pull-13{inset-inline-end:54.166666666666664%;}.ant-col-xl-offset-13{margin-inline-start:54.166666666666664%;}.ant-col-xl-order-13{order:13;}.ant-col-xl-12{display:block;flex:0 0 50%;max-width:50%;}.ant-col-xl-push-12{inset-inline-start:50%;}.ant-col-xl-pull-12{inset-inline-end:50%;}.ant-col-xl-offset-12{margin-inline-start:50%;}.ant-col-xl-order-12{order:12;}.ant-col-xl-11{display:block;flex:0 0 45.83333333333333%;max-width:45.83333333333333%;}.ant-col-xl-push-11{inset-inline-start:45.83333333333333%;}.ant-col-xl-pull-11{inset-inline-end:45.83333333333333%;}.ant-col-xl-offset-11{margin-inline-start:45.83333333333333%;}.ant-col-xl-order-11{order:11;}.ant-col-xl-10{display:block;flex:0 0 41.66666666666667%;max-width:41.66666666666667%;}.ant-col-xl-push-10{inset-inline-start:41.66666666666667%;}.ant-col-xl-pull-10{inset-inline-end:41.66666666666667%;}.ant-col-xl-offset-10{margin-inline-start:41.66666666666667%;}.ant-col-xl-order-10{order:10;}.ant-col-xl-9{display:block;flex:0 0 37.5%;max-width:37.5%;}.ant-col-xl-push-9{inset-inline-start:37.5%;}.ant-col-xl-pull-9{inset-inline-end:37.5%;}.ant-col-xl-offset-9{margin-inline-start:37.5%;}.ant-col-xl-order-9{order:9;}.ant-col-xl-8{display:block;flex:0 0 33.33333333333333%;max-width:33.33333333333333%;}.ant-col-xl-push-8{inset-inline-start:33.33333333333333%;}.ant-col-xl-pull-8{inset-inline-end:33.33333333333333%;}.ant-col-xl-offset-8{margin-inline-start:33.33333333333333%;}.ant-col-xl-order-8{order:8;}.ant-col-xl-7{display:block;flex:0 0 29.166666666666668%;max-width:29.166666666666668%;}.ant-col-xl-push-7{inset-inline-start:29.166666666666668%;}.ant-col-xl-pull-7{inset-inline-end:29.166666666666668%;}.ant-col-xl-offset-7{margin-inline-start:29.166666666666668%;}.ant-col-xl-order-7{order:7;}.ant-col-xl-6{display:block;flex:0 0 25%;max-width:25%;}.ant-col-xl-push-6{inset-inline-start:25%;}.ant-col-xl-pull-6{inset-inline-end:25%;}.ant-col-xl-offset-6{margin-inline-start:25%;}.ant-col-xl-order-6{order:6;}.ant-col-xl-5{display:block;flex:0 0 20.833333333333336%;max-width:20.833333333333336%;}.ant-col-xl-push-5{inset-inline-start:20.833333333333336%;}.ant-col-xl-pull-5{inset-inline-end:20.833333333333336%;}.ant-col-xl-offset-5{margin-inline-start:20.833333333333336%;}.ant-col-xl-order-5{order:5;}.ant-col-xl-4{display:block;flex:0 0 16.666666666666664%;max-width:16.666666666666664%;}.ant-col-xl-push-4{inset-inline-start:16.666666666666664%;}.ant-col-xl-pull-4{inset-inline-end:16.666666666666664%;}.ant-col-xl-offset-4{margin-inline-start:16.666666666666664%;}.ant-col-xl-order-4{order:4;}.ant-col-xl-3{display:block;flex:0 0 12.5%;max-width:12.5%;}.ant-col-xl-push-3{inset-inline-start:12.5%;}.ant-col-xl-pull-3{inset-inline-end:12.5%;}.ant-col-xl-offset-3{margin-inline-start:12.5%;}.ant-col-xl-order-3{order:3;}.ant-col-xl-2{display:block;flex:0 0 8.333333333333332%;max-width:8.333333333333332%;}.ant-col-xl-push-2{inset-inline-start:8.333333333333332%;}.ant-col-xl-pull-2{inset-inline-end:8.333333333333332%;}.ant-col-xl-offset-2{margin-inline-start:8.333333333333332%;}.ant-col-xl-order-2{order:2;}.ant-col-xl-1{display:block;flex:0 0 4.166666666666666%;max-width:4.166666666666666%;}.ant-col-xl-push-1{inset-inline-start:4.166666666666666%;}.ant-col-xl-pull-1{inset-inline-end:4.166666666666666%;}.ant-col-xl-offset-1{margin-inline-start:4.166666666666666%;}.ant-col-xl-order-1{order:1;}.ant-col-xl-0{display:none;}.ant-col-push-0{inset-inline-start:auto;}.ant-col-pull-0{inset-inline-end:auto;}.ant-col-xl-push-0{inset-inline-start:auto;}.ant-col-xl-pull-0{inset-inline-end:auto;}.ant-col-xl-offset-0{margin-inline-end:0;}.ant-col-xl-order-0{order:0;}}@media (min-width: 1600px){.ant-col-xxl-24{display:block;flex:0 0 100%;max-width:100%;}.ant-col-xxl-push-24{inset-inline-start:100%;}.ant-col-xxl-pull-24{inset-inline-end:100%;}.ant-col-xxl-offset-24{margin-inline-start:100%;}.ant-col-xxl-order-24{order:24;}.ant-col-xxl-23{display:block;flex:0 0 95.83333333333334%;max-width:95.83333333333334%;}.ant-col-xxl-push-23{inset-inline-start:95.83333333333334%;}.ant-col-xxl-pull-23{inset-inline-end:95.83333333333334%;}.ant-col-xxl-offset-23{margin-inline-start:95.83333333333334%;}.ant-col-xxl-order-23{order:23;}.ant-col-xxl-22{display:block;flex:0 0 91.66666666666666%;max-width:91.66666666666666%;}.ant-col-xxl-push-22{inset-inline-start:91.66666666666666%;}.ant-col-xxl-pull-22{inset-inline-end:91.66666666666666%;}.ant-col-xxl-offset-22{margin-inline-start:91.66666666666666%;}.ant-col-xxl-order-22{order:22;}.ant-col-xxl-21{display:block;flex:0 0 87.5%;max-width:87.5%;}.ant-col-xxl-push-21{inset-inline-start:87.5%;}.ant-col-xxl-pull-21{inset-inline-end:87.5%;}.ant-col-xxl-offset-21{margin-inline-start:87.5%;}.ant-col-xxl-order-21{order:21;}.ant-col-xxl-20{display:block;flex:0 0 83.33333333333334%;max-width:83.33333333333334%;}.ant-col-xxl-push-20{inset-inline-start:83.33333333333334%;}.ant-col-xxl-pull-20{inset-inline-end:83.33333333333334%;}.ant-col-xxl-offset-20{margin-inline-start:83.33333333333334%;}.ant-col-xxl-order-20{order:20;}.ant-col-xxl-19{display:block;flex:0 0 79.16666666666666%;max-width:79.16666666666666%;}.ant-col-xxl-push-19{inset-inline-start:79.16666666666666%;}.ant-col-xxl-pull-19{inset-inline-end:79.16666666666666%;}.ant-col-xxl-offset-19{margin-inline-start:79.16666666666666%;}.ant-col-xxl-order-19{order:19;}.ant-col-xxl-18{display:block;flex:0 0 75%;max-width:75%;}.ant-col-xxl-push-18{inset-inline-start:75%;}.ant-col-xxl-pull-18{inset-inline-end:75%;}.ant-col-xxl-offset-18{margin-inline-start:75%;}.ant-col-xxl-order-18{order:18;}.ant-col-xxl-17{display:block;flex:0 0 70.83333333333334%;max-width:70.83333333333334%;}.ant-col-xxl-push-17{inset-inline-start:70.83333333333334%;}.ant-col-xxl-pull-17{inset-inline-end:70.83333333333334%;}.ant-col-xxl-offset-17{margin-inline-start:70.83333333333334%;}.ant-col-xxl-order-17{order:17;}.ant-col-xxl-16{display:block;flex:0 0 66.66666666666666%;max-width:66.66666666666666%;}.ant-col-xxl-push-16{inset-inline-start:66.66666666666666%;}.ant-col-xxl-pull-16{inset-inline-end:66.66666666666666%;}.ant-col-xxl-offset-16{margin-inline-start:66.66666666666666%;}.ant-col-xxl-order-16{order:16;}.ant-col-xxl-15{display:block;flex:0 0 62.5%;max-width:62.5%;}.ant-col-xxl-push-15{inset-inline-start:62.5%;}.ant-col-xxl-pull-15{inset-inline-end:62.5%;}.ant-col-xxl-offset-15{margin-inline-start:62.5%;}.ant-col-xxl-order-15{order:15;}.ant-col-xxl-14{display:block;flex:0 0 58.333333333333336%;max-width:58.333333333333336%;}.ant-col-xxl-push-14{inset-inline-start:58.333333333333336%;}.ant-col-xxl-pull-14{inset-inline-end:58.333333333333336%;}.ant-col-xxl-offset-14{margin-inline-start:58.333333333333336%;}.ant-col-xxl-order-14{order:14;}.ant-col-xxl-13{display:block;flex:0 0 54.166666666666664%;max-width:54.166666666666664%;}.ant-col-xxl-push-13{inset-inline-start:54.166666666666664%;}.ant-col-xxl-pull-13{inset-inline-end:54.166666666666664%;}.ant-col-xxl-offset-13{margin-inline-start:54.166666666666664%;}.ant-col-xxl-order-13{order:13;}.ant-col-xxl-12{display:block;flex:0 0 50%;max-width:50%;}.ant-col-xxl-push-12{inset-inline-start:50%;}.ant-col-xxl-pull-12{inset-inline-end:50%;}.ant-col-xxl-offset-12{margin-inline-start:50%;}.ant-col-xxl-order-12{order:12;}.ant-col-xxl-11{display:block;flex:0 0 45.83333333333333%;max-width:45.83333333333333%;}.ant-col-xxl-push-11{inset-inline-start:45.83333333333333%;}.ant-col-xxl-pull-11{inset-inline-end:45.83333333333333%;}.ant-col-xxl-offset-11{margin-inline-start:45.83333333333333%;}.ant-col-xxl-order-11{order:11;}.ant-col-xxl-10{display:block;flex:0 0 41.66666666666667%;max-width:41.66666666666667%;}.ant-col-xxl-push-10{inset-inline-start:41.66666666666667%;}.ant-col-xxl-pull-10{inset-inline-end:41.66666666666667%;}.ant-col-xxl-offset-10{margin-inline-start:41.66666666666667%;}.ant-col-xxl-order-10{order:10;}.ant-col-xxl-9{display:block;flex:0 0 37.5%;max-width:37.5%;}.ant-col-xxl-push-9{inset-inline-start:37.5%;}.ant-col-xxl-pull-9{inset-inline-end:37.5%;}.ant-col-xxl-offset-9{margin-inline-start:37.5%;}.ant-col-xxl-order-9{order:9;}.ant-col-xxl-8{display:block;flex:0 0 33.33333333333333%;max-width:33.33333333333333%;}.ant-col-xxl-push-8{inset-inline-start:33.33333333333333%;}.ant-col-xxl-pull-8{inset-inline-end:33.33333333333333%;}.ant-col-xxl-offset-8{margin-inline-start:33.33333333333333%;}.ant-col-xxl-order-8{order:8;}.ant-col-xxl-7{display:block;flex:0 0 29.166666666666668%;max-width:29.166666666666668%;}.ant-col-xxl-push-7{inset-inline-start:29.166666666666668%;}.ant-col-xxl-pull-7{inset-inline-end:29.166666666666668%;}.ant-col-xxl-offset-7{margin-inline-start:29.166666666666668%;}.ant-col-xxl-order-7{order:7;}.ant-col-xxl-6{display:block;flex:0 0 25%;max-width:25%;}.ant-col-xxl-push-6{inset-inline-start:25%;}.ant-col-xxl-pull-6{inset-inline-end:25%;}.ant-col-xxl-offset-6{margin-inline-start:25%;}.ant-col-xxl-order-6{order:6;}.ant-col-xxl-5{display:block;flex:0 0 20.833333333333336%;max-width:20.833333333333336%;}.ant-col-xxl-push-5{inset-inline-start:20.833333333333336%;}.ant-col-xxl-pull-5{inset-inline-end:20.833333333333336%;}.ant-col-xxl-offset-5{margin-inline-start:20.833333333333336%;}.ant-col-xxl-order-5{order:5;}.ant-col-xxl-4{display:block;flex:0 0 16.666666666666664%;max-width:16.666666666666664%;}.ant-col-xxl-push-4{inset-inline-start:16.666666666666664%;}.ant-col-xxl-pull-4{inset-inline-end:16.666666666666664%;}.ant-col-xxl-offset-4{margin-inline-start:16.666666666666664%;}.ant-col-xxl-order-4{order:4;}.ant-col-xxl-3{display:block;flex:0 0 12.5%;max-width:12.5%;}.ant-col-xxl-push-3{inset-inline-start:12.5%;}.ant-col-xxl-pull-3{inset-inline-end:12.5%;}.ant-col-xxl-offset-3{margin-inline-start:12.5%;}.ant-col-xxl-order-3{order:3;}.ant-col-xxl-2{display:block;flex:0 0 8.333333333333332%;max-width:8.333333333333332%;}.ant-col-xxl-push-2{inset-inline-start:8.333333333333332%;}.ant-col-xxl-pull-2{inset-inline-end:8.333333333333332%;}.ant-col-xxl-offset-2{margin-inline-start:8.333333333333332%;}.ant-col-xxl-order-2{order:2;}.ant-col-xxl-1{display:block;flex:0 0 4.166666666666666%;max-width:4.166666666666666%;}.ant-col-xxl-push-1{inset-inline-start:4.166666666666666%;}.ant-col-xxl-pull-1{inset-inline-end:4.166666666666666%;}.ant-col-xxl-offset-1{margin-inline-start:4.166666666666666%;}.ant-col-xxl-order-1{order:1;}.ant-col-xxl-0{display:none;}.ant-col-push-0{inset-inline-start:auto;}.ant-col-pull-0{inset-inline-end:auto;}.ant-col-xxl-push-0{inset-inline-start:auto;}.ant-col-xxl-pull-0{inset-inline-end:auto;}.ant-col-xxl-offset-0{margin-inline-end:0;}.ant-col-xxl-order-0{order:0;}}[class^=\\\\\"ant-comment\\\\\"],[class*=\\\\\" ant-comment\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-comment\\\\\"]::before,[class*=\\\\\" ant-comment\\\\\"]::before,[class^=\\\\\"ant-comment\\\\\"]::after,[class*=\\\\\" ant-comment\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-comment\\\\\"] [class^=\\\\\"ant-comment\\\\\"],[class*=\\\\\" ant-comment\\\\\"] [class^=\\\\\"ant-comment\\\\\"],[class^=\\\\\"ant-comment\\\\\"] [class*=\\\\\" ant-comment\\\\\"],[class*=\\\\\" ant-comment\\\\\"] [class*=\\\\\" ant-comment\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-comment\\\\\"] [class^=\\\\\"ant-comment\\\\\"]::before,[class*=\\\\\" ant-comment\\\\\"] [class^=\\\\\"ant-comment\\\\\"]::before,[class^=\\\\\"ant-comment\\\\\"] [class*=\\\\\" ant-comment\\\\\"]::before,[class*=\\\\\" ant-comment\\\\\"] [class*=\\\\\" ant-comment\\\\\"]::before,[class^=\\\\\"ant-comment\\\\\"] [class^=\\\\\"ant-comment\\\\\"]::after,[class*=\\\\\" ant-comment\\\\\"] [class^=\\\\\"ant-comment\\\\\"]::after,[class^=\\\\\"ant-comment\\\\\"] [class*=\\\\\" ant-comment\\\\\"]::after,[class*=\\\\\" ant-comment\\\\\"] [class*=\\\\\" ant-comment\\\\\"]::after{box-sizing:border-box;}.ant-comment{position:relative;background-color:inherit;}.ant-comment .ant-comment-inner{display:flex;padding:20px 0;}.ant-comment .ant-comment-avatar{position:relative;flex-shrink:0;margin-right:12px;cursor:pointer;}.ant-comment .ant-comment-avatar img{width:32px;height:32px;border-radius:50%;}.ant-comment .ant-comment-content{position:relative;flex:1 1 auto;min-width:1px;font-size:14px;word-wrap:break-word;}.ant-comment .ant-comment-content-author{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:4px;font-size:14px;}.ant-comment .ant-comment-content-author>a,.ant-comment .ant-comment-content-author>span{padding-right:8px;font-size:12px;line-height:18px;}.ant-comment .ant-comment-content-author-name{color:rgba(255, 255, 255, 0.45);font-size:14px;transition:color 0.3s;}.ant-comment .ant-comment-content-author-name >*{color:rgba(255, 255, 255, 0.45);}.ant-comment .ant-comment-content-author-name >*:hover{color:rgba(255, 255, 255, 0.45);}.ant-comment .ant-comment-content-author-time{color:rgba(255, 255, 255, 0.25);white-space:nowrap;cursor:auto;}.ant-comment .ant-comment-content-detail p{margin-bottom:inherit;white-space:pre-wrap;}.ant-comment .ant-comment-actions{margin-top:12px;margin-bottom:inherit;padding-left:0;}.ant-comment .ant-comment-actions >li{display:inline-block;color:rgba(255, 255, 255, 0.45);}.ant-comment .ant-comment-actions >li >span{margin-right:10px;color:rgba(255, 255, 255, 0.45);font-size:12px;cursor:pointer;transition:color 0.3s;user-select:none;}.ant-comment .ant-comment-actions >li >span:hover{color:rgba(255, 255, 255, 0.65);}.ant-comment .ant-comment-nested{margin-left:44px;}.ant-comment-rtl{direction:rtl;}[class^=\\\\\"ant-picker\\\\\"],[class*=\\\\\" ant-picker\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-picker\\\\\"]::before,[class*=\\\\\" ant-picker\\\\\"]::before,[class^=\\\\\"ant-picker\\\\\"]::after,[class*=\\\\\" ant-picker\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-picker\\\\\"] [class^=\\\\\"ant-picker\\\\\"],[class*=\\\\\" ant-picker\\\\\"] [class^=\\\\\"ant-picker\\\\\"],[class^=\\\\\"ant-picker\\\\\"] [class*=\\\\\" ant-picker\\\\\"],[class*=\\\\\" ant-picker\\\\\"] [class*=\\\\\" ant-picker\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-picker\\\\\"] [class^=\\\\\"ant-picker\\\\\"]::before,[class*=\\\\\" ant-picker\\\\\"] [class^=\\\\\"ant-picker\\\\\"]::before,[class^=\\\\\"ant-picker\\\\\"] [class*=\\\\\" ant-picker\\\\\"]::before,[class*=\\\\\" ant-picker\\\\\"] [class*=\\\\\" ant-picker\\\\\"]::before,[class^=\\\\\"ant-picker\\\\\"] [class^=\\\\\"ant-picker\\\\\"]::after,[class*=\\\\\" ant-picker\\\\\"] [class^=\\\\\"ant-picker\\\\\"]::after,[class^=\\\\\"ant-picker\\\\\"] [class*=\\\\\" ant-picker\\\\\"]::after,[class*=\\\\\" ant-picker\\\\\"] [class*=\\\\\" ant-picker\\\\\"]::after{box-sizing:border-box;}.ant-picker{box-sizing:border-box;margin:0;padding:4px 11px 4px;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;display:inline-flex;align-items:center;background:#141414;border:1px solid #424242;border-radius:6px;transition:border 0.2s,box-shadow 0.2s;}.ant-picker:hover,.ant-picker-focused{border-color:#198016;border-inline-end-width:1px;}.ant-picker-focused{border-color:#198016;box-shadow:0 0 0 2px rgba(0, 53, 0, 0.15);border-inline-end-width:1px;outline:0;}.ant-picker.ant-picker-disabled{background:rgba(255, 255, 255, 0.08);border-color:#424242;cursor:not-allowed;}.ant-picker.ant-picker-disabled .ant-picker-suffix{color:rgba(255, 255, 255, 0.25);}.ant-picker.ant-picker-borderless{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important;}.ant-picker .ant-picker-input{position:relative;display:inline-flex;align-items:center;width:100%;}.ant-picker .ant-picker-input >input{position:relative;display:inline-block;width:100%;min-width:1px;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;background-color:#141414;background-image:none;border-width:1px;border-style:solid;border-color:#424242;border-radius:6px;transition:all 0.2s;flex:auto;height:auto;background:transparent;border:0;}.ant-picker .ant-picker-input >input::-moz-placeholder{opacity:1;}.ant-picker .ant-picker-input >input::placeholder{color:rgba(255, 255, 255, 0.25);user-select:none;}.ant-picker .ant-picker-input >input:placeholder-shown{text-overflow:ellipsis;}.ant-picker .ant-picker-input >input:hover{border-color:#198016;border-inline-end-width:1px;}.ant-picker .ant-picker-input >input:focus,.ant-picker .ant-picker-input >input-focused{border-color:#198016;box-shadow:0 0 0 2px rgba(0, 53, 0, 0.15);border-inline-end-width:1px;outline:0;}.ant-picker .ant-picker-input >input-disabled,.ant-picker .ant-picker-input >input[disabled]{color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);border-color:#424242;box-shadow:none;cursor:not-allowed;opacity:1;}.ant-picker .ant-picker-input >input-disabled:hover,.ant-picker .ant-picker-input >input[disabled]:hover{border-color:#424242;border-inline-end-width:1px;}.ant-picker .ant-picker-input >input-borderless,.ant-picker .ant-picker-input >input-borderless:hover,.ant-picker .ant-picker-input >input-borderless:focus,.ant-picker .ant-picker-input >input-borderless-focused,.ant-picker .ant-picker-input >input-borderless-disabled,.ant-picker .ant-picker-input >input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none;}textarea.ant-picker .ant-picker-input >input{max-width:100%;height:auto;min-height:32px;line-height:1.5714285714285714;vertical-align:bottom;transition:all 0.3s,height 0s;resize:vertical;}.ant-picker .ant-picker-input >input-lg{padding:7px 11px;font-size:16px;line-height:1.5;border-radius:8px;}.ant-picker .ant-picker-input >input-sm{padding:0px 7px;border-radius:4px;}.ant-picker .ant-picker-input >input-rtl{direction:rtl;}.ant-picker .ant-picker-input >input-textarea-rtl{direction:rtl;}.ant-picker .ant-picker-input >input:focus{box-shadow:none;}.ant-picker .ant-picker-input >input[disabled]{background:transparent;}.ant-picker .ant-picker-input:hover .ant-picker-clear{opacity:1;}.ant-picker .ant-picker-input-placeholder >input{color:rgba(255, 255, 255, 0.25);}.ant-picker-large{padding:6.5px 11px 6.5px;}.ant-picker-large .ant-picker-input>input{font-size:16px;}.ant-picker-small{padding:0px 7px 0px;}.ant-picker .ant-picker-suffix{display:flex;flex:none;align-self:center;margin-inline-start:4px;color:rgba(255, 255, 255, 0.25);line-height:1;pointer-events:none;}.ant-picker .ant-picker-suffix >*{vertical-align:top;}.ant-picker .ant-picker-suffix >*:not(:last-child){margin-inline-end:8px;}.ant-picker .ant-picker-clear{position:absolute;top:50%;inset-inline-end:0;color:rgba(255, 255, 255, 0.25);line-height:1;background:#141414;transform:translateY(-50%);cursor:pointer;opacity:0;transition:opacity 0.2s,color 0.2s;}.ant-picker .ant-picker-clear >*{vertical-align:top;}.ant-picker .ant-picker-clear:hover{color:rgba(255, 255, 255, 0.45);}.ant-picker .ant-picker-separator{position:relative;display:inline-block;width:1em;height:16px;color:rgba(255, 255, 255, 0.25);font-size:16px;vertical-align:top;cursor:default;}.ant-picker-focused .ant-picker .ant-picker-separator{color:rgba(255, 255, 255, 0.45);}.ant-picker-disabled .ant-picker-range-separator .ant-picker .ant-picker-separator{cursor:not-allowed;}.ant-picker-range{position:relative;display:inline-flex;}.ant-picker-range .ant-picker-clear{inset-inline-end:11px;}.ant-picker-range:hover .ant-picker-clear{opacity:1;}.ant-picker-range .ant-picker-active-bar{bottom:-1px;height:2px;margin-inline-start:11px;background:#037003;opacity:0;transition:all 0.3s ease-out;pointer-events:none;}.ant-picker-range.ant-picker-focused .ant-picker-active-bar{opacity:1;}.ant-picker-range .ant-picker-range-separator{align-items:center;padding:0 8px;line-height:1;}.ant-picker-range.ant-picker-small .ant-picker-clear{inset-inline-end:7px;}.ant-picker-range.ant-picker-small .ant-picker-active-bar{margin-inline-start:7px;}.ant-picker-dropdown{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:absolute;top:-9999px;left:-9999px;z-index:1050;}.ant-picker-dropdown .ant-picker-panel{display:inline-flex;flex-direction:column;text-align:center;background:#141414;border:1px solid rgba(253, 253, 253, 0.12);border-radius:8px;outline:none;}.ant-picker-dropdown .ant-picker-panel-focused{border-color:#037003;}.ant-picker-dropdown .ant-picker-panel-rtl{direction:rtl;}.ant-picker-dropdown .ant-picker-panel-rtl .ant-picker-prev-icon,.ant-picker-dropdown .ant-picker-panel-rtl .ant-picker-super-prev-icon{transform:rotate(45deg);}.ant-picker-dropdown .ant-picker-panel-rtl .ant-picker-next-icon,.ant-picker-dropdown .ant-picker-panel-rtl .ant-picker-super-next-icon{transform:rotate(-135deg);}.ant-picker-dropdown .ant-picker-decade-panel,.ant-picker-dropdown .ant-picker-year-panel,.ant-picker-dropdown .ant-picker-quarter-panel,.ant-picker-dropdown .ant-picker-month-panel,.ant-picker-dropdown .ant-picker-week-panel,.ant-picker-dropdown .ant-picker-date-panel,.ant-picker-dropdown .ant-picker-time-panel{display:flex;flex-direction:column;width:280px;}.ant-picker-dropdown .ant-picker-header{display:flex;padding:0 8px;color:rgba(255, 255, 255, 0.85);border-bottom:1px solid rgba(253, 253, 253, 0.12);}.ant-picker-dropdown .ant-picker-header >*{flex:none;}.ant-picker-dropdown .ant-picker-header button{padding:0;color:rgba(255, 255, 255, 0.45);line-height:40px;background:transparent;border:0;cursor:pointer;transition:color 0.2s;}.ant-picker-dropdown .ant-picker-header >button{min-width:1.6em;font-size:14px;}.ant-picker-dropdown .ant-picker-header >button:hover{color:rgba(255, 255, 255, 0.85);}.ant-picker-dropdown .ant-picker-header-view{flex:auto;font-weight:600;line-height:40px;}.ant-picker-dropdown .ant-picker-header-view button{color:inherit;font-weight:inherit;vertical-align:top;}.ant-picker-dropdown .ant-picker-header-view button:not(:first-child){margin-inline-start:8px;}.ant-picker-dropdown .ant-picker-header-view button:hover{color:#037003;}.ant-picker-dropdown .ant-picker-prev-icon,.ant-picker-dropdown .ant-picker-next-icon,.ant-picker-dropdown .ant-picker-super-prev-icon,.ant-picker-dropdown .ant-picker-super-next-icon{position:relative;display:inline-block;width:7px;height:7px;}.ant-picker-dropdown .ant-picker-prev-icon::before,.ant-picker-dropdown .ant-picker-next-icon::before,.ant-picker-dropdown .ant-picker-super-prev-icon::before,.ant-picker-dropdown .ant-picker-super-next-icon::before{position:absolute;top:0;inset-inline-start:0;display:inline-block;width:7px;height:7px;border:0 solid currentcolor;border-block-start-width:1.5px;border-block-end-width:0;border-inline-start-width:1.5px;border-inline-end-width:0;content:\\\\\"\\\\\";}.ant-picker-dropdown .ant-picker-super-prev-icon::after,.ant-picker-dropdown .ant-picker-super-next-icon::after{position:absolute;top:4px;inset-inline-start:4px;display:inline-block;width:7px;height:7px;border:0 solid currentcolor;border-block-start-width:1.5px;border-block-end-width:0;border-inline-start-width:1.5px;border-inline-end-width:0;content:\\\\\"\\\\\";}.ant-picker-dropdown .ant-picker-prev-icon,.ant-picker-dropdown .ant-picker-super-prev-icon{transform:rotate(-45deg);}.ant-picker-dropdown .ant-picker-next-icon,.ant-picker-dropdown .ant-picker-super-next-icon{transform:rotate(135deg);}.ant-picker-dropdown .ant-picker-content{width:100%;table-layout:fixed;border-collapse:collapse;}.ant-picker-dropdown .ant-picker-content th,.ant-picker-dropdown .ant-picker-content td{position:relative;min-width:24px;font-weight:normal;}.ant-picker-dropdown .ant-picker-content th{height:32px;color:rgba(255, 255, 255, 0.85);vertical-align:middle;}.ant-picker-dropdown .ant-picker-cell{padding:4px 0;color:rgba(255, 255, 255, 0.25);cursor:pointer;}.ant-picker-dropdown .ant-picker-cell-in-view{color:rgba(255, 255, 255, 0.85);}.ant-picker-dropdown .ant-picker-cell::before{position:absolute;top:50%;inset-inline-start:0;inset-inline-end:0;z-index:1;height:24px;transform:translateY(-50%);transition:all 0.3s;content:\\\\\"\\\\\";}.ant-picker-dropdown .ant-picker-cell .ant-picker-cell-inner{position:relative;z-index:2;display:inline-block;min-width:24px;height:24px;line-height:24px;border-radius:4px;transition:background 0.2s,border 0.2s;}.ant-picker-dropdown .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,.ant-picker-dropdown .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner{background:rgba(255, 255, 255, 0.08);}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before{position:absolute;top:0;inset-inline-end:0;bottom:0;inset-inline-start:0;z-index:1;border:1px solid #037003;border-radius:4px;content:\\\\\"\\\\\";}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range{position:relative;}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range::before{background:#111911;}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{color:#fff;background:#037003;}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before{background:#111911;}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start::before{inset-inline-start:50%;}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end::before{inset-inline-end:50%;}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after{position:absolute;top:50%;z-index:0;height:24px;border-top:1px dashed #06d306;border-bottom:1px dashed #06d306;transform:translateY(-50%);transition:all 0.3s;content:\\\\\"\\\\\";}.ant-picker-dropdown .ant-picker-cell-range-hover-start::after,.ant-picker-dropdown .ant-picker-cell-range-hover-end::after,.ant-picker-dropdown .ant-picker-cell-range-hover::after{inset-inline-end:0;inset-inline-start:2px;}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,.ant-picker-panel>:not(.ant-picker-date-panel) .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,.ant-picker-panel>:not(.ant-picker-date-panel) .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before{background:#2cf92c;}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner{border-start-start-radius:4px;border-end-start-radius:4px;border-start-end-radius:0;border-end-end-radius:0;}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner{border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:4px;border-end-end-radius:4px;}.ant-picker-dropdown .ant-picker-cell-range-hover.ant-picker-cell-range-end::after{inset-inline-start:50%;}tr>.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,tr>.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after{inset-inline-start:6px;border-inline-start:1px dashed #06d306;border-start-start-radius:1px;border-end-start-radius:1px;}tr>.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,tr>.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after{inset-inline-end:6px;border-inline-end:1px dashed #06d306;border-start-end-radius:1px;border-end-end-radius:1px;}.ant-picker-dropdown .ant-picker-cell-disabled{color:rgba(255, 255, 255, 0.25);pointer-events:none;}.ant-picker-dropdown .ant-picker-cell-disabled .ant-picker-cell-inner{background:transparent;}.ant-picker-dropdown .ant-picker-cell-disabled::before{background:rgba(255, 255, 255, 0.08);}.ant-picker-dropdown .ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before{border-color:rgba(255, 255, 255, 0.25);}.ant-picker-dropdown .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,.ant-picker-dropdown .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after{position:absolute;top:0;bottom:0;z-index:-1;background:#2cf92c;transition:all 0.3s;content:\\\\\"\\\\\";}.ant-picker-dropdown .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after{inset-inline-end:-6px;inset-inline-start:0;}.ant-picker-dropdown .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after{inset-inline-end:0;inset-inline-start:-6px;}.ant-picker-dropdown .ant-picker-range-hover.ant-picker-range-start::after{inset-inline-end:50%;}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-content,.ant-picker-dropdown .ant-picker-year-panel .ant-picker-content,.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-content,.ant-picker-dropdown .ant-picker-month-panel .ant-picker-content{height:264px;}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell-inner,.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell-inner,.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell-inner,.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell-inner{padding:0 8px;}.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-content{height:56px;}.ant-picker-dropdown .ant-picker-panel .ant-picker-footer{border-top:1px solid rgba(253, 253, 253, 0.12);}.ant-picker-dropdown .ant-picker-footer{width:min-content;min-width:100%;line-height:38px;text-align:center;}.ant-picker-dropdown .ant-picker-footer-extra{padding:0 12;line-height:38px;text-align:start;}.ant-picker-dropdown .ant-picker-footer-extra:not(:last-child){border-bottom:1px solid rgba(253, 253, 253, 0.12);}.ant-picker-dropdown .ant-picker-now{text-align:start;}.ant-picker-dropdown .ant-picker-today-btn{color:#1668dc;}.ant-picker-dropdown .ant-picker-today-btn:hover{color:#15417e;}.ant-picker-dropdown .ant-picker-today-btn:active{color:#1554ad;}.ant-picker-dropdown .ant-picker-today-btn.ant-picker-today-btn-disabled{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell-inner{padding:0 4px;}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell::before{display:none;}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-body,.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-body,.ant-picker-dropdown .ant-picker-month-panel .ant-picker-body{padding:0 8px;}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell-inner,.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell-inner,.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell-inner{width:60px;}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell-range-hover-start::after{inset-inline-start:16px;border-inline-start:1px dashed #06d306;border-start-start-radius:4px;border-bottom-start-radius:4px;border-start-end-radius:0;border-bottom-end-radius:0;}.ant-picker-panel-rtl .ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,.ant-picker-panel-rtl .ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,.ant-picker-panel-rtl .ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell-range-hover-start::after{inset-inline-end:16px;border-inline-end:1px dashed #06d306;border-start-start-radius:0;border-bottom-start-radius:0;border-start-end-radius:4px;border-bottom-end-radius:4px;}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell-range-hover-end::after{inset-inline-end:16px;border-inline-end:1px dashed #06d306;border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:6px;border-end-end-radius:6px;}.ant-picker-panel-rtl .ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,.ant-picker-panel-rtl .ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,.ant-picker-panel-rtl .ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell-range-hover-end::after{inset-inline-start:16px;border-inline-start:1px dashed #06d306;border-start-start-radius:6px;border-end-start-radius:6px;border-start-end-radius:0;border-end-end-radius:0;}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-body{padding:8px 12px;}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner{background:transparent!important;}.ant-picker-dropdown .ant-picker-week-panel-row td{transition:background 0.2s;}.ant-picker-dropdown .ant-picker-week-panel-row td:first-child{border-start-start-radius:4px;border-end-start-radius:4px;}.ant-picker-dropdown .ant-picker-week-panel-row td:last-child{border-start-end-radius:4px;border-end-end-radius:4px;}.ant-picker-dropdown .ant-picker-week-panel-row:hover td{background:rgba(255, 255, 255, 0.08);}.ant-picker-dropdown .ant-picker-week-panel-row-selected td,.ant-picker-dropdown .ant-picker-week-panel-row-selected:hover td{background:#037003;}.ant-picker-dropdown .ant-picker-week-panel-row-selected td.ant-picker-cell-week,.ant-picker-dropdown .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week{color:#ffffff;}.ant-picker-dropdown .ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,.ant-picker-dropdown .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before{border-color:#fff;}.ant-picker-dropdown .ant-picker-week-panel-row-selected td .ant-picker-cell-inner,.ant-picker-dropdown .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner{color:#fff;}.ant-picker-dropdown .ant-picker-date-panel .ant-picker-body{padding:8px 12px;}.ant-picker-dropdown .ant-picker-date-panel .ant-picker-content{width:252px;}.ant-picker-dropdown .ant-picker-date-panel .ant-picker-content th{width:36px;}.ant-picker-dropdown .ant-picker-datetime-panel{display:flex;}.ant-picker-dropdown .ant-picker-datetime-panel .ant-picker-time-panel{border-inline-start:1px solid rgba(253, 253, 253, 0.12);}.ant-picker-dropdown .ant-picker-datetime-panel .ant-picker-date-panel,.ant-picker-dropdown .ant-picker-datetime-panel .ant-picker-time-panel{transition:opacity 0.3s;}.ant-picker-dropdown .ant-picker-datetime-panel-active .ant-picker-date-panel,.ant-picker-dropdown .ant-picker-datetime-panel-active .ant-picker-time-panel{opacity:0.3;}.ant-picker-dropdown .ant-picker-datetime-panel-active .ant-picker-date-panel-active,.ant-picker-dropdown .ant-picker-datetime-panel-active .ant-picker-time-panel-active{opacity:1;}.ant-picker-dropdown .ant-picker-time-panel{width:auto;min-width:auto;direction:ltr;}.ant-picker-dropdown .ant-picker-time-panel .ant-picker-content{display:flex;flex:auto;height:224px;}.ant-picker-dropdown .ant-picker-time-panel-column{flex:1 0 auto;width:56px;margin:4px 0;padding:0;overflow-y:hidden;text-align:start;list-style:none;transition:background 0.2s;overflow-x:hidden;}.ant-picker-dropdown .ant-picker-time-panel-column::after{display:block;height:196px;content:\\\\\"\\\\\";}.ant-picker-dropdown .ant-picker-time-panel-column:not(:first-child){border-inline-start:1px solid rgba(253, 253, 253, 0.12);}.ant-picker-dropdown .ant-picker-time-panel-column-active{background:#111911;}.ant-picker-dropdown .ant-picker-time-panel-column:hover{overflow-y:auto;}.ant-picker-dropdown .ant-picker-time-panel-column >li{margin:0;padding:0;}.ant-picker-dropdown .ant-picker-time-panel-column >li.ant-picker-time-panel-cell{margin-inline:4px;}.ant-picker-dropdown .ant-picker-time-panel-column >li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner{display:block;width:48px;height:28px;margin:0;padding-block:0;padding-inline-end:0;padding-inline-start:14px;color:rgba(255, 255, 255, 0.85);line-height:28px;border-radius:4px;cursor:pointer;transition:background 0.2s;}.ant-picker-dropdown .ant-picker-time-panel-column >li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover{background:rgba(255, 255, 255, 0.08);}.ant-picker-dropdown .ant-picker-time-panel-column >li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner{background:#111911;}.ant-picker-dropdown .ant-picker-time-panel-column >li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner{color:rgba(255, 255, 255, 0.25);background:transparent;cursor:not-allowed;}.ant-picker-dropdown .ant-picker-datetime-panel .ant-picker-time-panel-column:after{height:204px;}.ant-picker-dropdown.ant-picker-dropdown-hidden{display:none;}.ant-picker-dropdown.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow{top:0;display:block;transform:translateY(-100%);}.ant-picker-dropdown.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow{bottom:0;display:block;transform:translateY(100%) rotate(180deg);}.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight,.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight{animation-name:antSlideDownIn;}.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight,.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight{animation-name:antSlideUpIn;}.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight{animation-name:antSlideDownOut;}.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight{animation-name:antSlideUpOut;}.ant-picker-dropdown .ant-picker-panel>.ant-picker-time-panel{padding-top:4px;}.ant-picker-dropdown .ant-picker-ranges{margin-bottom:0;padding:4px 12px;overflow:hidden;line-height:34px;text-align:start;list-style:none;display:flex;justify-content:space-between;}.ant-picker-dropdown .ant-picker-ranges >li{display:inline-block;}.ant-picker-dropdown .ant-picker-ranges .ant-picker-preset>.ant-tag-blue{color:#037003;background:#111911;border-color:#0e340e;cursor:pointer;}.ant-picker-dropdown .ant-picker-ranges .ant-picker-ok{margin-inline-start:auto;}.ant-picker-dropdown .ant-picker-range-wrapper{display:flex;position:relative;}.ant-picker-dropdown .ant-picker-range-arrow{position:absolute;z-index:1;display:none;margin-inline-start:16.5px;transition:left 0.3s ease-out;pointer-events:none;width:16px;height:16px;overflow:hidden;}.ant-picker-dropdown .ant-picker-range-arrow::after{content:\\\\\"\\\\\";position:absolute;width:8.970562748477143px;height:8.970562748477143px;bottom:0;inset-inline:0;margin:auto;border-radius:0 0 2px 0;transform:translateY(50%) rotate(-135deg);box-shadow:3px 3px 7px rgba(0, 0, 0, 0.1);z-index:0;background:transparent;}.ant-picker-dropdown .ant-picker-range-arrow::before{position:absolute;bottom:0;inset-inline-start:0;width:16px;height:8px;background:#1f1f1f;clip-path:polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%);clip-path:path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');content:\\\\\"\\\\\";}.ant-picker-dropdown .ant-picker-panel-container{overflow:hidden;vertical-align:top;background:#1f1f1f;border-radius:8px;box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);transition:margin 0.3s;}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel-layout{display:flex;flex-wrap:nowrap;align-items:stretch;}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-presets{display:flex;flex-direction:column;min-width:120px;max-width:200px;}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-presets ul{height:0;flex:auto;list-style:none;overflow:auto;margin:0;padding:8px;border-inline-end:1px solid rgba(253, 253, 253, 0.12);}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-presets ul li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding-inline:8px;padding-block:1px;cursor:pointer;transition:all 0.3s;}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-presets ul li +li{margin-top:8px;}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-presets ul li:hover{background:rgba(255, 255, 255, 0.08);}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels{display:inline-flex;flex-wrap:nowrap;direction:ltr;}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels .ant-picker-panel{border-width:0 0 1px;}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels:last-child .ant-picker-panel{border-width:0;}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel{vertical-align:top;background:transparent;border-radius:0;border-width:0;}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-content,.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel table{text-align:center;}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel-focused{border-color:#424242;}.ant-picker-dropdown-range{padding:10.666666666666666px 0;}.ant-picker-dropdown-range-hidden{display:none;}.ant-picker-rtl{direction:rtl;}.ant-picker-rtl .ant-picker-separator{transform:rotate(180deg);}.ant-picker-rtl .ant-picker-footer-extra{direction:rtl;}.ant-slide-up-enter,.ant-slide-up-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-up-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-up-enter.ant-slide-up-enter-active,.ant-slide-up-appear.ant-slide-up-appear-active{animation-name:antSlideUpIn;animation-play-state:running;}.ant-slide-up-leave.ant-slide-up-leave-active{animation-name:antSlideUpOut;animation-play-state:running;pointer-events:none;}.ant-slide-up-enter,.ant-slide-up-appear{transform:scale(0);transform-origin:0% 0%;opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}.ant-slide-up-leave{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);}.ant-slide-down-enter,.ant-slide-down-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-down-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-down-enter.ant-slide-down-enter-active,.ant-slide-down-appear.ant-slide-down-appear-active{animation-name:antSlideDownIn;animation-play-state:running;}.ant-slide-down-leave.ant-slide-down-leave-active{animation-name:antSlideDownOut;animation-play-state:running;pointer-events:none;}.ant-slide-down-enter,.ant-slide-down-appear{transform:scale(0);transform-origin:0% 0%;opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}.ant-slide-down-leave{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);}.ant-move-up-enter,.ant-move-up-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-move-up-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-move-up-enter.ant-move-up-enter-active,.ant-move-up-appear.ant-move-up-appear-active{animation-name:antMoveUpIn;animation-play-state:running;}.ant-move-up-leave.ant-move-up-leave-active{animation-name:antMoveUpOut;animation-play-state:running;pointer-events:none;}.ant-move-up-enter,.ant-move-up-appear{opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);}.ant-move-up-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}.ant-move-down-enter,.ant-move-down-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-move-down-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-move-down-enter.ant-move-down-enter-active,.ant-move-down-appear.ant-move-down-appear-active{animation-name:antMoveDownIn;animation-play-state:running;}.ant-move-down-leave.ant-move-down-leave-active{animation-name:antMoveDownOut;animation-play-state:running;pointer-events:none;}.ant-move-down-enter,.ant-move-down-appear{opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);}.ant-move-down-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}.ant-picker-status-error.ant-picker,.ant-picker-status-error.ant-picker:not([disabled]):hover{background-color:#141414;border-color:#dc4446;}.ant-picker-status-error.ant-picker-focused,.ant-picker-status-error.ant-picker:focus{border-color:#dc4446;box-shadow:0 0 0 2px rgba(238, 38, 56, 0.11);border-inline-end-width:1px;outline:0;}.ant-picker-status-error.ant-picker .ant-picker-active-bar{background:#dc4446;}.ant-picker-status-warning.ant-picker,.ant-picker-status-warning.ant-picker:not([disabled]):hover{background-color:#141414;border-color:#d89614;}.ant-picker-status-warning.ant-picker-focused,.ant-picker-status-warning.ant-picker:focus{border-color:#d89614;box-shadow:0 0 0 2px rgba(173, 107, 0, 0.15);border-inline-end-width:1px;outline:0;}.ant-picker-status-warning.ant-picker .ant-picker-active-bar{background:#d89614;}.ant-picker-compact-item:not(.ant-picker-compact-last-item){margin-inline-end:-1px;}.ant-picker-compact-item:hover,.ant-picker-compact-item:active{z-index:2;}.ant-picker-compact-item.ant-picker-focused{z-index:2;}.ant-picker-compact-item[disabled]{z-index:0;}.ant-picker-compact-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-last-item){border-radius:0;}.ant-picker-compact-item:not(.ant-picker-compact-last-item).ant-picker-compact-first-item,.ant-picker-compact-item:not(.ant-picker-compact-last-item).ant-picker-compact-first-item.ant-picker-sm,.ant-picker-compact-item:not(.ant-picker-compact-last-item).ant-picker-compact-first-item.ant-picker-lg{border-start-end-radius:0;border-end-end-radius:0;}.ant-picker-compact-item:not(.ant-picker-compact-first-item).ant-picker-compact-last-item,.ant-picker-compact-item:not(.ant-picker-compact-first-item).ant-picker-compact-last-item.ant-picker-sm,.ant-picker-compact-item:not(.ant-picker-compact-first-item).ant-picker-compact-last-item.ant-picker-lg{border-start-start-radius:0;border-end-start-radius:0;}[class^=\\\\\"ant-descriptions\\\\\"],[class*=\\\\\" ant-descriptions\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-descriptions\\\\\"]::before,[class*=\\\\\" ant-descriptions\\\\\"]::before,[class^=\\\\\"ant-descriptions\\\\\"]::after,[class*=\\\\\" ant-descriptions\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-descriptions\\\\\"] [class^=\\\\\"ant-descriptions\\\\\"],[class*=\\\\\" ant-descriptions\\\\\"] [class^=\\\\\"ant-descriptions\\\\\"],[class^=\\\\\"ant-descriptions\\\\\"] [class*=\\\\\" ant-descriptions\\\\\"],[class*=\\\\\" ant-descriptions\\\\\"] [class*=\\\\\" ant-descriptions\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-descriptions\\\\\"] [class^=\\\\\"ant-descriptions\\\\\"]::before,[class*=\\\\\" ant-descriptions\\\\\"] [class^=\\\\\"ant-descriptions\\\\\"]::before,[class^=\\\\\"ant-descriptions\\\\\"] [class*=\\\\\" ant-descriptions\\\\\"]::before,[class*=\\\\\" ant-descriptions\\\\\"] [class*=\\\\\" ant-descriptions\\\\\"]::before,[class^=\\\\\"ant-descriptions\\\\\"] [class^=\\\\\"ant-descriptions\\\\\"]::after,[class*=\\\\\" ant-descriptions\\\\\"] [class^=\\\\\"ant-descriptions\\\\\"]::after,[class^=\\\\\"ant-descriptions\\\\\"] [class*=\\\\\" ant-descriptions\\\\\"]::after,[class*=\\\\\" ant-descriptions\\\\\"] [class*=\\\\\" ant-descriptions\\\\\"]::after{box-sizing:border-box;}.ant-descriptions{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-view{border:1px solid rgba(253, 253, 253, 0.12);}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-view >table{table-layout:auto;border-collapse:collapse;}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-label,.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-content{padding:16px 24px;border-inline-end:1px solid rgba(253, 253, 253, 0.12);}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-label:last-child,.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-content:last-child{border-inline-end:none;}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-label{background-color:rgba(255, 255, 255, 0.04);}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-item-label::after{display:none;}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-row{border-bottom:1px solid rgba(253, 253, 253, 0.12);}.ant-descriptions.ant-descriptions-bordered .ant-descriptions-row:last-child{border-bottom:none;}.ant-descriptions.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,.ant-descriptions.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content{padding:12px 24px;}.ant-descriptions.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,.ant-descriptions.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content{padding:8px 16px;}.ant-descriptions-rtl{direction:rtl;}.ant-descriptions .ant-descriptions-header{display:flex;align-items:center;margin-bottom:20px;}.ant-descriptions .ant-descriptions-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:auto;color:rgba(255, 255, 255, 0.85);font-weight:600;font-size:16px;line-height:1.5;}.ant-descriptions .ant-descriptions-extra{margin-inline-start:auto;color:rgba(255, 255, 255, 0.85);font-size:14px;}.ant-descriptions .ant-descriptions-view{width:100%;border-radius:8px;}.ant-descriptions .ant-descriptions-view table{width:100%;table-layout:fixed;}.ant-descriptions .ant-descriptions-row >th,.ant-descriptions .ant-descriptions-row >td{padding-bottom:16px;}.ant-descriptions .ant-descriptions-row:last-child{border-bottom:none;}.ant-descriptions .ant-descriptions-item-label{color:rgba(255, 255, 255, 0.85);font-weight:normal;font-size:14px;line-height:1.5714285714285714;text-align:start;}.ant-descriptions .ant-descriptions-item-label::after{content:\\\\\":\\\\\";position:relative;top:-0.5px;margin-inline:2px 8px;}.ant-descriptions .ant-descriptions-item-label.ant-descriptions-item-no-colon::after{content:\\\\\"\\\\\";}.ant-descriptions .ant-descriptions-item-no-label::after{margin:0;content:\\\\\"\\\\\";}.ant-descriptions .ant-descriptions-item-content{display:table-cell;flex:1;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;word-break:break-word;overflow-wrap:break-word;}.ant-descriptions .ant-descriptions-item{padding-bottom:0;vertical-align:top;}.ant-descriptions .ant-descriptions-item-container{display:flex;}.ant-descriptions .ant-descriptions-item-container .ant-descriptions-item-label{display:inline-flex;align-items:baseline;}.ant-descriptions .ant-descriptions-item-container .ant-descriptions-item-content{display:inline-flex;align-items:baseline;}.ant-descriptions-middle .ant-descriptions-row >th,.ant-descriptions-middle .ant-descriptions-row >td{padding-bottom:12px;}.ant-descriptions-small .ant-descriptions-row >th,.ant-descriptions-small .ant-descriptions-row >td{padding-bottom:8px;}[class^=\\\\\"ant-divider\\\\\"],[class*=\\\\\" ant-divider\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-divider\\\\\"]::before,[class*=\\\\\" ant-divider\\\\\"]::before,[class^=\\\\\"ant-divider\\\\\"]::after,[class*=\\\\\" ant-divider\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-divider\\\\\"] [class^=\\\\\"ant-divider\\\\\"],[class*=\\\\\" ant-divider\\\\\"] [class^=\\\\\"ant-divider\\\\\"],[class^=\\\\\"ant-divider\\\\\"] [class*=\\\\\" ant-divider\\\\\"],[class*=\\\\\" ant-divider\\\\\"] [class*=\\\\\" ant-divider\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-divider\\\\\"] [class^=\\\\\"ant-divider\\\\\"]::before,[class*=\\\\\" ant-divider\\\\\"] [class^=\\\\\"ant-divider\\\\\"]::before,[class^=\\\\\"ant-divider\\\\\"] [class*=\\\\\" ant-divider\\\\\"]::before,[class*=\\\\\" ant-divider\\\\\"] [class*=\\\\\" ant-divider\\\\\"]::before,[class^=\\\\\"ant-divider\\\\\"] [class^=\\\\\"ant-divider\\\\\"]::after,[class*=\\\\\" ant-divider\\\\\"] [class^=\\\\\"ant-divider\\\\\"]::after,[class^=\\\\\"ant-divider\\\\\"] [class*=\\\\\" ant-divider\\\\\"]::after,[class*=\\\\\" ant-divider\\\\\"] [class*=\\\\\" ant-divider\\\\\"]::after{box-sizing:border-box;}.ant-divider{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';border-block-start:1px solid rgba(253, 253, 253, 0.12);}.ant-divider-vertical{position:relative;top:-0.06em;display:inline-block;height:0.9em;margin:0 8px;vertical-align:middle;border-top:0;border-inline-start:1px solid rgba(253, 253, 253, 0.12);}.ant-divider-horizontal{display:flex;clear:both;width:100%;min-width:100%;margin:24px 0;}.ant-divider-horizontal.ant-divider-with-text{display:flex;align-items:center;margin:16px 0;color:rgba(255, 255, 255, 0.85);font-weight:500;font-size:16px;white-space:nowrap;text-align:center;border-block-start:0 rgba(253, 253, 253, 0.12);}.ant-divider-horizontal.ant-divider-with-text::before,.ant-divider-horizontal.ant-divider-with-text::after{position:relative;width:50%;border-block-start:1px solid transparent;border-block-start-color:inherit;border-block-end:0;transform:translateY(50%);content:'';}.ant-divider-horizontal.ant-divider-with-text-left::before{width:5%;}.ant-divider-horizontal.ant-divider-with-text-left::after{width:95%;}.ant-divider-horizontal.ant-divider-with-text-right::before{width:95%;}.ant-divider-horizontal.ant-divider-with-text-right::after{width:5%;}.ant-divider .ant-divider-inner-text{display:inline-block;padding:0 1em;}.ant-divider-dashed{background:none;border-color:rgba(253, 253, 253, 0.12);border-style:dashed;border-width:1px 0 0;}.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after{border-style:dashed none none;}.ant-divider-vertical.ant-divider-dashed{border-inline-start:1px;border-inline-end:0;border-block-start:0;border-block-end:0;}.ant-divider-plain.ant-divider-with-text{color:rgba(255, 255, 255, 0.85);font-weight:normal;font-size:14px;}.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before{width:0;}.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after{width:100%;}.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text{padding-inline-start:0;}.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before{width:100%;}.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after{width:0;}.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text{padding-inline-end:0;}[class^=\\\\\"ant-dropdown\\\\\"],[class*=\\\\\" ant-dropdown\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-dropdown\\\\\"]::before,[class*=\\\\\" ant-dropdown\\\\\"]::before,[class^=\\\\\"ant-dropdown\\\\\"]::after,[class*=\\\\\" ant-dropdown\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-dropdown\\\\\"] [class^=\\\\\"ant-dropdown\\\\\"],[class*=\\\\\" ant-dropdown\\\\\"] [class^=\\\\\"ant-dropdown\\\\\"],[class^=\\\\\"ant-dropdown\\\\\"] [class*=\\\\\" ant-dropdown\\\\\"],[class*=\\\\\" ant-dropdown\\\\\"] [class*=\\\\\" ant-dropdown\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-dropdown\\\\\"] [class^=\\\\\"ant-dropdown\\\\\"]::before,[class*=\\\\\" ant-dropdown\\\\\"] [class^=\\\\\"ant-dropdown\\\\\"]::before,[class^=\\\\\"ant-dropdown\\\\\"] [class*=\\\\\" ant-dropdown\\\\\"]::before,[class*=\\\\\" ant-dropdown\\\\\"] [class*=\\\\\" ant-dropdown\\\\\"]::before,[class^=\\\\\"ant-dropdown\\\\\"] [class^=\\\\\"ant-dropdown\\\\\"]::after,[class*=\\\\\" ant-dropdown\\\\\"] [class^=\\\\\"ant-dropdown\\\\\"]::after,[class^=\\\\\"ant-dropdown\\\\\"] [class*=\\\\\" ant-dropdown\\\\\"]::after,[class*=\\\\\" ant-dropdown\\\\\"] [class*=\\\\\" ant-dropdown\\\\\"]::after{box-sizing:border-box;}.ant-dropdown{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:absolute;top:-9999px;left:-9999px;z-index:1050;display:block;}.ant-dropdown::before{position:absolute;inset-block:-4px;z-index:-9999;opacity:0.0001;content:\\\\\"\\\\\";}.ant-dropdown .ant-dropdown-wrap{position:relative;}.ant-dropdown .ant-dropdown-wrap .ant-btn>.anticon-down{font-size:12px;}.ant-dropdown .ant-dropdown-wrap .anticon-down::before{transition:transform 0.2s;}.ant-dropdown .ant-dropdown-wrap-open .anticon-down::before{transform:rotate(180deg);}.ant-dropdown-hidden,.ant-dropdown-menu-hidden,.ant-dropdown-menu-submenu-hidden{display:none;}.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,.ant-dropdown-show-arrow.ant-dropdown-placement-top,.ant-dropdown-show-arrow.ant-dropdown-placement-topRight{padding-bottom:12px;}.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,.ant-dropdown-show-arrow.ant-dropdown-placement-bottom,.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight{padding-top:12px;}.ant-dropdown .ant-dropdown-arrow{position:absolute;z-index:1;display:block;pointer-events:none;width:16px;height:16px;overflow:hidden;}.ant-dropdown .ant-dropdown-arrow::after{content:\\\\\"\\\\\";position:absolute;width:8.970562748477143px;height:8.970562748477143px;bottom:0;inset-inline:0;margin:auto;border-radius:0 0 2px 0;transform:translateY(50%) rotate(-135deg);box-shadow:3px 3px 7px rgba(0, 0, 0, 0.1);z-index:0;background:transparent;}.ant-dropdown .ant-dropdown-arrow::before{position:absolute;bottom:0;inset-inline-start:0;width:16px;height:8px;background:#1f1f1f;clip-path:polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%);clip-path:path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');content:\\\\\"\\\\\";}.ant-dropdown-placement-top>.ant-dropdown-arrow,.ant-dropdown-placement-topLeft>.ant-dropdown-arrow,.ant-dropdown-placement-topRight>.ant-dropdown-arrow{bottom:12px;transform:translateY(100%) rotate(180deg);}.ant-dropdown-placement-top>.ant-dropdown-arrow{left:50%;transform:translateX(-50%) translateY(100%) rotate(180deg);}.ant-dropdown-placement-topLeft>.ant-dropdown-arrow{left:6px;}.ant-dropdown-placement-topRight>.ant-dropdown-arrow{right:6px;}.ant-dropdown-placement-bottom>.ant-dropdown-arrow,.ant-dropdown-placement-bottomLeft>.ant-dropdown-arrow,.ant-dropdown-placement-bottomRight>.ant-dropdown-arrow{top:12px;transform:translateY(-100%);}.ant-dropdown-placement-bottom>.ant-dropdown-arrow{left:50%;transform:translateY(-100%) translateX(-50%);}.ant-dropdown-placement-bottomLeft>.ant-dropdown-arrow{left:6px;}.ant-dropdown-placement-bottomRight>.ant-dropdown-arrow{right:6px;}.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom,.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom,.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight,.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight{animation-name:antSlideUpIn;}.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft,.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft,.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-top,.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top,.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight,.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight{animation-name:antSlideDownIn;}.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottom,.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight{animation-name:antSlideUpOut;}.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft,.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-top,.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight{animation-name:antSlideDownOut;}.ant-dropdown .ant-dropdown-menu{position:relative;margin:0;}.ant-dropdown-menu-submenu-popup{position:absolute;z-index:1050;background:transparent;box-shadow:none;transform-origin:0 0;}.ant-dropdown-menu-submenu-popup ul,.ant-dropdown-menu-submenu-popup li{list-style:none;}.ant-dropdown-menu-submenu-popup ul{margin-inline:0.3em;}.ant-dropdown .ant-dropdown-menu,.ant-dropdown-menu-submenu .ant-dropdown-menu{padding:4px;list-style-type:none;background-color:#1f1f1f;background-clip:padding-box;border-radius:8px;outline:none;box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);}.ant-dropdown .ant-dropdown-menu:focus-visible,.ant-dropdown-menu-submenu .ant-dropdown-menu:focus-visible{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-group-title,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item-group-title{padding:5px 12px;color:rgba(255, 255, 255, 0.45);transition:all 0.2s;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item{position:relative;display:flex;align-items:center;border-radius:4px;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-icon,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item-icon{min-width:14px;margin-inline-end:8px;font-size:12px;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-title-content,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-title-content{flex:auto;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-title-content >a,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-title-content >a{color:inherit;transition:all 0.2s;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-title-content >a:hover,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-title-content >a:hover{color:inherit;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-title-content >a::after,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-title-content >a::after{position:absolute;inset:0;content:\\\\\"\\\\\";}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title{clear:both;margin:0;padding:5px 12px;color:rgba(255, 255, 255, 0.85);font-weight:normal;font-size:14px;line-height:1.5714285714285714;cursor:pointer;transition:all 0.2s;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item:hover,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title:hover,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title:hover,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-active,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item-active,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title-active,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title-active{background-color:rgba(255, 255, 255, 0.08);}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:focus-visible,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item:focus-visible,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title:focus-visible,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title:focus-visible{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-selected,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item-selected,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title-selected,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title-selected{color:#037003;background-color:#111911;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-selected:hover,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item-selected:hover,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title-selected:hover,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title-selected:hover,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-selected-active,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item-selected-active,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title-selected-active,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title-selected-active{background-color:#0f2510;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-disabled,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item-disabled,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title-disabled,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title-disabled{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-disabled:hover,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item-disabled:hover,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title-disabled:hover,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title-disabled:hover{color:rgba(255, 255, 255, 0.25);background-color:#1f1f1f;cursor:not-allowed;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-disabled a,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item-disabled a,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title-disabled a,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title-disabled a{pointer-events:none;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-divider,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item-divider,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title-divider,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title-divider{height:1px;margin:4px 0;overflow:hidden;line-height:0;background-color:rgba(253, 253, 253, 0.12);}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon{position:absolute;inset-inline-end:8px;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon{margin-inline-end:0!important;color:rgba(255, 255, 255, 0.45);font-size:12px;font-style:normal;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-group-list,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item-group-list{margin:0 8px;padding:0;list-style:none;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title{padding-inline-end:24px;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-vertical,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-vertical{position:relative;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon{color:rgba(255, 255, 255, 0.25);background-color:#1f1f1f;cursor:not-allowed;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title{color:#037003;}.ant-slide-up-enter,.ant-slide-up-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-up-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-up-enter.ant-slide-up-enter-active,.ant-slide-up-appear.ant-slide-up-appear-active{animation-name:antSlideUpIn;animation-play-state:running;}.ant-slide-up-leave.ant-slide-up-leave-active{animation-name:antSlideUpOut;animation-play-state:running;pointer-events:none;}.ant-slide-up-enter,.ant-slide-up-appear{transform:scale(0);transform-origin:0% 0%;opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}.ant-slide-up-leave{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);}.ant-slide-down-enter,.ant-slide-down-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-down-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-down-enter.ant-slide-down-enter-active,.ant-slide-down-appear.ant-slide-down-appear-active{animation-name:antSlideDownIn;animation-play-state:running;}.ant-slide-down-leave.ant-slide-down-leave-active{animation-name:antSlideDownOut;animation-play-state:running;pointer-events:none;}.ant-slide-down-enter,.ant-slide-down-appear{transform:scale(0);transform-origin:0% 0%;opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}.ant-slide-down-leave{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);}.ant-move-up-enter,.ant-move-up-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-move-up-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-move-up-enter.ant-move-up-enter-active,.ant-move-up-appear.ant-move-up-appear-active{animation-name:antMoveUpIn;animation-play-state:running;}.ant-move-up-leave.ant-move-up-leave-active{animation-name:antMoveUpOut;animation-play-state:running;pointer-events:none;}.ant-move-up-enter,.ant-move-up-appear{opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);}.ant-move-up-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}.ant-move-down-enter,.ant-move-down-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-move-down-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-move-down-enter.ant-move-down-enter-active,.ant-move-down-appear.ant-move-down-appear-active{animation-name:antMoveDownIn;animation-play-state:running;}.ant-move-down-leave.ant-move-down-leave-active{animation-name:antMoveDownOut;animation-play-state:running;pointer-events:none;}.ant-move-down-enter,.ant-move-down-appear{opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);}.ant-move-down-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}.ant-zoom-big-enter,.ant-zoom-big-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-zoom-big-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-zoom-big-enter.ant-zoom-big-enter-active,.ant-zoom-big-appear.ant-zoom-big-appear-active{animation-name:antZoomBigIn;animation-play-state:running;}.ant-zoom-big-leave.ant-zoom-big-leave-active{animation-name:antZoomBigOut;animation-play-state:running;pointer-events:none;}.ant-zoom-big-enter,.ant-zoom-big-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);}.ant-zoom-big-enter-prepare,.ant-zoom-big-appear-prepare{transform:none;}.ant-zoom-big-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}.ant-dropdown-button{white-space:nowrap;}.ant-dropdown-button.ant-btn-group>.ant-btn-loading,.ant-dropdown-button.ant-btn-group>.ant-btn-loading+.ant-btn{cursor:default;pointer-events:none;opacity:0.65;}.ant-dropdown-button.ant-btn-group>.ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only){padding-inline:8px;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:not(.ant-dropdown-menu-item-disabled),.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:not(.ant-dropdown-menu-item-disabled){color:#dc4446;}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:not(.ant-dropdown-menu-item-disabled):hover,.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:not(.ant-dropdown-menu-item-disabled):hover{color:#fff;background-color:#dc4446;}@keyframes antZoomBigIn{0%{transform:scale(0.8);opacity:0;}100%{transform:scale(1);opacity:1;}}@keyframes antZoomBigOut{0%{transform:scale(1);}100%{transform:scale(0.8);opacity:0;}}[class^=\\\\\"ant-drawer\\\\\"],[class*=\\\\\" ant-drawer\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-drawer\\\\\"]::before,[class*=\\\\\" ant-drawer\\\\\"]::before,[class^=\\\\\"ant-drawer\\\\\"]::after,[class*=\\\\\" ant-drawer\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-drawer\\\\\"] [class^=\\\\\"ant-drawer\\\\\"],[class*=\\\\\" ant-drawer\\\\\"] [class^=\\\\\"ant-drawer\\\\\"],[class^=\\\\\"ant-drawer\\\\\"] [class*=\\\\\" ant-drawer\\\\\"],[class*=\\\\\" ant-drawer\\\\\"] [class*=\\\\\" ant-drawer\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-drawer\\\\\"] [class^=\\\\\"ant-drawer\\\\\"]::before,[class*=\\\\\" ant-drawer\\\\\"] [class^=\\\\\"ant-drawer\\\\\"]::before,[class^=\\\\\"ant-drawer\\\\\"] [class*=\\\\\" ant-drawer\\\\\"]::before,[class*=\\\\\" ant-drawer\\\\\"] [class*=\\\\\" ant-drawer\\\\\"]::before,[class^=\\\\\"ant-drawer\\\\\"] [class^=\\\\\"ant-drawer\\\\\"]::after,[class*=\\\\\" ant-drawer\\\\\"] [class^=\\\\\"ant-drawer\\\\\"]::after,[class^=\\\\\"ant-drawer\\\\\"] [class*=\\\\\" ant-drawer\\\\\"]::after,[class*=\\\\\" ant-drawer\\\\\"] [class*=\\\\\" ant-drawer\\\\\"]::after{box-sizing:border-box;}.ant-drawer{position:fixed;inset:0;z-index:1000;pointer-events:none;}.ant-drawer-pure{position:relative;background:#1f1f1f;}.ant-drawer-pure.ant-drawer-left{box-shadow:6px 0 16px 0 rgba(0, 0, 0, 0.08),3px 0 6px -4px rgba(0, 0, 0, 0.12),9px 0 28px 8px rgba(0, 0, 0, 0.05);}.ant-drawer-pure.ant-drawer-right{box-shadow:-6px 0 16px 0 rgba(0, 0, 0, 0.08),-3px 0 6px -4px rgba(0, 0, 0, 0.12),-9px 0 28px 8px rgba(0, 0, 0, 0.05);}.ant-drawer-pure.ant-drawer-top{box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);}.ant-drawer-pure.ant-drawer-bottom{box-shadow:0 -6px 16px 0 rgba(0, 0, 0, 0.08),0 -3px 6px -4px rgba(0, 0, 0, 0.12),0 -9px 28px 8px rgba(0, 0, 0, 0.05);}.ant-drawer-inline{position:absolute;}.ant-drawer .ant-drawer-mask{position:absolute;inset:0;z-index:1000;background:rgba(0, 0, 0, 0.45);pointer-events:auto;}.ant-drawer .ant-drawer-content-wrapper{position:absolute;z-index:1000;transition:all 0.3s;}.ant-drawer .ant-drawer-content-wrapper-hidden{display:none;}.ant-drawer-left>.ant-drawer-content-wrapper{top:0;bottom:0;left:0;box-shadow:6px 0 16px 0 rgba(0, 0, 0, 0.08),3px 0 6px -4px rgba(0, 0, 0, 0.12),9px 0 28px 8px rgba(0, 0, 0, 0.05);}.ant-drawer-right>.ant-drawer-content-wrapper{top:0;right:0;bottom:0;box-shadow:-6px 0 16px 0 rgba(0, 0, 0, 0.08),-3px 0 6px -4px rgba(0, 0, 0, 0.12),-9px 0 28px 8px rgba(0, 0, 0, 0.05);}.ant-drawer-top>.ant-drawer-content-wrapper{top:0;inset-inline:0;box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);}.ant-drawer-bottom>.ant-drawer-content-wrapper{bottom:0;inset-inline:0;box-shadow:0 -6px 16px 0 rgba(0, 0, 0, 0.08),0 -3px 6px -4px rgba(0, 0, 0, 0.12),0 -9px 28px 8px rgba(0, 0, 0, 0.05);}.ant-drawer .ant-drawer-content{width:100%;height:100%;overflow:auto;background:#1f1f1f;pointer-events:auto;}.ant-drawer .ant-drawer-wrapper-body{display:flex;flex-direction:column;width:100%;height:100%;}.ant-drawer .ant-drawer-header{display:flex;flex:0;align-items:center;padding:16px 24px;font-size:16px;line-height:1.5;border-bottom:1px solid rgba(253, 253, 253, 0.12);}.ant-drawer .ant-drawer-header-title{display:flex;flex:1;align-items:center;min-width:0;min-height:0;}.ant-drawer .ant-drawer-extra{flex:none;}.ant-drawer .ant-drawer-close{display:inline-block;margin-inline-end:12px;color:rgba(255, 255, 255, 0.45);font-weight:600;font-size:16px;font-style:normal;line-height:1;text-align:center;text-transform:none;text-decoration:none;background:transparent;border:0;outline:0;cursor:pointer;transition:color 0.2s;text-rendering:auto;}.ant-drawer .ant-drawer-close:focus,.ant-drawer .ant-drawer-close:hover{color:rgba(255, 255, 255, 0.85);text-decoration:none;}.ant-drawer .ant-drawer-title{flex:1;margin:0;color:rgba(255, 255, 255, 0.85);font-weight:600;font-size:16px;line-height:1.5;}.ant-drawer .ant-drawer-body{flex:1;min-width:0;min-height:0;padding:24px;overflow:auto;}.ant-drawer .ant-drawer-footer{flex-shrink:0;padding:8px 16px;border-top:1px solid rgba(253, 253, 253, 0.12);}.ant-drawer-rtl{direction:rtl;}.ant-drawer .ant-drawer-mask-motion-enter-active,.ant-drawer .ant-drawer-mask-motion-appear-active,.ant-drawer .ant-drawer-mask-motion-leave-active{transition:all 0.3s;}.ant-drawer .ant-drawer-mask-motion-enter,.ant-drawer .ant-drawer-mask-motion-appear{opacity:0;}.ant-drawer .ant-drawer-mask-motion-enter-active,.ant-drawer .ant-drawer-mask-motion-appear-active{opacity:1;}.ant-drawer .ant-drawer-mask-motion-leave{opacity:1;}.ant-drawer .ant-drawer-mask-motion-leave-active{opacity:0;}.ant-drawer .ant-drawer-panel-motion-left-enter-start,.ant-drawer .ant-drawer-panel-motion-left-appear-start,.ant-drawer .ant-drawer-panel-motion-left-leave-start{transition:none;}.ant-drawer .ant-drawer-panel-motion-left-enter-active,.ant-drawer .ant-drawer-panel-motion-left-appear-active,.ant-drawer .ant-drawer-panel-motion-left-leave-active{transition:all 0.3s;}.ant-drawer .ant-drawer-panel-motion-left-enter-start,.ant-drawer .ant-drawer-panel-motion-left-appear-start{transform:translateX(-100%)!important;}.ant-drawer .ant-drawer-panel-motion-left-enter-active,.ant-drawer .ant-drawer-panel-motion-left-appear-active{transform:translateX(0);}.ant-drawer .ant-drawer-panel-motion-left-leave{transform:translateX(0);}.ant-drawer .ant-drawer-panel-motion-left-leave-active{transform:translateX(-100%);}.ant-drawer .ant-drawer-panel-motion-right-enter-start,.ant-drawer .ant-drawer-panel-motion-right-appear-start,.ant-drawer .ant-drawer-panel-motion-right-leave-start{transition:none;}.ant-drawer .ant-drawer-panel-motion-right-enter-active,.ant-drawer .ant-drawer-panel-motion-right-appear-active,.ant-drawer .ant-drawer-panel-motion-right-leave-active{transition:all 0.3s;}.ant-drawer .ant-drawer-panel-motion-right-enter-start,.ant-drawer .ant-drawer-panel-motion-right-appear-start{transform:translateX(100%)!important;}.ant-drawer .ant-drawer-panel-motion-right-enter-active,.ant-drawer .ant-drawer-panel-motion-right-appear-active{transform:translateX(0);}.ant-drawer .ant-drawer-panel-motion-right-leave{transform:translateX(0);}.ant-drawer .ant-drawer-panel-motion-right-leave-active{transform:translateX(100%);}.ant-drawer .ant-drawer-panel-motion-top-enter-start,.ant-drawer .ant-drawer-panel-motion-top-appear-start,.ant-drawer .ant-drawer-panel-motion-top-leave-start{transition:none;}.ant-drawer .ant-drawer-panel-motion-top-enter-active,.ant-drawer .ant-drawer-panel-motion-top-appear-active,.ant-drawer .ant-drawer-panel-motion-top-leave-active{transition:all 0.3s;}.ant-drawer .ant-drawer-panel-motion-top-enter-start,.ant-drawer .ant-drawer-panel-motion-top-appear-start{transform:translateY(-100%)!important;}.ant-drawer .ant-drawer-panel-motion-top-enter-active,.ant-drawer .ant-drawer-panel-motion-top-appear-active{transform:translateY(0);}.ant-drawer .ant-drawer-panel-motion-top-leave{transform:translateY(0);}.ant-drawer .ant-drawer-panel-motion-top-leave-active{transform:translateY(-100%);}.ant-drawer .ant-drawer-panel-motion-bottom-enter-start,.ant-drawer .ant-drawer-panel-motion-bottom-appear-start,.ant-drawer .ant-drawer-panel-motion-bottom-leave-start{transition:none;}.ant-drawer .ant-drawer-panel-motion-bottom-enter-active,.ant-drawer .ant-drawer-panel-motion-bottom-appear-active,.ant-drawer .ant-drawer-panel-motion-bottom-leave-active{transition:all 0.3s;}.ant-drawer .ant-drawer-panel-motion-bottom-enter-start,.ant-drawer .ant-drawer-panel-motion-bottom-appear-start{transform:translateY(100%)!important;}.ant-drawer .ant-drawer-panel-motion-bottom-enter-active,.ant-drawer .ant-drawer-panel-motion-bottom-appear-active{transform:translateY(0);}.ant-drawer .ant-drawer-panel-motion-bottom-leave{transform:translateY(0);}.ant-drawer .ant-drawer-panel-motion-bottom-leave-active{transform:translateY(100%);}[class^=\\\\\"ant-empty\\\\\"],[class*=\\\\\" ant-empty\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-empty\\\\\"]::before,[class*=\\\\\" ant-empty\\\\\"]::before,[class^=\\\\\"ant-empty\\\\\"]::after,[class*=\\\\\" ant-empty\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-empty\\\\\"] [class^=\\\\\"ant-empty\\\\\"],[class*=\\\\\" ant-empty\\\\\"] [class^=\\\\\"ant-empty\\\\\"],[class^=\\\\\"ant-empty\\\\\"] [class*=\\\\\" ant-empty\\\\\"],[class*=\\\\\" ant-empty\\\\\"] [class*=\\\\\" ant-empty\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-empty\\\\\"] [class^=\\\\\"ant-empty\\\\\"]::before,[class*=\\\\\" ant-empty\\\\\"] [class^=\\\\\"ant-empty\\\\\"]::before,[class^=\\\\\"ant-empty\\\\\"] [class*=\\\\\" ant-empty\\\\\"]::before,[class*=\\\\\" ant-empty\\\\\"] [class*=\\\\\" ant-empty\\\\\"]::before,[class^=\\\\\"ant-empty\\\\\"] [class^=\\\\\"ant-empty\\\\\"]::after,[class*=\\\\\" ant-empty\\\\\"] [class^=\\\\\"ant-empty\\\\\"]::after,[class^=\\\\\"ant-empty\\\\\"] [class*=\\\\\" ant-empty\\\\\"]::after,[class*=\\\\\" ant-empty\\\\\"] [class*=\\\\\" ant-empty\\\\\"]::after{box-sizing:border-box;}.ant-empty{margin-inline:8px;font-size:14px;line-height:1.5714285714285714;text-align:center;}.ant-empty .ant-empty-image{height:100px;margin-bottom:8px;opacity:1;}.ant-empty .ant-empty-image img{height:100%;}.ant-empty .ant-empty-image svg{height:100%;margin:auto;}.ant-empty .ant-empty-footer{margin-top:16px;}.ant-empty-normal{margin-block:32px;color:rgba(255, 255, 255, 0.25);}.ant-empty-normal .ant-empty-image{height:40px;}.ant-empty-small{margin-block:8px;color:rgba(255, 255, 255, 0.25);}.ant-empty-small .ant-empty-image{height:35px;}[class^=\\\\\"ant-float-btn\\\\\"],[class*=\\\\\" ant-float-btn\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-float-btn\\\\\"]::before,[class*=\\\\\" ant-float-btn\\\\\"]::before,[class^=\\\\\"ant-float-btn\\\\\"]::after,[class*=\\\\\" ant-float-btn\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-float-btn\\\\\"] [class^=\\\\\"ant-float-btn\\\\\"],[class*=\\\\\" ant-float-btn\\\\\"] [class^=\\\\\"ant-float-btn\\\\\"],[class^=\\\\\"ant-float-btn\\\\\"] [class*=\\\\\" ant-float-btn\\\\\"],[class*=\\\\\" ant-float-btn\\\\\"] [class*=\\\\\" ant-float-btn\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-float-btn\\\\\"] [class^=\\\\\"ant-float-btn\\\\\"]::before,[class*=\\\\\" ant-float-btn\\\\\"] [class^=\\\\\"ant-float-btn\\\\\"]::before,[class^=\\\\\"ant-float-btn\\\\\"] [class*=\\\\\" ant-float-btn\\\\\"]::before,[class*=\\\\\" ant-float-btn\\\\\"] [class*=\\\\\" ant-float-btn\\\\\"]::before,[class^=\\\\\"ant-float-btn\\\\\"] [class^=\\\\\"ant-float-btn\\\\\"]::after,[class*=\\\\\" ant-float-btn\\\\\"] [class^=\\\\\"ant-float-btn\\\\\"]::after,[class^=\\\\\"ant-float-btn\\\\\"] [class*=\\\\\" ant-float-btn\\\\\"]::after,[class*=\\\\\" ant-float-btn\\\\\"] [class*=\\\\\" ant-float-btn\\\\\"]::after{box-sizing:border-box;}.ant-float-btn-group{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';z-index:99;display:block;border:none;position:fixed;width:40px;height:auto;box-shadow:none;min-height:40px;inset-inline-end:24px;inset-block-end:48px;border-radius:8px;}.ant-float-btn-group .ant-float-btn-group-wrap{z-index:-1;display:block;position:relative;margin-bottom:16px;}.ant-float-btn-group.ant-float-btn-group-rtl{direction:rtl;}.ant-float-btn-group .ant-float-btn{position:static;}.ant-float-btn-group-circle .ant-float-btn-circle:not(:last-child){margin-bottom:16px;}.ant-float-btn-group-circle .ant-float-btn-circle:not(:last-child) .ant-float-btn-body{width:40px;height:40px;border-radius:50%;}.ant-float-btn-group-square .ant-float-btn-square{border-radius:0;padding:0;}.ant-float-btn-group-square .ant-float-btn-square:first-child{border-start-start-radius:8px;border-start-end-radius:8px;}.ant-float-btn-group-square .ant-float-btn-square:last-child{border-end-start-radius:8px;border-end-end-radius:8px;}.ant-float-btn-group-square .ant-float-btn-square:not(:last-child){border-bottom:1px solid rgba(253, 253, 253, 0.12);}.ant-float-btn-group-square .ant-float-btn-square .ant-badge .ant-badge-count{top:-10px;inset-inline-end:-10px;}.ant-float-btn-group-square .ant-float-btn-group-wrap{display:block;border-radius:8px;box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);}.ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square{box-shadow:none;margin-top:0;border-radius:0;padding:4px;}.ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:first-child{border-start-start-radius:8px;border-start-end-radius:8px;}.ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:last-child{border-end-start-radius:8px;border-end-end-radius:8px;}.ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:not(:last-child){border-bottom:1px solid rgba(253, 253, 253, 0.12);}.ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square .ant-float-btn-body{width:32px;height:32px;}.ant-float-btn-group-circle-shadow{box-shadow:none;}.ant-float-btn-group-square-shadow{box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);}.ant-float-btn-group-square-shadow .ant-float-btn-square{box-shadow:none;padding:4px;}.ant-float-btn-group-square-shadow .ant-float-btn-square .ant-float-btn-body{width:32px;height:32px;border-radius:4px;}.ant-float-btn{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';border:none;position:fixed;cursor:pointer;z-index:99;display:block;justify-content:center;align-items:center;width:40px;height:40px;inset-inline-end:24px;inset-block-end:48px;box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);}.ant-float-btn-pure{position:relative;inset:auto;}.ant-float-btn:empty{display:none;}.ant-float-btn .ant-badge{width:100%;height:100%;}.ant-float-btn .ant-badge .ant-badge-count{transform:translate(0, 0);transform-origin:center;top:-6px;inset-inline-end:-6px;}.ant-float-btn .ant-float-btn-body{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:all 0.2s;}.ant-float-btn .ant-float-btn-body .ant-float-btn-content{overflow:hidden;text-align:center;min-height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2px 4px;}.ant-float-btn .ant-float-btn-body .ant-float-btn-content .ant-float-btn-icon{text-align:center;margin:auto;width:18px;font-size:18px;line-height:1;}.ant-float-btn-rtl{direction:rtl;}.ant-float-btn-circle{height:40px;border-radius:50%;}.ant-float-btn-circle .ant-badge .ant-badge-dot{top:5.857864376269049px;inset-inline-end:5.857864376269049px;}.ant-float-btn-circle .ant-float-btn-body{border-radius:50%;}.ant-float-btn-square{height:auto;min-height:40px;border-radius:8px;}.ant-float-btn-square .ant-badge .ant-badge-dot{top:2.3431457505076194px;inset-inline-end:2.3431457505076194px;}.ant-float-btn-square .ant-float-btn-body{height:auto;border-radius:8px;}.ant-float-btn-default{background-color:#1f1f1f;transition:background-color 0.2s;}.ant-float-btn-default .ant-float-btn-body{background-color:#1f1f1f;transition:background-color 0.2s;}.ant-float-btn-default .ant-float-btn-body:hover{background-color:rgba(255, 255, 255, 0.12);}.ant-float-btn-default .ant-float-btn-body .ant-float-btn-content .ant-float-btn-icon{color:rgba(255, 255, 255, 0.85);}.ant-float-btn-default .ant-float-btn-body .ant-float-btn-content .ant-float-btn-description{display:flex;align-items:center;line-height:16px;color:rgba(255, 255, 255, 0.85);font-size:12px;}.ant-float-btn-primary{background-color:#037003;}.ant-float-btn-primary .ant-float-btn-body{background-color:#037003;transition:background-color 0.2s;}.ant-float-btn-primary .ant-float-btn-body:hover{background-color:#198016;}.ant-float-btn-primary .ant-float-btn-body .ant-float-btn-content .ant-float-btn-icon{color:#fff;}.ant-float-btn-primary .ant-float-btn-body .ant-float-btn-content .ant-float-btn-description{display:flex;align-items:center;line-height:16px;color:#fff;font-size:12px;}.ant-fade-enter,.ant-fade-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-fade-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-fade-enter.ant-fade-enter-active,.ant-fade-appear.ant-fade-appear-active{animation-name:antFadeIn;animation-play-state:running;}.ant-fade-leave.ant-fade-leave-active{animation-name:antFadeOut;animation-play-state:running;pointer-events:none;}.ant-fade-enter,.ant-fade-appear{opacity:0;animation-timing-function:linear;}.ant-fade-leave{animation-timing-function:linear;}.ant-float-btn-group-wrap.ant-float-btn-group-wrap-enter,.ant-float-btn-group-wrap.ant-float-btn-group-wrap-appear{animation-duration:0.3s;animation-fill-mode:both;animation-play-state:paused;}.ant-float-btn-group-wrap.ant-float-btn-group-wrap-leave{animation-duration:0.3s;animation-fill-mode:both;animation-play-state:paused;}.ant-float-btn-group-wrap.ant-float-btn-group-wrap-enter.ant-float-btn-group-wrap-enter-active,.ant-float-btn-group-wrap.ant-float-btn-group-wrap-appear.ant-float-btn-group-wrap-appear-active{animation-name:antFloatButtonMoveDownIn;animation-play-state:running;}.ant-float-btn-group-wrap.ant-float-btn-group-wrap-leave.ant-float-btn-group-wrap-leave-active{animation-name:antFloatButtonMoveDownOut;animation-play-state:running;pointer-events:none;}.ant-float-btn-group-wrap.ant-float-btn-group-wrap-enter,.ant-float-btn-group-wrap.ant-float-btn-group-wrap-appear{opacity:0;animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}.ant-float-btn-group-wrap.ant-float-btn-group-wrap-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}@keyframes antFadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes antFadeOut{0%{opacity:1;}100%{opacity:0;}}@keyframes antFloatButtonMoveDownIn{0%{transform:translate3d(0, 40px, 0);transform-origin:0 0;opacity:0;}100%{transform:translate3d(0, 0, 0);transform-origin:0 0;opacity:1;}}@keyframes antFloatButtonMoveDownOut{0%{transform:translate3d(0, 0, 0);transform-origin:0 0;opacity:1;}100%{transform:translate3d(0, 40px, 0);transform-origin:0 0;opacity:0;}}[class^=\\\\\"ant-tooltip\\\\\"],[class*=\\\\\" ant-tooltip\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-tooltip\\\\\"]::before,[class*=\\\\\" ant-tooltip\\\\\"]::before,[class^=\\\\\"ant-tooltip\\\\\"]::after,[class*=\\\\\" ant-tooltip\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-tooltip\\\\\"] [class^=\\\\\"ant-tooltip\\\\\"],[class*=\\\\\" ant-tooltip\\\\\"] [class^=\\\\\"ant-tooltip\\\\\"],[class^=\\\\\"ant-tooltip\\\\\"] [class*=\\\\\" ant-tooltip\\\\\"],[class*=\\\\\" ant-tooltip\\\\\"] [class*=\\\\\" ant-tooltip\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-tooltip\\\\\"] [class^=\\\\\"ant-tooltip\\\\\"]::before,[class*=\\\\\" ant-tooltip\\\\\"] [class^=\\\\\"ant-tooltip\\\\\"]::before,[class^=\\\\\"ant-tooltip\\\\\"] [class*=\\\\\" ant-tooltip\\\\\"]::before,[class*=\\\\\" ant-tooltip\\\\\"] [class*=\\\\\" ant-tooltip\\\\\"]::before,[class^=\\\\\"ant-tooltip\\\\\"] [class^=\\\\\"ant-tooltip\\\\\"]::after,[class*=\\\\\" ant-tooltip\\\\\"] [class^=\\\\\"ant-tooltip\\\\\"]::after,[class^=\\\\\"ant-tooltip\\\\\"] [class*=\\\\\" ant-tooltip\\\\\"]::after,[class*=\\\\\" ant-tooltip\\\\\"] [class*=\\\\\" ant-tooltip\\\\\"]::after{box-sizing:border-box;}.ant-tooltip{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:absolute;z-index:1070;display:block;max-width:250px;visibility:visible;--antd-arrow-background-color:#424242;}.ant-tooltip{width:max-content;width:intrinsic;}.ant-tooltip-hidden{display:none;}.ant-tooltip .ant-tooltip-inner{min-width:32px;min-height:32px;padding:6px 8px;color:#fff;text-align:start;text-decoration:none;word-wrap:break-word;background-color:#424242;border-radius:6px;box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);}.ant-tooltip-placement-left .ant-tooltip-inner,.ant-tooltip-placement-leftTop .ant-tooltip-inner,.ant-tooltip-placement-leftBottom .ant-tooltip-inner,.ant-tooltip-placement-right .ant-tooltip-inner,.ant-tooltip-placement-rightTop .ant-tooltip-inner,.ant-tooltip-placement-rightBottom .ant-tooltip-inner{border-radius:6px;}.ant-tooltip .ant-tooltip-content{position:relative;}.ant-tooltip.ant-tooltip-blue .ant-tooltip-inner{background-color:#1668dc;}.ant-tooltip.ant-tooltip-blue .ant-tooltip-arrow{--antd-arrow-background-color:#1668dc;}.ant-tooltip.ant-tooltip-purple .ant-tooltip-inner{background-color:#642ab5;}.ant-tooltip.ant-tooltip-purple .ant-tooltip-arrow{--antd-arrow-background-color:#642ab5;}.ant-tooltip.ant-tooltip-cyan .ant-tooltip-inner{background-color:#13a8a8;}.ant-tooltip.ant-tooltip-cyan .ant-tooltip-arrow{--antd-arrow-background-color:#13a8a8;}.ant-tooltip.ant-tooltip-green .ant-tooltip-inner{background-color:#49aa19;}.ant-tooltip.ant-tooltip-green .ant-tooltip-arrow{--antd-arrow-background-color:#49aa19;}.ant-tooltip.ant-tooltip-magenta .ant-tooltip-inner{background-color:#cb2b83;}.ant-tooltip.ant-tooltip-magenta .ant-tooltip-arrow{--antd-arrow-background-color:#cb2b83;}.ant-tooltip.ant-tooltip-pink .ant-tooltip-inner{background-color:#cb2b83;}.ant-tooltip.ant-tooltip-pink .ant-tooltip-arrow{--antd-arrow-background-color:#cb2b83;}.ant-tooltip.ant-tooltip-red .ant-tooltip-inner{background-color:#d32029;}.ant-tooltip.ant-tooltip-red .ant-tooltip-arrow{--antd-arrow-background-color:#d32029;}.ant-tooltip.ant-tooltip-orange .ant-tooltip-inner{background-color:#d87a16;}.ant-tooltip.ant-tooltip-orange .ant-tooltip-arrow{--antd-arrow-background-color:#d87a16;}.ant-tooltip.ant-tooltip-yellow .ant-tooltip-inner{background-color:#d8bd14;}.ant-tooltip.ant-tooltip-yellow .ant-tooltip-arrow{--antd-arrow-background-color:#d8bd14;}.ant-tooltip.ant-tooltip-volcano .ant-tooltip-inner{background-color:#d84a1b;}.ant-tooltip.ant-tooltip-volcano .ant-tooltip-arrow{--antd-arrow-background-color:#d84a1b;}.ant-tooltip.ant-tooltip-geekblue .ant-tooltip-inner{background-color:#2b4acb;}.ant-tooltip.ant-tooltip-geekblue .ant-tooltip-arrow{--antd-arrow-background-color:#2b4acb;}.ant-tooltip.ant-tooltip-lime .ant-tooltip-inner{background-color:#8bbb11;}.ant-tooltip.ant-tooltip-lime .ant-tooltip-arrow{--antd-arrow-background-color:#8bbb11;}.ant-tooltip.ant-tooltip-gold .ant-tooltip-inner{background-color:#d89614;}.ant-tooltip.ant-tooltip-gold .ant-tooltip-arrow{--antd-arrow-background-color:#d89614;}.ant-tooltip-rtl{direction:rtl;}.ant-tooltip .ant-tooltip-arrow{position:absolute;z-index:1;display:block;pointer-events:none;width:16px;height:16px;overflow:hidden;}.ant-tooltip .ant-tooltip-arrow::after{content:\\\\\"\\\\\";position:absolute;width:8.970562748477143px;height:8.970562748477143px;bottom:0;inset-inline:0;margin:auto;border-radius:0 0 2px 0;transform:translateY(50%) rotate(-135deg);box-shadow:3px 3px 7px rgba(0, 0, 0, 0.1);z-index:0;background:transparent;}.ant-tooltip .ant-tooltip-arrow::before{position:absolute;bottom:0;inset-inline-start:0;width:16px;height:8px;background:var(--antd-arrow-background-color);clip-path:polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%);clip-path:path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');content:\\\\\"\\\\\";}.ant-tooltip .ant-tooltip-arrow:before{background:var(--antd-arrow-background-color);}.ant-tooltip-placement-top .ant-tooltip-arrow,.ant-tooltip-placement-topLeft .ant-tooltip-arrow,.ant-tooltip-placement-topRight .ant-tooltip-arrow{bottom:0;transform:translateY(100%) rotate(180deg);}.ant-tooltip-placement-top .ant-tooltip-arrow{left:50%;transform:translateX(-50%) translateY(100%) rotate(180deg);}.ant-tooltip-placement-topLeft .ant-tooltip-arrow{left:6px;}.ant-tooltip-placement-topRight .ant-tooltip-arrow{right:6px;}.ant-tooltip-placement-bottom .ant-tooltip-arrow,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{top:0;transform:translateY(-100%);}.ant-tooltip-placement-bottom .ant-tooltip-arrow{left:50%;transform:translateX(-50%) translateY(-100%);}.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow{left:6px;}.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{right:6px;}.ant-tooltip-placement-left .ant-tooltip-arrow,.ant-tooltip-placement-leftTop .ant-tooltip-arrow,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow{right:0;transform:translateX(100%) rotate(90deg);}.ant-tooltip-placement-left .ant-tooltip-arrow{top:50%;transform:translateY(-50%) translateX(100%) rotate(90deg);}.ant-tooltip-placement-leftTop .ant-tooltip-arrow{top:2px;}.ant-tooltip-placement-leftBottom .ant-tooltip-arrow{bottom:2px;}.ant-tooltip-placement-right .ant-tooltip-arrow,.ant-tooltip-placement-rightTop .ant-tooltip-arrow,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow{left:0;transform:translateX(-100%) rotate(-90deg);}.ant-tooltip-placement-right .ant-tooltip-arrow{top:50%;transform:translateY(-50%) translateX(-100%) rotate(-90deg);}.ant-tooltip-placement-rightTop .ant-tooltip-arrow{top:2px;}.ant-tooltip-placement-rightBottom .ant-tooltip-arrow{bottom:2px;}.ant-tooltip-placement-topLeft,.ant-tooltip-placement-top,.ant-tooltip-placement-topRight{padding-bottom:12px;}.ant-tooltip-placement-bottomLeft,.ant-tooltip-placement-bottom,.ant-tooltip-placement-bottomRight{padding-top:12px;}.ant-tooltip-placement-leftTop,.ant-tooltip-placement-left,.ant-tooltip-placement-leftBottom{padding-right:12px;}.ant-tooltip-placement-rightTop,.ant-tooltip-placement-right,.ant-tooltip-placement-rightBottom{padding-left:12px;}.ant-tooltip-pure{position:relative;max-width:none;}.ant-zoom-big-fast-enter,.ant-zoom-big-fast-appear{animation-duration:0.1s;animation-fill-mode:both;animation-play-state:paused;}.ant-zoom-big-fast-leave{animation-duration:0.1s;animation-fill-mode:both;animation-play-state:paused;}.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active{animation-name:antZoomBigIn;animation-play-state:running;}.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active{animation-name:antZoomBigOut;animation-play-state:running;pointer-events:none;}.ant-zoom-big-fast-enter,.ant-zoom-big-fast-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);}.ant-zoom-big-fast-enter-prepare,.ant-zoom-big-fast-appear-prepare{transform:none;}.ant-zoom-big-fast-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}[class^=\\\\\"ant-form\\\\\"],[class*=\\\\\" ant-form\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-form\\\\\"]::before,[class*=\\\\\" ant-form\\\\\"]::before,[class^=\\\\\"ant-form\\\\\"]::after,[class*=\\\\\" ant-form\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-form\\\\\"] [class^=\\\\\"ant-form\\\\\"],[class*=\\\\\" ant-form\\\\\"] [class^=\\\\\"ant-form\\\\\"],[class^=\\\\\"ant-form\\\\\"] [class*=\\\\\" ant-form\\\\\"],[class*=\\\\\" ant-form\\\\\"] [class*=\\\\\" ant-form\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-form\\\\\"] [class^=\\\\\"ant-form\\\\\"]::before,[class*=\\\\\" ant-form\\\\\"] [class^=\\\\\"ant-form\\\\\"]::before,[class^=\\\\\"ant-form\\\\\"] [class*=\\\\\" ant-form\\\\\"]::before,[class*=\\\\\" ant-form\\\\\"] [class*=\\\\\" ant-form\\\\\"]::before,[class^=\\\\\"ant-form\\\\\"] [class^=\\\\\"ant-form\\\\\"]::after,[class*=\\\\\" ant-form\\\\\"] [class^=\\\\\"ant-form\\\\\"]::after,[class^=\\\\\"ant-form\\\\\"] [class*=\\\\\" ant-form\\\\\"]::after,[class*=\\\\\" ant-form\\\\\"] [class*=\\\\\" ant-form\\\\\"]::after{box-sizing:border-box;}.ant-form{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';}.ant-form legend{display:block;width:100%;margin-bottom:24px;padding:0;color:rgba(255, 255, 255, 0.45);font-size:16px;line-height:inherit;border:0;border-bottom:1px solid #424242;}.ant-form label{font-size:14px;}.ant-form input[type=\\\\\"search\\\\\"]{box-sizing:border-box;}.ant-form input[type=\\\\\"radio\\\\\"],.ant-form input[type=\\\\\"checkbox\\\\\"]{line-height:normal;}.ant-form input[type=\\\\\"file\\\\\"]{display:block;}.ant-form input[type=\\\\\"range\\\\\"]{display:block;width:100%;}.ant-form select[multiple],.ant-form select[size]{height:auto;}.ant-form input[type='file']:focus,.ant-form input[type='radio']:focus,.ant-form input[type='checkbox']:focus{outline:0;box-shadow:0 0 0 2px rgba(0, 53, 0, 0.15);}.ant-form output{display:block;padding-top:15px;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;}.ant-form .ant-form-text{display:inline-block;padding-inline-end:12px;}.ant-form-small .ant-form-item .ant-form-item-label>label{height:24px;}.ant-form-small .ant-form-item .ant-form-item-control-input{min-height:24px;}.ant-form-large .ant-form-item .ant-form-item-label>label{height:40px;}.ant-form-large .ant-form-item .ant-form-item-control-input{min-height:40px;}.ant-form-item{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';margin-bottom:24px;vertical-align:top;}.ant-form-item-with-help{transition:none;}.ant-form-item-hidden,.ant-form-item-hidden.ant-row{display:none;}.ant-form-item-has-warning .ant-form-item-split{color:#dc4446;}.ant-form-item-has-error .ant-form-item-split{color:#d89614;}.ant-form-item .ant-form-item-label{display:inline-block;flex-grow:0;overflow:hidden;white-space:nowrap;text-align:end;vertical-align:middle;}.ant-form-item .ant-form-item-label-left{text-align:start;}.ant-form-item .ant-form-item-label-wrap{overflow:unset;line-height:1.5714285714285714 - 0.25em;white-space:unset;}.ant-form-item .ant-form-item-label >label{position:relative;display:inline-flex;align-items:center;max-width:100%;height:32px;color:rgba(255, 255, 255, 0.85);font-size:14px;}.ant-form-item .ant-form-item-label >label >.anticon{font-size:14px;vertical-align:top;}.ant-form-item .ant-form-item-label >label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before{display:inline-block;margin-inline-end:4px;color:#dc4446;font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:\\\\\"*\\\\\";}.ant-form-hide-required-mark .ant-form-item .ant-form-item-label >label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before{display:none;}.ant-form-item .ant-form-item-label >label .ant-form-item-optional{display:inline-block;margin-inline-start:4px;color:rgba(255, 255, 255, 0.45);}.ant-form-hide-required-mark .ant-form-item .ant-form-item-label >label .ant-form-item-optional{display:none;}.ant-form-item .ant-form-item-label >label .ant-form-item-tooltip{color:rgba(255, 255, 255, 0.45);cursor:help;writing-mode:horizontal-tb;margin-inline-start:4px;}.ant-form-item .ant-form-item-label >label::after{content:\\\\\":\\\\\";position:relative;margin-block:0;margin-inline-start:2px;margin-inline-end:8px;}.ant-form-item .ant-form-item-label >label.ant-form-item-no-colon::after{content:\\\\\" \\\\\";}.ant-form-item .ant-form-item-control{display:flex;flex-direction:column;flex-grow:1;}.ant-form-item .ant-form-item-control:first-child:not([class^=\\\\\"'ant-col-'\\\\\"]):not([class*=\\\\\"' ant-col-'\\\\\"]){width:100%;}.ant-form-item .ant-form-item-control-input{position:relative;display:flex;align-items:center;min-height:32px;}.ant-form-item .ant-form-item-control-input-content{flex:auto;max-width:100%;}.ant-form-item .ant-form-item-explain,.ant-form-item .ant-form-item-extra{clear:both;color:rgba(255, 255, 255, 0.45);font-size:14px;line-height:1.5714285714285714;}.ant-form-item .ant-form-item-explain-connected{width:100%;}.ant-form-item .ant-form-item-extra{min-height:24px;transition:color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);}.ant-form-item .ant-form-item-explain-error{color:#dc4446;}.ant-form-item .ant-form-item-explain-warning{color:#d89614;}.ant-form-item-with-help .ant-form-item-explain{height:auto;opacity:1;}.ant-form-item .ant-form-item-feedback-icon{font-size:14px;text-align:center;visibility:visible;animation-name:antZoomIn;animation-duration:0.2s;animation-timing-function:cubic-bezier(0.12, 0.4, 0.29, 1.46);pointer-events:none;}.ant-form-item .ant-form-item-feedback-icon-success{color:#49aa19;}.ant-form-item .ant-form-item-feedback-icon-error{color:#dc4446;}.ant-form-item .ant-form-item-feedback-icon-warning{color:#d89614;}.ant-form-item .ant-form-item-feedback-icon-validating{color:#037003;}.ant-form-show-help{transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}.ant-form-show-help-appear,.ant-form-show-help-enter{opacity:0;}.ant-form-show-help-appear-active,.ant-form-show-help-enter-active{opacity:1;}.ant-form-show-help-leave{opacity:1;}.ant-form-show-help-leave-active{opacity:0;}.ant-form-show-help .ant-form-show-help-item{overflow:hidden;transition:height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)!important;}.ant-form-show-help .ant-form-show-help-item.ant-form-show-help-item-appear,.ant-form-show-help .ant-form-show-help-item.ant-form-show-help-item-enter{transform:translateY(-5px);opacity:0;}.ant-form-show-help .ant-form-show-help-item.ant-form-show-help-item-appear-active,.ant-form-show-help .ant-form-show-help-item.ant-form-show-help-item-enter-active{transform:translateY(0);opacity:1;}.ant-form-show-help .ant-form-show-help-item.ant-form-show-help-item-leave-active{transform:translateY(-5px);}.ant-form-horizontal .ant-form-item-label{flex-grow:0;}.ant-form-horizontal .ant-form-item-control{flex:1 1 0;min-width:0;}.ant-form-horizontal .ant-form-item-label.ant-col-24+.ant-form-item-control{min-width:unset;}.ant-form-inline{display:flex;flex-wrap:wrap;}.ant-form-inline .ant-form-item{flex:none;flex-wrap:nowrap;margin-inline-end:16px;margin-bottom:0;}.ant-form-inline .ant-form-item-with-help{margin-bottom:24px;}.ant-form-inline .ant-form-item >.ant-form-item-label,.ant-form-inline .ant-form-item >.ant-form-item-control{display:inline-block;vertical-align:top;}.ant-form-inline .ant-form-item >.ant-form-item-label{flex:none;}.ant-form-inline .ant-form-item .ant-form-text{display:inline-block;}.ant-form-inline .ant-form-item .ant-form-item-has-feedback{display:inline-block;}.ant-form-vertical .ant-form-item-row{flex-direction:column;}.ant-form-vertical .ant-form-item-label>label{height:auto;}.ant-form-vertical .ant-form-item .ant-form-item-control{width:100%;}.ant-form-vertical .ant-form-item-label,.ant-col-24.ant-form-item-label,.ant-col-xl-24.ant-form-item-label{margin:0;padding:0 0 8px;white-space:initial;text-align:start;}.ant-form-vertical .ant-form-item-label >label,.ant-col-24.ant-form-item-label >label,.ant-col-xl-24.ant-form-item-label >label{margin:0;}.ant-form-vertical .ant-form-item-label >label::after,.ant-col-24.ant-form-item-label >label::after,.ant-col-xl-24.ant-form-item-label >label::after{display:none;}@media (max-width: 575px){.ant-form-item .ant-form-item-label{margin:0;padding:0 0 8px;white-space:initial;text-align:start;}.ant-form-item .ant-form-item-label >label{margin:0;}.ant-form-item .ant-form-item-label >label::after{display:none;}.ant-form .ant-form-item{flex-wrap:wrap;}.ant-form .ant-form-item .ant-form-item-label,.ant-form .ant-form-item .ant-form-item-control{flex:0 0 100%;max-width:100%;}.ant-form .ant-col-xs-24.ant-form-item-label{margin:0;padding:0 0 8px;white-space:initial;text-align:start;}.ant-form .ant-col-xs-24.ant-form-item-label >label{margin:0;}.ant-form .ant-col-xs-24.ant-form-item-label >label::after{display:none;}}@media (max-width: 767px){.ant-form .ant-col-sm-24.ant-form-item-label{margin:0;padding:0 0 8px;white-space:initial;text-align:start;}.ant-form .ant-col-sm-24.ant-form-item-label >label{margin:0;}.ant-form .ant-col-sm-24.ant-form-item-label >label::after{display:none;}}@media (max-width: 991px){.ant-form .ant-col-md-24.ant-form-item-label{margin:0;padding:0 0 8px;white-space:initial;text-align:start;}.ant-form .ant-col-md-24.ant-form-item-label >label{margin:0;}.ant-form .ant-col-md-24.ant-form-item-label >label::after{display:none;}}@media (max-width: 1199px){.ant-form .ant-col-lg-24.ant-form-item-label{margin:0;padding:0 0 8px;white-space:initial;text-align:start;}.ant-form .ant-col-lg-24.ant-form-item-label >label{margin:0;}.ant-form .ant-col-lg-24.ant-form-item-label >label::after{display:none;}}.ant-form .ant-motion-collapse-legacy{overflow:hidden;}.ant-form .ant-motion-collapse-legacy-active{transition:height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)!important;}.ant-form .ant-motion-collapse{overflow:hidden;transition:height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)!important;}@keyframes antZoomIn{0%{transform:scale(0.2);opacity:0;}100%{transform:scale(1);opacity:1;}}[class^=\\\\\"ant-row\\\\\"],[class*=\\\\\" ant-row\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-row\\\\\"]::before,[class*=\\\\\" ant-row\\\\\"]::before,[class^=\\\\\"ant-row\\\\\"]::after,[class*=\\\\\" ant-row\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-row\\\\\"] [class^=\\\\\"ant-row\\\\\"],[class*=\\\\\" ant-row\\\\\"] [class^=\\\\\"ant-row\\\\\"],[class^=\\\\\"ant-row\\\\\"] [class*=\\\\\" ant-row\\\\\"],[class*=\\\\\" ant-row\\\\\"] [class*=\\\\\" ant-row\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-row\\\\\"] [class^=\\\\\"ant-row\\\\\"]::before,[class*=\\\\\" ant-row\\\\\"] [class^=\\\\\"ant-row\\\\\"]::before,[class^=\\\\\"ant-row\\\\\"] [class*=\\\\\" ant-row\\\\\"]::before,[class*=\\\\\" ant-row\\\\\"] [class*=\\\\\" ant-row\\\\\"]::before,[class^=\\\\\"ant-row\\\\\"] [class^=\\\\\"ant-row\\\\\"]::after,[class*=\\\\\" ant-row\\\\\"] [class^=\\\\\"ant-row\\\\\"]::after,[class^=\\\\\"ant-row\\\\\"] [class*=\\\\\" ant-row\\\\\"]::after,[class*=\\\\\" ant-row\\\\\"] [class*=\\\\\" ant-row\\\\\"]::after{box-sizing:border-box;}.ant-row{display:flex;flex-flow:row wrap;min-width:0;}.ant-row::before,.ant-row::after{display:flex;}.ant-row-no-wrap{flex-wrap:nowrap;}.ant-row-start{justify-content:flex-start;}.ant-row-center{justify-content:center;}.ant-row-end{justify-content:flex-end;}.ant-row-space-between{justify-content:space-between;}.ant-row-space-around{justify-content:space-around;}.ant-row-top{align-items:flex-start;}.ant-row-middle{align-items:center;}.ant-row-bottom{align-items:flex-end;}[class^=\\\\\"ant-input\\\\\"],[class*=\\\\\" ant-input\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-input\\\\\"]::before,[class*=\\\\\" ant-input\\\\\"]::before,[class^=\\\\\"ant-input\\\\\"]::after,[class*=\\\\\" ant-input\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-input\\\\\"] [class^=\\\\\"ant-input\\\\\"],[class*=\\\\\" ant-input\\\\\"] [class^=\\\\\"ant-input\\\\\"],[class^=\\\\\"ant-input\\\\\"] [class*=\\\\\" ant-input\\\\\"],[class*=\\\\\" ant-input\\\\\"] [class*=\\\\\" ant-input\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-input\\\\\"] [class^=\\\\\"ant-input\\\\\"]::before,[class*=\\\\\" ant-input\\\\\"] [class^=\\\\\"ant-input\\\\\"]::before,[class^=\\\\\"ant-input\\\\\"] [class*=\\\\\" ant-input\\\\\"]::before,[class*=\\\\\" ant-input\\\\\"] [class*=\\\\\" ant-input\\\\\"]::before,[class^=\\\\\"ant-input\\\\\"] [class^=\\\\\"ant-input\\\\\"]::after,[class*=\\\\\" ant-input\\\\\"] [class^=\\\\\"ant-input\\\\\"]::after,[class^=\\\\\"ant-input\\\\\"] [class*=\\\\\" ant-input\\\\\"]::after,[class*=\\\\\" ant-input\\\\\"] [class*=\\\\\" ant-input\\\\\"]::after{box-sizing:border-box;}.ant-input{box-sizing:border-box;margin:0;padding:4px 11px;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;display:inline-block;width:100%;min-width:0;background-color:#141414;background-image:none;border-width:1px;border-style:solid;border-color:#424242;border-radius:6px;transition:all 0.2s;}.ant-input::-moz-placeholder{opacity:1;}.ant-input::placeholder{color:rgba(255, 255, 255, 0.25);user-select:none;}.ant-input:placeholder-shown{text-overflow:ellipsis;}.ant-input:hover{border-color:#198016;border-inline-end-width:1px;}.ant-input:focus,.ant-input-focused{border-color:#198016;box-shadow:0 0 0 2px rgba(0, 53, 0, 0.15);border-inline-end-width:1px;outline:0;}.ant-input-disabled,.ant-input[disabled]{color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);border-color:#424242;box-shadow:none;cursor:not-allowed;opacity:1;}.ant-input-disabled:hover,.ant-input[disabled]:hover{border-color:#424242;border-inline-end-width:1px;}.ant-input-borderless,.ant-input-borderless:hover,.ant-input-borderless:focus,.ant-input-borderless-focused,.ant-input-borderless-disabled,.ant-input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none;}textarea.ant-input{max-width:100%;height:auto;min-height:32px;line-height:1.5714285714285714;vertical-align:bottom;transition:all 0.3s,height 0s;resize:vertical;}.ant-input-lg{padding:7px 11px;font-size:16px;line-height:1.5;border-radius:8px;}.ant-input-sm{padding:0px 7px;border-radius:4px;}.ant-input-rtl{direction:rtl;}.ant-input-textarea-rtl{direction:rtl;}.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input{border-color:#dc4446;}.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover{border-color:#7e2e2f;}.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused{border-color:#dc4446;box-shadow:0 0 0 2px rgba(238, 38, 56, 0.11);border-inline-end-width:1px;outline:0;}.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input .ant-input-prefix{color:#dc4446;}.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input{border-color:#d89614;}.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover{border-color:#7c5914;}.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused{border-color:#d89614;box-shadow:0 0 0 2px rgba(173, 107, 0, 0.15);border-inline-end-width:1px;outline:0;}.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input .ant-input-prefix{color:#d89614;}.ant-input[type=\\\\\"color\\\\\"]{height:32px;}.ant-input[type=\\\\\"color\\\\\"].ant-input-lg{height:40px;}.ant-input[type=\\\\\"color\\\\\"].ant-input-sm{height:24px;padding-top:3px;padding-bottom:3px;}.ant-input-textarea{position:relative;}.ant-input-textarea .ant-input-textarea-suffix{position:absolute;top:0;inset-inline-end:11px;bottom:0;z-index:1;display:inline-flex;align-items:center;margin:auto;}.ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,.ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,.ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,.ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input{padding-inline-end:24px;}.ant-input-textarea-show-count >.ant-input{height:100%;}.ant-input-textarea-show-count::after{color:rgba(255, 255, 255, 0.45);white-space:nowrap;content:attr(data-count);pointer-events:none;float:right;}.ant-input-textarea-rtl::after{float:left;}.ant-input-affix-wrapper{position:relative;display:inline-flex;width:100%;min-width:0;padding:4px 11px;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;background-color:#141414;background-image:none;border-width:1px;border-style:solid;border-color:#424242;border-radius:6px;transition:all 0.2s;}.ant-input-affix-wrapper::-moz-placeholder{opacity:1;}.ant-input-affix-wrapper::placeholder{color:rgba(255, 255, 255, 0.25);user-select:none;}.ant-input-affix-wrapper:placeholder-shown{text-overflow:ellipsis;}.ant-input-affix-wrapper:hover{border-color:#198016;border-inline-end-width:1px;}.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:#198016;box-shadow:0 0 0 2px rgba(0, 53, 0, 0.15);border-inline-end-width:1px;outline:0;}.ant-input-affix-wrapper-disabled,.ant-input-affix-wrapper[disabled]{color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);border-color:#424242;box-shadow:none;cursor:not-allowed;opacity:1;}.ant-input-affix-wrapper-disabled:hover,.ant-input-affix-wrapper[disabled]:hover{border-color:#424242;border-inline-end-width:1px;}.ant-input-affix-wrapper-borderless,.ant-input-affix-wrapper-borderless:hover,.ant-input-affix-wrapper-borderless:focus,.ant-input-affix-wrapper-borderless-focused,.ant-input-affix-wrapper-borderless-disabled,.ant-input-affix-wrapper-borderless[disabled]{background-color:transparent;border:none;box-shadow:none;}textarea.ant-input-affix-wrapper{max-width:100%;height:auto;min-height:32px;line-height:1.5714285714285714;vertical-align:bottom;transition:all 0.3s,height 0s;resize:vertical;}.ant-input-affix-wrapper-lg{padding:7px 11px;font-size:16px;line-height:1.5;border-radius:8px;}.ant-input-affix-wrapper-sm{padding:0px 7px;border-radius:4px;}.ant-input-affix-wrapper-rtl{direction:rtl;}.ant-input-affix-wrapper-textarea-rtl{direction:rtl;}.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:#198016;border-inline-end-width:1px;z-index:1;}.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{z-index:0;}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus{z-index:1;}.ant-input-affix-wrapper-disabled .ant-input[disabled]{background:transparent;}.ant-input-affix-wrapper >input.ant-input{padding:0;font-size:inherit;border:none;border-radius:0;outline:none;}.ant-input-affix-wrapper >input.ant-input:focus{box-shadow:none!important;}.ant-input-affix-wrapper::before{width:0;visibility:hidden;content:\\\\\"\\\\\\\\a0\\\\\";}.ant-input-affix-wrapper .ant-input-prefix,.ant-input-affix-wrapper .ant-input-suffix{display:flex;flex:none;align-items:center;}.ant-input-affix-wrapper .ant-input-prefix >*:not(:last-child),.ant-input-affix-wrapper .ant-input-suffix >*:not(:last-child){margin-inline-end:8px;}.ant-input-affix-wrapper .ant-input-show-count-suffix{color:rgba(255, 255, 255, 0.45);}.ant-input-affix-wrapper .ant-input-show-count-has-suffix{margin-inline-end:4px;}.ant-input-affix-wrapper .ant-input-prefix{margin-inline-end:4px;}.ant-input-affix-wrapper .ant-input-suffix{margin-inline-start:4px;}.ant-input-affix-wrapper .ant-input-clear-icon{margin:0;color:rgba(255, 255, 255, 0.25);font-size:12px;vertical-align:-1px;cursor:pointer;transition:color 0.3s;}.ant-input-affix-wrapper .ant-input-clear-icon:hover{color:rgba(255, 255, 255, 0.45);}.ant-input-affix-wrapper .ant-input-clear-icon:active{color:rgba(255, 255, 255, 0.85);}.ant-input-affix-wrapper .ant-input-clear-icon-hidden{visibility:hidden;}.ant-input-affix-wrapper .ant-input-clear-icon-has-suffix{margin:0 4px;}.ant-input-affix-wrapper-textarea-with-clear-btn{padding:0!important;border:0!important;}.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon{position:absolute;inset-block-start:8px;inset-inline-end:8px;z-index:1;}.ant-input-affix-wrapper .anticon.ant-input-password-icon{color:rgba(255, 255, 255, 0.45);cursor:pointer;transition:all 0.3s;}.ant-input-affix-wrapper .anticon.ant-input-password-icon:hover{color:rgba(255, 255, 255, 0.85);}.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper{border-color:#dc4446;}.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover{border-color:#7e2e2f;}.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused{border-color:#dc4446;box-shadow:0 0 0 2px rgba(238, 38, 56, 0.11);border-inline-end-width:1px;outline:0;}.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper .ant-input-prefix{color:#dc4446;}.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper{border-color:#d89614;}.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover{border-color:#7c5914;}.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused{border-color:#d89614;box-shadow:0 0 0 2px rgba(173, 107, 0, 0.15);border-inline-end-width:1px;outline:0;}.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper .ant-input-prefix{color:#d89614;}.ant-input-group{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;display:table;width:100%;border-collapse:separate;border-spacing:0;}.ant-input-group[class*='col-']{padding-inline-end:8px;}.ant-input-group[class*='col-']:last-child{padding-inline-end:0;}.ant-input-group-lg .ant-input,.ant-input-group-lg>.ant-input-group-addon{padding:7px 11px;font-size:16px;line-height:1.5;border-radius:8px;}.ant-input-group-sm .ant-input,.ant-input-group-sm>.ant-input-group-addon{padding:0px 7px;border-radius:4px;}.ant-input-group >.ant-input{display:table-cell;}.ant-input-group >.ant-input:not(:first-child):not(:last-child){border-radius:0;}.ant-input-group .ant-input-group-addon,.ant-input-group .ant-input-group-wrap{display:table-cell;width:1px;white-space:nowrap;vertical-align:middle;}.ant-input-group .ant-input-group-addon:not(:first-child):not(:last-child),.ant-input-group .ant-input-group-wrap:not(:first-child):not(:last-child){border-radius:0;}.ant-input-group .ant-input-group-wrap>*{display:block!important;}.ant-input-group .ant-input-group-addon{position:relative;padding:0 11px;color:rgba(255, 255, 255, 0.85);font-weight:normal;font-size:14px;text-align:center;background-color:rgba(255, 255, 255, 0.04);border:1px solid #424242;border-radius:6px;transition:all 0.3s;line-height:1;}.ant-input-group .ant-input-group-addon .ant-select{margin:-5px -11px;}.ant-input-group .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{background-color:inherit;border:1px solid transparent;box-shadow:none;}.ant-input-group .ant-input-group-addon .ant-select-open .ant-select-selector,.ant-input-group .ant-input-group-addon .ant-select-focused .ant-select-selector{color:#037003;}.ant-input-group .ant-input-group-addon .ant-cascader-picker{margin:-9px -11px;background-color:transparent;}.ant-input-group .ant-input-group-addon .ant-cascader-picker .ant-cascader-input{text-align:start;border:0;box-shadow:none;}.ant-input-group .ant-input-group-addon:first-child{border-inline-end:0;}.ant-input-group .ant-input-group-addon:last-child{border-inline-start:0;}.ant-input-group .ant-input{float:inline-start;width:100%;margin-bottom:0;text-align:inherit;}.ant-input-group .ant-input:focus{z-index:1;border-inline-end-width:1px;}.ant-input-group .ant-input:hover{z-index:1;border-inline-end-width:1px;}.ant-input-search-with-button .ant-input-group .ant-input:hover{z-index:0;}.ant-input-group >.ant-input:first-child,.ant-input-group .ant-input-group-addon:first-child{border-start-end-radius:0;border-end-end-radius:0;}.ant-input-group >.ant-input:first-child .ant-select .ant-select-selector,.ant-input-group .ant-input-group-addon:first-child .ant-select .ant-select-selector{border-start-end-radius:0;border-end-end-radius:0;}.ant-input-group >.ant-input-affix-wrapper:not(:first-child) .ant-input{border-start-start-radius:0;border-end-start-radius:0;}.ant-input-group >.ant-input-affix-wrapper:not(:last-child) .ant-input{border-start-end-radius:0;border-end-end-radius:0;}.ant-input-group >.ant-input:last-child,.ant-input-group .ant-input-group-addon:last-child{border-start-start-radius:0;border-end-start-radius:0;}.ant-input-group >.ant-input:last-child .ant-select .ant-select-selector,.ant-input-group .ant-input-group-addon:last-child .ant-select .ant-select-selector{border-start-start-radius:0;border-end-start-radius:0;}.ant-input-group .ant-input-affix-wrapper:not(:last-child){border-start-end-radius:0;border-end-end-radius:0;}.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child){border-start-start-radius:6px;border-end-start-radius:6px;}.ant-input-group .ant-input-affix-wrapper:not(:first-child),.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;}.ant-input-group.ant-input-group-compact{display:block;}.ant-input-group.ant-input-group-compact::before{display:table;content:\\\\\"\\\\\";}.ant-input-group.ant-input-group-compact::after{display:table;clear:both;content:\\\\\"\\\\\";}.ant-input-group.ant-input-group-compact .ant-input-group-addon:not(:first-child):not(:last-child),.ant-input-group.ant-input-group-compact .ant-input-group-wrap:not(:first-child):not(:last-child),.ant-input-group.ant-input-group-compact >.ant-input:not(:first-child):not(:last-child){border-inline-end-width:1px;}.ant-input-group.ant-input-group-compact .ant-input-group-addon:not(:first-child):not(:last-child):hover,.ant-input-group.ant-input-group-compact .ant-input-group-wrap:not(:first-child):not(:last-child):hover,.ant-input-group.ant-input-group-compact >.ant-input:not(:first-child):not(:last-child):hover{z-index:1;}.ant-input-group.ant-input-group-compact .ant-input-group-addon:not(:first-child):not(:last-child):focus,.ant-input-group.ant-input-group-compact .ant-input-group-wrap:not(:first-child):not(:last-child):focus,.ant-input-group.ant-input-group-compact >.ant-input:not(:first-child):not(:last-child):focus{z-index:1;}.ant-input-group.ant-input-group-compact>*{display:inline-block;float:none;vertical-align:top;border-radius:0;}.ant-input-group.ant-input-group-compact>.ant-input-affix-wrapper{display:inline-flex;}.ant-input-group.ant-input-group-compact>.ant-picker-range{display:inline-flex;}.ant-input-group.ant-input-group-compact>*:not(:last-child){margin-inline-end:-1px;border-inline-end-width:1px;}.ant-input-group.ant-input-group-compact .ant-input{float:none;}.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input,.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input{border-inline-end-width:1px;border-radius:0;}.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector:hover,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:hover{z-index:1;}.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector:focus,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:focus{z-index:1;}.ant-input-group.ant-input-group-compact>.ant-select-focused{z-index:1;}.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-arrow{z-index:1;}.ant-input-group.ant-input-group-compact>*:first-child,.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selector,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input{border-start-start-radius:6px;border-end-start-radius:6px;}.ant-input-group.ant-input-group-compact>*:last-child,.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selector,.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input{border-inline-end-width:1px;border-start-end-radius:6px;border-end-end-radius:6px;}.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input{vertical-align:top;}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper{margin-inline-start:-1px;}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper .ant-input-affix-wrapper{border-radius:0;}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input-group-addon>.ant-input-search-button{border-radius:0;}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input{border-start-start-radius:6px;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:6px;}.ant-input-group.ant-input-group-sm .ant-btn{font-size:12px;height:24px;line-height:normal;}.ant-input-group.ant-input-group-lg .ant-btn{font-size:16px;height:40px;line-height:normal;}.ant-input-group.ant-input-group-lg .ant-select-single .ant-select-selector{height:40px;}.ant-input-group.ant-input-group-lg .ant-select-single .ant-select-selector .ant-select-selection-item,.ant-input-group.ant-input-group-lg .ant-select-single .ant-select-selector .ant-select-selection-placeholder{line-height:38px;}.ant-input-group.ant-input-group-lg .ant-select-single .ant-select-selector .ant-select-selection-search-input{height:40px;}.ant-input-group.ant-input-group-sm .ant-select-single .ant-select-selector{height:24px;}.ant-input-group.ant-input-group-sm .ant-select-single .ant-select-selector .ant-select-selection-item,.ant-input-group.ant-input-group-sm .ant-select-single .ant-select-selector .ant-select-selection-placeholder{line-height:22px;}.ant-input-group.ant-input-group-sm .ant-select-single .ant-select-selector .ant-select-selection-search-input{height:24px;}.ant-input-group-rtl{direction:rtl;}.ant-input-group-wrapper{display:inline-block;width:100%;text-align:start;vertical-align:top;}.ant-input-group-wrapper-rtl{direction:rtl;}.ant-input-group-wrapper-lg .ant-input-group-addon{border-radius:8px;}.ant-input-group-wrapper-sm .ant-input-group-addon{border-radius:4px;}.ant-input-group-wrapper-status-error .ant-input-group-addon{color:#dc4446;border-color:#dc4446;}.ant-input-group-wrapper-status-warning .ant-input-group-addon:last-child{color:#49aa19;border-color:#49aa19;}.ant-input-search .ant-input:hover,.ant-input-search .ant-input:focus{border-color:#198016;}.ant-input-search .ant-input:hover +.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),.ant-input-search .ant-input:focus +.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary){border-inline-start-color:#198016;}.ant-input-search .ant-input-affix-wrapper{border-radius:0;}.ant-input-search .ant-input-lg{line-height:1.4998;}.ant-input-search >.ant-input-group >.ant-input-group-addon:last-child{inset-inline-start:-1px;padding:0;border:0;}.ant-input-search >.ant-input-group >.ant-input-group-addon:last-child .ant-input-search-button{padding-top:0;padding-bottom:0;border-start-start-radius:0;border-start-end-radius:6px;border-end-end-radius:6px;border-end-start-radius:0;}.ant-input-search >.ant-input-group >.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary){color:rgba(255, 255, 255, 0.45);}.ant-input-search >.ant-input-group >.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary):hover{color:#198016;}.ant-input-search >.ant-input-group >.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary):active{color:#075a07;}.ant-input-search >.ant-input-group >.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before{inset-inline-start:0;inset-inline-end:0;inset-block-start:0;inset-block-end:0;}.ant-input-search .ant-input-search-button{height:32px;}.ant-input-search .ant-input-search-button:hover,.ant-input-search .ant-input-search-button:focus{z-index:1;}.ant-input-search-large .ant-input-search-button{height:40px;}.ant-input-search-small .ant-input-search-button{height:24px;}.ant-input-search-rtl{direction:rtl;}.ant-input-search.ant-input-compact-item:not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button{margin-inline-end:-1px;border-radius:0;}.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input,.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper{border-radius:0;}.ant-input-search.ant-input-compact-item >.ant-input-group-addon .ant-input-search-button:hover,.ant-input-search.ant-input-compact-item >.ant-input:hover,.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover,.ant-input-search.ant-input-compact-item >.ant-input-group-addon .ant-input-search-button:focus,.ant-input-search.ant-input-compact-item >.ant-input:focus,.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus,.ant-input-search.ant-input-compact-item >.ant-input-group-addon .ant-input-search-button:active,.ant-input-search.ant-input-compact-item >.ant-input:active,.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active{z-index:2;}.ant-input-search.ant-input-compact-item >.ant-input-affix-wrapper-focused{z-index:2;}.ant-input-compact-item:not(.ant-input-compact-last-item){margin-inline-end:-1px;}.ant-input-compact-item:hover,.ant-input-compact-item:focus,.ant-input-compact-item:active{z-index:2;}.ant-input-compact-item[disabled]{z-index:0;}.ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item){border-radius:0;}.ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-first-item,.ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-first-item.ant-input-sm,.ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-first-item.ant-input-lg{border-start-end-radius:0;border-end-end-radius:0;}.ant-input-compact-item:not(.ant-input-compact-first-item).ant-input-compact-last-item,.ant-input-compact-item:not(.ant-input-compact-first-item).ant-input-compact-last-item.ant-input-sm,.ant-input-compact-item:not(.ant-input-compact-first-item).ant-input-compact-last-item.ant-input-lg{border-start-start-radius:0;border-end-start-radius:0;}[class^=\\\\\"ant-image\\\\\"],[class*=\\\\\" ant-image\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-image\\\\\"]::before,[class*=\\\\\" ant-image\\\\\"]::before,[class^=\\\\\"ant-image\\\\\"]::after,[class*=\\\\\" ant-image\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-image\\\\\"] [class^=\\\\\"ant-image\\\\\"],[class*=\\\\\" ant-image\\\\\"] [class^=\\\\\"ant-image\\\\\"],[class^=\\\\\"ant-image\\\\\"] [class*=\\\\\" ant-image\\\\\"],[class*=\\\\\" ant-image\\\\\"] [class*=\\\\\" ant-image\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-image\\\\\"] [class^=\\\\\"ant-image\\\\\"]::before,[class*=\\\\\" ant-image\\\\\"] [class^=\\\\\"ant-image\\\\\"]::before,[class^=\\\\\"ant-image\\\\\"] [class*=\\\\\" ant-image\\\\\"]::before,[class*=\\\\\" ant-image\\\\\"] [class*=\\\\\" ant-image\\\\\"]::before,[class^=\\\\\"ant-image\\\\\"] [class^=\\\\\"ant-image\\\\\"]::after,[class*=\\\\\" ant-image\\\\\"] [class^=\\\\\"ant-image\\\\\"]::after,[class^=\\\\\"ant-image\\\\\"] [class*=\\\\\" ant-image\\\\\"]::after,[class*=\\\\\" ant-image\\\\\"] [class*=\\\\\" ant-image\\\\\"]::after{box-sizing:border-box;}.ant-image{position:relative;display:inline-block;}.ant-image .ant-image-img{width:100%;height:auto;vertical-align:middle;}.ant-image .ant-image-img-placeholder{background-color:rgba(255, 255, 255, 0.08);background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');background-repeat:no-repeat;background-position:center center;background-size:30%;}.ant-image .ant-image-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0, 0, 0, 0.5);cursor:pointer;opacity:0;transition:opacity 0.3s;}.ant-image .ant-image-mask .ant-image-mask-info{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 4px;}.ant-image .ant-image-mask .ant-image-mask-info .anticon{margin-inline-end:4px;}.ant-image .ant-image-mask .ant-image-mask-info .anticon svg{vertical-align:baseline;}.ant-image .ant-image-mask:hover{opacity:1;}.ant-image .ant-image-placeholder{position:absolute;inset:0;}.ant-image-preview-root .ant-image-preview{height:100%;text-align:center;pointer-events:none;}.ant-image-preview-root .ant-image-preview-body{position:absolute;inset:0;overflow:hidden;}.ant-image-preview-root .ant-image-preview-img{max-width:100%;max-height:100%;vertical-align:middle;transform:scale3d(1, 1, 1);cursor:grab;transition:transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;user-select:none;pointer-events:auto;}.ant-image-preview-root .ant-image-preview-img-wrapper{position:absolute;inset:0;transition:transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display:flex;justify-content:center;align-items:center;}.ant-image-preview-root .ant-image-preview-img-wrapper::before{display:inline-block;width:1px;height:50%;margin-inline-end:-1px;content:\\\\\"\\\\\";}.ant-image-preview-root .ant-image-preview-moving .ant-image-preview-preview-img{cursor:grabbing;}.ant-image-preview-root .ant-image-preview-moving .ant-image-preview-preview-img-wrapper{transition-duration:0s;}.ant-image-preview-root .ant-image-preview-wrap{z-index:1080;}.ant-image-preview-operations-wrapper{position:fixed;inset-block-start:0;inset-inline-end:0;z-index:1081;width:100%;}.ant-image-preview-operations{box-sizing:border-box;margin:0;padding:0;color:rgb(255, 255, 255);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:flex;flex-direction:row-reverse;align-items:center;background:rgba(0, 0, 0, 0.1);pointer-events:auto;}.ant-image-preview-operations-operation{margin-inline-start:12px;padding:12px;cursor:pointer;transition:all 0.3s;user-select:none;}.ant-image-preview-operations-operation:hover{background:rgba(0, 0, 0, 0.2);}.ant-image-preview-operations-operation-disabled{color:rgba(255, 255, 255, 0.25);pointer-events:none;}.ant-image-preview-operations-operation:last-of-type{margin-inline-start:0;}.ant-image-preview-operations-progress{position:absolute;left:50%;transform:translateX(-50%);}.ant-image-preview-operations-icon{font-size:18px;}.ant-image-preview-switch-left,.ant-image-preview-switch-right{position:fixed;inset-block-start:50%;z-index:1081;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;color:rgb(255, 255, 255);background:rgba(0, 0, 0, 0.1);border-radius:50%;transform:translateY(-50%);cursor:pointer;transition:all 0.3s;pointer-events:auto;user-select:none;}.ant-image-preview-switch-left:hover,.ant-image-preview-switch-right:hover{background:rgba(0, 0, 0, 0.2);}.ant-image-preview-switch-left-disabled,.ant-image-preview-switch-right-disabled,.ant-image-preview-switch-left-disabled:hover,.ant-image-preview-switch-right-disabled:hover{color:rgba(255, 255, 255, 0.25);background:transparent;cursor:not-allowed;}.ant-image-preview-switch-left-disabled >.anticon,.ant-image-preview-switch-right-disabled >.anticon,.ant-image-preview-switch-left-disabled:hover >.anticon,.ant-image-preview-switch-right-disabled:hover >.anticon{cursor:not-allowed;}.ant-image-preview-switch-left >.anticon,.ant-image-preview-switch-right >.anticon{font-size:18px;}.ant-image-preview-switch-left{inset-inline-start:12px;}.ant-image-preview-switch-right{inset-inline-end:12px;}.ant-image-preview-root .ant-image-preview.ant-zoom-enter,.ant-image-preview-root .ant-image-preview.ant-zoom-appear{transform:none;opacity:0;animation-duration:0.3s;user-select:none;}.ant-image-preview-root .ant-image-preview.ant-zoom-leave .ant-image-preview-content{pointer-events:none;}.ant-image-preview-root .ant-image-preview-mask{position:fixed;top:0;inset-inline-end:0;bottom:0;inset-inline-start:0;z-index:1000;height:100%;background-color:rgba(0, 0, 0, 0.45);}.ant-image-preview-root .ant-image-preview-mask .ant-image-preview-hidden{display:none;}.ant-image-preview-root .ant-image-preview-wrap{position:fixed;top:0;inset-inline-end:0;bottom:0;inset-inline-start:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;}.ant-image-preview-root .ant-fade-enter,.ant-image-preview-root .ant-fade-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-image-preview-root .ant-fade-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-image-preview-root .ant-fade-enter.ant-fade-enter-active,.ant-image-preview-root .ant-fade-appear.ant-fade-appear-active{animation-name:antFadeIn;animation-play-state:running;}.ant-image-preview-root .ant-fade-leave.ant-fade-leave-active{animation-name:antFadeOut;animation-play-state:running;pointer-events:none;}.ant-image-preview-root .ant-fade-enter,.ant-image-preview-root .ant-fade-appear{opacity:0;animation-timing-function:linear;}.ant-image-preview-root .ant-fade-leave{animation-timing-function:linear;}.ant-image-preview-root .ant-zoom-enter,.ant-image-preview-root .ant-zoom-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-image-preview-root .ant-zoom-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-image-preview-root .ant-zoom-enter.ant-zoom-enter-active,.ant-image-preview-root .ant-zoom-appear.ant-zoom-appear-active{animation-name:antZoomIn;animation-play-state:running;}.ant-image-preview-root .ant-zoom-leave.ant-zoom-leave-active{animation-name:antZoomOut;animation-play-state:running;pointer-events:none;}.ant-image-preview-root .ant-zoom-enter,.ant-image-preview-root .ant-zoom-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);}.ant-image-preview-root .ant-zoom-enter-prepare,.ant-image-preview-root .ant-zoom-appear-prepare{transform:none;}.ant-image-preview-root .ant-zoom-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}.ant-fade-enter,.ant-fade-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-fade-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-fade-enter.ant-fade-enter-active,.ant-fade-appear.ant-fade-appear-active{animation-name:antFadeIn;animation-play-state:running;}.ant-fade-leave.ant-fade-leave-active{animation-name:antFadeOut;animation-play-state:running;pointer-events:none;}.ant-fade-enter,.ant-fade-appear{opacity:0;animation-timing-function:linear;}.ant-fade-leave{animation-timing-function:linear;}@keyframes antZoomOut{0%{transform:scale(1);}100%{transform:scale(0.2);opacity:0;}}[class^=\\\\\"ant-input-number\\\\\"],[class*=\\\\\" ant-input-number\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-input-number\\\\\"]::before,[class*=\\\\\" ant-input-number\\\\\"]::before,[class^=\\\\\"ant-input-number\\\\\"]::after,[class*=\\\\\" ant-input-number\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-input-number\\\\\"] [class^=\\\\\"ant-input-number\\\\\"],[class*=\\\\\" ant-input-number\\\\\"] [class^=\\\\\"ant-input-number\\\\\"],[class^=\\\\\"ant-input-number\\\\\"] [class*=\\\\\" ant-input-number\\\\\"],[class*=\\\\\" ant-input-number\\\\\"] [class*=\\\\\" ant-input-number\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-input-number\\\\\"] [class^=\\\\\"ant-input-number\\\\\"]::before,[class*=\\\\\" ant-input-number\\\\\"] [class^=\\\\\"ant-input-number\\\\\"]::before,[class^=\\\\\"ant-input-number\\\\\"] [class*=\\\\\" ant-input-number\\\\\"]::before,[class*=\\\\\" ant-input-number\\\\\"] [class*=\\\\\" ant-input-number\\\\\"]::before,[class^=\\\\\"ant-input-number\\\\\"] [class^=\\\\\"ant-input-number\\\\\"]::after,[class*=\\\\\" ant-input-number\\\\\"] [class^=\\\\\"ant-input-number\\\\\"]::after,[class^=\\\\\"ant-input-number\\\\\"] [class*=\\\\\" ant-input-number\\\\\"]::after,[class*=\\\\\" ant-input-number\\\\\"] [class*=\\\\\" ant-input-number\\\\\"]::after{box-sizing:border-box;}.ant-input-number{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;display:inline-block;width:90px;min-width:0;background-color:#141414;background-image:none;border-width:1px;border-style:solid;border-color:#424242;border-radius:6px;transition:all 0.2s;border:1px solid #424242;}.ant-input-number::-moz-placeholder{opacity:1;}.ant-input-number::placeholder{color:rgba(255, 255, 255, 0.25);user-select:none;}.ant-input-number:placeholder-shown{text-overflow:ellipsis;}.ant-input-number:hover{border-color:#198016;border-inline-end-width:1px;}.ant-input-number:focus,.ant-input-number-focused{border-color:#198016;box-shadow:0 0 0 2px rgba(0, 53, 0, 0.15);border-inline-end-width:1px;outline:0;}.ant-input-number-disabled,.ant-input-number[disabled]{color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);border-color:#424242;box-shadow:none;cursor:not-allowed;opacity:1;}.ant-input-number-disabled:hover,.ant-input-number[disabled]:hover{border-color:#424242;border-inline-end-width:1px;}.ant-input-number-borderless,.ant-input-number-borderless:hover,.ant-input-number-borderless:focus,.ant-input-number-borderless-focused,.ant-input-number-borderless-disabled,.ant-input-number-borderless[disabled]{background-color:transparent;border:none;box-shadow:none;}textarea.ant-input-number{max-width:100%;height:auto;min-height:32px;line-height:1.5714285714285714;vertical-align:bottom;transition:all 0.3s,height 0s;resize:vertical;}.ant-input-number-lg{padding:0;font-size:16px;border-radius:8px;}.ant-input-number-lg input.ant-input-number-input{height:38px;}.ant-input-number-sm{padding:0;border-radius:4px;}.ant-input-number-sm input.ant-input-number-input{height:22px;padding:0 7px;}.ant-input-number-rtl{direction:rtl;}.ant-input-number-rtl .ant-input-number-input{direction:rtl;}.ant-input-number-textarea-rtl{direction:rtl;}.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number{border-color:#dc4446;}.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover{border-color:#7e2e2f;}.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused{border-color:#dc4446;box-shadow:0 0 0 2px rgba(238, 38, 56, 0.11);border-inline-end-width:1px;outline:0;}.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number .ant-input-number-prefix{color:#dc4446;}.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number{border-color:#d89614;}.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover{border-color:#7c5914;}.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused{border-color:#d89614;box-shadow:0 0 0 2px rgba(173, 107, 0, 0.15);border-inline-end-width:1px;outline:0;}.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number .ant-input-number-prefix{color:#d89614;}.ant-input-number-focused{border-color:#198016;box-shadow:0 0 0 2px rgba(0, 53, 0, 0.15);border-inline-end-width:1px;outline:0;}.ant-input-number-disabled{color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);border-color:#424242;box-shadow:none;cursor:not-allowed;opacity:1;}.ant-input-number-disabled:hover{border-color:#424242;border-inline-end-width:1px;}.ant-input-number-disabled .ant-input-number-input{cursor:not-allowed;}.ant-input-number-out-of-range input{color:#dc4446;}.ant-input-number-group{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;display:table;width:100%;border-collapse:separate;border-spacing:0;}.ant-input-number-group[class*='col-']{padding-inline-end:8px;}.ant-input-number-group[class*='col-']:last-child{padding-inline-end:0;}.ant-input-number-group-lg .ant-input-number,.ant-input-number-group-lg>.ant-input-number-group-addon{padding:7px 11px;font-size:16px;line-height:1.5;border-radius:8px;}.ant-input-number-group-sm .ant-input-number,.ant-input-number-group-sm>.ant-input-number-group-addon{padding:0px 7px;border-radius:4px;}.ant-input-number-group >.ant-input-number{display:table-cell;}.ant-input-number-group >.ant-input-number:not(:first-child):not(:last-child){border-radius:0;}.ant-input-number-group .ant-input-number-group-addon,.ant-input-number-group .ant-input-number-group-wrap{display:table-cell;width:1px;white-space:nowrap;vertical-align:middle;}.ant-input-number-group .ant-input-number-group-addon:not(:first-child):not(:last-child),.ant-input-number-group .ant-input-number-group-wrap:not(:first-child):not(:last-child){border-radius:0;}.ant-input-number-group .ant-input-number-group-wrap>*{display:block!important;}.ant-input-number-group .ant-input-number-group-addon{position:relative;padding:0 11px;color:rgba(255, 255, 255, 0.85);font-weight:normal;font-size:14px;text-align:center;background-color:rgba(255, 255, 255, 0.04);border:1px solid #424242;border-radius:6px;transition:all 0.3s;line-height:1;}.ant-input-number-group .ant-input-number-group-addon .ant-select{margin:-5px -11px;}.ant-input-number-group .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{background-color:inherit;border:1px solid transparent;box-shadow:none;}.ant-input-number-group .ant-input-number-group-addon .ant-select-open .ant-select-selector,.ant-input-number-group .ant-input-number-group-addon .ant-select-focused .ant-select-selector{color:#037003;}.ant-input-number-group .ant-input-number-group-addon .ant-cascader-picker{margin:-9px -11px;background-color:transparent;}.ant-input-number-group .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input{text-align:start;border:0;box-shadow:none;}.ant-input-number-group .ant-input-number-group-addon:first-child{border-inline-end:0;}.ant-input-number-group .ant-input-number-group-addon:last-child{border-inline-start:0;}.ant-input-number-group .ant-input-number{float:inline-start;width:100%;margin-bottom:0;text-align:inherit;}.ant-input-number-group .ant-input-number:focus{z-index:1;border-inline-end-width:1px;}.ant-input-number-group .ant-input-number:hover{z-index:1;border-inline-end-width:1px;}.ant-input-number-search-with-button .ant-input-number-group .ant-input-number:hover{z-index:0;}.ant-input-number-group >.ant-input-number:first-child,.ant-input-number-group .ant-input-number-group-addon:first-child{border-start-end-radius:0;border-end-end-radius:0;}.ant-input-number-group >.ant-input-number:first-child .ant-select .ant-select-selector,.ant-input-number-group .ant-input-number-group-addon:first-child .ant-select .ant-select-selector{border-start-end-radius:0;border-end-end-radius:0;}.ant-input-number-group >.ant-input-number-affix-wrapper:not(:first-child) .ant-input-number{border-start-start-radius:0;border-end-start-radius:0;}.ant-input-number-group >.ant-input-number-affix-wrapper:not(:last-child) .ant-input-number{border-start-end-radius:0;border-end-end-radius:0;}.ant-input-number-group >.ant-input-number:last-child,.ant-input-number-group .ant-input-number-group-addon:last-child{border-start-start-radius:0;border-end-start-radius:0;}.ant-input-number-group >.ant-input-number:last-child .ant-select .ant-select-selector,.ant-input-number-group .ant-input-number-group-addon:last-child .ant-select .ant-select-selector{border-start-start-radius:0;border-end-start-radius:0;}.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child){border-start-end-radius:0;border-end-end-radius:0;}.ant-input-number-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child){border-start-start-radius:6px;border-end-start-radius:6px;}.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),.ant-input-number-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;}.ant-input-number-group.ant-input-number-group-compact{display:block;}.ant-input-number-group.ant-input-number-group-compact::before{display:table;content:\\\\\"\\\\\";}.ant-input-number-group.ant-input-number-group-compact::after{display:table;clear:both;content:\\\\\"\\\\\";}.ant-input-number-group.ant-input-number-group-compact .ant-input-number-group-addon:not(:first-child):not(:last-child),.ant-input-number-group.ant-input-number-group-compact .ant-input-number-group-wrap:not(:first-child):not(:last-child),.ant-input-number-group.ant-input-number-group-compact >.ant-input-number:not(:first-child):not(:last-child){border-inline-end-width:1px;}.ant-input-number-group.ant-input-number-group-compact .ant-input-number-group-addon:not(:first-child):not(:last-child):hover,.ant-input-number-group.ant-input-number-group-compact .ant-input-number-group-wrap:not(:first-child):not(:last-child):hover,.ant-input-number-group.ant-input-number-group-compact >.ant-input-number:not(:first-child):not(:last-child):hover{z-index:1;}.ant-input-number-group.ant-input-number-group-compact .ant-input-number-group-addon:not(:first-child):not(:last-child):focus,.ant-input-number-group.ant-input-number-group-compact .ant-input-number-group-wrap:not(:first-child):not(:last-child):focus,.ant-input-number-group.ant-input-number-group-compact >.ant-input-number:not(:first-child):not(:last-child):focus{z-index:1;}.ant-input-number-group.ant-input-number-group-compact>*{display:inline-block;float:none;vertical-align:top;border-radius:0;}.ant-input-number-group.ant-input-number-group-compact>.ant-input-number-affix-wrapper{display:inline-flex;}.ant-input-number-group.ant-input-number-group-compact>.ant-picker-range{display:inline-flex;}.ant-input-number-group.ant-input-number-group-compact>*:not(:last-child){margin-inline-end:-1px;border-inline-end-width:1px;}.ant-input-number-group.ant-input-number-group-compact .ant-input-number{float:none;}.ant-input-number-group.ant-input-number-group-compact>.ant-select>.ant-select-selector,.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete .ant-input-number,.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker .ant-input-number,.ant-input-number-group.ant-input-number-group-compact>.ant-input-number-group-wrapper .ant-input-number{border-inline-end-width:1px;border-radius:0;}.ant-input-number-group.ant-input-number-group-compact>.ant-select>.ant-select-selector:hover,.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete .ant-input-number:hover,.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker .ant-input-number:hover,.ant-input-number-group.ant-input-number-group-compact>.ant-input-number-group-wrapper .ant-input-number:hover{z-index:1;}.ant-input-number-group.ant-input-number-group-compact>.ant-select>.ant-select-selector:focus,.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete .ant-input-number:focus,.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker .ant-input-number:focus,.ant-input-number-group.ant-input-number-group-compact>.ant-input-number-group-wrapper .ant-input-number:focus{z-index:1;}.ant-input-number-group.ant-input-number-group-compact>.ant-select-focused{z-index:1;}.ant-input-number-group.ant-input-number-group-compact>.ant-select>.ant-select-arrow{z-index:1;}.ant-input-number-group.ant-input-number-group-compact>*:first-child,.ant-input-number-group.ant-input-number-group-compact>.ant-select:first-child>.ant-select-selector,.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete:first-child .ant-input-number,.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker:first-child .ant-input-number{border-start-start-radius:6px;border-end-start-radius:6px;}.ant-input-number-group.ant-input-number-group-compact>*:last-child,.ant-input-number-group.ant-input-number-group-compact>.ant-select:last-child>.ant-select-selector,.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker:last-child .ant-input-number,.ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker-focused:last-child .ant-input-number{border-inline-end-width:1px;border-start-end-radius:6px;border-end-end-radius:6px;}.ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete .ant-input-number{vertical-align:top;}.ant-input-number-group.ant-input-number-group-compact .ant-input-number-group-wrapper+.ant-input-number-group-wrapper{margin-inline-start:-1px;}.ant-input-number-group.ant-input-number-group-compact .ant-input-number-group-wrapper+.ant-input-number-group-wrapper .ant-input-number-affix-wrapper{border-radius:0;}.ant-input-number-group.ant-input-number-group-compact .ant-input-number-group-wrapper:not(:last-child).ant-input-number-search>.ant-input-number-group>.ant-input-number-group-addon>.ant-input-number-search-button{border-radius:0;}.ant-input-number-group.ant-input-number-group-compact .ant-input-number-group-wrapper:not(:last-child).ant-input-number-search>.ant-input-number-group>.ant-input-number{border-start-start-radius:6px;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:6px;}.ant-input-number-group.ant-input-number-group-sm .ant-btn{font-size:12px;height:24px;line-height:normal;}.ant-input-number-group.ant-input-number-group-lg .ant-btn{font-size:16px;height:40px;line-height:normal;}.ant-input-number-group.ant-input-number-group-lg .ant-select-single .ant-select-selector{height:40px;}.ant-input-number-group.ant-input-number-group-lg .ant-select-single .ant-select-selector .ant-select-selection-item,.ant-input-number-group.ant-input-number-group-lg .ant-select-single .ant-select-selector .ant-select-selection-placeholder{line-height:38px;}.ant-input-number-group.ant-input-number-group-lg .ant-select-single .ant-select-selector .ant-select-selection-search-input{height:40px;}.ant-input-number-group.ant-input-number-group-sm .ant-select-single .ant-select-selector{height:24px;}.ant-input-number-group.ant-input-number-group-sm .ant-select-single .ant-select-selector .ant-select-selection-item,.ant-input-number-group.ant-input-number-group-sm .ant-select-single .ant-select-selector .ant-select-selection-placeholder{line-height:22px;}.ant-input-number-group.ant-input-number-group-sm .ant-select-single .ant-select-selector .ant-select-selection-search-input{height:24px;}.ant-input-number-group-wrapper{display:inline-block;text-align:start;vertical-align:top;}.ant-input-number-group-wrapper .ant-input-number-affix-wrapper{width:100%;}.ant-input-number-group-wrapper-lg .ant-input-number-group-addon{border-radius:8px;}.ant-input-number-group-wrapper-sm .ant-input-number-group-addon{border-radius:4px;}.ant-input-number .ant-input-number-input{width:100%;height:30px;padding:0 11px;text-align:start;background-color:transparent;border:0;border-radius:6px;outline:0;transition:all 0.2s linear;appearance:textfield;color:rgba(255, 255, 255, 0.85);font-size:inherit;vertical-align:top;}.ant-input-number .ant-input-number-input::-moz-placeholder{opacity:1;}.ant-input-number .ant-input-number-input::placeholder{color:rgba(255, 255, 255, 0.25);user-select:none;}.ant-input-number .ant-input-number-input:placeholder-shown{text-overflow:ellipsis;}.ant-input-number .ant-input-number-input[type=\\\\\"number\\\\\"]::-webkit-inner-spin-button,.ant-input-number .ant-input-number-input[type=\\\\\"number\\\\\"]::-webkit-outer-spin-button{margin:0;webkit-appearance:none;appearance:none;}.ant-input-number:hover .ant-input-number-handler-wrap,.ant-input-number-focused .ant-input-number-handler-wrap{opacity:1;}.ant-input-number .ant-input-number-handler-wrap{position:absolute;inset-block-start:0;inset-inline-end:0;width:22px;height:100%;background:#141414;border-start-start-radius:0;border-start-end-radius:6px;border-end-end-radius:6px;border-end-start-radius:0;opacity:0;display:flex;flex-direction:column;align-items:stretch;transition:opacity 0.2s linear 0.2s;}.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler{display:flex;align-items:center;justify-content:center;flex:auto;height:40%;}.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner{margin-inline-end:0;font-size:7px;}.ant-input-number .ant-input-number-handler{height:50%;overflow:hidden;color:rgba(255, 255, 255, 0.45);font-weight:bold;line-height:0;text-align:center;cursor:pointer;border-inline-start:1px solid #424242;transition:all 0.2s linear;}.ant-input-number .ant-input-number-handler:active{background:rgba(255, 255, 255, 0.04);}.ant-input-number .ant-input-number-handler:hover{height:60%;}.ant-input-number .ant-input-number-handler:hover .ant-input-number-handler-up-inner,.ant-input-number .ant-input-number-handler:hover .ant-input-number-handler-down-inner{color:#037003;}.ant-input-number .ant-input-number-handler-up-inner,.ant-input-number .ant-input-number-handler-down-inner{display:inline-flex;align-items:center;color:rgba(255, 255, 255, 0.45);font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all 0.2s linear;user-select:none;}.ant-input-number .ant-input-number-handler-up-inner >*,.ant-input-number .ant-input-number-handler-down-inner >*{line-height:1;}.ant-input-number .ant-input-number-handler-up-inner svg,.ant-input-number .ant-input-number-handler-down-inner svg{display:inline-block;}.ant-input-number .ant-input-number-handler-up{border-start-end-radius:6px;}.ant-input-number .ant-input-number-handler-down{border-block-start:1px solid #424242;border-end-end-radius:6px;}.ant-input-number-disabled .ant-input-number-handler-wrap,.ant-input-number-readonly .ant-input-number-handler-wrap{display:none;}.ant-input-number .ant-input-number-handler-up-disabled,.ant-input-number .ant-input-number-handler-down-disabled{cursor:not-allowed;}.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner{color:rgba(255, 255, 255, 0.25);}.ant-input-number-borderless{border-color:transparent;box-shadow:none;}.ant-input-number-borderless .ant-input-number-handler-down{border-block-start-width:0;}.ant-input-number-affix-wrapper{position:relative;display:inline-flex;width:90px;min-width:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;background-color:#141414;background-image:none;border-width:1px;border-style:solid;border-color:#424242;border-radius:6px;transition:all 0.2s;padding-inline-start:11px;}.ant-input-number-affix-wrapper::-moz-placeholder{opacity:1;}.ant-input-number-affix-wrapper::placeholder{color:rgba(255, 255, 255, 0.25);user-select:none;}.ant-input-number-affix-wrapper:placeholder-shown{text-overflow:ellipsis;}.ant-input-number-affix-wrapper:hover{border-color:#198016;border-inline-end-width:1px;}.ant-input-number-affix-wrapper:focus,.ant-input-number-affix-wrapper-focused{border-color:#198016;box-shadow:0 0 0 2px rgba(0, 53, 0, 0.15);border-inline-end-width:1px;outline:0;}.ant-input-number-affix-wrapper-disabled,.ant-input-number-affix-wrapper[disabled]{color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);border-color:#424242;box-shadow:none;cursor:not-allowed;opacity:1;}.ant-input-number-affix-wrapper-disabled:hover,.ant-input-number-affix-wrapper[disabled]:hover{border-color:#424242;border-inline-end-width:1px;}.ant-input-number-affix-wrapper-borderless,.ant-input-number-affix-wrapper-borderless:hover,.ant-input-number-affix-wrapper-borderless:focus,.ant-input-number-affix-wrapper-borderless-focused,.ant-input-number-affix-wrapper-borderless-disabled,.ant-input-number-affix-wrapper-borderless[disabled]{background-color:transparent;border:none;box-shadow:none;}textarea.ant-input-number-affix-wrapper{max-width:100%;height:auto;min-height:32px;line-height:1.5714285714285714;vertical-align:bottom;transition:all 0.3s,height 0s;resize:vertical;}.ant-input-number-affix-wrapper-lg{border-radius:8px;}.ant-input-number-affix-wrapper-sm{border-radius:4px;}.ant-input-number-affix-wrapper-rtl{direction:rtl;}.ant-input-number-affix-wrapper-textarea-rtl{direction:rtl;}.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper{border-color:#dc4446;}.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover{border-color:#7e2e2f;}.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused{border-color:#dc4446;box-shadow:0 0 0 2px rgba(238, 38, 56, 0.11);border-inline-end-width:1px;outline:0;}.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper .ant-input-number-prefix{color:#dc4446;}.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper{border-color:#d89614;}.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover{border-color:#7c5914;}.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused{border-color:#d89614;box-shadow:0 0 0 2px rgba(173, 107, 0, 0.15);border-inline-end-width:1px;outline:0;}.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper .ant-input-number-prefix{color:#d89614;}.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover{border-color:#198016;border-inline-end-width:1px;z-index:1;}.ant-input-number-affix-wrapper-focused,.ant-input-number-affix-wrapper:focus{z-index:1;}.ant-input-number-affix-wrapper-disabled .ant-input-number[disabled]{background:transparent;}.ant-input-number-affix-wrapper >div.ant-input-number{width:100%;border:none;outline:none;}.ant-input-number-affix-wrapper >div.ant-input-number.ant-input-number-focused{box-shadow:none!important;}.ant-input-number-affix-wrapper input.ant-input-number-input{padding:0;}.ant-input-number-affix-wrapper::before{width:0;visibility:hidden;content:\\\\\"\\\\\\\\a0\\\\\";}.ant-input-number-affix-wrapper .ant-input-number-handler-wrap{z-index:2;}.ant-input-number-affix-wrapper .ant-input-number-prefix,.ant-input-number-affix-wrapper .ant-input-number-suffix{display:flex;flex:none;align-items:center;pointer-events:none;}.ant-input-number-affix-wrapper .ant-input-number-prefix{margin-inline-end:4px;}.ant-input-number-affix-wrapper .ant-input-number-suffix{position:absolute;inset-block-start:0;inset-inline-end:0;z-index:1;height:100%;margin-inline-end:11px;margin-inline-start:4px;}.ant-input-number-compact-item:not(.ant-input-number-compact-last-item){margin-inline-end:-1px;}.ant-input-number-compact-item:hover,.ant-input-number-compact-item:focus,.ant-input-number-compact-item:active{z-index:2;}.ant-input-number-compact-item[disabled]{z-index:0;}.ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item){border-radius:0;}.ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-first-item,.ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-first-item.ant-input-number-sm,.ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-first-item.ant-input-number-lg{border-start-end-radius:0;border-end-end-radius:0;}.ant-input-number-compact-item:not(.ant-input-number-compact-first-item).ant-input-number-compact-last-item,.ant-input-number-compact-item:not(.ant-input-number-compact-first-item).ant-input-number-compact-last-item.ant-input-number-sm,.ant-input-number-compact-item:not(.ant-input-number-compact-first-item).ant-input-number-compact-last-item.ant-input-number-lg{border-start-start-radius:0;border-end-start-radius:0;}[class^=\\\\\"ant-layout\\\\\"],[class*=\\\\\" ant-layout\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-layout\\\\\"]::before,[class*=\\\\\" ant-layout\\\\\"]::before,[class^=\\\\\"ant-layout\\\\\"]::after,[class*=\\\\\" ant-layout\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-layout\\\\\"] [class^=\\\\\"ant-layout\\\\\"],[class*=\\\\\" ant-layout\\\\\"] [class^=\\\\\"ant-layout\\\\\"],[class^=\\\\\"ant-layout\\\\\"] [class*=\\\\\" ant-layout\\\\\"],[class*=\\\\\" ant-layout\\\\\"] [class*=\\\\\" ant-layout\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-layout\\\\\"] [class^=\\\\\"ant-layout\\\\\"]::before,[class*=\\\\\" ant-layout\\\\\"] [class^=\\\\\"ant-layout\\\\\"]::before,[class^=\\\\\"ant-layout\\\\\"] [class*=\\\\\" ant-layout\\\\\"]::before,[class*=\\\\\" ant-layout\\\\\"] [class*=\\\\\" ant-layout\\\\\"]::before,[class^=\\\\\"ant-layout\\\\\"] [class^=\\\\\"ant-layout\\\\\"]::after,[class*=\\\\\" ant-layout\\\\\"] [class^=\\\\\"ant-layout\\\\\"]::after,[class^=\\\\\"ant-layout\\\\\"] [class*=\\\\\" ant-layout\\\\\"]::after,[class*=\\\\\" ant-layout\\\\\"] [class*=\\\\\" ant-layout\\\\\"]::after{box-sizing:border-box;}.ant-layout{display:flex;flex:auto;flex-direction:column;min-height:0;background:#000000;}.ant-layout,.ant-layout *{box-sizing:border-box;}.ant-layout.ant-layout-has-sider{flex-direction:row;}.ant-layout.ant-layout-has-sider >.ant-layout,.ant-layout.ant-layout-has-sider >.ant-layout-content{width:0;}.ant-layout .ant-layout-header,.ant-layout.ant-layout-footer{flex:0 0 auto;}.ant-layout .ant-layout-header{height:64px;padding-inline:50px;color:rgba(255, 255, 255, 0.85);line-height:64px;background:#001529;}.ant-layout .ant-layout-header .ant-menu{line-height:inherit;}.ant-layout .ant-layout-footer{padding:24px 50px;color:rgba(255, 255, 255, 0.85);font-size:14px;background:#000000;}.ant-layout .ant-layout-content{flex:auto;min-height:0;}.ant-layout .ant-layout-sider{position:relative;min-width:0;background:#001529;transition:all 0.2s,background 0s;}.ant-layout .ant-layout-sider-children{height:100%;margin-top:-0.1px;padding-top:0.1px;}.ant-layout .ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed{width:auto;}.ant-layout .ant-layout-sider-has-trigger{padding-bottom:48px;}.ant-layout .ant-layout-sider-right{order:1;}.ant-layout .ant-layout-sider-trigger{position:fixed;bottom:0;z-index:1;height:48px;color:#fff;line-height:48px;text-align:center;background:#002140;cursor:pointer;transition:all 0.2s;}.ant-layout .ant-layout-sider-zero-width >*{overflow:hidden;}.ant-layout .ant-layout-sider-zero-width-trigger{position:absolute;top:64px;inset-inline-end:-40px;z-index:1;width:40px;height:40px;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;background:#001529;border-start-start-radius:0;border-start-end-radius:6px;border-end-end-radius:6px;border-end-start-radius:0;cursor:pointer;transition:background 0.3s ease;}.ant-layout .ant-layout-sider-zero-width-trigger::after{position:absolute;inset:0;background:transparent;transition:all 0.3s;content:\\\\\"\\\\\";}.ant-layout .ant-layout-sider-zero-width-trigger:hover::after{background:rgba(255, 255, 255, 0.2);}.ant-layout .ant-layout-sider-zero-width-trigger-right{inset-inline-start:-40px;border-start-start-radius:6px;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:6px;}.ant-layout .ant-layout-sider-light{background:#141414;}.ant-layout .ant-layout-sider-light .ant-layout-sider-trigger{color:rgba(255, 255, 255, 0.85);background:#141414;}.ant-layout .ant-layout-sider-light .ant-layout-sider-zero-width-trigger{color:rgba(255, 255, 255, 0.85);background:#141414;border:1px solid #000000;border-inline-start:0;}.ant-layout-rtl{direction:rtl;}[class^=\\\\\"ant-list\\\\\"],[class*=\\\\\" ant-list\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-list\\\\\"]::before,[class*=\\\\\" ant-list\\\\\"]::before,[class^=\\\\\"ant-list\\\\\"]::after,[class*=\\\\\" ant-list\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-list\\\\\"] [class^=\\\\\"ant-list\\\\\"],[class*=\\\\\" ant-list\\\\\"] [class^=\\\\\"ant-list\\\\\"],[class^=\\\\\"ant-list\\\\\"] [class*=\\\\\" ant-list\\\\\"],[class*=\\\\\" ant-list\\\\\"] [class*=\\\\\" ant-list\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-list\\\\\"] [class^=\\\\\"ant-list\\\\\"]::before,[class*=\\\\\" ant-list\\\\\"] [class^=\\\\\"ant-list\\\\\"]::before,[class^=\\\\\"ant-list\\\\\"] [class*=\\\\\" ant-list\\\\\"]::before,[class*=\\\\\" ant-list\\\\\"] [class*=\\\\\" ant-list\\\\\"]::before,[class^=\\\\\"ant-list\\\\\"] [class^=\\\\\"ant-list\\\\\"]::after,[class*=\\\\\" ant-list\\\\\"] [class^=\\\\\"ant-list\\\\\"]::after,[class^=\\\\\"ant-list\\\\\"] [class*=\\\\\" ant-list\\\\\"]::after,[class*=\\\\\" ant-list\\\\\"] [class*=\\\\\" ant-list\\\\\"]::after{box-sizing:border-box;}.ant-list{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;}.ant-list *{outline:none;}.ant-list .ant-list-header,.ant-list .ant-list-footer{background:transparent;padding-block:12px;}.ant-list .ant-list-pagination{margin-block-start:24px;text-align:end;}.ant-list .ant-list-pagination .ant-pagination-options{text-align:start;}.ant-list .ant-list-spin{min-height:40px;text-align:center;}.ant-list .ant-list-items{margin:0;padding:0;list-style:none;}.ant-list .ant-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;color:rgba(255, 255, 255, 0.85);}.ant-list .ant-list-item .ant-list-item-meta{display:flex;flex:1;align-items:flex-start;max-width:100%;}.ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar{margin-inline-end:16px;}.ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-content{flex:1 0;width:0;color:rgba(255, 255, 255, 0.85);}.ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-title{margin-bottom:4px;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;}.ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-title >a{color:rgba(255, 255, 255, 0.85);transition:all 0.3s;}.ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-title >a:hover{color:#037003;}.ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-description{color:rgba(255, 255, 255, 0.45);font-size:14px;line-height:1.5714285714285714;}.ant-list .ant-list-item .ant-list-item-action{flex:0 0 auto;margin-inline-start:48px;padding:0;font-size:0;list-style:none;}.ant-list .ant-list-item .ant-list-item-action>li{position:relative;display:inline-block;padding:0 8px;color:rgba(255, 255, 255, 0.45);font-size:14px;line-height:1.5714285714285714;text-align:center;}.ant-list .ant-list-item .ant-list-item-action>li:first-child{padding-inline-start:0;}.ant-list .ant-list-item .ant-list-item-action .ant-list-item-action-split{position:absolute;inset-block-start:50%;inset-inline-end:0;width:1px;height:14px;transform:translateY(-50%);background-color:rgba(253, 253, 253, 0.12);}.ant-list .ant-list-empty{padding:16px 0;color:rgba(255, 255, 255, 0.45);font-size:12px;text-align:center;}.ant-list .ant-list-empty-text{padding:16px;color:rgba(255, 255, 255, 0.25);font-size:14px;text-align:center;}.ant-list .ant-list-item-no-flex{display:block;}.ant-list-grid .ant-col>.ant-list-item{display:block;max-width:100%;margin-block-end:16px;padding-block:0;border-block-end:none;}.ant-list-vertical .ant-list-item{align-items:initial;}.ant-list-vertical .ant-list-item .ant-list-item-main{display:block;flex:1;}.ant-list-vertical .ant-list-item .ant-list-item-extra{margin-inline-start:24px;}.ant-list-vertical .ant-list-item .ant-list-item-meta{margin-block-end:16px;}.ant-list-vertical .ant-list-item .ant-list-item-meta .ant-list-item-meta-title{margin-block-end:12px;color:rgba(255, 255, 255, 0.85);font-size:16px;line-height:1.5;}.ant-list-vertical .ant-list-item .ant-list-item-action{margin-block-start:16px;margin-inline-start:auto;}.ant-list-vertical .ant-list-item .ant-list-item-action >li{padding:0 16px;}.ant-list-vertical .ant-list-item .ant-list-item-action >li:first-child{padding-inline-start:0;}.ant-list-split .ant-list-item{border-block-end:1px solid rgba(253, 253, 253, 0.12);}.ant-list-split .ant-list-item:last-child{border-block-end:none;}.ant-list-split .ant-list-header{border-block-end:1px solid rgba(253, 253, 253, 0.12);}.ant-list-split.ant-list-empty .ant-list-footer{border-top:1px solid rgba(253, 253, 253, 0.12);}.ant-list-loading .ant-list-spin-nested-loading{min-height:32px;}.ant-list-split.ant-list-something-after-last-item .ant-spin-container>.ant-list-items>.ant-list-item:last-child{border-block-end:1px solid rgba(253, 253, 253, 0.12);}.ant-list-lg .ant-list-item{padding:16px 24px;}.ant-list-sm .ant-list-item{padding:8px 16px;}.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action{float:right;}.ant-list-bordered{border:1px solid #424242;border-radius:8px;}.ant-list-bordered .ant-list-header,.ant-list-bordered .ant-list-footer,.ant-list-bordered .ant-list-item{padding-inline:24px;}.ant-list-bordered .ant-list-pagination{margin:16px 24px;}.ant-list-bordered.ant-list-sm .ant-list-item,.ant-list-bordered.ant-list-sm .ant-list-header,.ant-list-bordered.ant-list-sm .ant-list-footer{padding:8px 16px;}.ant-list-bordered.ant-list-lg .ant-list-item,.ant-list-bordered.ant-list-lg .ant-list-header,.ant-list-bordered.ant-list-lg .ant-list-footer{padding:16px 24px;}@media screen and (max-width:768){.ant-list .ant-list-item .ant-list-item-action{margin-inline-start:24px;}.ant-list-vertical .ant-list-item .ant-list-item-extra{margin-inline-start:24px;}}@media screen and (max-width: 576){.ant-list .ant-list-item{flex-wrap:wrap;}.ant-list .ant-list-item .ant-list-action{margin-inline-start:12px;}.ant-list-vertical .ant-list-item{flex-wrap:wrap-reverse;}.ant-list-vertical .ant-list-item .ant-list-item-main{min-width:220px;}.ant-list-vertical .ant-list-item .ant-list-item-extra{margin:auto auto 16px;}}[class^=\\\\\"ant-spin\\\\\"],[class*=\\\\\" ant-spin\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-spin\\\\\"]::before,[class*=\\\\\" ant-spin\\\\\"]::before,[class^=\\\\\"ant-spin\\\\\"]::after,[class*=\\\\\" ant-spin\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-spin\\\\\"] [class^=\\\\\"ant-spin\\\\\"],[class*=\\\\\" ant-spin\\\\\"] [class^=\\\\\"ant-spin\\\\\"],[class^=\\\\\"ant-spin\\\\\"] [class*=\\\\\" ant-spin\\\\\"],[class*=\\\\\" ant-spin\\\\\"] [class*=\\\\\" ant-spin\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-spin\\\\\"] [class^=\\\\\"ant-spin\\\\\"]::before,[class*=\\\\\" ant-spin\\\\\"] [class^=\\\\\"ant-spin\\\\\"]::before,[class^=\\\\\"ant-spin\\\\\"] [class*=\\\\\" ant-spin\\\\\"]::before,[class*=\\\\\" ant-spin\\\\\"] [class*=\\\\\" ant-spin\\\\\"]::before,[class^=\\\\\"ant-spin\\\\\"] [class^=\\\\\"ant-spin\\\\\"]::after,[class*=\\\\\" ant-spin\\\\\"] [class^=\\\\\"ant-spin\\\\\"]::after,[class^=\\\\\"ant-spin\\\\\"] [class*=\\\\\" ant-spin\\\\\"]::after,[class*=\\\\\" ant-spin\\\\\"] [class*=\\\\\" ant-spin\\\\\"]::after{box-sizing:border-box;}.ant-spin{box-sizing:border-box;margin:0;padding:0;color:#037003;font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:absolute;display:none;text-align:center;vertical-align:middle;opacity:0;transition:transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);}.ant-spin-spinning{position:static;display:inline-block;opacity:1;}.ant-spin-nested-loading{position:relative;}.ant-spin-nested-loading >div>.ant-spin{position:absolute;top:0;inset-inline-start:0;z-index:4;display:block;width:100%;height:100%;max-height:400px;}.ant-spin-nested-loading >div>.ant-spin .ant-spin-dot{position:absolute;top:50%;inset-inline-start:50%;margin:-10px;}.ant-spin-nested-loading >div>.ant-spin .ant-spin-text{position:absolute;top:50%;width:100%;padding-top:5px;text-shadow:0 1px 2px #141414;}.ant-spin-nested-loading >div>.ant-spin.ant-spin-show-text .ant-spin-dot{margin-top:-20px;}.ant-spin-nested-loading >div>.ant-spin-sm .ant-spin-dot{margin:-7px;}.ant-spin-nested-loading >div>.ant-spin-sm .ant-spin-text{padding-top:2px;}.ant-spin-nested-loading >div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot{margin-top:-17px;}.ant-spin-nested-loading >div>.ant-spin-lg .ant-spin-dot{margin:-16px;}.ant-spin-nested-loading >div>.ant-spin-lg .ant-spin-text{padding-top:11px;}.ant-spin-nested-loading >div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot{margin-top:-26px;}.ant-spin-nested-loading .ant-spin-container{position:relative;transition:opacity 0.3s;}.ant-spin-nested-loading .ant-spin-container::after{position:absolute;top:0;inset-inline-end:0;bottom:0;inset-inline-start:0;z-index:10;width:100%;height:100%;background:#141414;opacity:0;transition:all 0.3s;content:\\\\\"\\\\\";pointer-events:none;}.ant-spin-nested-loading .ant-spin-blur{clear:both;opacity:0.5;user-select:none;pointer-events:none;}.ant-spin-nested-loading .ant-spin-blur::after{opacity:0.4;pointer-events:auto;}.ant-spin-tip{color:rgba(255, 255, 255, 0.45);}.ant-spin .ant-spin-dot{position:relative;display:inline-block;font-size:20px;width:1em;height:1em;}.ant-spin .ant-spin-dot-item{position:absolute;display:block;width:9px;height:9px;background-color:#037003;border-radius:100%;transform:scale(0.75);transform-origin:50% 50%;opacity:0.3;animation-name:antSpinMove;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate;}.ant-spin .ant-spin-dot-item:nth-child(1){top:0;inset-inline-start:0;}.ant-spin .ant-spin-dot-item:nth-child(2){top:0;inset-inline-end:0;animation-delay:0.4s;}.ant-spin .ant-spin-dot-item:nth-child(3){inset-inline-end:0;bottom:0;animation-delay:0.8s;}.ant-spin .ant-spin-dot-item:nth-child(4){bottom:0;inset-inline-start:0;animation-delay:1.2s;}.ant-spin .ant-spin-dot-spin{transform:rotate(45deg);animation-name:antRotate;animation-duration:1.2s;animation-iteration-count:infinite;animation-timing-function:linear;}.ant-spin-sm .ant-spin-dot{font-size:14px;}.ant-spin-sm .ant-spin-dot i{width:6px;height:6px;}.ant-spin-lg .ant-spin-dot{font-size:32px;}.ant-spin-lg .ant-spin-dot i{width:14px;height:14px;}.ant-spin.ant-spin-show-text .ant-spin-text{display:block;}@keyframes antSpinMove{to{opacity:1;}}@keyframes antRotate{to{transform:rotate(405deg);}}[class^=\\\\\"ant-menu\\\\\"],[class*=\\\\\" ant-menu\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-menu\\\\\"]::before,[class*=\\\\\" ant-menu\\\\\"]::before,[class^=\\\\\"ant-menu\\\\\"]::after,[class*=\\\\\" ant-menu\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-menu\\\\\"] [class^=\\\\\"ant-menu\\\\\"],[class*=\\\\\" ant-menu\\\\\"] [class^=\\\\\"ant-menu\\\\\"],[class^=\\\\\"ant-menu\\\\\"] [class*=\\\\\" ant-menu\\\\\"],[class*=\\\\\" ant-menu\\\\\"] [class*=\\\\\" ant-menu\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-menu\\\\\"] [class^=\\\\\"ant-menu\\\\\"]::before,[class*=\\\\\" ant-menu\\\\\"] [class^=\\\\\"ant-menu\\\\\"]::before,[class^=\\\\\"ant-menu\\\\\"] [class*=\\\\\" ant-menu\\\\\"]::before,[class*=\\\\\" ant-menu\\\\\"] [class*=\\\\\" ant-menu\\\\\"]::before,[class^=\\\\\"ant-menu\\\\\"] [class^=\\\\\"ant-menu\\\\\"]::after,[class*=\\\\\" ant-menu\\\\\"] [class^=\\\\\"ant-menu\\\\\"]::after,[class^=\\\\\"ant-menu\\\\\"] [class*=\\\\\" ant-menu\\\\\"]::after,[class*=\\\\\" ant-menu\\\\\"] [class*=\\\\\" ant-menu\\\\\"]::after{box-sizing:border-box;}.ant-menu::before{display:table;content:\\\\\"\\\\\";}.ant-menu::after{display:table;clear:both;content:\\\\\"\\\\\";}.ant-menu-hidden{display:none;}.ant-menu-submenu-hidden{display:none;}.ant-menu{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:0;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';margin-bottom:0;padding-inline-start:0;outline:none;transition:width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;}.ant-menu::before{display:table;content:\\\\\"\\\\\";}.ant-menu::after{display:table;clear:both;content:\\\\\"\\\\\";}.ant-menu ul,.ant-menu ol{margin:0;padding:0;list-style:none;}.ant-menu-overflow{display:flex;}.ant-menu-overflow .ant-menu-item{flex:none;}.ant-menu .ant-menu-item,.ant-menu .ant-menu-submenu,.ant-menu .ant-menu-submenu-title{border-radius:8px;}.ant-menu .ant-menu-item-group-title{padding:8px 16px;font-size:14px;line-height:1.5714285714285714;transition:all 0.3s;}.ant-menu-horizontal .ant-menu-submenu{transition:border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}.ant-menu .ant-menu-submenu,.ant-menu .ant-menu-submenu-inline{transition:border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),padding 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);}.ant-menu .ant-menu-submenu .ant-menu-sub{cursor:initial;transition:background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}.ant-menu .ant-menu-title-content{transition:color 0.3s;}.ant-menu .ant-menu-item a::before{position:absolute;inset:0;background-color:transparent;content:\\\\\"\\\\\";}.ant-menu .ant-menu-item-divider{overflow:hidden;line-height:0;border-color:rgba(253, 253, 253, 0.12);border-style:solid;border-width:0;border-top-width:1px;margin-block:1px;padding:0;}.ant-menu .ant-menu-item-divider-dashed{border-style:dashed;}.ant-menu .ant-menu-item,.ant-menu .ant-menu-submenu-title{position:relative;display:block;margin:0;white-space:nowrap;cursor:pointer;transition:border-color 0.3s,background 0.3s,padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}.ant-menu .ant-menu-item .ant-menu-item-icon,.ant-menu .ant-menu-submenu-title .ant-menu-item-icon,.ant-menu .ant-menu-item .anticon,.ant-menu .ant-menu-submenu-title .anticon{min-width:14px;font-size:14px;transition:font-size 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),color 0.3s;}.ant-menu .ant-menu-item .ant-menu-item-icon +span,.ant-menu .ant-menu-submenu-title .ant-menu-item-icon +span,.ant-menu .ant-menu-item .anticon +span,.ant-menu .ant-menu-submenu-title .anticon +span{margin-inline-start:10px;opacity:1;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),margin 0.3s,color 0.3s;}.ant-menu .ant-menu-item .ant-menu-item-icon,.ant-menu .ant-menu-submenu-title .ant-menu-item-icon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.ant-menu .ant-menu-item .ant-menu-item-icon >*,.ant-menu .ant-menu-submenu-title .ant-menu-item-icon >*{line-height:1;}.ant-menu .ant-menu-item .ant-menu-item-icon svg,.ant-menu .ant-menu-submenu-title .ant-menu-item-icon svg{display:inline-block;}.ant-menu .ant-menu-item.ant-menu-item-only-child >.anticon,.ant-menu .ant-menu-submenu-title.ant-menu-item-only-child >.anticon,.ant-menu .ant-menu-item.ant-menu-item-only-child >.ant-menu-item-icon,.ant-menu .ant-menu-submenu-title.ant-menu-item-only-child >.ant-menu-item-icon{margin-inline-end:0;}.ant-menu .ant-menu-item-disabled,.ant-menu .ant-menu-submenu-disabled{background:none!important;cursor:not-allowed;}.ant-menu .ant-menu-item-disabled::after,.ant-menu .ant-menu-submenu-disabled::after{border-color:transparent!important;}.ant-menu .ant-menu-item-disabled a,.ant-menu .ant-menu-submenu-disabled a{color:inherit!important;}.ant-menu .ant-menu-item-disabled >.ant-menu-submenu-title,.ant-menu .ant-menu-submenu-disabled >.ant-menu-submenu-title{color:inherit!important;cursor:not-allowed;}.ant-menu .ant-menu-item-group .ant-menu-item-group-list{margin:0;padding:0;}.ant-menu .ant-menu-item-group .ant-menu-item-group-list .ant-menu-item,.ant-menu .ant-menu-item-group .ant-menu-item-group-list .ant-menu-submenu-title{padding-inline:28px 16px;}.ant-menu-submenu-popup{position:absolute;z-index:1050;background:transparent;border-radius:8px;box-shadow:none;transform-origin:0 0;}.ant-menu-submenu-popup::before{position:absolute;inset:-7px 0 0;z-index:-1;width:100%;height:100%;opacity:0;content:\\\\\"\\\\\";}.ant-menu-submenu-placement-rightTop::before{top:0;inset-inline-start:-7px;}.ant-menu-submenu >.ant-menu{border-radius:8px;}.ant-menu-submenu >.ant-menu .ant-menu-item,.ant-menu-submenu >.ant-menu .ant-menu-submenu-title{position:relative;display:block;margin:0;white-space:nowrap;cursor:pointer;transition:border-color 0.3s,background 0.3s,padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}.ant-menu-submenu >.ant-menu .ant-menu-item .ant-menu-item-icon,.ant-menu-submenu >.ant-menu .ant-menu-submenu-title .ant-menu-item-icon,.ant-menu-submenu >.ant-menu .ant-menu-item .anticon,.ant-menu-submenu >.ant-menu .ant-menu-submenu-title .anticon{min-width:14px;font-size:14px;transition:font-size 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),color 0.3s;}.ant-menu-submenu >.ant-menu .ant-menu-item .ant-menu-item-icon +span,.ant-menu-submenu >.ant-menu .ant-menu-submenu-title .ant-menu-item-icon +span,.ant-menu-submenu >.ant-menu .ant-menu-item .anticon +span,.ant-menu-submenu >.ant-menu .ant-menu-submenu-title .anticon +span{margin-inline-start:10px;opacity:1;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),margin 0.3s,color 0.3s;}.ant-menu-submenu >.ant-menu .ant-menu-item .ant-menu-item-icon,.ant-menu-submenu >.ant-menu .ant-menu-submenu-title .ant-menu-item-icon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.ant-menu-submenu >.ant-menu .ant-menu-item .ant-menu-item-icon >*,.ant-menu-submenu >.ant-menu .ant-menu-submenu-title .ant-menu-item-icon >*{line-height:1;}.ant-menu-submenu >.ant-menu .ant-menu-item .ant-menu-item-icon svg,.ant-menu-submenu >.ant-menu .ant-menu-submenu-title .ant-menu-item-icon svg{display:inline-block;}.ant-menu-submenu >.ant-menu .ant-menu-item.ant-menu-item-only-child >.anticon,.ant-menu-submenu >.ant-menu .ant-menu-submenu-title.ant-menu-item-only-child >.anticon,.ant-menu-submenu >.ant-menu .ant-menu-item.ant-menu-item-only-child >.ant-menu-item-icon,.ant-menu-submenu >.ant-menu .ant-menu-submenu-title.ant-menu-item-only-child >.ant-menu-item-icon{margin-inline-end:0;}.ant-menu-submenu >.ant-menu .ant-menu-item-disabled,.ant-menu-submenu >.ant-menu .ant-menu-submenu-disabled{background:none!important;cursor:not-allowed;}.ant-menu-submenu >.ant-menu .ant-menu-item-disabled::after,.ant-menu-submenu >.ant-menu .ant-menu-submenu-disabled::after{border-color:transparent!important;}.ant-menu-submenu >.ant-menu .ant-menu-item-disabled a,.ant-menu-submenu >.ant-menu .ant-menu-submenu-disabled a{color:inherit!important;}.ant-menu-submenu >.ant-menu .ant-menu-item-disabled >.ant-menu-submenu-title,.ant-menu-submenu >.ant-menu .ant-menu-submenu-disabled >.ant-menu-submenu-title{color:inherit!important;cursor:not-allowed;}.ant-menu-submenu >.ant-menu .ant-menu-submenu-expand-icon,.ant-menu-submenu >.ant-menu .ant-menu-submenu-arrow{position:absolute;top:50%;inset-inline-end:16px;width:10px;color:currentcolor;transform:translateY(-50%);transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.3s;}.ant-menu-submenu >.ant-menu .ant-menu-submenu-arrow::before,.ant-menu-submenu >.ant-menu .ant-menu-submenu-arrow::after{position:absolute;width:6px;height:1.5px;background-color:currentcolor;border-radius:6px;transition:background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);content:\\\\\"\\\\\";}.ant-menu-submenu >.ant-menu .ant-menu-submenu-arrow::before{transform:rotate(45deg) translateY(-2.5px);}.ant-menu-submenu >.ant-menu .ant-menu-submenu-arrow::after{transform:rotate(-45deg) translateY(2.5px);}.ant-menu-submenu >.ant-menu .ant-menu-item,.ant-menu-submenu >.ant-menu .ant-menu-submenu>.ant-menu-submenu-title{border-radius:4px;}.ant-menu-submenu >.ant-menu .ant-menu-submenu-title::after{transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}.ant-menu .ant-menu-submenu-expand-icon,.ant-menu .ant-menu-submenu-arrow{position:absolute;top:50%;inset-inline-end:16px;width:10px;color:currentcolor;transform:translateY(-50%);transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.3s;}.ant-menu .ant-menu-submenu-arrow::before,.ant-menu .ant-menu-submenu-arrow::after{position:absolute;width:6px;height:1.5px;background-color:currentcolor;border-radius:6px;transition:background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);content:\\\\\"\\\\\";}.ant-menu .ant-menu-submenu-arrow::before{transform:rotate(45deg) translateY(-2.5px);}.ant-menu .ant-menu-submenu-arrow::after{transform:rotate(-45deg) translateY(2.5px);}.ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,.ant-menu-inline .ant-menu-submenu-arrow::before{transform:rotate(-45deg) translateX(2.5px);}.ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,.ant-menu-inline .ant-menu-submenu-arrow::after{transform:rotate(45deg) translateX(-2.5px);}.ant-menu .ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow{transform:translateY(-2px);}.ant-menu .ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after{transform:rotate(-45deg) translateX(-2.5px);}.ant-menu .ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before{transform:rotate(45deg) translateX(2.5px);}.ant-layout-header .ant-menu{line-height:inherit;}.ant-menu-horizontal{line-height:46px;border:0;border-bottom:1px solid rgba(253, 253, 253, 0.12);box-shadow:none;}.ant-menu-horizontal::after{display:block;clear:both;height:0;content:\\\\\"\\\\\\\\20\\\\\";}.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu{position:relative;display:inline-block;vertical-align:bottom;padding-inline:16px;}.ant-menu-horizontal >.ant-menu-item:hover,.ant-menu-horizontal >.ant-menu-item-active,.ant-menu-horizontal >.ant-menu-submenu .ant-menu-submenu-title:hover{background-color:transparent;}.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu-title{transition:border-color 0.3s,background 0.3s;}.ant-menu-horizontal .ant-menu-submenu-arrow{display:none;}.ant-menu-inline.ant-menu-root,.ant-menu-vertical.ant-menu-root{box-shadow:none;}.ant-menu-inline .ant-menu-item,.ant-menu-vertical .ant-menu-item{position:relative;}.ant-menu-inline .ant-menu-item,.ant-menu-vertical .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-submenu-title{height:40px;line-height:40px;padding-inline:16px;overflow:hidden;text-overflow:ellipsis;margin-inline:4px;margin-block:4px;width:calc(100% - 8px);}.ant-menu-inline .ant-menu-submenu,.ant-menu-vertical .ant-menu-submenu{padding-bottom:0.02px;}.ant-menu-inline >.ant-menu-item,.ant-menu-vertical >.ant-menu-item,.ant-menu-inline >.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical >.ant-menu-submenu>.ant-menu-submenu-title{height:40px;line-height:40px;}.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,.ant-menu-inline .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-submenu-title{padding-inline-end:34px;}.ant-menu-submenu-popup .ant-menu-vertical{box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);}.ant-menu-submenu-popup .ant-menu-vertical .ant-menu-item{position:relative;}.ant-menu-submenu-popup .ant-menu-vertical .ant-menu-item,.ant-menu-submenu-popup .ant-menu-vertical .ant-menu-submenu-title{height:40px;line-height:40px;padding-inline:16px;overflow:hidden;text-overflow:ellipsis;margin-inline:4px;margin-block:4px;width:calc(100% - 8px);}.ant-menu-submenu-popup .ant-menu-vertical .ant-menu-submenu{padding-bottom:0.02px;}.ant-menu-submenu-popup .ant-menu-vertical >.ant-menu-item,.ant-menu-submenu-popup .ant-menu-vertical >.ant-menu-submenu>.ant-menu-submenu-title{height:40px;line-height:40px;}.ant-menu-submenu-popup .ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,.ant-menu-submenu-popup .ant-menu-vertical .ant-menu-submenu-title{padding-inline-end:34px;}.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub{min-width:160px;max-height:calc(100vh - 100px);padding:0;overflow:hidden;border-inline-end:0;}.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub:not([class*='-active']){overflow-x:hidden;overflow-y:auto;}.ant-menu-inline{width:100%;}.ant-menu-inline.ant-menu-root .ant-menu-item,.ant-menu-inline.ant-menu-root .ant-menu-submenu-title{display:flex;align-items:center;transition:border-color 0.3s,background 0.3s,padding 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);}.ant-menu-inline.ant-menu-root .ant-menu-item >.ant-menu-title-content,.ant-menu-inline.ant-menu-root .ant-menu-submenu-title >.ant-menu-title-content{flex:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;}.ant-menu-inline.ant-menu-root .ant-menu-item >*,.ant-menu-inline.ant-menu-root .ant-menu-submenu-title >*{flex:none;}.ant-menu-inline .ant-menu-sub.ant-menu-inline{padding:0;border:0;border-radius:0;box-shadow:none;}.ant-menu-inline .ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title{height:40px;line-height:40px;list-style-position:inside;list-style-type:disc;}.ant-menu-inline .ant-menu-sub.ant-menu-inline .ant-menu-item-group-title{padding-inline-start:32px;}.ant-menu-inline .ant-menu-item{height:40px;line-height:40px;list-style-position:inside;list-style-type:disc;}.ant-menu-inline-collapsed{width:80px;}.ant-menu-inline-collapsed.ant-menu-root .ant-menu-item >.ant-menu-inline-collapsed-noicon,.ant-menu-inline-collapsed.ant-menu-root .ant-menu-submenu .ant-menu-submenu-title >.ant-menu-inline-collapsed-noicon{font-size:16px;text-align:center;}.ant-menu-inline-collapsed >.ant-menu-item,.ant-menu-inline-collapsed >.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,.ant-menu-inline-collapsed >.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-inline-collapsed >.ant-menu-submenu>.ant-menu-submenu-title{inset-inline-start:0;padding-inline:calc(50% - 12px);text-overflow:clip;}.ant-menu-inline-collapsed >.ant-menu-item .ant-menu-submenu-arrow,.ant-menu-inline-collapsed >.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-submenu-arrow,.ant-menu-inline-collapsed >.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-inline-collapsed >.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-inline-collapsed >.ant-menu-item .ant-menu-submenu-expand-icon,.ant-menu-inline-collapsed >.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-submenu-expand-icon,.ant-menu-inline-collapsed >.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-expand-icon,.ant-menu-inline-collapsed >.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-expand-icon{opacity:0;}.ant-menu-inline-collapsed >.ant-menu-item .ant-menu-item-icon,.ant-menu-inline-collapsed >.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-item-icon,.ant-menu-inline-collapsed >.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon,.ant-menu-inline-collapsed >.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon,.ant-menu-inline-collapsed >.ant-menu-item .anticon,.ant-menu-inline-collapsed >.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon,.ant-menu-inline-collapsed >.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon,.ant-menu-inline-collapsed >.ant-menu-submenu>.ant-menu-submenu-title .anticon{margin:0;font-size:16px;line-height:40px;}.ant-menu-inline-collapsed >.ant-menu-item .ant-menu-item-icon +span,.ant-menu-inline-collapsed >.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-item-icon +span,.ant-menu-inline-collapsed >.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon +span,.ant-menu-inline-collapsed >.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon +span,.ant-menu-inline-collapsed >.ant-menu-item .anticon +span,.ant-menu-inline-collapsed >.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon +span,.ant-menu-inline-collapsed >.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon +span,.ant-menu-inline-collapsed >.ant-menu-submenu>.ant-menu-submenu-title .anticon +span{display:inline-block;opacity:0;}.ant-menu-inline-collapsed .ant-menu-item-icon,.ant-menu-inline-collapsed .anticon{display:inline-block;}.ant-menu-inline-collapsed-tooltip{pointer-events:none;}.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,.ant-menu-inline-collapsed-tooltip .anticon{display:none;}.ant-menu-inline-collapsed-tooltip a,.ant-menu-inline-collapsed-tooltip a:hover{color:#fff;}.ant-menu-inline-collapsed .ant-menu-item-group-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-inline:8px;}.ant-menu-light{color:rgba(255, 255, 255, 0.85);background:#141414;}.ant-menu-light.ant-menu-root:focus-visible{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-menu-light .ant-menu-item-group-title{color:rgba(255, 255, 255, 0.45);}.ant-menu-light .ant-menu-submenu-selected >.ant-menu-submenu-title{color:#037003;}.ant-menu-light .ant-menu-item-disabled,.ant-menu-light .ant-menu-submenu-disabled{color:rgba(255, 255, 255, 0.25)!important;}.ant-menu-light .ant-menu-item:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected),.ant-menu-light .ant-menu-submenu-title:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected){color:rgba(255, 255, 255, 0.85);}.ant-menu-light:not(.ant-menu-horizontal) .ant-menu-item:not(.ant-menu-item-selected):hover{background-color:rgba(255, 255, 255, 0.12);}.ant-menu-light:not(.ant-menu-horizontal) .ant-menu-item:not(.ant-menu-item-selected):active{background-color:#111911;}.ant-menu-light:not(.ant-menu-horizontal) .ant-menu-submenu-title:hover{background-color:rgba(255, 255, 255, 0.12);}.ant-menu-light:not(.ant-menu-horizontal) .ant-menu-submenu-title:active{background-color:#111911;}.ant-menu-light .ant-menu-item-danger{color:#dc4446;}.ant-menu-light .ant-menu-item-danger.ant-menu-item:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected){color:#dc4446;}.ant-menu-light .ant-menu-item-danger.ant-menu-item:active{background:#2c1618;}.ant-menu-light .ant-menu-item a,.ant-menu-light .ant-menu-item a:hover{color:inherit;}.ant-menu-light .ant-menu-item-selected{color:#037003;}.ant-menu-light .ant-menu-item-selected.ant-menu-item-danger{color:#dc4446;}.ant-menu-light .ant-menu-item-selected a,.ant-menu-light .ant-menu-item-selected a:hover{color:inherit;}.ant-menu-light .ant-menu-item-selected{background-color:#111911;}.ant-menu-light .ant-menu-item-selected.ant-menu-item-danger{background-color:#2c1618;}.ant-menu-light .ant-menu-item:not(.ant-menu-item-disabled):focus-visible,.ant-menu-light .ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-menu-light.ant-menu-submenu>.ant-menu{background-color:#1f1f1f;}.ant-menu-light.ant-menu-popup>.ant-menu{background-color:#141414;}.ant-menu-light.ant-menu-horizontal >.ant-menu-item,.ant-menu-light.ant-menu-horizontal >.ant-menu-submenu{top:1px;margin-top:-1px;margin-bottom:0;border-radius:0;}.ant-menu-light.ant-menu-horizontal >.ant-menu-item::after,.ant-menu-light.ant-menu-horizontal >.ant-menu-submenu::after{position:absolute;inset-inline:16px;bottom:0;border-bottom:2px solid transparent;transition:border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);content:\\\\\"\\\\\";}.ant-menu-light.ant-menu-horizontal >.ant-menu-item:hover::after,.ant-menu-light.ant-menu-horizontal >.ant-menu-submenu:hover::after,.ant-menu-light.ant-menu-horizontal >.ant-menu-item-active::after,.ant-menu-light.ant-menu-horizontal >.ant-menu-submenu-active::after,.ant-menu-light.ant-menu-horizontal >.ant-menu-item-open::after,.ant-menu-light.ant-menu-horizontal >.ant-menu-submenu-open::after{border-bottom-width:2px;border-bottom-color:#037003;}.ant-menu-light.ant-menu-horizontal >.ant-menu-item-selected,.ant-menu-light.ant-menu-horizontal >.ant-menu-submenu-selected{color:#037003;background-color:transparent;}.ant-menu-light.ant-menu-horizontal >.ant-menu-item-selected::after,.ant-menu-light.ant-menu-horizontal >.ant-menu-submenu-selected::after{border-bottom-width:2px;border-bottom-color:#037003;}.ant-menu-light.ant-menu-root.ant-menu-inline,.ant-menu-light.ant-menu-root.ant-menu-vertical{border-inline-end:1px solid rgba(253, 253, 253, 0.12);}.ant-menu-light.ant-menu-inline .ant-menu-sub.ant-menu-inline{background:rgba(255, 255, 255, 0.04);}.ant-menu-light.ant-menu-inline .ant-menu-item{position:relative;}.ant-menu-light.ant-menu-inline .ant-menu-item::after{position:absolute;inset-block:0;inset-inline-end:0;border-inline-end:0px solid #037003;transform:scaleY(0.0001);opacity:0;transition:transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);content:\\\\\"\\\\\";}.ant-menu-light.ant-menu-inline .ant-menu-item.ant-menu-item-danger::after{border-inline-end-color:#dc4446;}.ant-menu-light.ant-menu-inline .ant-menu-selected::after,.ant-menu-light.ant-menu-inline .ant-menu-item-selected::after{transform:scaleY(1);opacity:1;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);}.ant-menu-dark{color:rgba(255, 255, 255, 0.65);background:#001529;}.ant-menu-dark.ant-menu-root:focus-visible{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-menu-dark .ant-menu-item-group-title{color:rgba(255, 255, 255, 0.65);}.ant-menu-dark .ant-menu-submenu-selected >.ant-menu-submenu-title{color:#fff;}.ant-menu-dark .ant-menu-item-disabled,.ant-menu-dark .ant-menu-submenu-disabled{color:rgba(255, 255, 255, 0.25)!important;}.ant-menu-dark .ant-menu-item:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected),.ant-menu-dark .ant-menu-submenu-title:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected){color:#fff;}.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item:not(.ant-menu-item-selected):hover{background-color:rgba(255, 255, 255, 0.12);}.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item:not(.ant-menu-item-selected):active{background-color:#037003;}.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-submenu-title:hover{background-color:rgba(255, 255, 255, 0.12);}.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-submenu-title:active{background-color:#037003;}.ant-menu-dark .ant-menu-item-danger{color:#dc4446;}.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected){color:#e86e6b;}.ant-menu-dark .ant-menu-item-danger.ant-menu-item:active{background:#dc4446;}.ant-menu-dark .ant-menu-item a,.ant-menu-dark .ant-menu-item a:hover{color:inherit;}.ant-menu-dark .ant-menu-item-selected{color:#fff;}.ant-menu-dark .ant-menu-item-selected.ant-menu-item-danger{color:#fff;}.ant-menu-dark .ant-menu-item-selected a,.ant-menu-dark .ant-menu-item-selected a:hover{color:inherit;}.ant-menu-dark .ant-menu-item-selected{background-color:#037003;}.ant-menu-dark .ant-menu-item-selected.ant-menu-item-danger{background-color:#dc4446;}.ant-menu-dark .ant-menu-item:not(.ant-menu-item-disabled):focus-visible,.ant-menu-dark .ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-menu-dark.ant-menu-submenu>.ant-menu{background-color:#001529;}.ant-menu-dark.ant-menu-popup>.ant-menu{background-color:#001529;}.ant-menu-dark.ant-menu-horizontal{border-bottom:0;}.ant-menu-dark.ant-menu-horizontal >.ant-menu-item,.ant-menu-dark.ant-menu-horizontal >.ant-menu-submenu{top:0;margin-top:0;margin-bottom:0;border-radius:0;}.ant-menu-dark.ant-menu-horizontal >.ant-menu-item::after,.ant-menu-dark.ant-menu-horizontal >.ant-menu-submenu::after{position:absolute;inset-inline:16px;bottom:0;border-bottom:0px solid transparent;transition:border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);content:\\\\\"\\\\\";}.ant-menu-dark.ant-menu-horizontal >.ant-menu-item:hover::after,.ant-menu-dark.ant-menu-horizontal >.ant-menu-submenu:hover::after,.ant-menu-dark.ant-menu-horizontal >.ant-menu-item-active::after,.ant-menu-dark.ant-menu-horizontal >.ant-menu-submenu-active::after,.ant-menu-dark.ant-menu-horizontal >.ant-menu-item-open::after,.ant-menu-dark.ant-menu-horizontal >.ant-menu-submenu-open::after{border-bottom-width:0;border-bottom-color:#fff;}.ant-menu-dark.ant-menu-horizontal >.ant-menu-item-selected,.ant-menu-dark.ant-menu-horizontal >.ant-menu-submenu-selected{color:#fff;background-color:#037003;}.ant-menu-dark.ant-menu-horizontal >.ant-menu-item-selected::after,.ant-menu-dark.ant-menu-horizontal >.ant-menu-submenu-selected::after{border-bottom-width:0;border-bottom-color:#fff;}.ant-menu-dark.ant-menu-root.ant-menu-inline,.ant-menu-dark.ant-menu-root.ant-menu-vertical{border-inline-end:0px solid rgba(253, 253, 253, 0.12);}.ant-menu-dark.ant-menu-inline .ant-menu-sub.ant-menu-inline{background:#000c17;}.ant-menu-dark.ant-menu-inline .ant-menu-item{position:relative;}.ant-menu-dark.ant-menu-inline .ant-menu-item::after{position:absolute;inset-block:0;inset-inline-end:0;border-inline-end:0px solid #fff;transform:scaleY(0.0001);opacity:0;transition:transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);content:\\\\\"\\\\\";}.ant-menu-dark.ant-menu-inline .ant-menu-item.ant-menu-item-danger::after{border-inline-end-color:#fff;}.ant-menu-dark.ant-menu-inline .ant-menu-selected::after,.ant-menu-dark.ant-menu-inline .ant-menu-item-selected::after{transform:scaleY(1);opacity:1;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);}.ant-menu-rtl{direction:rtl;}.ant-menu-submenu-rtl{transform-origin:100% 0;}.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-arrow::before,.ant-menu-submenu-rtl .ant-menu-vertical .ant-menu-submenu-arrow::before{transform:rotate(-45deg) translateY(-2.5px);}.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-arrow::after,.ant-menu-submenu-rtl .ant-menu-vertical .ant-menu-submenu-arrow::after{transform:rotate(45deg) translateY(2.5px);}.ant-menu .ant-motion-collapse-legacy{overflow:hidden;}.ant-menu .ant-motion-collapse-legacy-active{transition:height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)!important;}.ant-menu .ant-motion-collapse{overflow:hidden;transition:height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)!important;}.ant-slide-up-enter,.ant-slide-up-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-up-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-up-enter.ant-slide-up-enter-active,.ant-slide-up-appear.ant-slide-up-appear-active{animation-name:antSlideUpIn;animation-play-state:running;}.ant-slide-up-leave.ant-slide-up-leave-active{animation-name:antSlideUpOut;animation-play-state:running;pointer-events:none;}.ant-slide-up-enter,.ant-slide-up-appear{transform:scale(0);transform-origin:0% 0%;opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}.ant-slide-up-leave{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);}.ant-slide-down-enter,.ant-slide-down-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-down-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-down-enter.ant-slide-down-enter-active,.ant-slide-down-appear.ant-slide-down-appear-active{animation-name:antSlideDownIn;animation-play-state:running;}.ant-slide-down-leave.ant-slide-down-leave-active{animation-name:antSlideDownOut;animation-play-state:running;pointer-events:none;}.ant-slide-down-enter,.ant-slide-down-appear{transform:scale(0);transform-origin:0% 0%;opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}.ant-slide-down-leave{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);}.ant-zoom-big-enter,.ant-zoom-big-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-zoom-big-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-zoom-big-enter.ant-zoom-big-enter-active,.ant-zoom-big-appear.ant-zoom-big-appear-active{animation-name:antZoomBigIn;animation-play-state:running;}.ant-zoom-big-leave.ant-zoom-big-leave-active{animation-name:antZoomBigOut;animation-play-state:running;pointer-events:none;}.ant-zoom-big-enter,.ant-zoom-big-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);}.ant-zoom-big-enter-prepare,.ant-zoom-big-appear-prepare{transform:none;}.ant-zoom-big-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}[class^=\\\\\"ant-mentions\\\\\"],[class*=\\\\\" ant-mentions\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-mentions\\\\\"]::before,[class*=\\\\\" ant-mentions\\\\\"]::before,[class^=\\\\\"ant-mentions\\\\\"]::after,[class*=\\\\\" ant-mentions\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-mentions\\\\\"] [class^=\\\\\"ant-mentions\\\\\"],[class*=\\\\\" ant-mentions\\\\\"] [class^=\\\\\"ant-mentions\\\\\"],[class^=\\\\\"ant-mentions\\\\\"] [class*=\\\\\" ant-mentions\\\\\"],[class*=\\\\\" ant-mentions\\\\\"] [class*=\\\\\" ant-mentions\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-mentions\\\\\"] [class^=\\\\\"ant-mentions\\\\\"]::before,[class*=\\\\\" ant-mentions\\\\\"] [class^=\\\\\"ant-mentions\\\\\"]::before,[class^=\\\\\"ant-mentions\\\\\"] [class*=\\\\\" ant-mentions\\\\\"]::before,[class*=\\\\\" ant-mentions\\\\\"] [class*=\\\\\" ant-mentions\\\\\"]::before,[class^=\\\\\"ant-mentions\\\\\"] [class^=\\\\\"ant-mentions\\\\\"]::after,[class*=\\\\\" ant-mentions\\\\\"] [class^=\\\\\"ant-mentions\\\\\"]::after,[class^=\\\\\"ant-mentions\\\\\"] [class*=\\\\\" ant-mentions\\\\\"]::after,[class*=\\\\\" ant-mentions\\\\\"] [class*=\\\\\" ant-mentions\\\\\"]::after{box-sizing:border-box;}.ant-mentions{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;display:inline-block;width:100%;min-width:0;background-color:#141414;background-image:none;border-width:1px;border-style:solid;border-color:#424242;border-radius:6px;transition:all 0.2s;height:auto;overflow:hidden;white-space:pre-wrap;vertical-align:bottom;}.ant-mentions::-moz-placeholder{opacity:1;}.ant-mentions::placeholder{color:rgba(255, 255, 255, 0.25);user-select:none;}.ant-mentions:placeholder-shown{text-overflow:ellipsis;}.ant-mentions:hover{border-color:#198016;border-inline-end-width:1px;}.ant-mentions:focus,.ant-mentions-focused{border-color:#198016;box-shadow:0 0 0 2px rgba(0, 53, 0, 0.15);border-inline-end-width:1px;outline:0;}.ant-mentions-disabled,.ant-mentions[disabled]{color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);border-color:#424242;box-shadow:none;cursor:not-allowed;opacity:1;}.ant-mentions-disabled:hover,.ant-mentions[disabled]:hover{border-color:#424242;border-inline-end-width:1px;}.ant-mentions-borderless,.ant-mentions-borderless:hover,.ant-mentions-borderless:focus,.ant-mentions-borderless-focused,.ant-mentions-borderless-disabled,.ant-mentions-borderless[disabled]{background-color:transparent;border:none;box-shadow:none;}textarea.ant-mentions{max-width:100%;height:auto;min-height:32px;line-height:1.5714285714285714;vertical-align:bottom;transition:all 0.3s,height 0s;resize:vertical;}.ant-mentions-lg{padding:7px 11px;font-size:16px;line-height:1.5;border-radius:8px;}.ant-mentions-sm{padding:0px 7px;border-radius:4px;}.ant-mentions-rtl{direction:rtl;}.ant-mentions-textarea-rtl{direction:rtl;}.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions{border-color:#dc4446;}.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover{border-color:#7e2e2f;}.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused{border-color:#dc4446;box-shadow:0 0 0 2px rgba(238, 38, 56, 0.11);border-inline-end-width:1px;outline:0;}.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions .ant-mentions-prefix{color:#dc4446;}.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions{border-color:#d89614;}.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover{border-color:#7c5914;}.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused{border-color:#d89614;box-shadow:0 0 0 2px rgba(173, 107, 0, 0.15);border-inline-end-width:1px;outline:0;}.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions .ant-mentions-prefix{color:#d89614;}.ant-mentions-disabled >textarea{color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);border-color:#424242;box-shadow:none;cursor:not-allowed;opacity:1;}.ant-mentions-disabled >textarea:hover{border-color:#424242;border-inline-end-width:1px;}.ant-mentions-focused{border-color:#198016;box-shadow:0 0 0 2px rgba(0, 53, 0, 0.15);border-inline-end-width:1px;outline:0;}.ant-mentions-affix-wrapper .ant-mentions-suffix{position:absolute;top:0;inset-inline-end:11px;bottom:0;z-index:1;display:inline-flex;align-items:center;margin:auto;}.ant-mentions >textarea,.ant-mentions .ant-mentions-measure{color:rgba(255, 255, 255, 0.85);box-sizing:border-box;min-height:30px;margin:0;padding:4px 11px;overflow:inherit;overflow-x:hidden;overflow-y:auto;font-weight:inherit;font-size:inherit;font-family:inherit;font-style:inherit;font-variant:inherit;font-size-adjust:inherit;font-stretch:inherit;line-height:inherit;direction:inherit;letter-spacing:inherit;white-space:inherit;text-align:inherit;vertical-align:top;word-wrap:break-word;word-break:inherit;tab-size:inherit;}.ant-mentions >textarea{width:100%;border:none;outline:none;resize:none;background-color:inherit;}.ant-mentions >textarea::-moz-placeholder{opacity:1;}.ant-mentions >textarea::placeholder{color:rgba(255, 255, 255, 0.25);user-select:none;}.ant-mentions >textarea:placeholder-shown{text-overflow:ellipsis;}.ant-mentions .ant-mentions-measure{position:absolute;top:0;inset-inline-end:0;bottom:0;inset-inline-start:0;z-index:-1;color:transparent;pointer-events:none;}.ant-mentions .ant-mentions-measure >span{display:inline-block;min-height:1em;}.ant-mentions-dropdown{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:absolute;top:-9999px;inset-inline-start:-9999px;z-index:1050;font-variant:initial;background-color:#1f1f1f;border-radius:8px;outline:none;box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);}.ant-mentions-dropdown-hidden{display:none;}.ant-mentions-dropdown .ant-mentions-dropdown-menu{max-height:250px;margin-bottom:0;padding-inline-start:0;overflow:auto;list-style:none;outline:none;}.ant-mentions-dropdown .ant-mentions-dropdown-menu-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;display:block;min-width:100px;padding:5px 12px;color:rgba(255, 255, 255, 0.85);font-weight:normal;line-height:1.5714285714285714;cursor:pointer;transition:background 0.3s ease;}.ant-mentions-dropdown .ant-mentions-dropdown-menu-item:hover{background-color:rgba(255, 255, 255, 0.08);}.ant-mentions-dropdown .ant-mentions-dropdown-menu-item:first-child{border-start-start-radius:8px;border-start-end-radius:8px;border-end-start-radius:0;border-end-end-radius:0;}.ant-mentions-dropdown .ant-mentions-dropdown-menu-item:last-child{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:8px;border-end-end-radius:8px;}.ant-mentions-dropdown .ant-mentions-dropdown-menu-item-disabled{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-mentions-dropdown .ant-mentions-dropdown-menu-item-disabled:hover{color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);cursor:not-allowed;}.ant-mentions-dropdown .ant-mentions-dropdown-menu-item-selected{color:rgba(255, 255, 255, 0.85);font-weight:600;background-color:rgba(255, 255, 255, 0.08);}.ant-mentions-dropdown .ant-mentions-dropdown-menu-item-active{background-color:rgba(255, 255, 255, 0.08);}[class^=\\\\\"ant-modal\\\\\"],[class*=\\\\\" ant-modal\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-modal\\\\\"]::before,[class*=\\\\\" ant-modal\\\\\"]::before,[class^=\\\\\"ant-modal\\\\\"]::after,[class*=\\\\\" ant-modal\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-modal\\\\\"] [class^=\\\\\"ant-modal\\\\\"],[class*=\\\\\" ant-modal\\\\\"] [class^=\\\\\"ant-modal\\\\\"],[class^=\\\\\"ant-modal\\\\\"] [class*=\\\\\" ant-modal\\\\\"],[class*=\\\\\" ant-modal\\\\\"] [class*=\\\\\" ant-modal\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-modal\\\\\"] [class^=\\\\\"ant-modal\\\\\"]::before,[class*=\\\\\" ant-modal\\\\\"] [class^=\\\\\"ant-modal\\\\\"]::before,[class^=\\\\\"ant-modal\\\\\"] [class*=\\\\\" ant-modal\\\\\"]::before,[class*=\\\\\" ant-modal\\\\\"] [class*=\\\\\" ant-modal\\\\\"]::before,[class^=\\\\\"ant-modal\\\\\"] [class^=\\\\\"ant-modal\\\\\"]::after,[class*=\\\\\" ant-modal\\\\\"] [class^=\\\\\"ant-modal\\\\\"]::after,[class^=\\\\\"ant-modal\\\\\"] [class*=\\\\\" ant-modal\\\\\"]::after,[class*=\\\\\" ant-modal\\\\\"] [class*=\\\\\" ant-modal\\\\\"]::after{box-sizing:border-box;}.ant-modal-root .ant-modal-wrap{z-index:1000;position:fixed;inset:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;}.ant-modal-root .ant-modal-wrap-rtl{direction:rtl;}.ant-modal-root .ant-modal-centered{text-align:center;}.ant-modal-root .ant-modal-centered::before{display:inline-block;width:0;height:100%;vertical-align:middle;content:\\\\\"\\\\\";}.ant-modal-root .ant-modal-centered .ant-modal{top:0;display:inline-block;padding-bottom:0;text-align:start;vertical-align:middle;}@media (max-width: 767){.ant-modal-root .ant-modal{max-width:calc(100vw - 16px);margin:8 auto;}.ant-modal-root .ant-modal-centered .ant-modal{flex:1;}}.ant-modal{box-sizing:border-box;margin:0 auto;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';pointer-events:none;position:relative;top:100px;width:auto;max-width:calc(100vw - 32px);padding-bottom:24px;}.ant-modal .ant-modal-title{margin:0;color:rgba(255, 255, 255, 0.85);font-weight:600;font-size:16px;line-height:1.5;word-wrap:break-word;}.ant-modal .ant-modal-content{position:relative;background-color:#1f1f1f;background-clip:padding-box;border:0;border-radius:8px;box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);pointer-events:auto;padding:20px 24px;}.ant-modal .ant-modal-close{position:absolute;top:17px;inset-inline-end:17px;z-index:1010;padding:0;color:rgba(255, 255, 255, 0.45);font-weight:600;line-height:1;text-decoration:none;background:transparent;border-radius:4px;width:22px;height:22px;border:0;outline:0;cursor:pointer;transition:color 0.2s,background-color 0.2s;}.ant-modal .ant-modal-close-x{display:block;font-size:16px;font-style:normal;line-height:22px;text-align:center;text-transform:none;text-rendering:auto;}.ant-modal .ant-modal-close:hover{color:rgba(255, 255, 255, 0.85);background-color:rgba(255, 255, 255, 0.12);text-decoration:none;}.ant-modal .ant-modal-close:active{background-color:rgba(255, 255, 255, 0.18);}.ant-modal .ant-modal-close:focus-visible{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-modal .ant-modal-header{color:rgba(255, 255, 255, 0.85);background:#1f1f1f;border-radius:8px 8px 0 0;margin-bottom:8px;}.ant-modal .ant-modal-body{font-size:14px;line-height:1.5714285714285714;word-wrap:break-word;}.ant-modal .ant-modal-footer{text-align:end;background:transparent;margin-top:12px;}.ant-modal .ant-modal-footer .ant-btn+.ant-btn:not(.ant-dropdown-trigger){margin-bottom:0;margin-inline-start:8px;}.ant-modal .ant-modal-open{overflow:hidden;}.ant-modal-pure-panel{top:auto;padding:0;display:flex;flex-direction:column;}.ant-modal-pure-panel .ant-modal-content,.ant-modal-pure-panel .ant-modal-body,.ant-modal-pure-panel .ant-modal-confirm-body-wrapper{display:flex;flex-direction:column;flex:auto;}.ant-modal-pure-panel .ant-modal-confirm-body{margin-bottom:auto;}.ant-modal-confirm-rtl{direction:rtl;}.ant-modal-confirm .ant-modal-header{display:none;}.ant-modal-confirm .ant-modal-confirm-body-wrapper::before{display:table;content:\\\\\"\\\\\";}.ant-modal-confirm .ant-modal-confirm-body-wrapper::after{display:table;clear:both;content:\\\\\"\\\\\";}.ant-modal-confirm .ant-modal-confirm-body{display:flex;flex-wrap:wrap;align-items:center;}.ant-modal-confirm .ant-modal-confirm-body .ant-modal-confirm-title{flex:0 0 100%;display:block;overflow:hidden;color:rgba(255, 255, 255, 0.85);font-weight:600;font-size:16px;line-height:1.5;}.ant-modal-confirm .ant-modal-confirm-body .ant-modal-confirm-title +.ant-modal-confirm-content{margin-block-start:8px;flex-basis:100%;max-width:calc(100% - 34px);}.ant-modal-confirm .ant-modal-confirm-body .ant-modal-confirm-content{color:rgba(255, 255, 255, 0.85);font-size:14px;}.ant-modal-confirm .ant-modal-confirm-body >.anticon{flex:none;margin-inline-end:12px;font-size:22px;}.ant-modal-confirm .ant-modal-confirm-body >.anticon +.ant-modal-confirm-title{flex:1;}.ant-modal-confirm .ant-modal-confirm-body >.anticon +.ant-modal-confirm-title+.ant-modal-confirm-content{margin-inline-start:34px;}.ant-modal-confirm .ant-modal-confirm-btns{text-align:end;margin-top:12px;}.ant-modal-confirm .ant-modal-confirm-btns .ant-btn+.ant-btn{margin-bottom:0;margin-inline-start:8px;}.ant-modal-confirm-error .ant-modal-confirm-body>.anticon{color:#dc4446;}.ant-modal-confirm-warning .ant-modal-confirm-body>.anticon,.ant-modal-confirm-confirm .ant-modal-confirm-body>.anticon{color:#d89614;}.ant-modal-confirm-info .ant-modal-confirm-body>.anticon{color:#1668dc;}.ant-modal-confirm-success .ant-modal-confirm-body>.anticon{color:#49aa19;}.ant-modal-zoom-leave .ant-modal-btns{pointer-events:none;}.ant-modal-root .ant-modal-wrap-rtl{direction:rtl;}.ant-modal-root .ant-modal-wrap-rtl .ant-modal-confirm-body{direction:rtl;}.ant-modal-root .ant-modal.ant-zoom-enter,.ant-modal-root .ant-modal.ant-zoom-appear{transform:none;opacity:0;animation-duration:0.3s;user-select:none;}.ant-modal-root .ant-modal.ant-zoom-leave .ant-modal-content{pointer-events:none;}.ant-modal-root .ant-modal-mask{position:fixed;top:0;inset-inline-end:0;bottom:0;inset-inline-start:0;z-index:1000;height:100%;background-color:rgba(0, 0, 0, 0.45);}.ant-modal-root .ant-modal-mask .ant-modal-hidden{display:none;}.ant-modal-root .ant-modal-wrap{position:fixed;top:0;inset-inline-end:0;bottom:0;inset-inline-start:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;}.ant-modal-root .ant-fade-enter,.ant-modal-root .ant-fade-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-modal-root .ant-fade-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-modal-root .ant-fade-enter.ant-fade-enter-active,.ant-modal-root .ant-fade-appear.ant-fade-appear-active{animation-name:antFadeIn;animation-play-state:running;}.ant-modal-root .ant-fade-leave.ant-fade-leave-active{animation-name:antFadeOut;animation-play-state:running;pointer-events:none;}.ant-modal-root .ant-fade-enter,.ant-modal-root .ant-fade-appear{opacity:0;animation-timing-function:linear;}.ant-modal-root .ant-fade-leave{animation-timing-function:linear;}.ant-zoom-enter,.ant-zoom-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-zoom-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-zoom-enter.ant-zoom-enter-active,.ant-zoom-appear.ant-zoom-appear-active{animation-name:antZoomIn;animation-play-state:running;}.ant-zoom-leave.ant-zoom-leave-active{animation-name:antZoomOut;animation-play-state:running;pointer-events:none;}.ant-zoom-enter,.ant-zoom-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);}.ant-zoom-enter-prepare,.ant-zoom-appear-prepare{transform:none;}.ant-zoom-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}[class^=\\\\\"ant-statistic\\\\\"],[class*=\\\\\" ant-statistic\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-statistic\\\\\"]::before,[class*=\\\\\" ant-statistic\\\\\"]::before,[class^=\\\\\"ant-statistic\\\\\"]::after,[class*=\\\\\" ant-statistic\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-statistic\\\\\"] [class^=\\\\\"ant-statistic\\\\\"],[class*=\\\\\" ant-statistic\\\\\"] [class^=\\\\\"ant-statistic\\\\\"],[class^=\\\\\"ant-statistic\\\\\"] [class*=\\\\\" ant-statistic\\\\\"],[class*=\\\\\" ant-statistic\\\\\"] [class*=\\\\\" ant-statistic\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-statistic\\\\\"] [class^=\\\\\"ant-statistic\\\\\"]::before,[class*=\\\\\" ant-statistic\\\\\"] [class^=\\\\\"ant-statistic\\\\\"]::before,[class^=\\\\\"ant-statistic\\\\\"] [class*=\\\\\" ant-statistic\\\\\"]::before,[class*=\\\\\" ant-statistic\\\\\"] [class*=\\\\\" ant-statistic\\\\\"]::before,[class^=\\\\\"ant-statistic\\\\\"] [class^=\\\\\"ant-statistic\\\\\"]::after,[class*=\\\\\" ant-statistic\\\\\"] [class^=\\\\\"ant-statistic\\\\\"]::after,[class^=\\\\\"ant-statistic\\\\\"] [class*=\\\\\" ant-statistic\\\\\"]::after,[class*=\\\\\" ant-statistic\\\\\"] [class*=\\\\\" ant-statistic\\\\\"]::after{box-sizing:border-box;}.ant-statistic{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';}.ant-statistic .ant-statistic-title{margin-bottom:4px;color:rgba(255, 255, 255, 0.45);font-size:14px;}.ant-statistic .ant-statistic-skeleton{padding-top:16px;}.ant-statistic .ant-statistic-content{color:rgba(255, 255, 255, 0.85);font-size:24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';}.ant-statistic .ant-statistic-content .ant-statistic-content-value{display:inline-block;direction:ltr;}.ant-statistic .ant-statistic-content .ant-statistic-content-prefix,.ant-statistic .ant-statistic-content .ant-statistic-content-suffix{display:inline-block;}.ant-statistic .ant-statistic-content .ant-statistic-content-prefix{margin-inline-end:4px;}.ant-statistic .ant-statistic-content .ant-statistic-content-suffix{margin-inline-start:4px;}[class^=\\\\\"ant-skeleton\\\\\"],[class*=\\\\\" ant-skeleton\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-skeleton\\\\\"]::before,[class*=\\\\\" ant-skeleton\\\\\"]::before,[class^=\\\\\"ant-skeleton\\\\\"]::after,[class*=\\\\\" ant-skeleton\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-skeleton\\\\\"] [class^=\\\\\"ant-skeleton\\\\\"],[class*=\\\\\" ant-skeleton\\\\\"] [class^=\\\\\"ant-skeleton\\\\\"],[class^=\\\\\"ant-skeleton\\\\\"] [class*=\\\\\" ant-skeleton\\\\\"],[class*=\\\\\" ant-skeleton\\\\\"] [class*=\\\\\" ant-skeleton\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-skeleton\\\\\"] [class^=\\\\\"ant-skeleton\\\\\"]::before,[class*=\\\\\" ant-skeleton\\\\\"] [class^=\\\\\"ant-skeleton\\\\\"]::before,[class^=\\\\\"ant-skeleton\\\\\"] [class*=\\\\\" ant-skeleton\\\\\"]::before,[class*=\\\\\" ant-skeleton\\\\\"] [class*=\\\\\" ant-skeleton\\\\\"]::before,[class^=\\\\\"ant-skeleton\\\\\"] [class^=\\\\\"ant-skeleton\\\\\"]::after,[class*=\\\\\" ant-skeleton\\\\\"] [class^=\\\\\"ant-skeleton\\\\\"]::after,[class^=\\\\\"ant-skeleton\\\\\"] [class*=\\\\\" ant-skeleton\\\\\"]::after,[class*=\\\\\" ant-skeleton\\\\\"] [class*=\\\\\" ant-skeleton\\\\\"]::after{box-sizing:border-box;}.ant-skeleton{display:table;width:100%;}.ant-skeleton .ant-skeleton-header{display:table-cell;padding-inline-end:16px;vertical-align:top;}.ant-skeleton .ant-skeleton-header .ant-skeleton-avatar{display:inline-block;vertical-align:top;background:rgba(255, 255, 255, 0.12);width:32px;height:32px;line-height:32px;}.ant-skeleton .ant-skeleton-header .ant-skeleton-avatar-circle{border-radius:50%;}.ant-skeleton .ant-skeleton-header .ant-skeleton-avatar-lg{width:40px;height:40px;line-height:40px;}.ant-skeleton .ant-skeleton-header .ant-skeleton-avatar-sm{width:24px;height:24px;line-height:24px;}.ant-skeleton .ant-skeleton-content{display:table-cell;width:100%;vertical-align:top;}.ant-skeleton .ant-skeleton-content .ant-skeleton-title{width:100%;height:16px;background:rgba(255, 255, 255, 0.12);border-radius:4px;}.ant-skeleton .ant-skeleton-content .ant-skeleton-title +.ant-skeleton-paragraph{margin-block-start:24px;}.ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph{padding:0;}.ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph >li{width:100%;height:16px;list-style:none;background:rgba(255, 255, 255, 0.12);border-radius:4px;}.ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph >li +li{margin-block-start:16px;}.ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)){width:61%;}.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph>li{border-radius:100px;}.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title{margin-block-start:12px;}.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title +.ant-skeleton-paragraph{margin-block-start:28px;}.ant-skeleton.ant-skeleton-element{display:inline-block;width:auto;}.ant-skeleton.ant-skeleton-element .ant-skeleton-button{display:inline-block;vertical-align:top;background:rgba(255, 255, 255, 0.12);border-radius:4px;width:64px;min-width:64px;height:32px;line-height:32px;}.ant-skeleton.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle{width:32px;min-width:32px;border-radius:50%;}.ant-skeleton.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round{border-radius:32px;}.ant-skeleton.ant-skeleton-element .ant-skeleton-button-lg{width:80px;min-width:80px;height:40px;line-height:40px;}.ant-skeleton.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle{width:40px;min-width:40px;border-radius:50%;}.ant-skeleton.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round{border-radius:40px;}.ant-skeleton.ant-skeleton-element .ant-skeleton-button-sm{width:48px;min-width:48px;height:24px;line-height:24px;}.ant-skeleton.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle{width:24px;min-width:24px;border-radius:50%;}.ant-skeleton.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round{border-radius:24px;}.ant-skeleton.ant-skeleton-element .ant-skeleton-avatar{display:inline-block;vertical-align:top;background:rgba(255, 255, 255, 0.12);width:32px;height:32px;line-height:32px;}.ant-skeleton.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle{border-radius:50%;}.ant-skeleton.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-lg{width:40px;height:40px;line-height:40px;}.ant-skeleton.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-sm{width:24px;height:24px;line-height:24px;}.ant-skeleton.ant-skeleton-element .ant-skeleton-input{display:inline-block;vertical-align:top;background:rgba(255, 255, 255, 0.12);border-radius:4px;width:160px;min-width:160px;height:32px;line-height:32px;}.ant-skeleton.ant-skeleton-element .ant-skeleton-input-lg{width:200px;min-width:200px;height:40px;line-height:40px;}.ant-skeleton.ant-skeleton-element .ant-skeleton-input-sm{width:120px;min-width:120px;height:24px;line-height:24px;}.ant-skeleton.ant-skeleton-element .ant-skeleton-image{display:flex;align-items:center;justify-content:center;vertical-align:top;background:rgba(255, 255, 255, 0.12);border-radius:4px;width:96px;height:96px;line-height:96px;}.ant-skeleton.ant-skeleton-element .ant-skeleton-image .ant-skeleton-image-path{fill:#bfbfbf;}.ant-skeleton.ant-skeleton-element .ant-skeleton-image .ant-skeleton-image-svg{width:48px;height:48px;line-height:48px;max-width:192px;max-height:192px;}.ant-skeleton.ant-skeleton-element .ant-skeleton-image .ant-skeleton-image-svg.ant-skeleton-image-svg-circle{border-radius:50%;}.ant-skeleton.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle{border-radius:50%;}.ant-skeleton.ant-skeleton-block{width:100%;}.ant-skeleton.ant-skeleton-block .ant-skeleton-button{width:100%;}.ant-skeleton.ant-skeleton-block .ant-skeleton-input{width:100%;}.ant-skeleton.ant-skeleton-active .ant-skeleton-title,.ant-skeleton.ant-skeleton-active .ant-skeleton-paragraph>li,.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,.ant-skeleton.ant-skeleton-active .ant-skeleton-button,.ant-skeleton.ant-skeleton-active .ant-skeleton-input,.ant-skeleton.ant-skeleton-active .ant-skeleton-image{position:relative;z-index:0;overflow:hidden;background:transparent;}.ant-skeleton.ant-skeleton-active .ant-skeleton-title::after,.ant-skeleton.ant-skeleton-active .ant-skeleton-paragraph>li::after,.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar::after,.ant-skeleton.ant-skeleton-active .ant-skeleton-button::after,.ant-skeleton.ant-skeleton-active .ant-skeleton-input::after,.ant-skeleton.ant-skeleton-active .ant-skeleton-image::after{position:absolute;top:0;inset-inline-end:-150%;bottom:0;inset-inline-start:-150%;background:linear-gradient(90deg, rgba(255, 255, 255, 0.12) 25%, rgba(255, 255, 255, 0.18) 37%, rgba(255, 255, 255, 0.12) 63%);animation-name:ant-skeleton-loading;animation-duration:1.4s;animation-timing-function:ease;animation-iteration-count:infinite;content:\\\\\"\\\\\";}@keyframes ant-skeleton-loading{0%{transform:translateX(-37.5%);}100%{transform:translateX(37.5%);}}[class^=\\\\\"ant-page-header\\\\\"],[class*=\\\\\" ant-page-header\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-page-header\\\\\"]::before,[class*=\\\\\" ant-page-header\\\\\"]::before,[class^=\\\\\"ant-page-header\\\\\"]::after,[class*=\\\\\" ant-page-header\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-page-header\\\\\"] [class^=\\\\\"ant-page-header\\\\\"],[class*=\\\\\" ant-page-header\\\\\"] [class^=\\\\\"ant-page-header\\\\\"],[class^=\\\\\"ant-page-header\\\\\"] [class*=\\\\\" ant-page-header\\\\\"],[class*=\\\\\" ant-page-header\\\\\"] [class*=\\\\\" ant-page-header\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-page-header\\\\\"] [class^=\\\\\"ant-page-header\\\\\"]::before,[class*=\\\\\" ant-page-header\\\\\"] [class^=\\\\\"ant-page-header\\\\\"]::before,[class^=\\\\\"ant-page-header\\\\\"] [class*=\\\\\" ant-page-header\\\\\"]::before,[class*=\\\\\" ant-page-header\\\\\"] [class*=\\\\\" ant-page-header\\\\\"]::before,[class^=\\\\\"ant-page-header\\\\\"] [class^=\\\\\"ant-page-header\\\\\"]::after,[class*=\\\\\" ant-page-header\\\\\"] [class^=\\\\\"ant-page-header\\\\\"]::after,[class^=\\\\\"ant-page-header\\\\\"] [class*=\\\\\" ant-page-header\\\\\"]::after,[class*=\\\\\" ant-page-header\\\\\"] [class*=\\\\\" ant-page-header\\\\\"]::after{box-sizing:border-box;}.ant-page-header{box-sizing:border-box;margin:0;padding:20px 24px;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;background-color:#141414;}.ant-page-header.ant-page-header-ghost{background-color:transparent;}.ant-page-header.has-footer{padding-bottom:0;}.ant-page-header .ant-page-header-back{margin-right:20px;font-size:16px;line-height:1;}.ant-page-header .ant-page-header-back-button{color:#fff;text-decoration:none;outline:none;cursor:pointer;transition:color 0.3s;}.ant-page-header .ant-page-header-back-button:focus,.ant-page-header .ant-page-header-back-button:hover{color:#15417e;}.ant-page-header .ant-page-header-back-button:active{color:#1554ad;}.ant-page-header .ant-divider-vertical{height:14px;margin:0 12;vertical-align:middle;}.ant-breadcrumb+.ant-page-header-heading{margin-top:8px;}.ant-page-header .ant-page-header-heading{display:flex;justify-content:space-between;}.ant-page-header .ant-page-header-heading-left{display:flex;align-items:center;margin:4px 0;overflow:hidden;}.ant-page-header .ant-page-header-heading-title{margin-right:12px;margin-bottom:0;color:rgba(255, 255, 255, 0.85);font-weight:600;font-size:20px;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.ant-page-header .ant-page-header-heading .ant-avatar{margin-right:12px;}.ant-page-header .ant-page-header-heading-sub-title{margin-right:12px;color:rgba(255, 255, 255, 0.45);font-size:14px;line-height:1.5714285714285714;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.ant-page-header .ant-page-header-heading-extra{margin:4px 0;white-space:nowrap;}.ant-page-header .ant-page-header-heading-extra >*{margin-left:12px;white-space:unset;}.ant-page-header .ant-page-header-heading-extra >*:first-child{margin-left:0;}.ant-page-header .ant-page-header-content{padding-top:12px;}.ant-page-header .ant-page-header-footer{margin-top:20px;}.ant-page-header .ant-page-header-footer .ant-tabs >.ant-tabs-nav{margin:0;}.ant-page-header .ant-page-header-footer .ant-tabs >.ant-tabs-nav::before{border:none;}.ant-page-header .ant-page-header-footer .ant-tabs .ant-tabs-tab{padding-top:8px;padding-bottom:8px;font-size:16px;}.ant-page-header .ant-page-header-compact .ant-page-header-heading{flex-wrap:wrap;}.ant-page-header.ant-page-header-rtl{direction:rtl;}[class^=\\\\\"ant-pagination\\\\\"],[class*=\\\\\" ant-pagination\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-pagination\\\\\"]::before,[class*=\\\\\" ant-pagination\\\\\"]::before,[class^=\\\\\"ant-pagination\\\\\"]::after,[class*=\\\\\" ant-pagination\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-pagination\\\\\"] [class^=\\\\\"ant-pagination\\\\\"],[class*=\\\\\" ant-pagination\\\\\"] [class^=\\\\\"ant-pagination\\\\\"],[class^=\\\\\"ant-pagination\\\\\"] [class*=\\\\\" ant-pagination\\\\\"],[class*=\\\\\" ant-pagination\\\\\"] [class*=\\\\\" ant-pagination\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-pagination\\\\\"] [class^=\\\\\"ant-pagination\\\\\"]::before,[class*=\\\\\" ant-pagination\\\\\"] [class^=\\\\\"ant-pagination\\\\\"]::before,[class^=\\\\\"ant-pagination\\\\\"] [class*=\\\\\" ant-pagination\\\\\"]::before,[class*=\\\\\" ant-pagination\\\\\"] [class*=\\\\\" ant-pagination\\\\\"]::before,[class^=\\\\\"ant-pagination\\\\\"] [class^=\\\\\"ant-pagination\\\\\"]::after,[class*=\\\\\" ant-pagination\\\\\"] [class^=\\\\\"ant-pagination\\\\\"]::after,[class^=\\\\\"ant-pagination\\\\\"] [class*=\\\\\" ant-pagination\\\\\"]::after,[class*=\\\\\" ant-pagination\\\\\"] [class*=\\\\\" ant-pagination\\\\\"]::after{box-sizing:border-box;}.ant-pagination{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';}.ant-pagination ul,.ant-pagination ol{margin:0;padding:0;list-style:none;}.ant-pagination::after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:\\\\\"\\\\\";}.ant-pagination .ant-pagination-total-text{display:inline-block;height:32px;margin-inline-end:8px;line-height:30px;vertical-align:middle;}.ant-pagination .ant-pagination-item{display:inline-block;min-width:32px;height:32px;margin-inline-end:8px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:30px;text-align:center;vertical-align:middle;list-style:none;background-color:transparent;border:1px solid transparent;border-radius:6px;outline:0;cursor:pointer;user-select:none;}.ant-pagination .ant-pagination-item a{display:block;padding:0 6px;color:rgba(255, 255, 255, 0.85);transition:none;}.ant-pagination .ant-pagination-item a:hover{text-decoration:none;}.ant-pagination .ant-pagination-item:not(.ant-pagination-item-active):hover{transition:all 0.2s;background-color:rgba(255, 255, 255, 0.12);}.ant-pagination .ant-pagination-item:not(.ant-pagination-item-active):active{background-color:rgba(255, 255, 255, 0.18);}.ant-pagination .ant-pagination-item:focus-visible{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-pagination .ant-pagination-item-active{font-weight:600;background-color:#141414;border-color:#037003;}.ant-pagination .ant-pagination-item-active a{color:#037003;}.ant-pagination .ant-pagination-item-active:hover{border-color:#198016;}.ant-pagination .ant-pagination-item-active:hover a{color:#198016;}.ant-pagination .ant-pagination-jump-prev,.ant-pagination .ant-pagination-jump-next{outline:0;}.ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container,.ant-pagination .ant-pagination-jump-next .ant-pagination-item-container{position:relative;}.ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,.ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon{color:#037003;font-size:12px;opacity:0;transition:all 0.2s;}.ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,.ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg{top:0;inset-inline-end:0;bottom:0;inset-inline-start:0;margin:auto;}.ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,.ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis{position:absolute;top:0;inset-inline-end:0;bottom:0;inset-inline-start:0;display:block;margin:auto;color:rgba(255, 255, 255, 0.25);font-family:Arial,Helvetica,sans-serif;letter-spacing:2px;text-align:center;text-indent:0.13em;opacity:1;transition:all 0.2s;}.ant-pagination .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,.ant-pagination .ant-pagination-jump-next:hover .ant-pagination-item-link-icon{opacity:1;}.ant-pagination .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,.ant-pagination .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis{opacity:0;}.ant-pagination .ant-pagination-jump-prev:focus-visible,.ant-pagination .ant-pagination-jump-next:focus-visible{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-pagination .ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,.ant-pagination .ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon{opacity:1;}.ant-pagination .ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,.ant-pagination .ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis{opacity:0;}.ant-pagination .ant-pagination-prev,.ant-pagination .ant-pagination-jump-prev,.ant-pagination .ant-pagination-jump-next{margin-inline-end:8px;}.ant-pagination .ant-pagination-prev,.ant-pagination .ant-pagination-next,.ant-pagination .ant-pagination-jump-prev,.ant-pagination .ant-pagination-jump-next{display:inline-block;min-width:32px;height:32px;color:rgba(255, 255, 255, 0.85);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:32px;text-align:center;vertical-align:middle;list-style:none;border-radius:6px;cursor:pointer;transition:all 0.2s;}.ant-pagination .ant-pagination-prev,.ant-pagination .ant-pagination-next{font-family:Arial,Helvetica,sans-serif;outline:0;}.ant-pagination .ant-pagination-prev button,.ant-pagination .ant-pagination-next button{color:rgba(255, 255, 255, 0.85);cursor:pointer;user-select:none;}.ant-pagination .ant-pagination-prev .ant-pagination-item-link,.ant-pagination .ant-pagination-next .ant-pagination-item-link{display:block;width:100%;height:100%;padding:0;font-size:12px;text-align:center;background-color:transparent;border:1px solid transparent;border-radius:6px;outline:none;transition:all 0.2s;}.ant-pagination .ant-pagination-prev:focus-visible .ant-pagination-item-link,.ant-pagination .ant-pagination-next:focus-visible .ant-pagination-item-link{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-pagination .ant-pagination-prev:hover .ant-pagination-item-link,.ant-pagination .ant-pagination-next:hover .ant-pagination-item-link{background-color:rgba(255, 255, 255, 0.12);}.ant-pagination .ant-pagination-prev:active .ant-pagination-item-link,.ant-pagination .ant-pagination-next:active .ant-pagination-item-link{background-color:rgba(255, 255, 255, 0.18);}.ant-pagination .ant-pagination-prev.ant-pagination-disabled:hover .ant-pagination-item-link,.ant-pagination .ant-pagination-next.ant-pagination-disabled:hover .ant-pagination-item-link{background-color:transparent;}.ant-pagination .ant-pagination-slash{margin-inline-end:12px;margin-inline-start:4px;}.ant-pagination .ant-pagination-options{display:inline-block;margin-inline-start:16px;vertical-align:middle;}.ant-pagination .ant-pagination-options-size-changer.-select{display:inline-block;width:auto;}.ant-pagination .ant-pagination-options-quick-jumper{display:inline-block;height:32px;margin-inline-start:8px;line-height:32px;vertical-align:top;}.ant-pagination .ant-pagination-options-quick-jumper input{position:relative;display:inline-block;width:50px;min-width:0;padding:4px 11px;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;background-color:#141414;background-image:none;border-width:1px;border-style:solid;border-color:#424242;border-radius:6px;transition:all 0.2s;height:32px;box-sizing:border-box;margin:0;margin-inline-start:8px;margin-inline-end:8px;}.ant-pagination .ant-pagination-options-quick-jumper input::-moz-placeholder{opacity:1;}.ant-pagination .ant-pagination-options-quick-jumper input::placeholder{color:rgba(255, 255, 255, 0.25);user-select:none;}.ant-pagination .ant-pagination-options-quick-jumper input:placeholder-shown{text-overflow:ellipsis;}.ant-pagination .ant-pagination-options-quick-jumper input:hover{border-color:#198016;border-inline-end-width:1px;}.ant-pagination .ant-pagination-options-quick-jumper input:focus,.ant-pagination .ant-pagination-options-quick-jumper input-focused{border-color:#198016;box-shadow:0 0 0 2px rgba(0, 53, 0, 0.15);border-inline-end-width:1px;outline:0;}.ant-pagination .ant-pagination-options-quick-jumper input-disabled,.ant-pagination .ant-pagination-options-quick-jumper input[disabled]{color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);border-color:#424242;box-shadow:none;cursor:not-allowed;opacity:1;}.ant-pagination .ant-pagination-options-quick-jumper input-disabled:hover,.ant-pagination .ant-pagination-options-quick-jumper input[disabled]:hover{border-color:#424242;border-inline-end-width:1px;}.ant-pagination .ant-pagination-options-quick-jumper input-borderless,.ant-pagination .ant-pagination-options-quick-jumper input-borderless:hover,.ant-pagination .ant-pagination-options-quick-jumper input-borderless:focus,.ant-pagination .ant-pagination-options-quick-jumper input-borderless-focused,.ant-pagination .ant-pagination-options-quick-jumper input-borderless-disabled,.ant-pagination .ant-pagination-options-quick-jumper input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none;}textarea.ant-pagination .ant-pagination-options-quick-jumper input{max-width:100%;height:auto;min-height:32px;line-height:1.5714285714285714;vertical-align:bottom;transition:all 0.3s,height 0s;resize:vertical;}.ant-pagination .ant-pagination-options-quick-jumper input-lg{padding:7px 11px;font-size:16px;line-height:1.5;border-radius:8px;}.ant-pagination .ant-pagination-options-quick-jumper input-sm{padding:0px 7px;border-radius:4px;}.ant-pagination .ant-pagination-options-quick-jumper input-rtl{direction:rtl;}.ant-pagination .ant-pagination-options-quick-jumper input-textarea-rtl{direction:rtl;}.ant-pagination.ant-pagination-simple .ant-pagination-prev,.ant-pagination.ant-pagination-simple .ant-pagination-next{height:24px;line-height:24px;vertical-align:top;}.ant-pagination.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,.ant-pagination.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link{height:24px;background-color:transparent;border:0;}.ant-pagination.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link:hover,.ant-pagination.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link:hover{background-color:rgba(255, 255, 255, 0.12);}.ant-pagination.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link:active,.ant-pagination.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link:active{background-color:rgba(255, 255, 255, 0.18);}.ant-pagination.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,.ant-pagination.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after{height:24px;line-height:24px;}.ant-pagination.ant-pagination-simple .ant-pagination-simple-pager{display:inline-block;height:24px;margin-inline-end:8px;}.ant-pagination.ant-pagination-simple .ant-pagination-simple-pager input{box-sizing:border-box;height:100%;margin-inline-end:8px;padding:0 6px;text-align:center;background-color:#141414;border:1px solid #424242;border-radius:6px;outline:none;transition:border-color 0.2s;color:inherit;}.ant-pagination.ant-pagination-simple .ant-pagination-simple-pager input:hover{border-color:#037003;}.ant-pagination.ant-pagination-simple .ant-pagination-simple-pager input:focus{border-color:#198016;box-shadow:0 0px 0 2px rgba(0, 53, 0, 0.15);}.ant-pagination.ant-pagination-simple .ant-pagination-simple-pager input[disabled]{color:rgba(255, 255, 255, 0.25);background-color:rgba(255, 255, 255, 0.08);border-color:#424242;cursor:not-allowed;}.ant-pagination.ant-pagination-mini .ant-pagination-total-text,.ant-pagination.ant-pagination-mini .ant-pagination-simple-pager{height:24px;line-height:24px;}.ant-pagination.ant-pagination-mini .ant-pagination-item{min-width:24px;height:24px;margin:0;line-height:22px;}.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active){background-color:transparent;border-color:transparent;}.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active):hover{background-color:rgba(255, 255, 255, 0.12);}.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active):active{background-color:rgba(255, 255, 255, 0.18);}.ant-pagination.ant-pagination-mini .ant-pagination-prev,.ant-pagination.ant-pagination-mini .ant-pagination-next{min-width:24px;height:24px;margin:0;line-height:24px;}.ant-pagination.ant-pagination-mini .ant-pagination-prev:hover .ant-pagination-item-link,.ant-pagination.ant-pagination-mini .ant-pagination-next:hover .ant-pagination-item-link{background-color:rgba(255, 255, 255, 0.12);}.ant-pagination.ant-pagination-mini .ant-pagination-prev:active .ant-pagination-item-link,.ant-pagination.ant-pagination-mini .ant-pagination-next:active .ant-pagination-item-link{background-color:rgba(255, 255, 255, 0.18);}.ant-pagination.ant-pagination-mini .ant-pagination-prev.ant-pagination-disabled:hover .ant-pagination-item-link,.ant-pagination.ant-pagination-mini .ant-pagination-next.ant-pagination-disabled:hover .ant-pagination-item-link{background-color:transparent;}.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link,.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link{background-color:transparent;border-color:transparent;}.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after,.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after{height:24px;line-height:24px;}.ant-pagination.ant-pagination-mini .ant-pagination-jump-prev,.ant-pagination.ant-pagination-mini .ant-pagination-jump-next{height:24px;margin-inline-end:0;line-height:24px;}.ant-pagination.ant-pagination-mini .ant-pagination-options{margin-inline-start:2px;}.ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer{top:0;}.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper{height:24px;line-height:24px;}.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input{padding:0px 7px;border-radius:4px;width:44px;height:24px;}.ant-pagination .ant-pagination-disabled,.ant-pagination .ant-pagination-disabled:hover{cursor:not-allowed;}.ant-pagination .ant-pagination-disabled .ant-pagination-item-link,.ant-pagination .ant-pagination-disabled:hover .ant-pagination-item-link{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-pagination .ant-pagination-disabled:focus-visible{cursor:not-allowed;}.ant-pagination .ant-pagination-disabled:focus-visible .ant-pagination-item-link{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-pagination.ant-pagination-disabled{cursor:not-allowed;}.ant-pagination.ant-pagination-disabled.ant-pagination-mini:hover .ant-pagination-item:not(.ant-pagination-item-active),.ant-pagination.ant-pagination-disabled.ant-pagination-mini:active .ant-pagination-item:not(.ant-pagination-item-active),.ant-pagination.ant-pagination-disabled.ant-pagination-mini:hover .ant-pagination-item-link,.ant-pagination.ant-pagination-disabled.ant-pagination-mini:active .ant-pagination-item-link{background-color:transparent;}.ant-pagination.ant-pagination-disabled .ant-pagination-item{cursor:not-allowed;}.ant-pagination.ant-pagination-disabled .ant-pagination-item:hover,.ant-pagination.ant-pagination-disabled .ant-pagination-item:active{background-color:transparent;}.ant-pagination.ant-pagination-disabled .ant-pagination-item a{color:rgba(255, 255, 255, 0.25);background-color:transparent;border:none;cursor:not-allowed;}.ant-pagination.ant-pagination-disabled .ant-pagination-item-active{border-color:#424242;background-color:rgba(255, 255, 255, 0.18);}.ant-pagination.ant-pagination-disabled .ant-pagination-item-active:hover,.ant-pagination.ant-pagination-disabled .ant-pagination-item-active:active{background-color:rgba(255, 255, 255, 0.18);}.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a{color:rgba(255, 255, 255, 0.25);}.ant-pagination.ant-pagination-disabled .ant-pagination-item-link{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:active{background-color:transparent;}.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link{background-color:transparent;}.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:active{background-color:transparent;}.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager{color:rgba(255, 255, 255, 0.25);}.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev .ant-pagination-item-link-icon,.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next .ant-pagination-item-link-icon{opacity:0;}.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev .ant-pagination-item-ellipsis,.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next .ant-pagination-item-ellipsis{opacity:1;}.ant-pagination.ant-pagination-simple .ant-pagination-prev.ant-pagination-disabled .ant-pagination-item-link:hover,.ant-pagination.ant-pagination-simple .ant-pagination-next.ant-pagination-disabled .ant-pagination-item-link:hover,.ant-pagination.ant-pagination-simple .ant-pagination-prev.ant-pagination-disabled .ant-pagination-item-link:active,.ant-pagination.ant-pagination-simple .ant-pagination-next.ant-pagination-disabled .ant-pagination-item-link:active{background-color:transparent;}@media only screen and (max-width: 992px){.ant-pagination .ant-pagination-item-after-jump-prev,.ant-pagination .ant-pagination-item-before-jump-next{display:none;}}@media only screen and (max-width: 576px){.ant-pagination .ant-pagination-options{display:none;}}.ant-pagination-rtl{direction:rtl;}[class^=\\\\\"ant-popconfirm\\\\\"],[class*=\\\\\" ant-popconfirm\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-popconfirm\\\\\"]::before,[class*=\\\\\" ant-popconfirm\\\\\"]::before,[class^=\\\\\"ant-popconfirm\\\\\"]::after,[class*=\\\\\" ant-popconfirm\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-popconfirm\\\\\"] [class^=\\\\\"ant-popconfirm\\\\\"],[class*=\\\\\" ant-popconfirm\\\\\"] [class^=\\\\\"ant-popconfirm\\\\\"],[class^=\\\\\"ant-popconfirm\\\\\"] [class*=\\\\\" ant-popconfirm\\\\\"],[class*=\\\\\" ant-popconfirm\\\\\"] [class*=\\\\\" ant-popconfirm\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-popconfirm\\\\\"] [class^=\\\\\"ant-popconfirm\\\\\"]::before,[class*=\\\\\" ant-popconfirm\\\\\"] [class^=\\\\\"ant-popconfirm\\\\\"]::before,[class^=\\\\\"ant-popconfirm\\\\\"] [class*=\\\\\" ant-popconfirm\\\\\"]::before,[class*=\\\\\" ant-popconfirm\\\\\"] [class*=\\\\\" ant-popconfirm\\\\\"]::before,[class^=\\\\\"ant-popconfirm\\\\\"] [class^=\\\\\"ant-popconfirm\\\\\"]::after,[class*=\\\\\" ant-popconfirm\\\\\"] [class^=\\\\\"ant-popconfirm\\\\\"]::after,[class^=\\\\\"ant-popconfirm\\\\\"] [class*=\\\\\" ant-popconfirm\\\\\"]::after,[class*=\\\\\" ant-popconfirm\\\\\"] [class*=\\\\\" ant-popconfirm\\\\\"]::after{box-sizing:border-box;}.ant-popconfirm{z-index:1060;}.ant-popconfirm .ant-popconfirm-inner-content{color:rgba(255, 255, 255, 0.85);}.ant-popconfirm .ant-popconfirm-message{position:relative;margin-bottom:8px;color:rgba(255, 255, 255, 0.85);font-size:14px;display:flex;flex-wrap:nowrap;align-items:start;}.ant-popconfirm .ant-popconfirm-message >.ant-popconfirm-message-icon .anticon{color:#d89614;font-size:14px;flex:none;line-height:1;padding-top:4px;}.ant-popconfirm .ant-popconfirm-message-title{flex:auto;margin-inline-start:8px;}.ant-popconfirm .ant-popconfirm-message-title-only{font-weight:600;}.ant-popconfirm .ant-popconfirm-description{position:relative;margin-inline-start:22px;margin-bottom:8px;color:rgba(255, 255, 255, 0.85);font-size:14px;}.ant-popconfirm .ant-popconfirm-buttons{text-align:end;}.ant-popconfirm .ant-popconfirm-buttons button{margin-inline-start:8px;}[class^=\\\\\"ant-popover\\\\\"],[class*=\\\\\" ant-popover\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-popover\\\\\"]::before,[class*=\\\\\" ant-popover\\\\\"]::before,[class^=\\\\\"ant-popover\\\\\"]::after,[class*=\\\\\" ant-popover\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-popover\\\\\"] [class^=\\\\\"ant-popover\\\\\"],[class*=\\\\\" ant-popover\\\\\"] [class^=\\\\\"ant-popover\\\\\"],[class^=\\\\\"ant-popover\\\\\"] [class*=\\\\\" ant-popover\\\\\"],[class*=\\\\\" ant-popover\\\\\"] [class*=\\\\\" ant-popover\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-popover\\\\\"] [class^=\\\\\"ant-popover\\\\\"]::before,[class*=\\\\\" ant-popover\\\\\"] [class^=\\\\\"ant-popover\\\\\"]::before,[class^=\\\\\"ant-popover\\\\\"] [class*=\\\\\" ant-popover\\\\\"]::before,[class*=\\\\\" ant-popover\\\\\"] [class*=\\\\\" ant-popover\\\\\"]::before,[class^=\\\\\"ant-popover\\\\\"] [class^=\\\\\"ant-popover\\\\\"]::after,[class*=\\\\\" ant-popover\\\\\"] [class^=\\\\\"ant-popover\\\\\"]::after,[class^=\\\\\"ant-popover\\\\\"] [class*=\\\\\" ant-popover\\\\\"]::after,[class*=\\\\\" ant-popover\\\\\"] [class*=\\\\\" ant-popover\\\\\"]::after{box-sizing:border-box;}.ant-popover{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:absolute;top:0;left:0;z-index:1030;font-weight:normal;white-space:normal;text-align:start;cursor:auto;user-select:text;--antd-arrow-background-color:#1f1f1f;}.ant-popover-rtl{direction:rtl;}.ant-popover-hidden{display:none;}.ant-popover .ant-popover-content{position:relative;}.ant-popover .ant-popover-inner{background-color:#1f1f1f;background-clip:padding-box;border-radius:8px;box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);padding:12px;}.ant-popover .ant-popover-title{min-width:177px;margin-bottom:8px;color:rgba(255, 255, 255, 0.85);font-weight:600;}.ant-popover .ant-popover-inner-content{color:rgba(255, 255, 255, 0.85);}.ant-popover .ant-popover-arrow{position:absolute;z-index:1;display:block;pointer-events:none;width:16px;height:16px;overflow:hidden;}.ant-popover .ant-popover-arrow::after{content:\\\\\"\\\\\";position:absolute;width:8.970562748477143px;height:8.970562748477143px;bottom:0;inset-inline:0;margin:auto;border-radius:0 0 2px 0;transform:translateY(50%) rotate(-135deg);box-shadow:3px 3px 7px rgba(0, 0, 0, 0.1);z-index:0;background:transparent;}.ant-popover .ant-popover-arrow::before{position:absolute;bottom:0;inset-inline-start:0;width:16px;height:8px;background:var(--antd-arrow-background-color);clip-path:polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%);clip-path:path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');content:\\\\\"\\\\\";}.ant-popover .ant-popover-arrow:before{background:var(--antd-arrow-background-color);}.ant-popover-placement-top .ant-popover-arrow,.ant-popover-placement-topLeft .ant-popover-arrow,.ant-popover-placement-topRight .ant-popover-arrow{bottom:0;transform:translateY(100%) rotate(180deg);}.ant-popover-placement-top .ant-popover-arrow{left:50%;transform:translateX(-50%) translateY(100%) rotate(180deg);}.ant-popover-placement-topLeft .ant-popover-arrow{left:6px;}.ant-popover-placement-topRight .ant-popover-arrow{right:6px;}.ant-popover-placement-bottom .ant-popover-arrow,.ant-popover-placement-bottomLeft .ant-popover-arrow,.ant-popover-placement-bottomRight .ant-popover-arrow{top:0;transform:translateY(-100%);}.ant-popover-placement-bottom .ant-popover-arrow{left:50%;transform:translateX(-50%) translateY(-100%);}.ant-popover-placement-bottomLeft .ant-popover-arrow{left:6px;}.ant-popover-placement-bottomRight .ant-popover-arrow{right:6px;}.ant-popover-placement-left .ant-popover-arrow,.ant-popover-placement-leftTop .ant-popover-arrow,.ant-popover-placement-leftBottom .ant-popover-arrow{right:0;transform:translateX(100%) rotate(90deg);}.ant-popover-placement-left .ant-popover-arrow{top:50%;transform:translateY(-50%) translateX(100%) rotate(90deg);}.ant-popover-placement-leftTop .ant-popover-arrow{top:6px;}.ant-popover-placement-leftBottom .ant-popover-arrow{bottom:6px;}.ant-popover-placement-right .ant-popover-arrow,.ant-popover-placement-rightTop .ant-popover-arrow,.ant-popover-placement-rightBottom .ant-popover-arrow{left:0;transform:translateX(-100%) rotate(-90deg);}.ant-popover-placement-right .ant-popover-arrow{top:50%;transform:translateY(-50%) translateX(-100%) rotate(-90deg);}.ant-popover-placement-rightTop .ant-popover-arrow{top:6px;}.ant-popover-placement-rightBottom .ant-popover-arrow{bottom:6px;}.ant-popover-placement-topLeft,.ant-popover-placement-top,.ant-popover-placement-topRight{padding-bottom:12px;}.ant-popover-placement-bottomLeft,.ant-popover-placement-bottom,.ant-popover-placement-bottomRight{padding-top:12px;}.ant-popover-placement-leftTop,.ant-popover-placement-left,.ant-popover-placement-leftBottom{padding-right:12px;}.ant-popover-placement-rightTop,.ant-popover-placement-right,.ant-popover-placement-rightBottom{padding-left:12px;}.ant-popover-pure{position:relative;max-width:none;}.ant-popover-pure .ant-popover-content{display:inline-block;}.ant-popover.ant-popover-blue{--antd-arrow-background-color:#1668dc;}.ant-popover.ant-popover-blue .ant-popover-inner{background-color:#1668dc;}.ant-popover.ant-popover-blue .ant-popover-arrow{background:transparent;}.ant-popover.ant-popover-purple{--antd-arrow-background-color:#642ab5;}.ant-popover.ant-popover-purple .ant-popover-inner{background-color:#642ab5;}.ant-popover.ant-popover-purple .ant-popover-arrow{background:transparent;}.ant-popover.ant-popover-cyan{--antd-arrow-background-color:#13a8a8;}.ant-popover.ant-popover-cyan .ant-popover-inner{background-color:#13a8a8;}.ant-popover.ant-popover-cyan .ant-popover-arrow{background:transparent;}.ant-popover.ant-popover-green{--antd-arrow-background-color:#49aa19;}.ant-popover.ant-popover-green .ant-popover-inner{background-color:#49aa19;}.ant-popover.ant-popover-green .ant-popover-arrow{background:transparent;}.ant-popover.ant-popover-magenta{--antd-arrow-background-color:#cb2b83;}.ant-popover.ant-popover-magenta .ant-popover-inner{background-color:#cb2b83;}.ant-popover.ant-popover-magenta .ant-popover-arrow{background:transparent;}.ant-popover.ant-popover-pink{--antd-arrow-background-color:#cb2b83;}.ant-popover.ant-popover-pink .ant-popover-inner{background-color:#cb2b83;}.ant-popover.ant-popover-pink .ant-popover-arrow{background:transparent;}.ant-popover.ant-popover-red{--antd-arrow-background-color:#d32029;}.ant-popover.ant-popover-red .ant-popover-inner{background-color:#d32029;}.ant-popover.ant-popover-red .ant-popover-arrow{background:transparent;}.ant-popover.ant-popover-orange{--antd-arrow-background-color:#d87a16;}.ant-popover.ant-popover-orange .ant-popover-inner{background-color:#d87a16;}.ant-popover.ant-popover-orange .ant-popover-arrow{background:transparent;}.ant-popover.ant-popover-yellow{--antd-arrow-background-color:#d8bd14;}.ant-popover.ant-popover-yellow .ant-popover-inner{background-color:#d8bd14;}.ant-popover.ant-popover-yellow .ant-popover-arrow{background:transparent;}.ant-popover.ant-popover-volcano{--antd-arrow-background-color:#d84a1b;}.ant-popover.ant-popover-volcano .ant-popover-inner{background-color:#d84a1b;}.ant-popover.ant-popover-volcano .ant-popover-arrow{background:transparent;}.ant-popover.ant-popover-geekblue{--antd-arrow-background-color:#2b4acb;}.ant-popover.ant-popover-geekblue .ant-popover-inner{background-color:#2b4acb;}.ant-popover.ant-popover-geekblue .ant-popover-arrow{background:transparent;}.ant-popover.ant-popover-lime{--antd-arrow-background-color:#8bbb11;}.ant-popover.ant-popover-lime .ant-popover-inner{background-color:#8bbb11;}.ant-popover.ant-popover-lime .ant-popover-arrow{background:transparent;}.ant-popover.ant-popover-gold{--antd-arrow-background-color:#d89614;}.ant-popover.ant-popover-gold .ant-popover-inner{background-color:#d89614;}.ant-popover.ant-popover-gold .ant-popover-arrow{background:transparent;}.ant-zoom-big-enter,.ant-zoom-big-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-zoom-big-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-zoom-big-enter.ant-zoom-big-enter-active,.ant-zoom-big-appear.ant-zoom-big-appear-active{animation-name:antZoomBigIn;animation-play-state:running;}.ant-zoom-big-leave.ant-zoom-big-leave-active{animation-name:antZoomBigOut;animation-play-state:running;pointer-events:none;}.ant-zoom-big-enter,.ant-zoom-big-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);}.ant-zoom-big-enter-prepare,.ant-zoom-big-appear-prepare{transform:none;}.ant-zoom-big-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}[class^=\\\\\"ant-popover\\\\\"],[class*=\\\\\" ant-popover\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-popover\\\\\"]::before,[class*=\\\\\" ant-popover\\\\\"]::before,[class^=\\\\\"ant-popover\\\\\"]::after,[class*=\\\\\" ant-popover\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-popover\\\\\"] [class^=\\\\\"ant-popover\\\\\"],[class*=\\\\\" ant-popover\\\\\"] [class^=\\\\\"ant-popover\\\\\"],[class^=\\\\\"ant-popover\\\\\"] [class*=\\\\\" ant-popover\\\\\"],[class*=\\\\\" ant-popover\\\\\"] [class*=\\\\\" ant-popover\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-popover\\\\\"] [class^=\\\\\"ant-popover\\\\\"]::before,[class*=\\\\\" ant-popover\\\\\"] [class^=\\\\\"ant-popover\\\\\"]::before,[class^=\\\\\"ant-popover\\\\\"] [class*=\\\\\" ant-popover\\\\\"]::before,[class*=\\\\\" ant-popover\\\\\"] [class*=\\\\\" ant-popover\\\\\"]::before,[class^=\\\\\"ant-popover\\\\\"] [class^=\\\\\"ant-popover\\\\\"]::after,[class*=\\\\\" ant-popover\\\\\"] [class^=\\\\\"ant-popover\\\\\"]::after,[class^=\\\\\"ant-popover\\\\\"] [class*=\\\\\" ant-popover\\\\\"]::after,[class*=\\\\\" ant-popover\\\\\"] [class*=\\\\\" ant-popover\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-progress\\\\\"],[class*=\\\\\" ant-progress\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-progress\\\\\"]::before,[class*=\\\\\" ant-progress\\\\\"]::before,[class^=\\\\\"ant-progress\\\\\"]::after,[class*=\\\\\" ant-progress\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-progress\\\\\"] [class^=\\\\\"ant-progress\\\\\"],[class*=\\\\\" ant-progress\\\\\"] [class^=\\\\\"ant-progress\\\\\"],[class^=\\\\\"ant-progress\\\\\"] [class*=\\\\\" ant-progress\\\\\"],[class*=\\\\\" ant-progress\\\\\"] [class*=\\\\\" ant-progress\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-progress\\\\\"] [class^=\\\\\"ant-progress\\\\\"]::before,[class*=\\\\\" ant-progress\\\\\"] [class^=\\\\\"ant-progress\\\\\"]::before,[class^=\\\\\"ant-progress\\\\\"] [class*=\\\\\" ant-progress\\\\\"]::before,[class*=\\\\\" ant-progress\\\\\"] [class*=\\\\\" ant-progress\\\\\"]::before,[class^=\\\\\"ant-progress\\\\\"] [class^=\\\\\"ant-progress\\\\\"]::after,[class*=\\\\\" ant-progress\\\\\"] [class^=\\\\\"ant-progress\\\\\"]::after,[class^=\\\\\"ant-progress\\\\\"] [class*=\\\\\" ant-progress\\\\\"]::after,[class*=\\\\\" ant-progress\\\\\"] [class*=\\\\\" ant-progress\\\\\"]::after{box-sizing:border-box;}.ant-progress{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:inline-block;}.ant-progress-rtl{direction:rtl;}.ant-progress-line{position:relative;width:100%;font-size:14px;margin-inline-end:8px;margin-bottom:8px;}.ant-progress .ant-progress-outer{display:inline-block;width:100%;}.ant-progress.ant-progress-show-info .ant-progress-outer{margin-inline-end:calc(-2em - 8px);padding-inline-end:calc(2em + 8px);}.ant-progress .ant-progress-inner{position:relative;display:inline-block;width:100%;overflow:hidden;vertical-align:middle;background-color:rgba(255, 255, 255, 0.12);border-radius:100px;}.ant-progress .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:#1668dc;}.ant-progress .ant-progress-success-bg,.ant-progress .ant-progress-bg{position:relative;background-color:#1668dc;border-radius:100px;transition:all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);}.ant-progress .ant-progress-success-bg{position:absolute;inset-block-start:0;inset-inline-start:0;background-color:#49aa19;}.ant-progress .ant-progress-text{display:inline-block;width:2em;margin-inline-start:8px;color:rgba(255, 255, 255, 0.85);line-height:1;white-space:nowrap;text-align:start;vertical-align:middle;word-break:normal;}.ant-progress .ant-progress-text .anticon{font-size:14px;}.ant-progress.ant-progress-status-active .ant-progress-bg::before{position:absolute;inset:0;background-color:#141414;border-radius:100px;opacity:0;animation-name:antProgressActive;animation-duration:2.4s;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);animation-iteration-count:infinite;content:\\\\\"\\\\\";}.ant-progress.ant-progress-status-exception .ant-progress-bg{background-color:#dc4446;}.ant-progress.ant-progress-status-exception .ant-progress-text{color:#dc4446;}.ant-progress.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:#dc4446;}.ant-progress.ant-progress-status-success .ant-progress-bg{background-color:#49aa19;}.ant-progress.ant-progress-status-success .ant-progress-text{color:#49aa19;}.ant-progress.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:#49aa19;}.ant-progress .ant-progress-circle-trail{stroke:rgba(255, 255, 255, 0.12);}.ant-progress.ant-progress-circle .ant-progress-inner{position:relative;line-height:1;background-color:transparent;}.ant-progress.ant-progress-circle .ant-progress-text{position:absolute;inset-block-start:50%;inset-inline-start:0;width:100%;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);line-height:1;white-space:normal;text-align:center;transform:translateY(-50%);}.ant-progress.ant-progress-circle .ant-progress-text .anticon{font-size:1.1666666666666667em;}.ant-progress-circle.ant-progress-status-exception .ant-progress-text{color:#dc4446;}.ant-progress-circle.ant-progress-status-success .ant-progress-text{color:#49aa19;}.ant-progress-inline-circle{line-height:1;}.ant-progress-inline-circle .ant-progress-inner{vertical-align:bottom;}.ant-progress .ant-progress-steps{display:inline-block;}.ant-progress .ant-progress-steps-outer{display:flex;flex-direction:row;align-items:center;}.ant-progress .ant-progress-steps-item{flex-shrink:0;min-width:2px;margin-inline-end:2px;background-color:rgba(255, 255, 255, 0.12);transition:all 0.3s;}.ant-progress .ant-progress-steps-item-active{background-color:#1668dc;}.ant-progress-small.ant-progress-line,.ant-progress-small.ant-progress-line .ant-progress-text .anticon{font-size:12px;}@keyframes antProgressActive{0%{transform:translateX(-100%) scaleX(0);opacity:0.1;}20%{transform:translateX(-100%) scaleX(0);opacity:0.5;}to{transform:translateX(0) scaleX(1);opacity:0;}}[class^=\\\\\"ant-rate\\\\\"],[class*=\\\\\" ant-rate\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-rate\\\\\"]::before,[class*=\\\\\" ant-rate\\\\\"]::before,[class^=\\\\\"ant-rate\\\\\"]::after,[class*=\\\\\" ant-rate\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-rate\\\\\"] [class^=\\\\\"ant-rate\\\\\"],[class*=\\\\\" ant-rate\\\\\"] [class^=\\\\\"ant-rate\\\\\"],[class^=\\\\\"ant-rate\\\\\"] [class*=\\\\\" ant-rate\\\\\"],[class*=\\\\\" ant-rate\\\\\"] [class*=\\\\\" ant-rate\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-rate\\\\\"] [class^=\\\\\"ant-rate\\\\\"]::before,[class*=\\\\\" ant-rate\\\\\"] [class^=\\\\\"ant-rate\\\\\"]::before,[class^=\\\\\"ant-rate\\\\\"] [class*=\\\\\" ant-rate\\\\\"]::before,[class*=\\\\\" ant-rate\\\\\"] [class*=\\\\\" ant-rate\\\\\"]::before,[class^=\\\\\"ant-rate\\\\\"] [class^=\\\\\"ant-rate\\\\\"]::after,[class*=\\\\\" ant-rate\\\\\"] [class^=\\\\\"ant-rate\\\\\"]::after,[class^=\\\\\"ant-rate\\\\\"] [class*=\\\\\" ant-rate\\\\\"]::after,[class*=\\\\\" ant-rate\\\\\"] [class*=\\\\\" ant-rate\\\\\"]::after{box-sizing:border-box;}.ant-rate{box-sizing:border-box;margin:0;padding:0;color:#d8bd14;font-size:20px;line-height:unset;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:inline-block;outline:none;}.ant-rate-disabled.ant-rate .ant-rate-star{cursor:default;}.ant-rate-disabled.ant-rate .ant-rate-star:hover{transform:scale(1);}.ant-rate .ant-rate-star{position:relative;display:inline-block;color:inherit;cursor:pointer;}.ant-rate .ant-rate-star:not(:last-child){margin-inline-end:8px;}.ant-rate .ant-rate-star >div{transition:all 0.2s,outline 0s;}.ant-rate .ant-rate-star >div:hover{transform:scale(1.1);}.ant-rate .ant-rate-star >div:focus{outline:0;}.ant-rate .ant-rate-star >div:focus-visible{outline:1px dashed #d8bd14;transform:scale(1.1);}.ant-rate .ant-rate-star-first,.ant-rate .ant-rate-star-second{color:rgba(255, 255, 255, 0.12);transition:all 0.2s;user-select:none;}.ant-rate .ant-rate-star-first .anticon,.ant-rate .ant-rate-star-second .anticon{vertical-align:middle;}.ant-rate .ant-rate-star-first{position:absolute;top:0;inset-inline-start:0;width:50%;height:100%;overflow:hidden;opacity:0;}.ant-rate .ant-rate-star-half .ant-rate-star-first,.ant-rate .ant-rate-star-half .ant-rate-star-second{opacity:1;}.ant-rate .ant-rate-star-half .ant-rate-star-first,.ant-rate .ant-rate-star-full .ant-rate-star-second{color:inherit;}.ant-rate +.ant-rate-text{display:inline-block;margin-inline-start:8px;font-size:14px;}.ant-rate-rtl.ant-rate{direction:rtl;}[class^=\\\\\"ant-result\\\\\"],[class*=\\\\\" ant-result\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-result\\\\\"]::before,[class*=\\\\\" ant-result\\\\\"]::before,[class^=\\\\\"ant-result\\\\\"]::after,[class*=\\\\\" ant-result\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-result\\\\\"] [class^=\\\\\"ant-result\\\\\"],[class*=\\\\\" ant-result\\\\\"] [class^=\\\\\"ant-result\\\\\"],[class^=\\\\\"ant-result\\\\\"] [class*=\\\\\" ant-result\\\\\"],[class*=\\\\\" ant-result\\\\\"] [class*=\\\\\" ant-result\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-result\\\\\"] [class^=\\\\\"ant-result\\\\\"]::before,[class*=\\\\\" ant-result\\\\\"] [class^=\\\\\"ant-result\\\\\"]::before,[class^=\\\\\"ant-result\\\\\"] [class*=\\\\\" ant-result\\\\\"]::before,[class*=\\\\\" ant-result\\\\\"] [class*=\\\\\" ant-result\\\\\"]::before,[class^=\\\\\"ant-result\\\\\"] [class^=\\\\\"ant-result\\\\\"]::after,[class*=\\\\\" ant-result\\\\\"] [class^=\\\\\"ant-result\\\\\"]::after,[class^=\\\\\"ant-result\\\\\"] [class*=\\\\\" ant-result\\\\\"]::after,[class*=\\\\\" ant-result\\\\\"] [class*=\\\\\" ant-result\\\\\"]::after{box-sizing:border-box;}.ant-result{padding:48px 32px;}.ant-result-rtl{direction:rtl;}.ant-result .ant-result-image{width:250px;height:295px;margin:auto;}.ant-result .ant-result-icon{margin-bottom:24px;text-align:center;}.ant-result .ant-result-icon>.anticon{font-size:72px;}.ant-result .ant-result-title{color:rgba(255, 255, 255, 0.85);font-size:24px;line-height:1.3333333333333333;margin-block:8px;text-align:center;}.ant-result .ant-result-subtitle{color:rgba(255, 255, 255, 0.45);font-size:14px;line-height:1.5714285714285714;text-align:center;}.ant-result .ant-result-content{margin-top:24px;padding:24px 40px;background-color:rgba(255, 255, 255, 0.04);}.ant-result .ant-result-extra{margin:24px 0 0 0;text-align:center;}.ant-result .ant-result-extra>*{margin-inline-end:8px;}.ant-result .ant-result-extra>*:last-child{margin-inline-end:0;}.ant-result-success .ant-result-icon>.anticon{color:#49aa19;}.ant-result-error .ant-result-icon>.anticon{color:#dc4446;}.ant-result-info .ant-result-icon>.anticon{color:#1668dc;}.ant-result-warning .ant-result-icon>.anticon{color:#d89614;}[class^=\\\\\"ant-slider\\\\\"],[class*=\\\\\" ant-slider\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-slider\\\\\"]::before,[class*=\\\\\" ant-slider\\\\\"]::before,[class^=\\\\\"ant-slider\\\\\"]::after,[class*=\\\\\" ant-slider\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-slider\\\\\"] [class^=\\\\\"ant-slider\\\\\"],[class*=\\\\\" ant-slider\\\\\"] [class^=\\\\\"ant-slider\\\\\"],[class^=\\\\\"ant-slider\\\\\"] [class*=\\\\\" ant-slider\\\\\"],[class*=\\\\\" ant-slider\\\\\"] [class*=\\\\\" ant-slider\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-slider\\\\\"] [class^=\\\\\"ant-slider\\\\\"]::before,[class*=\\\\\" ant-slider\\\\\"] [class^=\\\\\"ant-slider\\\\\"]::before,[class^=\\\\\"ant-slider\\\\\"] [class*=\\\\\" ant-slider\\\\\"]::before,[class*=\\\\\" ant-slider\\\\\"] [class*=\\\\\" ant-slider\\\\\"]::before,[class^=\\\\\"ant-slider\\\\\"] [class^=\\\\\"ant-slider\\\\\"]::after,[class*=\\\\\" ant-slider\\\\\"] [class^=\\\\\"ant-slider\\\\\"]::after,[class^=\\\\\"ant-slider\\\\\"] [class*=\\\\\" ant-slider\\\\\"]::after,[class*=\\\\\" ant-slider\\\\\"] [class*=\\\\\" ant-slider\\\\\"]::after{box-sizing:border-box;}.ant-slider{box-sizing:border-box;margin:11px 5px;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;height:10px;cursor:pointer;touch-action:none;}.ant-slider-vertical{margin:5px 11px;}.ant-slider .ant-slider-rail{position:absolute;background-color:rgba(255, 255, 255, 0.08);border-radius:2px;transition:background-color 0.2s;}.ant-slider .ant-slider-track{position:absolute;background-color:#0e340e;border-radius:2px;transition:background-color 0.2s;}.ant-slider:hover .ant-slider-rail{background-color:rgba(255, 255, 255, 0.12);}.ant-slider:hover .ant-slider-track{background-color:#0b450b;}.ant-slider:hover .ant-slider-dot{border-color:rgba(255, 255, 255, 0.18);}.ant-slider:hover .ant-slider-handle::after{box-shadow:0 0 0 2px #0b450b;}.ant-slider:hover .ant-slider-dot-active{border-color:#037003;}.ant-slider .ant-slider-handle{position:absolute;width:10px;height:10px;outline:none;}.ant-slider .ant-slider-handle .ant-slider-dragging{z-index:1;}.ant-slider .ant-slider-handle::before{content:\\\\\"\\\\\";position:absolute;inset-inline-start:-2px;inset-block-start:-2px;width:14px;height:14px;background-color:transparent;}.ant-slider .ant-slider-handle::after{content:\\\\\"\\\\\";position:absolute;inset-block-start:0;inset-inline-start:0;width:10px;height:10px;background-color:#1f1f1f;box-shadow:0 0 0 2px #0e340e;border-radius:50%;cursor:pointer;transition:inset-inline-start 0.2s,inset-block-start 0.2s,width 0.2s,height 0.2s,box-shadow 0.2s;}.ant-slider .ant-slider-handle:hover::before,.ant-slider .ant-slider-handle:active::before,.ant-slider .ant-slider-handle:focus::before{inset-inline-start:-5px;inset-block-start:-5px;width:20px;height:20px;}.ant-slider .ant-slider-handle:hover::after,.ant-slider .ant-slider-handle:active::after,.ant-slider .ant-slider-handle:focus::after{box-shadow:0 0 0 4px #037003;width:12px;height:12px;inset-inline-start:-1px;inset-block-start:-1px;}.ant-slider .ant-slider-mark{position:absolute;font-size:14px;}.ant-slider .ant-slider-mark-text{position:absolute;display:inline-block;color:rgba(255, 255, 255, 0.45);text-align:center;word-break:keep-all;cursor:pointer;user-select:none;}.ant-slider .ant-slider-mark-text-active{color:rgba(255, 255, 255, 0.85);}.ant-slider .ant-slider-step{position:absolute;background:transparent;pointer-events:none;}.ant-slider .ant-slider-dot{position:absolute;width:8px;height:8px;background-color:#1f1f1f;border:2px solid #303030;border-radius:50%;cursor:pointer;transition:border-color 0.3s;}.ant-slider .ant-slider-dot-active{border-color:#0e340e;}.ant-slider.ant-slider-disabled{cursor:not-allowed;}.ant-slider.ant-slider-disabled .ant-slider-rail{background-color:rgba(255, 255, 255, 0.12)!important;}.ant-slider.ant-slider-disabled .ant-slider-track{background-color:rgba(255, 255, 255, 0.25)!important;}.ant-slider.ant-slider-disabled .ant-slider-dot{background-color:#1f1f1f;border-color:rgba(255, 255, 255, 0.25);box-shadow:none;cursor:not-allowed;}.ant-slider.ant-slider-disabled .ant-slider-handle::after{background-color:#1f1f1f;cursor:not-allowed;width:10px;height:10px;box-shadow:0 0 0 2px #4f4f4f;inset-inline-start:0;inset-block-start:0;}.ant-slider.ant-slider-disabled .ant-slider-mark-text,.ant-slider.ant-slider-disabled .ant-slider-dot{cursor:not-allowed!important;}.ant-slider-horizontal{padding-block:4px;height:12px;}.ant-slider-horizontal .ant-slider-rail{width:100%;height:4px;}.ant-slider-horizontal .ant-slider-track{height:4px;}.ant-slider-horizontal .ant-slider-handle{inset-block-start:1px;}.ant-slider-horizontal .ant-slider-mark{inset-inline-start:0;top:10px;width:100%;}.ant-slider-horizontal .ant-slider-step{inset-inline-start:0;top:4px;width:100%;height:4px;}.ant-slider-horizontal .ant-slider-dot{position:absolute;inset-block-start:-2px;}.ant-slider-horizontal.ant-slider-with-marks{margin-bottom:30px;}.ant-slider-vertical{padding-inline:4px;width:12px;height:100%;}.ant-slider-vertical .ant-slider-rail{height:100%;width:4px;}.ant-slider-vertical .ant-slider-track{width:4px;}.ant-slider-vertical .ant-slider-handle{inset-inline-start:1px;}.ant-slider-vertical .ant-slider-mark{inset-inline-start:10px;top:0;height:100%;}.ant-slider-vertical .ant-slider-step{inset-inline-start:4px;top:0;height:100%;width:4px;}.ant-slider-vertical .ant-slider-dot{position:absolute;inset-inline-start:-2px;}[class^=\\\\\"ant-space\\\\\"],[class*=\\\\\" ant-space\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-space\\\\\"]::before,[class*=\\\\\" ant-space\\\\\"]::before,[class^=\\\\\"ant-space\\\\\"]::after,[class*=\\\\\" ant-space\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-space\\\\\"] [class^=\\\\\"ant-space\\\\\"],[class*=\\\\\" ant-space\\\\\"] [class^=\\\\\"ant-space\\\\\"],[class^=\\\\\"ant-space\\\\\"] [class*=\\\\\" ant-space\\\\\"],[class*=\\\\\" ant-space\\\\\"] [class*=\\\\\" ant-space\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-space\\\\\"] [class^=\\\\\"ant-space\\\\\"]::before,[class*=\\\\\" ant-space\\\\\"] [class^=\\\\\"ant-space\\\\\"]::before,[class^=\\\\\"ant-space\\\\\"] [class*=\\\\\" ant-space\\\\\"]::before,[class*=\\\\\" ant-space\\\\\"] [class*=\\\\\" ant-space\\\\\"]::before,[class^=\\\\\"ant-space\\\\\"] [class^=\\\\\"ant-space\\\\\"]::after,[class*=\\\\\" ant-space\\\\\"] [class^=\\\\\"ant-space\\\\\"]::after,[class^=\\\\\"ant-space\\\\\"] [class*=\\\\\" ant-space\\\\\"]::after,[class*=\\\\\" ant-space\\\\\"] [class*=\\\\\" ant-space\\\\\"]::after{box-sizing:border-box;}.ant-space{display:inline-flex;}.ant-space-rtl{direction:rtl;}.ant-space-vertical{flex-direction:column;}.ant-space-align{flex-direction:column;}.ant-space-align-center{align-items:center;}.ant-space-align-start{align-items:flex-start;}.ant-space-align-end{align-items:flex-end;}.ant-space-align-baseline{align-items:baseline;}.ant-space .ant-space-space-item:empty{display:none;}.ant-space{display:inline-flex;}.ant-space-block{display:flex;width:100%;}.ant-space-vertical{flex-direction:column;}[class^=\\\\\"ant-space-compact\\\\\"],[class*=\\\\\" ant-space-compact\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-space-compact\\\\\"]::before,[class*=\\\\\" ant-space-compact\\\\\"]::before,[class^=\\\\\"ant-space-compact\\\\\"]::after,[class*=\\\\\" ant-space-compact\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-space-compact\\\\\"] [class^=\\\\\"ant-space-compact\\\\\"],[class*=\\\\\" ant-space-compact\\\\\"] [class^=\\\\\"ant-space-compact\\\\\"],[class^=\\\\\"ant-space-compact\\\\\"] [class*=\\\\\" ant-space-compact\\\\\"],[class*=\\\\\" ant-space-compact\\\\\"] [class*=\\\\\" ant-space-compact\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-space-compact\\\\\"] [class^=\\\\\"ant-space-compact\\\\\"]::before,[class*=\\\\\" ant-space-compact\\\\\"] [class^=\\\\\"ant-space-compact\\\\\"]::before,[class^=\\\\\"ant-space-compact\\\\\"] [class*=\\\\\" ant-space-compact\\\\\"]::before,[class*=\\\\\" ant-space-compact\\\\\"] [class*=\\\\\" ant-space-compact\\\\\"]::before,[class^=\\\\\"ant-space-compact\\\\\"] [class^=\\\\\"ant-space-compact\\\\\"]::after,[class*=\\\\\" ant-space-compact\\\\\"] [class^=\\\\\"ant-space-compact\\\\\"]::after,[class^=\\\\\"ant-space-compact\\\\\"] [class*=\\\\\" ant-space-compact\\\\\"]::after,[class*=\\\\\" ant-space-compact\\\\\"] [class*=\\\\\" ant-space-compact\\\\\"]::after{box-sizing:border-box;}.ant-space-compact{display:inline-flex;}.ant-space-compact-rtl{direction:rtl;}.ant-space-compact-vertical{flex-direction:column;}.ant-space-compact-align{flex-direction:column;}.ant-space-compact-align-center{align-items:center;}.ant-space-compact-align-start{align-items:flex-start;}.ant-space-compact-align-end{align-items:flex-end;}.ant-space-compact-align-baseline{align-items:baseline;}.ant-space-compact .ant-space-compact-space-item:empty{display:none;}.ant-space-compact{display:inline-flex;}.ant-space-compact-block{display:flex;width:100%;}.ant-space-compact-vertical{flex-direction:column;}[class^=\\\\\"ant-steps\\\\\"],[class*=\\\\\" ant-steps\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-steps\\\\\"]::before,[class*=\\\\\" ant-steps\\\\\"]::before,[class^=\\\\\"ant-steps\\\\\"]::after,[class*=\\\\\" ant-steps\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-steps\\\\\"] [class^=\\\\\"ant-steps\\\\\"],[class*=\\\\\" ant-steps\\\\\"] [class^=\\\\\"ant-steps\\\\\"],[class^=\\\\\"ant-steps\\\\\"] [class*=\\\\\" ant-steps\\\\\"],[class*=\\\\\" ant-steps\\\\\"] [class*=\\\\\" ant-steps\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-steps\\\\\"] [class^=\\\\\"ant-steps\\\\\"]::before,[class*=\\\\\" ant-steps\\\\\"] [class^=\\\\\"ant-steps\\\\\"]::before,[class^=\\\\\"ant-steps\\\\\"] [class*=\\\\\" ant-steps\\\\\"]::before,[class*=\\\\\" ant-steps\\\\\"] [class*=\\\\\" ant-steps\\\\\"]::before,[class^=\\\\\"ant-steps\\\\\"] [class^=\\\\\"ant-steps\\\\\"]::after,[class*=\\\\\" ant-steps\\\\\"] [class^=\\\\\"ant-steps\\\\\"]::after,[class^=\\\\\"ant-steps\\\\\"] [class*=\\\\\" ant-steps\\\\\"]::after,[class*=\\\\\" ant-steps\\\\\"] [class*=\\\\\" ant-steps\\\\\"]::after{box-sizing:border-box;}.ant-steps{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:0;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:flex;width:100%;text-align:initial;}.ant-steps .ant-steps-item{position:relative;display:inline-block;flex:1;overflow:hidden;vertical-align:top;}.ant-steps .ant-steps-item:last-child{flex:none;}.ant-steps .ant-steps-item:last-child >.ant-steps-item-container>.ant-steps-item-tail,.ant-steps .ant-steps-item:last-child >.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after{display:none;}.ant-steps .ant-steps-item-container{outline:none;}.ant-steps .ant-steps-item-icon,.ant-steps .ant-steps-item-content{display:inline-block;vertical-align:top;}.ant-steps .ant-steps-item-icon{width:32px;height:32px;margin-top:0;margin-bottom:0;margin-inline-start:0;margin-inline-end:8px;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:32px;text-align:center;border-radius:32px;border:1px solid transparent;transition:background-color 0.3s,border-color 0.3s;}.ant-steps .ant-steps-item-icon .ant-steps-icon{position:relative;top:-0.5px;color:#037003;line-height:1;}.ant-steps .ant-steps-item-tail{position:absolute;top:12px;inset-inline-start:0;width:100%;}.ant-steps .ant-steps-item-tail::after{display:inline-block;width:100%;height:1px;background:rgba(253, 253, 253, 0.12);border-radius:1px;transition:background 0.3s;content:\\\\\"\\\\\";}.ant-steps .ant-steps-item-title{position:relative;display:inline-block;padding-inline-end:16px;color:rgba(255, 255, 255, 0.85);font-size:16px;line-height:32px;}.ant-steps .ant-steps-item-title::after{position:absolute;top:16px;inset-inline-start:100%;display:block;width:9999px;height:1px;background:rgba(253, 253, 253, 0.12);content:\\\\\"\\\\\";}.ant-steps .ant-steps-item-subtitle{display:inline;margin-inline-start:8px;color:rgba(255, 255, 255, 0.45);font-weight:normal;font-size:14px;}.ant-steps .ant-steps-item-description{color:rgba(255, 255, 255, 0.45);font-size:14px;}.ant-steps .ant-steps-item-wait .ant-steps-item-icon{background-color:rgba(255, 255, 255, 0.12);border-color:transparent;}.ant-steps .ant-steps-item-wait .ant-steps-item-icon >.ant-steps-icon{color:rgba(255, 255, 255, 0.65);}.ant-steps .ant-steps-item-wait .ant-steps-item-icon >.ant-steps-icon .ant-steps-icon-dot{background:rgba(255, 255, 255, 0.25);}.ant-steps .ant-steps-item-wait.ant-steps-item-custom .ant-steps-item-icon >.ant-steps-icon{color:rgba(255, 255, 255, 0.25);}.ant-steps .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:rgba(255, 255, 255, 0.45);}.ant-steps .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after{background-color:rgba(253, 253, 253, 0.12);}.ant-steps .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description{color:rgba(255, 255, 255, 0.45);}.ant-steps .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-tail::after{background-color:rgba(253, 253, 253, 0.12);}.ant-steps .ant-steps-item-process .ant-steps-item-icon{background-color:#037003;border-color:#037003;}.ant-steps .ant-steps-item-process .ant-steps-item-icon >.ant-steps-icon{color:#fff;}.ant-steps .ant-steps-item-process .ant-steps-item-icon >.ant-steps-icon .ant-steps-icon-dot{background:#037003;}.ant-steps .ant-steps-item-process.ant-steps-item-custom .ant-steps-item-icon >.ant-steps-icon{color:#037003;}.ant-steps .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:rgba(255, 255, 255, 0.85);}.ant-steps .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after{background-color:rgba(253, 253, 253, 0.12);}.ant-steps .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description{color:rgba(255, 255, 255, 0.85);}.ant-steps .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail::after{background-color:rgba(253, 253, 253, 0.12);}.ant-steps .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-title{font-weight:600;}.ant-steps .ant-steps-item-finish .ant-steps-item-icon{background-color:#111911;border-color:#111911;}.ant-steps .ant-steps-item-finish .ant-steps-item-icon >.ant-steps-icon{color:#037003;}.ant-steps .ant-steps-item-finish .ant-steps-item-icon >.ant-steps-icon .ant-steps-icon-dot{background:#037003;}.ant-steps .ant-steps-item-finish.ant-steps-item-custom .ant-steps-item-icon >.ant-steps-icon{color:#037003;}.ant-steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:rgba(255, 255, 255, 0.85);}.ant-steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after{background-color:#037003;}.ant-steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description{color:rgba(255, 255, 255, 0.45);}.ant-steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-tail::after{background-color:#037003;}.ant-steps .ant-steps-item-error .ant-steps-item-icon{background-color:#dc4446;border-color:#dc4446;}.ant-steps .ant-steps-item-error .ant-steps-item-icon >.ant-steps-icon{color:#fff;}.ant-steps .ant-steps-item-error .ant-steps-item-icon >.ant-steps-icon .ant-steps-icon-dot{background:#dc4446;}.ant-steps .ant-steps-item-error.ant-steps-item-custom .ant-steps-item-icon >.ant-steps-icon{color:#dc4446;}.ant-steps .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:#dc4446;}.ant-steps .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after{background-color:rgba(253, 253, 253, 0.12);}.ant-steps .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description{color:#dc4446;}.ant-steps .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-tail::after{background-color:rgba(253, 253, 253, 0.12);}.ant-steps .ant-steps-item.ant-steps-next-error>.ant-steps-item-title::after{background:#dc4446;}.ant-steps .ant-steps-item-disabled{cursor:not-allowed;}.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button']{cursor:pointer;}.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button'] .ant-steps-item-title,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button'] .ant-steps-item-subtitle,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button'] .ant-steps-item-description,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon{transition:color 0.3s;}.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button']:hover .ant-steps-item-title,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button']:hover .ant-steps-item-description{color:#037003;}.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role='button']:hover .ant-steps-item-icon{border-color:#037003;}.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon{color:#037003;}.ant-steps.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{padding-inline-start:16px;white-space:nowrap;}.ant-steps.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child{padding-inline-start:0;}.ant-steps.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title{padding-inline-end:0;}.ant-steps.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail{display:none;}.ant-steps.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description{max-width:140px;white-space:normal;}.ant-steps .ant-steps-item-custom >.ant-steps-item-container>.ant-steps-item-icon{height:auto;background:none;border:0;}.ant-steps .ant-steps-item-custom >.ant-steps-item-container>.ant-steps-item-icon >.ant-steps-icon{top:0;width:32px;height:32px;font-size:20px;line-height:32px;}.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon{width:auto;background:none;}.ant-steps.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{padding-inline-start:12px;}.ant-steps.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child{padding-inline-start:0;}.ant-steps.ant-steps-small .ant-steps-item-icon{width:24px;height:24px;margin-top:0;margin-bottom:0;margin-inline:0 8px;font-size:12px;line-height:24px;text-align:center;border-radius:24px;}.ant-steps.ant-steps-small .ant-steps-item-title{padding-inline-end:12px;font-size:14px;line-height:24px;}.ant-steps.ant-steps-small .ant-steps-item-title::after{top:12px;}.ant-steps.ant-steps-small .ant-steps-item-description{color:rgba(255, 255, 255, 0.45);font-size:14px;}.ant-steps.ant-steps-small .ant-steps-item-tail{top:8px;}.ant-steps.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon{width:inherit;height:inherit;line-height:inherit;background:none;border:0;border-radius:0;}.ant-steps.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon >.ant-steps-icon{font-size:24px;line-height:24px;transform:none;}.ant-steps.ant-steps-vertical{display:flex;flex-direction:column;}.ant-steps.ant-steps-vertical >.ant-steps-item{display:block;flex:1 0 auto;padding-inline-start:0;overflow:visible;}.ant-steps.ant-steps-vertical >.ant-steps-item .ant-steps-item-icon{float:left;margin-inline-end:16px;}.ant-steps.ant-steps-vertical >.ant-steps-item .ant-steps-item-content{display:block;min-height:48px;overflow:hidden;}.ant-steps.ant-steps-vertical >.ant-steps-item .ant-steps-item-title{line-height:32px;}.ant-steps.ant-steps-vertical >.ant-steps-item .ant-steps-item-description{padding-bottom:12px;}.ant-steps.ant-steps-vertical >.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{position:absolute;top:0;inset-inline-start:15px;width:1px;height:100%;padding:38px 0 6px;}.ant-steps.ant-steps-vertical >.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail::after{width:1px;height:100%;}.ant-steps.ant-steps-vertical >.ant-steps-item:not(:last-child)>.ant-steps-item-container>.ant-steps-item-tail{display:block;}.ant-steps.ant-steps-vertical >.ant-steps-item>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after{display:none;}.ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail{position:absolute;top:0;inset-inline-start:11px;padding:30px 0 6px;}.ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title{line-height:24px;}.ant-steps.ant-steps-label-vertical .ant-steps-item{overflow:visible;}.ant-steps.ant-steps-label-vertical .ant-steps-item-tail{margin-inline-start:56px;padding:4px 24px;}.ant-steps.ant-steps-label-vertical .ant-steps-item-content{display:block;width:112px;margin-top:12px;text-align:center;}.ant-steps.ant-steps-label-vertical .ant-steps-item-icon{display:inline-block;margin-inline-start:40px;}.ant-steps.ant-steps-label-vertical .ant-steps-item-title{padding-inline-end:0;padding-inline-start:0;}.ant-steps.ant-steps-label-vertical .ant-steps-item-title::after{display:none;}.ant-steps.ant-steps-label-vertical .ant-steps-item-subtitle{display:block;margin-bottom:4px;margin-inline-start:0;line-height:1.5714285714285714;}.ant-steps.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon{margin-inline-start:44px;}.ant-steps.ant-steps-dot .ant-steps-item-title,.ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-title{line-height:1.5714285714285714;}.ant-steps.ant-steps-dot .ant-steps-item-tail,.ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-tail{top:2px;width:100%;margin-top:0;margin-bottom:0;margin-inline:70px 0;padding:0;}.ant-steps.ant-steps-dot .ant-steps-item-tail::after,.ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after{width:calc(100% - 24px);height:3px;margin-inline-start:12px;}.ant-steps.ant-steps-dot .ant-steps-item-icon,.ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-icon{width:8px;height:8px;margin-inline-start:66px;padding-inline-end:0;line-height:8px;background:transparent;border:0;}.ant-steps.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,.ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot{position:relative;float:left;width:100%;height:100%;border-radius:100px;transition:all 0.3s;}.ant-steps.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,.ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after{position:absolute;top:-12px;inset-inline-start:-26px;width:60px;height:32px;background:transparent;content:\\\\\"\\\\\";}.ant-steps.ant-steps-dot .ant-steps-item-content,.ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-content{width:140px;}.ant-steps.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,.ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon{position:relative;top:-1px;width:10px;height:10px;line-height:10px;background:none;margin-inline-start:65px;}.ant-steps.ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot,.ant-steps.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot{inset-inline-start:0;}.ant-steps.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon{margin-top:12px;margin-inline-start:0;background:none;}.ant-steps.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon{margin-top:11px;top:0;inset-inline-start:-1px;margin-inline-start:0;}.ant-steps.ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{top:12px;inset-inline-start:0;margin:0;padding:16px 0 8px;}.ant-steps.ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail::after{margin-inline-start:3.5px;}.ant-steps.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item-icon{margin-top:8px;}.ant-steps.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon{margin-top:7px;}.ant-steps.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{top:8px;}.ant-steps.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot{inset-inline-start:0;}.ant-steps.ant-steps-vertical.ant-steps-dot .ant-steps-item-content{width:inherit;}.ant-steps.ant-steps-navigation{padding-top:12px;}.ant-steps.ant-steps-navigation.ant-steps-small .ant-steps-item-container{margin-inline-start:-12px;}.ant-steps.ant-steps-navigation .ant-steps-item{overflow:visible;text-align:center;}.ant-steps.ant-steps-navigation .ant-steps-item-container{display:inline-block;height:100%;margin-inline-start:-16px;padding-bottom:12px;text-align:start;transition:opacity 0.3s;}.ant-steps.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content{max-width:auto;}.ant-steps.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title{max-width:100%;padding-inline-end:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.ant-steps.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after{display:none;}.ant-steps.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']{cursor:pointer;}.ant-steps.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover{opacity:0.85;}.ant-steps.ant-steps-navigation .ant-steps-item:last-child{flex:1;}.ant-steps.ant-steps-navigation .ant-steps-item:last-child::after{display:none;}.ant-steps.ant-steps-navigation .ant-steps-item::after{position:absolute;top:calc(50% - 6px);inset-inline-start:100%;display:inline-block;width:12px;height:12px;border-top:1px solid rgba(255, 255, 255, 0.25);border-bottom:none;border-inline-start:none;border-inline-end:1px solid rgba(255, 255, 255, 0.25);transform:translateY(-50%) translateX(-50%) rotate(45deg);content:\\\\\"\\\\\";}.ant-steps.ant-steps-navigation .ant-steps-item::before{position:absolute;bottom:0;inset-inline-start:50%;display:inline-block;width:0;height:2px;background-color:#037003;transition:width 0.3s,inset-inline-start 0.3s;transition-timing-function:ease-out;content:\\\\\"\\\\\";}.ant-steps.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before{inset-inline-start:0;width:100%;}.ant-steps.ant-steps-navigation.ant-steps-vertical >.ant-steps-item{margin-inline-end:0;}.ant-steps.ant-steps-navigation.ant-steps-vertical >.ant-steps-item::before{display:none;}.ant-steps.ant-steps-navigation.ant-steps-vertical >.ant-steps-item.ant-steps-item-active::before{top:0;inset-inline-end:0;inset-inline-start:unset;display:block;width:3px;height:calc(100% - 24px);}.ant-steps.ant-steps-navigation.ant-steps-vertical >.ant-steps-item::after{position:relative;inset-inline-start:50%;display:block;width:8px;height:8px;margin-bottom:8px;text-align:center;transform:translateY(-50%) translateX(-50%) rotate(135deg);}.ant-steps.ant-steps-navigation.ant-steps-vertical >.ant-steps-item >.ant-steps-item-container>.ant-steps-item-tail{visibility:hidden;}.ant-steps.ant-steps-navigation.ant-steps-horizontal >.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{visibility:hidden;}.ant-steps.ant-steps-rtl{direction:rtl;}.ant-steps.ant-steps-rtl .ant-steps-item-subtitle{float:left;}.ant-steps.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after{transform:rotate(-45deg);}.ant-steps.ant-steps-rtl.ant-steps-vertical >.ant-steps-item::after{transform:rotate(225deg);}.ant-steps.ant-steps-rtl.ant-steps-vertical >.ant-steps-item .ant-steps-item-icon{float:right;}.ant-steps.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,.ant-steps.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot{float:right;}.ant-steps.ant-steps-with-progress .ant-steps-item{padding-top:4px;}.ant-steps.ant-steps-with-progress .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon{color:#fff;}.ant-steps.ant-steps-with-progress.ant-steps-vertical>.ant-steps-item{padding-inline-start:4px;}.ant-steps.ant-steps-with-progress.ant-steps-vertical>.ant-steps-item >.ant-steps-item-container>.ant-steps-item-tail{top:4px;inset-inline-start:19px;}.ant-steps.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child,.ant-steps.ant-steps-with-progress.ant-steps-small.ant-steps-horizontal .ant-steps-item:first-child{padding-bottom:4px;padding-inline-start:4px;}.ant-steps.ant-steps-with-progress.ant-steps-small.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{inset-inline-start:15px;}.ant-steps.ant-steps-with-progress.ant-steps-label-vertical .ant-steps-item .ant-steps-item-tail{top:14px;}.ant-steps.ant-steps-with-progress .ant-steps-item-icon{position:relative;}.ant-steps.ant-steps-with-progress .ant-steps-item-icon .ant-progress{position:absolute;inset-block-start:-5px;inset-inline-start:-5px;}.ant-steps.ant-steps-inline{width:auto;display:inline-flex;}.ant-steps.ant-steps-inline .ant-steps-item{flex:none;}.ant-steps.ant-steps-inline .ant-steps-item-container{padding:9px 4px 0;margin:0 2px;border-radius:4px;cursor:pointer;transition:background-color 0.2s;}.ant-steps.ant-steps-inline .ant-steps-item-container:hover{background:rgba(255, 255, 255, 0.08);}.ant-steps.ant-steps-inline .ant-steps-item-container[role='button']:hover{opacity:1;}.ant-steps.ant-steps-inline .ant-steps-item-icon{width:6px;height:6px;margin-inline-start:calc(50% - 3px);}.ant-steps.ant-steps-inline .ant-steps-item-icon >.ant-steps-icon{top:0;}.ant-steps.ant-steps-inline .ant-steps-item-icon .ant-steps-icon-dot{border-radius:3px;}.ant-steps.ant-steps-inline .ant-steps-item-content{width:auto;margin-top:7px;}.ant-steps.ant-steps-inline .ant-steps-item-title{color:rgba(255, 255, 255, 0.25);font-size:12px;line-height:1.6666666666666667;font-weight:normal;margin-bottom:2px;}.ant-steps.ant-steps-inline .ant-steps-item-description{display:none;}.ant-steps.ant-steps-inline .ant-steps-item-tail{margin-inline-start:0;top:12px;transform:translateY(-50%);}.ant-steps.ant-steps-inline .ant-steps-item-tail:after{width:100%;height:1px;border-radius:0;margin-inline-start:0;background:#303030;}.ant-steps.ant-steps-inline .ant-steps-item:first-child .ant-steps-item-tail{width:50%;margin-inline-start:50%;}.ant-steps.ant-steps-inline .ant-steps-item:last-child .ant-steps-item-tail{display:block;width:50%;}.ant-steps.ant-steps-inline .ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon .ant-steps-icon-dot{background-color:#141414;border:1px solid #303030;}.ant-steps.ant-steps-inline .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title{color:rgba(255, 255, 255, 0.25);}.ant-steps.ant-steps-inline .ant-steps-item-finish .ant-steps-item-tail::after{background-color:#303030;}.ant-steps.ant-steps-inline .ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon .ant-steps-icon-dot{background-color:#303030;border:1px solid #303030;}.ant-steps.ant-steps-inline .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title{color:rgba(255, 255, 255, 0.25);}.ant-steps.ant-steps-inline .ant-steps-item-error .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title{color:rgba(255, 255, 255, 0.25);}.ant-steps.ant-steps-inline .ant-steps-item-active .ant-steps-item-icon,.ant-steps.ant-steps-inline .ant-steps-item-process .ant-steps-item-icon{width:6px;height:6px;margin-inline-start:calc(50% - 3px);top:0;}.ant-steps.ant-steps-inline .ant-steps-item-active .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title,.ant-steps.ant-steps-inline .ant-steps-item-process .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title{color:rgba(255, 255, 255, 0.25);}.ant-steps.ant-steps-inline .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button']:hover .ant-steps-item-title{color:rgba(255, 255, 255, 0.25);}[class^=\\\\\"ant-switch\\\\\"],[class*=\\\\\" ant-switch\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-switch\\\\\"]::before,[class*=\\\\\" ant-switch\\\\\"]::before,[class^=\\\\\"ant-switch\\\\\"]::after,[class*=\\\\\" ant-switch\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-switch\\\\\"] [class^=\\\\\"ant-switch\\\\\"],[class*=\\\\\" ant-switch\\\\\"] [class^=\\\\\"ant-switch\\\\\"],[class^=\\\\\"ant-switch\\\\\"] [class*=\\\\\" ant-switch\\\\\"],[class*=\\\\\" ant-switch\\\\\"] [class*=\\\\\" ant-switch\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-switch\\\\\"] [class^=\\\\\"ant-switch\\\\\"]::before,[class*=\\\\\" ant-switch\\\\\"] [class^=\\\\\"ant-switch\\\\\"]::before,[class^=\\\\\"ant-switch\\\\\"] [class*=\\\\\" ant-switch\\\\\"]::before,[class*=\\\\\" ant-switch\\\\\"] [class*=\\\\\" ant-switch\\\\\"]::before,[class^=\\\\\"ant-switch\\\\\"] [class^=\\\\\"ant-switch\\\\\"]::after,[class*=\\\\\" ant-switch\\\\\"] [class^=\\\\\"ant-switch\\\\\"]::after,[class^=\\\\\"ant-switch\\\\\"] [class*=\\\\\" ant-switch\\\\\"]::after,[class*=\\\\\" ant-switch\\\\\"] [class*=\\\\\" ant-switch\\\\\"]::after{box-sizing:border-box;}.ant-switch{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:22px;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;display:inline-block;min-width:44px;height:22px;vertical-align:middle;background:rgba(255, 255, 255, 0.25);border:0;border-radius:100px;cursor:pointer;transition:all 0.2s;user-select:none;}.ant-switch:hover:not(.ant-switch-disabled){background:rgba(255, 255, 255, 0.45);}.ant-switch:focus-visible{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-switch.ant-switch-checked{background:#037003;}.ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled){background:#198016;}.ant-switch.ant-switch-loading,.ant-switch.ant-switch-disabled{cursor:not-allowed;opacity:0.65;}.ant-switch.ant-switch-loading *,.ant-switch.ant-switch-disabled *{box-shadow:none;cursor:not-allowed;}.ant-switch.ant-switch-rtl{direction:rtl;}.ant-switch .ant-switch-inner{display:block;overflow:hidden;border-radius:100px;height:100%;padding-inline-start:24px;padding-inline-end:9px;transition:padding-inline-start 0.2s ease-in-out,padding-inline-end 0.2s ease-in-out;}.ant-switch .ant-switch-inner .ant-switch-inner-checked,.ant-switch .ant-switch-inner .ant-switch-inner-unchecked{display:block;color:#fff;font-size:12px;transition:margin-inline-start 0.2s ease-in-out,margin-inline-end 0.2s ease-in-out;pointer-events:none;}.ant-switch .ant-switch-inner .ant-switch-inner-checked{margin-inline-start:calc(-100% + 22px - 48px);margin-inline-end:calc(100% - 22px + 48px);}.ant-switch .ant-switch-inner .ant-switch-inner-unchecked{margin-top:-22px;margin-inline-start:0;margin-inline-end:0;}.ant-switch.ant-switch-checked .ant-switch-inner{padding-inline-start:9px;padding-inline-end:24px;}.ant-switch.ant-switch-checked .ant-switch-inner .ant-switch-inner-checked{margin-inline-start:0;margin-inline-end:0;}.ant-switch.ant-switch-checked .ant-switch-inner .ant-switch-inner-unchecked{margin-inline-start:calc(100% - 22px + 48px);margin-inline-end:calc(-100% + 22px - 48px);}.ant-switch:not(.ant-switch-disabled):active:not(.ant-switch-checked) .ant-switch-inner .ant-switch-inner-unchecked{margin-inline-start:4px;margin-inline-end:-4px;}.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-inner .ant-switch-inner-checked{margin-inline-start:-4px;margin-inline-end:4px;}.ant-switch .ant-switch-handle{position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;transition:all 0.2s ease-in-out;}.ant-switch .ant-switch-handle::before{position:absolute;top:0;inset-inline-end:0;bottom:0;inset-inline-start:0;background-color:#fff;border-radius:9px;box-shadow:0 2px 4px 0 rgba(0, 35, 11, 0.2);transition:all 0.2s ease-in-out;content:\\\\\"\\\\\";}.ant-switch.ant-switch-checked .ant-switch-handle{inset-inline-start:calc(100% - 20px);}.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before{inset-inline-end:-30%;inset-inline-start:0;}.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before{inset-inline-end:0;inset-inline-start:-30%;}.ant-switch .ant-switch-loading-icon.anticon{position:relative;top:2px;color:rgba(0, 0, 0, 0.65);vertical-align:top;}.ant-switch.ant-switch-checked .ant-switch-loading-icon{color:#037003;}.ant-switch.ant-switch-small{min-width:28px;height:16px;line-height:16px;}.ant-switch.ant-switch-small .ant-switch-inner{padding-inline-start:18px;padding-inline-end:6px;}.ant-switch.ant-switch-small .ant-switch-inner .ant-switch-inner-checked{margin-inline-start:calc(-100% + 16px - 36px);margin-inline-end:calc(100% - 16px + 36px);}.ant-switch.ant-switch-small .ant-switch-inner .ant-switch-inner-unchecked{margin-top:-16px;margin-inline-start:0;margin-inline-end:0;}.ant-switch.ant-switch-small .ant-switch-handle{width:12px;height:12px;}.ant-switch.ant-switch-small .ant-switch-loading-icon{top:1.5px;font-size:9px;}.ant-switch.ant-switch-small.ant-switch-checked .ant-switch-inner{padding-inline-start:6px;padding-inline-end:18px;}.ant-switch.ant-switch-small.ant-switch-checked .ant-switch-inner .ant-switch-inner-checked{margin-inline-start:0;margin-inline-end:0;}.ant-switch.ant-switch-small.ant-switch-checked .ant-switch-inner .ant-switch-inner-unchecked{margin-inline-start:calc(100% - 16px + 36px);margin-inline-end:calc(-100% + 16px - 36px);}.ant-switch.ant-switch-small.ant-switch-checked .ant-switch-handle{inset-inline-start:calc(100% - 14px);}.ant-switch.ant-switch-small:not(.ant-switch-disabled):active:not(.ant-switch-checked) .ant-switch-inner .ant-switch-inner-unchecked{margin-inline-start:2px;margin-inline-end:-2px;}.ant-switch.ant-switch-small:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-inner .ant-switch-inner-checked{margin-inline-start:-2px;margin-inline-end:2px;}[class^=\\\\\"ant-table\\\\\"],[class*=\\\\\" ant-table\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-table\\\\\"]::before,[class*=\\\\\" ant-table\\\\\"]::before,[class^=\\\\\"ant-table\\\\\"]::after,[class*=\\\\\" ant-table\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-table\\\\\"] [class^=\\\\\"ant-table\\\\\"],[class*=\\\\\" ant-table\\\\\"] [class^=\\\\\"ant-table\\\\\"],[class^=\\\\\"ant-table\\\\\"] [class*=\\\\\" ant-table\\\\\"],[class*=\\\\\" ant-table\\\\\"] [class*=\\\\\" ant-table\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-table\\\\\"] [class^=\\\\\"ant-table\\\\\"]::before,[class*=\\\\\" ant-table\\\\\"] [class^=\\\\\"ant-table\\\\\"]::before,[class^=\\\\\"ant-table\\\\\"] [class*=\\\\\" ant-table\\\\\"]::before,[class*=\\\\\" ant-table\\\\\"] [class*=\\\\\" ant-table\\\\\"]::before,[class^=\\\\\"ant-table\\\\\"] [class^=\\\\\"ant-table\\\\\"]::after,[class*=\\\\\" ant-table\\\\\"] [class^=\\\\\"ant-table\\\\\"]::after,[class^=\\\\\"ant-table\\\\\"] [class*=\\\\\" ant-table\\\\\"]::after,[class*=\\\\\" ant-table\\\\\"] [class*=\\\\\" ant-table\\\\\"]::after{box-sizing:border-box;}.ant-table-wrapper{clear:both;max-width:100%;}.ant-table-wrapper::before{display:table;content:\\\\\"\\\\\";}.ant-table-wrapper::after{display:table;clear:both;content:\\\\\"\\\\\";}.ant-table-wrapper .ant-table{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';background:#141414;border-radius:8px 8px 0 0;}.ant-table-wrapper table{width:100%;text-align:start;border-radius:8px 8px 0 0;border-collapse:separate;border-spacing:0;}.ant-table-wrapper .ant-table-thead>tr>th,.ant-table-wrapper .ant-table-tbody>tr>td,.ant-table-wrapper tfoot>tr>th,.ant-table-wrapper tfoot>tr>td{position:relative;padding:16px 16px;overflow-wrap:break-word;}.ant-table-wrapper .ant-table-title{padding:16px 16px;}.ant-table-wrapper .ant-table-thead >tr>th,.ant-table-wrapper .ant-table-thead >tr>td{position:relative;color:rgba(255, 255, 255, 0.85);font-weight:600;text-align:start;background:#1d1d1d;border-bottom:1px solid #303030;transition:background 0.2s ease;}.ant-table-wrapper .ant-table-thead >tr>th[colspan]:not([colspan='1']),.ant-table-wrapper .ant-table-thead >tr>td[colspan]:not([colspan='1']){text-align:center;}.ant-table-wrapper .ant-table-thead >tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before,.ant-table-wrapper .ant-table-thead >tr>td:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before{position:absolute;top:50%;inset-inline-end:0;width:1px;height:1.6em;background-color:#303030;transform:translateY(-50%);transition:background-color 0.2s;content:\\\\\"\\\\\";}.ant-table-wrapper .ant-table-thead >tr:not(:last-child)>th[colspan]{border-bottom:0;}.ant-table-wrapper .ant-table:not(.ant-table-bordered) .ant-table-tbody >tr >td{border-top:1px solid #303030;border-bottom:transparent;}.ant-table-wrapper .ant-table:not(.ant-table-bordered) .ant-table-tbody >tr:last-child>td{border-bottom:1px solid #303030;}.ant-table-wrapper .ant-table:not(.ant-table-bordered) .ant-table-tbody >tr:first-child>td,.ant-table-wrapper .ant-table:not(.ant-table-bordered) .ant-table-tbody >tr.ant-table-measure-row+tr>td{border-top:none;border-top-color:transparent;}.ant-table-wrapper .ant-table.ant-table-bordered .ant-table-tbody >tr >td{border-bottom:1px solid #303030;}.ant-table-wrapper .ant-table-tbody >tr >td{transition:background 0.2s,border-color 0.2s;}.ant-table-wrapper .ant-table-tbody >tr >td >.ant-table-wrapper:only-child .ant-table,.ant-table-wrapper .ant-table-tbody >tr >td >.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table{margin-block:-16px;margin-inline:32px -16px;}.ant-table-wrapper .ant-table-tbody >tr >td >.ant-table-wrapper:only-child .ant-table .ant-table-tbody>tr:last-child>td,.ant-table-wrapper .ant-table-tbody >tr >td >.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table .ant-table-tbody>tr:last-child>td{border-bottom:0;}.ant-table-wrapper .ant-table-tbody >tr >td >.ant-table-wrapper:only-child .ant-table .ant-table-tbody>tr:last-child>td:first-child,.ant-table-wrapper .ant-table-tbody >tr >td >.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table .ant-table-tbody>tr:last-child>td:first-child,.ant-table-wrapper .ant-table-tbody >tr >td >.ant-table-wrapper:only-child .ant-table .ant-table-tbody>tr:last-child>td:last-child,.ant-table-wrapper .ant-table-tbody >tr >td >.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table .ant-table-tbody>tr:last-child>td:last-child{border-radius:0;}.ant-table-wrapper .ant-table-tbody >tr.ant-table-row:hover>td,.ant-table-wrapper .ant-table-tbody >tr >td.ant-table-cell-row-hover{background:#1d1d1d;}.ant-table-wrapper .ant-table-tbody >tr.ant-table-row-selected >td{background:#111911;}.ant-table-wrapper .ant-table-tbody >tr.ant-table-row-selected:hover>td{background:#0f2510;}.ant-table-wrapper .ant-table-footer{padding:16px 16px;color:rgba(255, 255, 255, 0.85);background:#1d1d1d;}.ant-table-wrapper .ant-table-pagination.ant-pagination{margin:16px 0;}.ant-table-wrapper .ant-table-pagination{display:flex;flex-wrap:wrap;row-gap:8px;}.ant-table-wrapper .ant-table-pagination >*{flex:none;}.ant-table-wrapper .ant-table-pagination-left{justify-content:flex-start;}.ant-table-wrapper .ant-table-pagination-center{justify-content:center;}.ant-table-wrapper .ant-table-pagination-right{justify-content:flex-end;}.ant-table-wrapper .ant-table-summary{position:relative;z-index:2;background:#141414;}.ant-table-wrapper .ant-table-summary >tr >th,.ant-table-wrapper .ant-table-summary >tr >td{border-bottom:1px solid #303030;}.ant-table-wrapper div.ant-table-summary{box-shadow:0 -1px 0 #303030;}.ant-table-wrapper .ant-table-thead th.ant-table-column-has-sorters{outline:none;cursor:pointer;transition:all 0.3s;}.ant-table-wrapper .ant-table-thead th.ant-table-column-has-sorters:hover{background:#303030;}.ant-table-wrapper .ant-table-thead th.ant-table-column-has-sorters:hover::before{background-color:transparent!important;}.ant-table-wrapper .ant-table-thead th.ant-table-column-has-sorters:focus-visible{color:#037003;}.ant-table-wrapper .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,.ant-table-wrapper .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover{background:#303030;}.ant-table-wrapper .ant-table-thead th.ant-table-column-sort{background:#303030;}.ant-table-wrapper .ant-table-thead th.ant-table-column-sort::before{background-color:transparent!important;}.ant-table-wrapper td.ant-table-column-sort{background:#1d1d1d;}.ant-table-wrapper .ant-table-column-title{position:relative;z-index:1;flex:1;}.ant-table-wrapper .ant-table-column-sorters{display:flex;flex:auto;align-items:center;justify-content:space-between;}.ant-table-wrapper .ant-table-column-sorters::after{position:absolute;inset:0;width:100%;height:100%;content:\\\\\"\\\\\";}.ant-table-wrapper .ant-table-column-sorter{margin-inline-start:4px;color:rgba(255, 255, 255, 0.29);font-size:0;transition:color 0.3s;}.ant-table-wrapper .ant-table-column-sorter-inner{display:inline-flex;flex-direction:column;align-items:center;}.ant-table-wrapper .ant-table-column-sorter-up,.ant-table-wrapper .ant-table-column-sorter-down{font-size:12px;}.ant-table-wrapper .ant-table-column-sorter-up.active,.ant-table-wrapper .ant-table-column-sorter-down.active{color:#037003;}.ant-table-wrapper .ant-table-column-sorter .ant-table-column-sorter-up+.ant-table-column-sorter-down{margin-top:-0.3em;}.ant-table-wrapper .ant-table-column-sorters:hover .ant-table-column-sorter{color:rgba(255, 255, 255, 0.55);}.ant-table-wrapper .ant-table-filter-column{display:flex;justify-content:space-between;}.ant-table-wrapper .ant-table-filter-trigger{position:relative;display:flex;align-items:center;margin-block:-4px;margin-inline:4px -8px;padding:0 4px;color:rgba(255, 255, 255, 0.29);font-size:12px;border-radius:6px;cursor:pointer;transition:all 0.3s;}.ant-table-wrapper .ant-table-filter-trigger:hover{color:rgba(255, 255, 255, 0.45);background:rgba(255, 255, 255, 0.12);}.ant-table-wrapper .ant-table-filter-trigger.active{color:#037003;}.ant-dropdown .ant-table-filter-dropdown{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';min-width:120px;background-color:#141414;border-radius:6px;box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);}.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu{max-height:264px;overflow-x:hidden;border:0;box-shadow:none;}.ant-dropdown .ant-table-filter-dropdown .ant-dropdown-menu:empty::after{display:block;padding:8px 0;color:rgba(255, 255, 255, 0.25);font-size:12px;text-align:center;content:\\\\\"Not Found\\\\\";}.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-tree{padding-block:8px 0;padding-inline:8px;}.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-tree .ant-tree{padding:0;}.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover{background-color:rgba(255, 255, 255, 0.08);}.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover{background-color:#111911;}.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-search{padding:8px;border-bottom:1px solid #303030;}.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-search-input input{min-width:140px;}.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-search-input .anticon{color:rgba(255, 255, 255, 0.25);}.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-checkall{width:100%;margin-bottom:4px;margin-inline-start:4px;}.ant-dropdown .ant-table-filter-dropdown .ant-table-filter-dropdown-btns{display:flex;justify-content:space-between;padding:7px 8px;overflow:hidden;background-color:inherit;border-top:1px solid #303030;}.ant-dropdown .ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span{padding-inline-start:8px;color:rgba(255, 255, 255, 0.85);}.ant-dropdown .ant-table-filter-dropdown >ul,.ant-table-filter-dropdown-submenu >ul{max-height:calc(100vh - 130px);overflow-x:hidden;overflow-y:auto;}.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-title{border:1px solid #303030;border-bottom:0;}.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container{border-inline-start:1px solid #303030;}.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >thead>tr>th,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >thead>tr>th,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >thead>tr>th,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >thead>tr>th,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >tbody>tr>td,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >tbody>tr>td,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >tbody>tr>td,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >tbody>tr>td,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >tfoot>tr>th,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >tfoot>tr>th,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >tfoot>tr>th,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >tfoot>tr>th,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >tfoot>tr>td,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >tfoot>tr>td,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >tfoot>tr>td,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >tfoot>tr>td{border-inline-end:1px solid #303030;}.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >thead >tr:not(:last-child)>th,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >thead >tr:not(:last-child)>th,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >thead >tr:not(:last-child)>th,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >thead >tr:not(:last-child)>th{border-bottom:1px solid #303030;}.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >thead >tr>th::before,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >thead >tr>th::before,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >thead >tr>th::before,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >thead >tr>th::before{background-color:transparent!important;}.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >thead>tr >.ant-table-cell-fix-right-first::after,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >thead>tr >.ant-table-cell-fix-right-first::after,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >thead>tr >.ant-table-cell-fix-right-first::after,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >thead>tr >.ant-table-cell-fix-right-first::after,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >tbody>tr >.ant-table-cell-fix-right-first::after,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >tbody>tr >.ant-table-cell-fix-right-first::after,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >tbody>tr >.ant-table-cell-fix-right-first::after,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >tbody>tr >.ant-table-cell-fix-right-first::after,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >tfoot>tr >.ant-table-cell-fix-right-first::after,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >tfoot>tr >.ant-table-cell-fix-right-first::after,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >tfoot>tr >.ant-table-cell-fix-right-first::after,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >tfoot>tr >.ant-table-cell-fix-right-first::after{border-inline-end:1px solid #303030;}.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >tbody>tr>td >.ant-table-expanded-row-fixed,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >tbody>tr>td >.ant-table-expanded-row-fixed,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >tbody>tr>td >.ant-table-expanded-row-fixed,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >tbody>tr>td >.ant-table-expanded-row-fixed{margin:-16px -17px;}.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table >tbody>tr>td >.ant-table-expanded-row-fixed::after,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table >tbody>tr>td >.ant-table-expanded-row-fixed::after,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-body >table >tbody>tr>td >.ant-table-expanded-row-fixed::after,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-summary >table >tbody>tr>td >.ant-table-expanded-row-fixed::after{position:absolute;top:0;inset-inline-end:1px;bottom:0;border-inline-end:1px solid #303030;content:\\\\\"\\\\\";}.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-content >table,.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container >.ant-table-header >table{border-top:1px solid #303030;}.ant-table-wrapper .ant-table.ant-table-bordered.ant-table-scroll-horizontal >.ant-table-container>.ant-table-body >table>tbody >tr.ant-table-expanded-row >td,.ant-table-wrapper .ant-table.ant-table-bordered.ant-table-scroll-horizontal >.ant-table-container>.ant-table-body >table>tbody >tr.ant-table-placeholder >td{border-inline-end:0;}.ant-table-wrapper .ant-table.ant-table-bordered.ant-table-middle >.ant-table-container >.ant-table-content >table>tbody>tr>td >.ant-table-expanded-row-fixed,.ant-table-wrapper .ant-table.ant-table-bordered.ant-table-middle >.ant-table-container >.ant-table-body >table>tbody>tr>td >.ant-table-expanded-row-fixed{margin:-12px -9px;}.ant-table-wrapper .ant-table.ant-table-bordered.ant-table-small >.ant-table-container >.ant-table-content >table>tbody>tr>td >.ant-table-expanded-row-fixed,.ant-table-wrapper .ant-table.ant-table-bordered.ant-table-small >.ant-table-container >.ant-table-body >table>tbody>tr>td >.ant-table-expanded-row-fixed{margin:-8px -9px;}.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-footer{border:1px solid #303030;border-top:0;}.ant-table-wrapper .ant-table-cell .ant-table-container:first-child{border-top:0;}.ant-table-wrapper .ant-table-cell-scrollbar:not([rowspan]){box-shadow:0 1px 0 1px #1d1d1d;}.ant-table-wrapper .ant-table .ant-table-title,.ant-table-wrapper .ant-table .ant-table-header{border-radius:8px 8px 0 0;}.ant-table-wrapper .ant-table .ant-table-title+.ant-table-container{border-start-start-radius:0;border-start-end-radius:0;}.ant-table-wrapper .ant-table .ant-table-title+.ant-table-container table{border-radius:0;}.ant-table-wrapper .ant-table .ant-table-title+.ant-table-container table >thead>tr:first-child th:first-child{border-radius:0;}.ant-table-wrapper .ant-table .ant-table-title+.ant-table-container table >thead>tr:first-child th:last-child{border-radius:0;}.ant-table-wrapper .ant-table-container{border-start-start-radius:8px;border-start-end-radius:8px;}.ant-table-wrapper .ant-table-container table>thead>tr:first-child >*:first-child{border-start-start-radius:8px;}.ant-table-wrapper .ant-table-container table>thead>tr:first-child >*:last-child{border-start-end-radius:8px;}.ant-table-wrapper .ant-table-footer{border-radius:0 0 8px 8px;}.ant-table-wrapper .ant-table-expand-icon-col{width:48px;}.ant-table-wrapper .ant-table-row-expand-icon-cell{text-align:center;}.ant-table-wrapper .ant-table-row-expand-icon-cell .ant-table-row-expand-icon{display:inline-flex;float:none;vertical-align:sub;}.ant-table-wrapper .ant-table-row-indent{height:1px;float:left;}.ant-table-wrapper .ant-table-row-expand-icon{color:inherit;text-decoration:none;outline:none;cursor:pointer;transition:all 0.3s;position:relative;float:left;box-sizing:border-box;width:17px;height:17px;padding:0;line-height:17px;background:#141414;border:1px solid #303030;border-radius:6px;transform:scale(0.9411764705882353);user-select:none;}.ant-table-wrapper .ant-table-row-expand-icon:focus,.ant-table-wrapper .ant-table-row-expand-icon:hover{color:#15417e;}.ant-table-wrapper .ant-table-row-expand-icon:active{color:#1554ad;}.ant-table-wrapper .ant-table-row-expand-icon:focus,.ant-table-wrapper .ant-table-row-expand-icon:hover,.ant-table-wrapper .ant-table-row-expand-icon:active{border-color:currentcolor;}.ant-table-wrapper .ant-table-row-expand-icon::before,.ant-table-wrapper .ant-table-row-expand-icon::after{position:absolute;background:currentcolor;transition:transform 0.3s ease-out;content:\\\\\"\\\\\";}.ant-table-wrapper .ant-table-row-expand-icon::before{top:7px;inset-inline-end:3px;inset-inline-start:3px;height:1px;}.ant-table-wrapper .ant-table-row-expand-icon::after{top:3px;bottom:3px;inset-inline-start:7px;width:1px;transform:rotate(90deg);}.ant-table-wrapper .ant-table-row-expand-icon-collapsed::before{transform:rotate(-180deg);}.ant-table-wrapper .ant-table-row-expand-icon-collapsed::after{transform:rotate(0deg);}.ant-table-wrapper .ant-table-row-expand-icon-spaced{background:transparent;border:0;visibility:hidden;}.ant-table-wrapper .ant-table-row-expand-icon-spaced::before,.ant-table-wrapper .ant-table-row-expand-icon-spaced::after{display:none;content:none;}.ant-table-wrapper .ant-table-row-indent+.ant-table-row-expand-icon{margin-top:2.5px;margin-inline-end:8px;}.ant-table-wrapper tr.ant-table-expanded-row >td,.ant-table-wrapper tr.ant-table-expanded-row:hover >td{background:rgba(255, 255, 255, 0.04);}.ant-table-wrapper tr.ant-table-expanded-row .ant-descriptions-view{display:flex;}.ant-table-wrapper tr.ant-table-expanded-row .ant-descriptions-view table{flex:auto;width:auto;}.ant-table-wrapper .ant-table-expanded-row-fixed{position:relative;margin:-16px -16px;padding:16px 16px;}.ant-table-wrapper .ant-table-summary{position:relative;z-index:2;background:#141414;}.ant-table-wrapper .ant-table-summary >tr >th,.ant-table-wrapper .ant-table-summary >tr >td{border-bottom:1px solid #303030;}.ant-table-wrapper div.ant-table-summary{box-shadow:0 -1px 0 #303030;}.ant-table-wrapper .ant-table-tbody>tr.ant-table-placeholder{text-align:center;color:rgba(255, 255, 255, 0.25);}.ant-table-wrapper .ant-table-tbody>tr.ant-table-placeholder:hover>td{background:#141414;}.ant-table-wrapper .ant-table-selection-col{width:32px;}.ant-table-wrapper .ant-table-bordered .ant-table-selection-col{width:48px;}.ant-table-wrapper table tr th.ant-table-selection-column,.ant-table-wrapper table tr td.ant-table-selection-column{padding-inline-end:8px;padding-inline-start:8px;text-align:center;}.ant-table-wrapper table tr th.ant-table-selection-column .ant-radio-wrapper,.ant-table-wrapper table tr td.ant-table-selection-column .ant-radio-wrapper{margin-inline-end:0;}.ant-table-wrapper table tr th.ant-table-selection-column.ant-table-cell-fix-left{z-index:3;}.ant-table-wrapper table tr th.ant-table-selection-column::after{background-color:transparent!important;}.ant-table-wrapper .ant-table-selection{position:relative;display:inline-flex;flex-direction:column;}.ant-table-wrapper .ant-table-selection-extra{position:absolute;top:0;z-index:1;cursor:pointer;transition:all 0.3s;margin-inline-start:100%;padding-inline-start:4px;}.ant-table-wrapper .ant-table-selection-extra .anticon{color:rgba(255, 255, 255, 0.29);font-size:12px;vertical-align:baseline;}.ant-table-wrapper .ant-table-selection-extra .anticon:hover{color:rgba(255, 255, 255, 0.55);}.ant-table-wrapper .ant-table-cell-fix-left,.ant-table-wrapper .ant-table-cell-fix-right{position:sticky!important;z-index:2;background:#141414;}.ant-table-wrapper .ant-table-cell-fix-left-first::after,.ant-table-wrapper .ant-table-cell-fix-left-last::after{position:absolute;top:0;right:0;bottom:-1px;width:30px;transform:translateX(100%);transition:box-shadow 0.3s;content:\\\\\"\\\\\";pointer-events:none;}.ant-table-wrapper .ant-table-cell-fix-left-all::after{display:none;}.ant-table-wrapper .ant-table-cell-fix-right-first::after,.ant-table-wrapper .ant-table-cell-fix-right-last::after{position:absolute;top:0;bottom:-1px;left:0;width:30px;transform:translateX(-100%);transition:box-shadow 0.3s;content:\\\\\"\\\\\";pointer-events:none;}.ant-table-wrapper .ant-table-container::before,.ant-table-wrapper .ant-table-container::after{position:absolute;top:0;bottom:0;z-index:4;width:30px;transition:box-shadow 0.3s;content:\\\\\"\\\\\";pointer-events:none;}.ant-table-wrapper .ant-table-container::before{inset-inline-start:0;}.ant-table-wrapper .ant-table-container::after{inset-inline-end:0;}.ant-table-wrapper .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container{position:relative;}.ant-table-wrapper .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before{box-shadow:inset 10px 0 8px -8px rgba(253, 253, 253, 0.12);}.ant-table-wrapper .ant-table-ping-left .ant-table-cell-fix-left-first::after,.ant-table-wrapper .ant-table-ping-left .ant-table-cell-fix-left-last::after{box-shadow:inset 10px 0 8px -8px rgba(253, 253, 253, 0.12);}.ant-table-wrapper .ant-table-ping-left .ant-table-cell-fix-left-last::before{background-color:transparent!important;}.ant-table-wrapper .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container{position:relative;}.ant-table-wrapper .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after{box-shadow:inset -10px 0 8px -8px rgba(253, 253, 253, 0.12);}.ant-table-wrapper .ant-table-ping-right .ant-table-cell-fix-right-first::after,.ant-table-wrapper .ant-table-ping-right .ant-table-cell-fix-right-last::after{box-shadow:inset -10px 0 8px -8px rgba(253, 253, 253, 0.12);}.ant-table-wrapper .ant-table-sticky-holder{position:sticky;z-index:3;background:#141414;}.ant-table-wrapper .ant-table-sticky-scroll{position:sticky;bottom:0;height:8px!important;z-index:3;display:flex;align-items:center;background:rgba(253, 253, 253, 0.12);border-top:1px solid #303030;opacity:0.65;}.ant-table-wrapper .ant-table-sticky-scroll:hover{transform-origin:center bottom;}.ant-table-wrapper .ant-table-sticky-scroll-bar{height:8px;background-color:rgba(255, 255, 255, 0.25);border-radius:100px;transition:all 0.3s,transform none;position:absolute;bottom:0;}.ant-table-wrapper .ant-table-sticky-scroll-bar:hover,.ant-table-wrapper .ant-table-sticky-scroll-bar-active{background-color:rgba(255, 255, 255, 0.85);}.ant-table-wrapper .ant-table-cell-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;}.ant-table-wrapper .ant-table-cell-ellipsis.ant-table-cell-fix-left-last,.ant-table-wrapper .ant-table-cell-ellipsis.ant-table-cell-fix-right-first{overflow:visible;}.ant-table-wrapper .ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,.ant-table-wrapper .ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content{display:block;overflow:hidden;text-overflow:ellipsis;}.ant-table-wrapper .ant-table-cell-ellipsis .ant-table-column-title{overflow:hidden;text-overflow:ellipsis;word-break:keep-all;}.ant-table-wrapper .ant-table.ant-table-middle{font-size:14px;}.ant-table-wrapper .ant-table.ant-table-middle .ant-table-title,.ant-table-wrapper .ant-table.ant-table-middle .ant-table-footer,.ant-table-wrapper .ant-table.ant-table-middle .ant-table-thead>tr>th,.ant-table-wrapper .ant-table.ant-table-middle .ant-table-tbody>tr>td,.ant-table-wrapper .ant-table.ant-table-middle tfoot>tr>th,.ant-table-wrapper .ant-table.ant-table-middle tfoot>tr>td{padding:12px 8px;}.ant-table-wrapper .ant-table.ant-table-middle .ant-table-filter-trigger{margin-inline-end:-4px;}.ant-table-wrapper .ant-table.ant-table-middle .ant-table-expanded-row-fixed{margin:-12px -8px;}.ant-table-wrapper .ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table{margin-block:-12px;margin-inline:40px -8px;}.ant-table-wrapper .ant-table.ant-table-middle .ant-table-selection-column{padding-inline-start:2px;}.ant-table-wrapper .ant-table.ant-table-small{font-size:14px;}.ant-table-wrapper .ant-table.ant-table-small .ant-table-title,.ant-table-wrapper .ant-table.ant-table-small .ant-table-footer,.ant-table-wrapper .ant-table.ant-table-small .ant-table-thead>tr>th,.ant-table-wrapper .ant-table.ant-table-small .ant-table-tbody>tr>td,.ant-table-wrapper .ant-table.ant-table-small tfoot>tr>th,.ant-table-wrapper .ant-table.ant-table-small tfoot>tr>td{padding:8px 8px;}.ant-table-wrapper .ant-table.ant-table-small .ant-table-filter-trigger{margin-inline-end:-4px;}.ant-table-wrapper .ant-table.ant-table-small .ant-table-expanded-row-fixed{margin:-8px -8px;}.ant-table-wrapper .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table{margin-block:-8px;margin-inline:40px -8px;}.ant-table-wrapper .ant-table.ant-table-small .ant-table-selection-column{padding-inline-start:2px;}.ant-table-wrapper .ant-table-resize-handle{position:absolute;top:0;height:100%!important;bottom:0;left:auto!important;right:-8px;cursor:col-resize;touch-action:none;user-select:auto;width:16px;z-index:1;}.ant-table-wrapper .ant-table-resize-handle-line{display:block;width:1px;margin-left:7px;height:100%!important;background-color:#037003;opacity:0;}.ant-table-wrapper .ant-table-resize-handle:hover .ant-table-wrapper .ant-table-resize-handle-line{opacity:1;}.ant-table-wrapper .ant-table-resize-handle.dragging{overflow:hidden;}.ant-table-wrapper .ant-table-resize-handle.dragging .ant-table-resize-handle-line{opacity:1;}.ant-table-wrapper .ant-table-resize-handle.dragging:before{position:absolute;top:0;bottom:0;content:\\\\\" \\\\\";width:200vw;transform:translateX(-50%);opacity:0;}.ant-table-wrapper-rtl{direction:rtl;}.ant-table-wrapper-rtl table{direction:rtl;}.ant-table-wrapper-rtl .ant-table-pagination-left{justify-content:flex-end;}.ant-table-wrapper-rtl .ant-table-pagination-right{justify-content:flex-start;}.ant-table-wrapper-rtl .ant-table-row-expand-icon::after{transform:rotate(-90deg);}.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before{transform:rotate(180deg);}.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after{transform:rotate(0deg);}[class^=\\\\\"ant-transfer\\\\\"],[class*=\\\\\" ant-transfer\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-transfer\\\\\"]::before,[class*=\\\\\" ant-transfer\\\\\"]::before,[class^=\\\\\"ant-transfer\\\\\"]::after,[class*=\\\\\" ant-transfer\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-transfer\\\\\"] [class^=\\\\\"ant-transfer\\\\\"],[class*=\\\\\" ant-transfer\\\\\"] [class^=\\\\\"ant-transfer\\\\\"],[class^=\\\\\"ant-transfer\\\\\"] [class*=\\\\\" ant-transfer\\\\\"],[class*=\\\\\" ant-transfer\\\\\"] [class*=\\\\\" ant-transfer\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-transfer\\\\\"] [class^=\\\\\"ant-transfer\\\\\"]::before,[class*=\\\\\" ant-transfer\\\\\"] [class^=\\\\\"ant-transfer\\\\\"]::before,[class^=\\\\\"ant-transfer\\\\\"] [class*=\\\\\" ant-transfer\\\\\"]::before,[class*=\\\\\" ant-transfer\\\\\"] [class*=\\\\\" ant-transfer\\\\\"]::before,[class^=\\\\\"ant-transfer\\\\\"] [class^=\\\\\"ant-transfer\\\\\"]::after,[class*=\\\\\" ant-transfer\\\\\"] [class^=\\\\\"ant-transfer\\\\\"]::after,[class^=\\\\\"ant-transfer\\\\\"] [class*=\\\\\" ant-transfer\\\\\"]::after,[class*=\\\\\" ant-transfer\\\\\"] [class*=\\\\\" ant-transfer\\\\\"]::after{box-sizing:border-box;}.ant-transfer{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;display:flex;align-items:stretch;}.ant-transfer .ant-transfer-disabled .ant-transfer-list{background:rgba(255, 255, 255, 0.08);}.ant-transfer .ant-transfer-list{display:flex;flex-direction:column;width:180px;height:200px;border:1px solid #424242;border-radius:8px;}.ant-transfer .ant-transfer-list-with-pagination{width:250px;height:auto;}.ant-transfer .ant-transfer-list-search .anticon-search{color:rgba(255, 255, 255, 0.25);}.ant-transfer .ant-transfer-list-header{display:flex;flex:none;align-items:center;height:40px;padding:8px 12px 9px;color:rgba(255, 255, 255, 0.85);background:#141414;border-bottom:1px solid rgba(253, 253, 253, 0.12);border-radius:8px 8px 0 0;}.ant-transfer .ant-transfer-list-header >*:not(:last-child){margin-inline-end:4px;}.ant-transfer .ant-transfer-list-header >*{flex:none;}.ant-transfer .ant-transfer-list-header-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:auto;text-align:end;}.ant-transfer .ant-transfer-list-header-dropdown{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px;transform:translateY(10%);cursor:pointer;}.ant-transfer .ant-transfer-list-header-dropdown >*{line-height:1;}.ant-transfer .ant-transfer-list-header-dropdown svg{display:inline-block;}.ant-transfer .ant-transfer-list-header-dropdown[disabled]{cursor:not-allowed;}.ant-transfer .ant-transfer-list-body{display:flex;flex:auto;flex-direction:column;overflow:hidden;font-size:14px;}.ant-transfer .ant-transfer-list-body-search-wrapper{position:relative;flex:none;padding:12px;}.ant-transfer .ant-transfer-list-content{flex:auto;margin:0;padding:0;overflow:auto;list-style:none;}.ant-transfer .ant-transfer-list-content-item{display:flex;align-items:center;min-height:32px;padding:5px 12px;transition:all 0.3s;}.ant-transfer .ant-transfer-list-content-item >*:not(:last-child){margin-inline-end:8px;}.ant-transfer .ant-transfer-list-content-item >*{flex:none;}.ant-transfer .ant-transfer-list-content-item-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:auto;}.ant-transfer .ant-transfer-list-content-item-remove{position:relative;color:#424242;cursor:pointer;transition:all 0.3s;}.ant-transfer .ant-transfer-list-content-item-remove:hover{color:#15417e;}.ant-transfer .ant-transfer-list-content-item-remove::after{position:absolute;insert:-5px -50%;content:\\\\\"\\\\\";}.ant-transfer .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover{background-color:rgba(255, 255, 255, 0.08);cursor:pointer;}.ant-transfer .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover{background-color:#0f2510;}.ant-transfer .ant-transfer-list-content-item-checked{background-color:#111911;}.ant-transfer .ant-transfer-list-content-item-disabled{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-transfer .ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover{background:transparent;cursor:default;}.ant-transfer .ant-transfer-list-pagination{padding:8px 0;text-align:end;border-top:1px solid rgba(253, 253, 253, 0.12);}.ant-transfer .ant-transfer-list-body-not-found{flex:none;width:100%;margin:auto 0;color:rgba(255, 255, 255, 0.25);text-align:center;}.ant-transfer .ant-transfer-list-footer{border-top:1px solid rgba(253, 253, 253, 0.12);}.ant-transfer .ant-transfer-list-checkbox{line-height:1;}.ant-transfer .ant-transfer-operation{display:flex;flex:none;flex-direction:column;align-self:center;margin:0 8px;vertical-align:middle;}.ant-transfer .ant-transfer-operation .ant-btn{display:block;}.ant-transfer .ant-transfer-operation .ant-btn:first-child{margin-bottom:4px;}.ant-transfer .ant-transfer-operation .ant-btn .anticon{font-size:12px;}.ant-transfer .ant-empty-image{max-height:-2px;}.ant-transfer-customize-list .ant-transfer-list{flex:1 1 50%;width:auto;height:auto;min-height:200px;}.ant-transfer-customize-list .ant-table-wrapper .ant-table-small{border:0;border-radius:0;}.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column{width:40px;min-width:40px;}.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-table-pagination{margin:16px 0 4px;}.ant-transfer-customize-list .ant-input[disabled]{background-color:transparent;}.ant-transfer-status-error .ant-transfer-list{border-color:#dc4446;}.ant-transfer-status-error .ant-transfer-list-search:not([disabled]){border-color:#424242;}.ant-transfer-status-warning .ant-transfer-list{border-color:#d89614;}.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]){border-color:#424242;}.ant-transfer-rtl{direction:rtl;}[class^=\\\\\"ant-tree\\\\\"],[class*=\\\\\" ant-tree\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-tree\\\\\"]::before,[class*=\\\\\" ant-tree\\\\\"]::before,[class^=\\\\\"ant-tree\\\\\"]::after,[class*=\\\\\" ant-tree\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-tree\\\\\"] [class^=\\\\\"ant-tree\\\\\"],[class*=\\\\\" ant-tree\\\\\"] [class^=\\\\\"ant-tree\\\\\"],[class^=\\\\\"ant-tree\\\\\"] [class*=\\\\\" ant-tree\\\\\"],[class*=\\\\\" ant-tree\\\\\"] [class*=\\\\\" ant-tree\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-tree\\\\\"] [class^=\\\\\"ant-tree\\\\\"]::before,[class*=\\\\\" ant-tree\\\\\"] [class^=\\\\\"ant-tree\\\\\"]::before,[class^=\\\\\"ant-tree\\\\\"] [class*=\\\\\" ant-tree\\\\\"]::before,[class*=\\\\\" ant-tree\\\\\"] [class*=\\\\\" ant-tree\\\\\"]::before,[class^=\\\\\"ant-tree\\\\\"] [class^=\\\\\"ant-tree\\\\\"]::after,[class*=\\\\\" ant-tree\\\\\"] [class^=\\\\\"ant-tree\\\\\"]::after,[class^=\\\\\"ant-tree\\\\\"] [class*=\\\\\" ant-tree\\\\\"]::after,[class*=\\\\\" ant-tree\\\\\"] [class*=\\\\\" ant-tree\\\\\"]::after{box-sizing:border-box;}.ant-tree .ant-tree-checkbox-group{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:inline-flex;flex-wrap:wrap;column-gap:8px;}.ant-tree .ant-tree-checkbox-group >.ant-row{flex:1;}.ant-tree .ant-tree-checkbox-wrapper{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:inline-flex;align-items:baseline;cursor:pointer;}.ant-tree .ant-tree-checkbox-wrapper:after{display:inline-block;width:0;overflow:hidden;content:'\\\\\\\\a0';}.ant-tree .ant-tree-checkbox-wrapper+.ant-tree-checkbox-wrapper{margin-inline-start:0;}.ant-tree .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-in-form-item input[type=\\\\\"checkbox\\\\\"]{width:14px;height:14px;}.ant-tree .ant-tree-checkbox{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;white-space:nowrap;cursor:pointer;align-self:center;}.ant-tree .ant-tree-checkbox .ant-tree-checkbox-input{position:absolute;inset:0;z-index:1;cursor:pointer;opacity:0;margin:0;}.ant-tree .ant-tree-checkbox .ant-tree-checkbox-input:focus-visible+.ant-tree-checkbox-inner{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-tree .ant-tree-checkbox .ant-tree-checkbox-inner{box-sizing:border-box;position:relative;top:0;inset-inline-start:0;display:block;width:16px;height:16px;direction:ltr;background-color:#141414;border:1px solid #424242;border-radius:4px;border-collapse:separate;transition:all 0.3s;}.ant-tree .ant-tree-checkbox .ant-tree-checkbox-inner:after{box-sizing:border-box;position:absolute;top:50%;inset-inline-start:21.5%;display:table;width:5.7142857142857135px;height:9.142857142857142px;border:2px solid #fff;border-top:0;border-inline-start:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;content:\\\\\"\\\\\";transition:all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),opacity 0.1s;}.ant-tree .ant-tree-checkbox+span{padding-inline-start:8px;padding-inline-end:8px;}.ant-tree .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after{top:50%;inset-inline-start:50%;width:8px;height:8px;background-color:#037003;border:0;transform:translate(-50%, -50%) scale(1);opacity:1;content:\\\\\"\\\\\";}.ant-tree .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox:after{visibility:visible;}.ant-tree .ant-tree-checkbox-wrapper:not(.ant-tree-checkbox-wrapper-disabled):hover .ant-tree-checkbox-inner,.ant-tree .ant-tree-checkbox:not(.ant-tree-checkbox-disabled):hover .ant-tree-checkbox-inner{border-color:#037003;}.ant-tree .ant-tree-checkbox-wrapper:not(.ant-tree-checkbox-wrapper-disabled):hover .ant-tree-checkbox-checked:not(.ant-tree-checkbox-disabled) .ant-tree-checkbox-inner{background-color:#198016;border-color:transparent;}.ant-tree .ant-tree-checkbox-wrapper:not(.ant-tree-checkbox-wrapper-disabled):hover .ant-tree-checkbox-checked:not(.ant-tree-checkbox-disabled):after{border-color:#198016;}.ant-tree .ant-tree-checkbox-checked .ant-tree-checkbox-inner{background-color:#037003;border-color:#037003;}.ant-tree .ant-tree-checkbox-checked .ant-tree-checkbox-inner:after{opacity:1;transform:rotate(45deg) scale(1) translate(-50%,-50%);transition:all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;}.ant-tree .ant-tree-checkbox-checked:after{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;border-radius:4px;visibility:hidden;border:2px solid #037003;animation-name:antCheckboxEffect;animation-duration:0.3s;animation-timing-function:ease-in-out;animation-fill-mode:backwards;content:\\\\\"\\\\\";transition:all 0.3s;}.ant-tree .ant-tree-checkbox-wrapper-checked:not(.ant-tree-checkbox-wrapper-disabled):hover .ant-tree-checkbox-inner,.ant-tree .ant-tree-checkbox-checked:not(.ant-tree-checkbox-disabled):hover .ant-tree-checkbox-inner{background-color:#198016;border-color:transparent;}.ant-tree .ant-tree-checkbox-wrapper-checked:not(.ant-tree-checkbox-wrapper-disabled):hover .ant-tree-checkbox:after,.ant-tree .ant-tree-checkbox-checked:not(.ant-tree-checkbox-disabled):hover .ant-tree-checkbox:after{border-color:#198016;}.ant-tree .ant-tree-checkbox-wrapper-disabled{cursor:not-allowed;}.ant-tree .ant-tree-checkbox-disabled,.ant-tree .ant-tree-checkbox-disabled .ant-tree-checkbox-input{cursor:not-allowed;pointer-events:none;}.ant-tree .ant-tree-checkbox-disabled .ant-tree-checkbox-inner{background:rgba(255, 255, 255, 0.08);border-color:#424242;}.ant-tree .ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after{border-color:rgba(255, 255, 255, 0.25);}.ant-tree .ant-tree-checkbox-disabled:after{display:none;}.ant-tree .ant-tree-checkbox-disabled+span{color:rgba(255, 255, 255, 0.25);}.ant-tree .ant-tree-checkbox-disabled.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after{background:rgba(255, 255, 255, 0.25);}.ant-tree{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';background:#141414;border-radius:6px;transition:background-color 0.3s;}.ant-tree.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg{transform:rotate(90deg);}.ant-tree-focused:not(:hover):not(.ant-tree-active-focused){outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-tree .ant-tree-list-holder-inner{align-items:flex-start;}.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner{align-items:stretch;}.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper{flex:auto;}.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging{position:relative;}.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging:after{position:absolute;top:0;inset-inline-end:0;bottom:4px;inset-inline-start:0;border:1px solid #037003;opacity:0;animation-name:ant-tree-node-fx-do-not-use;animation-duration:0.3s;animation-play-state:running;animation-fill-mode:forwards;content:\\\\\"\\\\\";pointer-events:none;}.ant-tree .ant-tree-treenode{display:flex;align-items:flex-start;padding:0 0 4px 0;outline:none;}.ant-tree .ant-tree-treenode-rtl{direction:rtl;}.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover{background:transparent;}.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-tree .ant-tree-treenode:not(.ant-tree-treenode-disabled).filter-node .ant-tree-title{color:inherit;font-weight:500;}.ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon{width:24px;line-height:24px;text-align:center;visibility:visible;opacity:0.2;transition:opacity 0.3s;}.ant-tree-treenode:hover .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon{opacity:0.45;}.ant-tree .ant-tree-treenode-draggable.ant-tree-treenode-disabled .ant-tree-draggable-icon{visibility:hidden;}.ant-tree .ant-tree-indent{align-self:stretch;white-space:nowrap;user-select:none;}.ant-tree .ant-tree-indent-unit{display:inline-block;width:24px;}.ant-tree .ant-tree-draggable-icon{visibility:hidden;}.ant-tree .ant-tree-switcher{position:relative;flex:none;align-self:stretch;width:24px;margin:0;line-height:24px;text-align:center;cursor:pointer;user-select:none;}.ant-tree .ant-tree-switcher .ant-tree-switcher-icon{display:inline-block;font-size:10px;vertical-align:baseline;}.ant-tree .ant-tree-switcher .ant-tree-switcher-icon svg{transition:transform 0.3s;}.ant-tree .ant-tree-switcher-noop{cursor:default;}.ant-tree .ant-tree-switcher_close .ant-tree-switcher-icon svg{transform:rotate(-90deg);}.ant-tree .ant-tree-switcher-loading-icon{color:#037003;}.ant-tree .ant-tree-switcher-leaf-line{position:relative;z-index:1;display:inline-block;width:100%;height:100%;}.ant-tree .ant-tree-switcher-leaf-line:before{position:absolute;top:0;inset-inline-end:12px;bottom:-4px;margin-inline-start:-1px;border-inline-end:1px solid #424242;content:\\\\\"\\\\\";}.ant-tree .ant-tree-switcher-leaf-line:after{position:absolute;width:9.600000000000001px;height:12px;border-bottom:1px solid #424242;content:\\\\\"\\\\\";}.ant-tree .ant-tree-checkbox{top:initial;margin-inline-end:8px;margin-block-start:4px;}.ant-tree .ant-tree-node-content-wrapper,.ant-tree .ant-tree-checkbox+span{position:relative;z-index:auto;min-height:24px;margin:0;padding:0 4px;color:inherit;line-height:24px;background:transparent;border-radius:6px;cursor:pointer;transition:all 0.2s,border 0s,line-height 0s,box-shadow 0s;}.ant-tree .ant-tree-node-content-wrapper:hover,.ant-tree .ant-tree-checkbox+span:hover{background-color:rgba(255, 255, 255, 0.08);}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected,.ant-tree .ant-tree-checkbox+span.ant-tree-node-selected{background-color:#111911;}.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle,.ant-tree .ant-tree-checkbox+span .ant-tree-iconEle{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;vertical-align:top;}.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty,.ant-tree .ant-tree-checkbox+span .ant-tree-iconEle:empty{display:none;}.ant-tree .ant-tree-unselectable .ant-tree-node-content-wrapper:hover{background-color:transparent;}.ant-tree .ant-tree-node-content-wrapper{line-height:24px;user-select:none;}.ant-tree .ant-tree-node-content-wrapper .ant-tree-drop-indicator{position:absolute;z-index:1;height:2px;background-color:#037003;border-radius:1px;pointer-events:none;}.ant-tree .ant-tree-node-content-wrapper .ant-tree-drop-indicator:after{position:absolute;top:-3px;inset-inline-start:-6px;width:8px;height:8px;background-color:transparent;border:2px solid #037003;border-radius:50%;content:\\\\\"\\\\\";}.ant-tree .ant-tree-treenode.drop-container >[draggable]{box-shadow:0 0 0 2px #037003;}.ant-tree-show-line .ant-tree-indent-unit{position:relative;height:100%;}.ant-tree-show-line .ant-tree-indent-unit:before{position:absolute;top:0;inset-inline-end:12px;bottom:-4px;border-inline-end:1px solid #424242;content:\\\\\"\\\\\";}.ant-tree-show-line .ant-tree-indent-unit-end:before{display:none;}.ant-tree-show-line .ant-tree-switcher{background:transparent;}.ant-tree-show-line .ant-tree-switcher-line-icon{vertical-align:-0.15em;}.ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line:before{top:auto!important;bottom:auto!important;height:12px!important;}.ant-tree.ant-tree-directory .ant-tree-treenode{position:relative;}.ant-tree.ant-tree-directory .ant-tree-treenode:before{position:absolute;top:0;inset-inline-end:0;bottom:4px;inset-inline-start:0;transition:background-color 0.2s;content:\\\\\"\\\\\";pointer-events:none;}.ant-tree.ant-tree-directory .ant-tree-treenode:hover:before{background:rgba(255, 255, 255, 0.08);}.ant-tree.ant-tree-directory .ant-tree-treenode >*{z-index:1;}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher{transition:color 0.2s;}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper{border-radius:0;user-select:none;}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover{background:transparent;}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected{color:#fff;background:transparent;}.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before{background:#037003;}.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher{color:#fff;}.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper{color:#fff;background:transparent;}.ant-tree .ant-motion-collapse-legacy{overflow:hidden;}.ant-tree .ant-motion-collapse-legacy-active{transition:height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)!important;}.ant-tree .ant-motion-collapse{overflow:hidden;transition:height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)!important;}@keyframes ant-tree-node-fx-do-not-use{0%{opacity:0;}100%{opacity:1;}}[class^=\\\\\"ant-tree-select\\\\\"],[class*=\\\\\" ant-tree-select\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-tree-select\\\\\"]::before,[class*=\\\\\" ant-tree-select\\\\\"]::before,[class^=\\\\\"ant-tree-select\\\\\"]::after,[class*=\\\\\" ant-tree-select\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-tree-select\\\\\"] [class^=\\\\\"ant-tree-select\\\\\"],[class*=\\\\\" ant-tree-select\\\\\"] [class^=\\\\\"ant-tree-select\\\\\"],[class^=\\\\\"ant-tree-select\\\\\"] [class*=\\\\\" ant-tree-select\\\\\"],[class*=\\\\\" ant-tree-select\\\\\"] [class*=\\\\\" ant-tree-select\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-tree-select\\\\\"] [class^=\\\\\"ant-tree-select\\\\\"]::before,[class*=\\\\\" ant-tree-select\\\\\"] [class^=\\\\\"ant-tree-select\\\\\"]::before,[class^=\\\\\"ant-tree-select\\\\\"] [class*=\\\\\" ant-tree-select\\\\\"]::before,[class*=\\\\\" ant-tree-select\\\\\"] [class*=\\\\\" ant-tree-select\\\\\"]::before,[class^=\\\\\"ant-tree-select\\\\\"] [class^=\\\\\"ant-tree-select\\\\\"]::after,[class*=\\\\\" ant-tree-select\\\\\"] [class^=\\\\\"ant-tree-select\\\\\"]::after,[class^=\\\\\"ant-tree-select\\\\\"] [class*=\\\\\" ant-tree-select\\\\\"]::after,[class*=\\\\\" ant-tree-select\\\\\"] [class*=\\\\\" ant-tree-select\\\\\"]::after{box-sizing:border-box;}.ant-tree-select-dropdown{padding:8px 4px;}.ant-tree-select-dropdown .ant-select-tree{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';background:#1f1f1f;border-radius:6px;transition:background-color 0.3s;}.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-rtl .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg{transform:rotate(90deg);}.ant-tree-select-dropdown .ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused){outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-list-holder-inner{align-items:flex-start;}.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner{align-items:stretch;}.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper{flex:auto;}.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging{position:relative;}.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging:after{position:absolute;top:0;inset-inline-end:0;bottom:4px;inset-inline-start:0;border:1px solid #037003;opacity:0;animation-name:ant-tree-node-fx-do-not-use;animation-duration:0.3s;animation-play-state:running;animation-fill-mode:forwards;content:\\\\\"\\\\\";pointer-events:none;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode{display:flex;align-items:flex-start;padding:0 0 4px 0;outline:none;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode-rtl{direction:rtl;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover{background:transparent;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title{color:inherit;font-weight:500;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon{width:24px;line-height:24px;text-align:center;visibility:visible;opacity:0.2;transition:opacity 0.3s;}.ant-select-tree-treenode:hover .ant-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon{opacity:0.45;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode-draggable.ant-select-tree-treenode-disabled .ant-select-tree-draggable-icon{visibility:hidden;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-indent{align-self:stretch;white-space:nowrap;user-select:none;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-indent-unit{display:inline-block;width:24px;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-draggable-icon{visibility:hidden;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-switcher{position:relative;flex:none;align-self:stretch;width:24px;margin:0;line-height:24px;text-align:center;cursor:pointer;user-select:none;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-switcher .ant-select-tree-switcher-icon{display:inline-block;font-size:10px;vertical-align:baseline;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-switcher .ant-select-tree-switcher-icon svg{transition:transform 0.3s;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-switcher-noop{cursor:default;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg{transform:rotate(-90deg);}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-switcher-loading-icon{color:#037003;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-switcher-leaf-line{position:relative;z-index:1;display:inline-block;width:100%;height:100%;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-switcher-leaf-line:before{position:absolute;top:0;inset-inline-end:12px;bottom:-4px;margin-inline-start:-1px;border-inline-end:1px solid #424242;content:\\\\\"\\\\\";}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-switcher-leaf-line:after{position:absolute;width:9.600000000000001px;height:12px;border-bottom:1px solid #424242;content:\\\\\"\\\\\";}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-checkbox{top:initial;margin-inline-end:8px;margin-block-start:4px;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-node-content-wrapper,.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-checkbox+span{position:relative;z-index:auto;min-height:24px;margin:0;padding:0 4px;color:inherit;line-height:24px;background:transparent;border-radius:6px;cursor:pointer;transition:all 0.2s,border 0s,line-height 0s,box-shadow 0s;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-node-content-wrapper:hover,.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-checkbox+span:hover{background-color:rgba(255, 255, 255, 0.08);}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected,.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-checkbox+span.ant-select-tree-node-selected{background-color:#111911;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle,.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-checkbox+span .ant-select-tree-iconEle{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;vertical-align:top;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty,.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-checkbox+span .ant-select-tree-iconEle:empty{display:none;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover{background-color:transparent;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-node-content-wrapper{line-height:24px;user-select:none;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-drop-indicator{position:absolute;z-index:1;height:2px;background-color:#037003;border-radius:1px;pointer-events:none;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-drop-indicator:after{position:absolute;top:-3px;inset-inline-start:-6px;width:8px;height:8px;background-color:transparent;border:2px solid #037003;border-radius:50%;content:\\\\\"\\\\\";}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode.drop-container >[draggable]{box-shadow:0 0 0 2px #037003;}.ant-tree-select-dropdown .ant-select-tree-show-line .ant-select-tree-indent-unit{position:relative;height:100%;}.ant-tree-select-dropdown .ant-select-tree-show-line .ant-select-tree-indent-unit:before{position:absolute;top:0;inset-inline-end:12px;bottom:-4px;border-inline-end:1px solid #424242;content:\\\\\"\\\\\";}.ant-tree-select-dropdown .ant-select-tree-show-line .ant-select-tree-indent-unit-end:before{display:none;}.ant-tree-select-dropdown .ant-select-tree-show-line .ant-select-tree-switcher{background:transparent;}.ant-tree-select-dropdown .ant-select-tree-show-line .ant-select-tree-switcher-line-icon{vertical-align:-0.15em;}.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line:before{top:auto!important;bottom:auto!important;height:12px!important;}.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-directory .ant-select-tree-treenode{position:relative;}.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-directory .ant-select-tree-treenode:before{position:absolute;top:0;inset-inline-end:0;bottom:4px;inset-inline-start:0;transition:background-color 0.2s;content:\\\\\"\\\\\";pointer-events:none;}.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-directory .ant-select-tree-treenode:hover:before{background:rgba(255, 255, 255, 0.08);}.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-directory .ant-select-tree-treenode >*{z-index:1;}.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-directory .ant-select-tree-treenode .ant-select-tree-switcher{transition:color 0.2s;}.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-directory .ant-select-tree-treenode .ant-select-tree-node-content-wrapper{border-radius:0;user-select:none;}.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-directory .ant-select-tree-treenode .ant-select-tree-node-content-wrapper:hover{background:transparent;}.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-directory .ant-select-tree-treenode .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected{color:#fff;background:transparent;}.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-directory .ant-select-tree-treenode-selected:hover::before,.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-directory .ant-select-tree-treenode-selected::before{background:#037003;}.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-directory .ant-select-tree-treenode-selected .ant-select-tree-switcher{color:#fff;}.ant-tree-select-dropdown .ant-select-tree.ant-select-tree-directory .ant-select-tree-treenode-selected .ant-select-tree-node-content-wrapper{color:#fff;background:transparent;}.ant-tree-select-dropdown .ant-select-tree{border-radius:0;}.ant-tree-select-dropdown .ant-select-tree-list-holder-inner{align-items:stretch;}.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper{flex:auto;}.ant-tree-select-dropdown .ant-select-tree-checkbox-group{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:inline-flex;flex-wrap:wrap;column-gap:8px;}.ant-tree-select-dropdown .ant-select-tree-checkbox-group >.ant-row{flex:1;}.ant-tree-select-dropdown .ant-select-tree-checkbox-wrapper{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:inline-flex;align-items:baseline;cursor:pointer;}.ant-tree-select-dropdown .ant-select-tree-checkbox-wrapper:after{display:inline-block;width:0;overflow:hidden;content:'\\\\\\\\a0';}.ant-tree-select-dropdown .ant-select-tree-checkbox-wrapper+.ant-select-tree-checkbox-wrapper{margin-inline-start:0;}.ant-tree-select-dropdown .ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-in-form-item input[type=\\\\\"checkbox\\\\\"]{width:14px;height:14px;}.ant-tree-select-dropdown .ant-select-tree-checkbox{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:relative;white-space:nowrap;cursor:pointer;align-self:center;}.ant-tree-select-dropdown .ant-select-tree-checkbox .ant-select-tree-checkbox-input{position:absolute;inset:0;z-index:1;cursor:pointer;opacity:0;margin:0;}.ant-tree-select-dropdown .ant-select-tree-checkbox .ant-select-tree-checkbox-input:focus-visible+.ant-select-tree-checkbox-inner{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-tree-select-dropdown .ant-select-tree-checkbox .ant-select-tree-checkbox-inner{box-sizing:border-box;position:relative;top:0;inset-inline-start:0;display:block;width:16px;height:16px;direction:ltr;background-color:#141414;border:1px solid #424242;border-radius:4px;border-collapse:separate;transition:all 0.3s;}.ant-tree-select-dropdown .ant-select-tree-checkbox .ant-select-tree-checkbox-inner:after{box-sizing:border-box;position:absolute;top:50%;inset-inline-start:21.5%;display:table;width:5.7142857142857135px;height:9.142857142857142px;border:2px solid #fff;border-top:0;border-inline-start:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;content:\\\\\"\\\\\";transition:all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6),opacity 0.1s;}.ant-tree-select-dropdown .ant-select-tree-checkbox+span{padding-inline-start:8px;padding-inline-end:8px;}.ant-tree-select-dropdown .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner:after{top:50%;inset-inline-start:50%;width:8px;height:8px;background-color:#037003;border:0;transform:translate(-50%, -50%) scale(1);opacity:1;content:\\\\\"\\\\\";}.ant-tree-select-dropdown .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox:after{visibility:visible;}.ant-tree-select-dropdown .ant-select-tree-checkbox-wrapper:not(.ant-select-tree-checkbox-wrapper-disabled):hover .ant-select-tree-checkbox-inner,.ant-tree-select-dropdown .ant-select-tree-checkbox:not(.ant-select-tree-checkbox-disabled):hover .ant-select-tree-checkbox-inner{border-color:#037003;}.ant-tree-select-dropdown .ant-select-tree-checkbox-wrapper:not(.ant-select-tree-checkbox-wrapper-disabled):hover .ant-select-tree-checkbox-checked:not(.ant-select-tree-checkbox-disabled) .ant-select-tree-checkbox-inner{background-color:#198016;border-color:transparent;}.ant-tree-select-dropdown .ant-select-tree-checkbox-wrapper:not(.ant-select-tree-checkbox-wrapper-disabled):hover .ant-select-tree-checkbox-checked:not(.ant-select-tree-checkbox-disabled):after{border-color:#198016;}.ant-tree-select-dropdown .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner{background-color:#037003;border-color:#037003;}.ant-tree-select-dropdown .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after{opacity:1;transform:rotate(45deg) scale(1) translate(-50%,-50%);transition:all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;}.ant-tree-select-dropdown .ant-select-tree-checkbox-checked:after{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;border-radius:4px;visibility:hidden;border:2px solid #037003;animation-name:antCheckboxEffect;animation-duration:0.3s;animation-timing-function:ease-in-out;animation-fill-mode:backwards;content:\\\\\"\\\\\";transition:all 0.3s;}.ant-tree-select-dropdown .ant-select-tree-checkbox-wrapper-checked:not(.ant-select-tree-checkbox-wrapper-disabled):hover .ant-select-tree-checkbox-inner,.ant-tree-select-dropdown .ant-select-tree-checkbox-checked:not(.ant-select-tree-checkbox-disabled):hover .ant-select-tree-checkbox-inner{background-color:#198016;border-color:transparent;}.ant-tree-select-dropdown .ant-select-tree-checkbox-wrapper-checked:not(.ant-select-tree-checkbox-wrapper-disabled):hover .ant-select-tree-checkbox:after,.ant-tree-select-dropdown .ant-select-tree-checkbox-checked:not(.ant-select-tree-checkbox-disabled):hover .ant-select-tree-checkbox:after{border-color:#198016;}.ant-tree-select-dropdown .ant-select-tree-checkbox-wrapper-disabled{cursor:not-allowed;}.ant-tree-select-dropdown .ant-select-tree-checkbox-disabled,.ant-tree-select-dropdown .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input{cursor:not-allowed;pointer-events:none;}.ant-tree-select-dropdown .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner{background:rgba(255, 255, 255, 0.08);border-color:#424242;}.ant-tree-select-dropdown .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after{border-color:rgba(255, 255, 255, 0.25);}.ant-tree-select-dropdown .ant-select-tree-checkbox-disabled:after{display:none;}.ant-tree-select-dropdown .ant-select-tree-checkbox-disabled+span{color:rgba(255, 255, 255, 0.25);}.ant-tree-select-dropdown .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after{background:rgba(255, 255, 255, 0.25);}.ant-tree-select-dropdown-rtl{direction:rtl;}.ant-tree-select-dropdown-rtl .ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg{transform:rotate(90deg);}[class^=\\\\\"ant-tabs\\\\\"],[class*=\\\\\" ant-tabs\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-tabs\\\\\"]::before,[class*=\\\\\" ant-tabs\\\\\"]::before,[class^=\\\\\"ant-tabs\\\\\"]::after,[class*=\\\\\" ant-tabs\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-tabs\\\\\"] [class^=\\\\\"ant-tabs\\\\\"],[class*=\\\\\" ant-tabs\\\\\"] [class^=\\\\\"ant-tabs\\\\\"],[class^=\\\\\"ant-tabs\\\\\"] [class*=\\\\\" ant-tabs\\\\\"],[class*=\\\\\" ant-tabs\\\\\"] [class*=\\\\\" ant-tabs\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-tabs\\\\\"] [class^=\\\\\"ant-tabs\\\\\"]::before,[class*=\\\\\" ant-tabs\\\\\"] [class^=\\\\\"ant-tabs\\\\\"]::before,[class^=\\\\\"ant-tabs\\\\\"] [class*=\\\\\" ant-tabs\\\\\"]::before,[class*=\\\\\" ant-tabs\\\\\"] [class*=\\\\\" ant-tabs\\\\\"]::before,[class^=\\\\\"ant-tabs\\\\\"] [class^=\\\\\"ant-tabs\\\\\"]::after,[class*=\\\\\" ant-tabs\\\\\"] [class^=\\\\\"ant-tabs\\\\\"]::after,[class^=\\\\\"ant-tabs\\\\\"] [class*=\\\\\" ant-tabs\\\\\"]::after,[class*=\\\\\" ant-tabs\\\\\"] [class*=\\\\\" ant-tabs\\\\\"]::after{box-sizing:border-box;}.ant-tabs-small >.ant-tabs-nav .ant-tabs-tab{padding:8px 0;font-size:14px;}.ant-tabs-large >.ant-tabs-nav .ant-tabs-tab{padding:16px 0;font-size:16px;}.ant-tabs-card.ant-tabs-small >.ant-tabs-nav .ant-tabs-tab{padding:6px 16px;}.ant-tabs-card.ant-tabs-small.ant-tabs-bottom >.ant-tabs-nav .ant-tabs-tab{border-radius:0 0 6px 6px;}.ant-tabs-card.ant-tabs-small.ant-tabs-top >.ant-tabs-nav .ant-tabs-tab{border-radius:6px 6px 0 0;}.ant-tabs-card.ant-tabs-small.ant-tabs-right >.ant-tabs-nav .ant-tabs-tab{border-radius:0 6px 6px 0;}.ant-tabs-card.ant-tabs-small.ant-tabs-left >.ant-tabs-nav .ant-tabs-tab{border-radius:6px 0 0 6px;}.ant-tabs-card.ant-tabs-large >.ant-tabs-nav .ant-tabs-tab{padding:8px 16px 6px;}.ant-tabs-rtl{direction:rtl;}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab{margin:0 0 0 32px;}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab:last-of-type{margin-left:0;}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon{margin-right:0;margin-left:12px;}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{margin-right:8px;margin-left:-4px;}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon{margin:0;}.ant-tabs-rtl.ant-tabs-left >.ant-tabs-nav{order:1;}.ant-tabs-rtl.ant-tabs-left >.ant-tabs-content-holder{order:0;}.ant-tabs-rtl.ant-tabs-right >.ant-tabs-nav{order:0;}.ant-tabs-rtl.ant-tabs-right >.ant-tabs-content-holder{order:1;}.ant-tabs-rtl.ant-tabs-card.ant-tabs-top >.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom >.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top >div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom >div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-right:2px;margin-left:0;}.ant-tabs-dropdown-rtl{direction:rtl;}.ant-tabs-menu-item .ant-tabs-dropdown-rtl{text-align:right;}.ant-tabs-top,.ant-tabs-bottom{flex-direction:column;}.ant-tabs-top >.ant-tabs-nav,.ant-tabs-bottom >.ant-tabs-nav,.ant-tabs-top >div>.ant-tabs-nav,.ant-tabs-bottom >div>.ant-tabs-nav{margin:0 0 16px 0;}.ant-tabs-top >.ant-tabs-nav::before,.ant-tabs-bottom >.ant-tabs-nav::before,.ant-tabs-top >div>.ant-tabs-nav::before,.ant-tabs-bottom >div>.ant-tabs-nav::before{position:absolute;right:0;left:0;border-bottom:1px solid rgba(253, 253, 253, 0.12);content:'';}.ant-tabs-top >.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom >.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top >div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom >div>.ant-tabs-nav .ant-tabs-ink-bar{height:2px;}.ant-tabs-top >.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-bottom >.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-top >div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-bottom >div>.ant-tabs-nav .ant-tabs-ink-bar-animated{transition:width 0.3s,left 0.3s,right 0.3s;}.ant-tabs-top >.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-bottom >.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-top >div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-bottom >div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-top >.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-bottom >.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-top >div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-bottom >div>.ant-tabs-nav .ant-tabs-nav-wrap::after{top:0;bottom:0;width:32px;}.ant-tabs-top >.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-bottom >.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-top >div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-bottom >div>.ant-tabs-nav .ant-tabs-nav-wrap::before{left:0;box-shadow:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);}.ant-tabs-top >.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-bottom >.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-top >div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-bottom >div>.ant-tabs-nav .ant-tabs-nav-wrap::after{right:0;box-shadow:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);}.ant-tabs-top >.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,.ant-tabs-bottom >.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,.ant-tabs-top >div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,.ant-tabs-bottom >div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before{opacity:1;}.ant-tabs-top >.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,.ant-tabs-bottom >.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,.ant-tabs-top >div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,.ant-tabs-bottom >div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after{opacity:1;}.ant-tabs-top >.ant-tabs-nav::before,.ant-tabs-top >div>.ant-tabs-nav::before{bottom:0;}.ant-tabs-top >.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top >div>.ant-tabs-nav .ant-tabs-ink-bar{bottom:0;}.ant-tabs-bottom >.ant-tabs-nav,.ant-tabs-bottom >div>.ant-tabs-nav{order:1;margin-top:16px;margin-bottom:0;}.ant-tabs-bottom >.ant-tabs-nav::before,.ant-tabs-bottom >div>.ant-tabs-nav::before{top:0;}.ant-tabs-bottom >.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom >div>.ant-tabs-nav .ant-tabs-ink-bar{top:0;}.ant-tabs-bottom >.ant-tabs-content-holder,.ant-tabs-bottom >div>.ant-tabs-content-holder{order:0;}.ant-tabs-left >.ant-tabs-nav,.ant-tabs-right >.ant-tabs-nav,.ant-tabs-left >div>.ant-tabs-nav,.ant-tabs-right >div>.ant-tabs-nav{flex-direction:column;min-width:40px;}.ant-tabs-left >.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right >.ant-tabs-nav .ant-tabs-tab,.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-tab{padding:8px 24px;text-align:center;}.ant-tabs-left >.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-right >.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin:16px 0 0 0;}.ant-tabs-left >.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right >.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-nav-wrap{flex-direction:column;}.ant-tabs-left >.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-right >.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-left >.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-right >.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-nav-wrap::after{right:0;left:0;height:32px;}.ant-tabs-left >.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-right >.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-nav-wrap::before{top:0;box-shadow:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);}.ant-tabs-left >.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-right >.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-nav-wrap::after{bottom:0;box-shadow:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);}.ant-tabs-left >.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,.ant-tabs-right >.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before{opacity:1;}.ant-tabs-left >.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,.ant-tabs-right >.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after{opacity:1;}.ant-tabs-left >.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right >.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-ink-bar{width:2px;}.ant-tabs-left >.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right >.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-ink-bar-animated{transition:height 0.3s,top 0.3s;}.ant-tabs-left >.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right >.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left >.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right >.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-nav-operations{flex:1 0 auto;flex-direction:column;}.ant-tabs-left >.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-ink-bar{right:0;}.ant-tabs-left >.ant-tabs-content-holder,.ant-tabs-left >div>.ant-tabs-content-holder{margin-left:-1px;border-left:1px solid #424242;}.ant-tabs-left >.ant-tabs-content-holder >.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-left >div>.ant-tabs-content-holder >.ant-tabs-content>.ant-tabs-tabpane{padding-left:24px;}.ant-tabs-right >.ant-tabs-nav,.ant-tabs-right >div>.ant-tabs-nav{order:1;}.ant-tabs-right >.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-ink-bar{left:0;}.ant-tabs-right >.ant-tabs-content-holder,.ant-tabs-right >div>.ant-tabs-content-holder{order:0;margin-right:-1px;border-right:1px solid #424242;}.ant-tabs-right >.ant-tabs-content-holder >.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-right >div>.ant-tabs-content-holder >.ant-tabs-content>.ant-tabs-tabpane{padding-right:24px;}.ant-tabs-dropdown{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:absolute;top:-9999px;left:-9999px;z-index:1050;display:block;}.ant-tabs-dropdown-hidden{display:none;}.ant-tabs-dropdown .ant-tabs-dropdown-menu{max-height:200px;margin:0;padding:4px 0;overflow-x:hidden;overflow-y:auto;text-align:left;list-style-type:none;background-color:#141414;background-clip:padding-box;border-radius:8px;outline:none;box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);}.ant-tabs-dropdown .ant-tabs-dropdown-menu-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;min-width:120px;margin:0;padding:4px 12px;color:rgba(255, 255, 255, 0.85);font-weight:normal;font-size:14px;line-height:1.5714285714285714;cursor:pointer;transition:all 0.3s;}.ant-tabs-dropdown .ant-tabs-dropdown-menu-item >span{flex:1;white-space:nowrap;}.ant-tabs-dropdown .ant-tabs-dropdown-menu-item-remove{flex:none;margin-left:12px;color:rgba(255, 255, 255, 0.45);font-size:12px;background:transparent;border:0;cursor:pointer;}.ant-tabs-dropdown .ant-tabs-dropdown-menu-item-remove:hover{color:#198016;}.ant-tabs-dropdown .ant-tabs-dropdown-menu-item:hover{background:rgba(255, 255, 255, 0.08);}.ant-tabs-dropdown .ant-tabs-dropdown-menu-item-disabled,.ant-tabs-dropdown .ant-tabs-dropdown-menu-item-disabled:hover{color:rgba(255, 255, 255, 0.25);background:transparent;cursor:not-allowed;}.ant-tabs-card >.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card >div>.ant-tabs-nav .ant-tabs-tab{margin:0;padding:8px 16px;background:rgba(255, 255, 255, 0.04);border:1px solid rgba(253, 253, 253, 0.12);transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}.ant-tabs-card >.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card >div>.ant-tabs-nav .ant-tabs-tab-active{color:#037003;background:#141414;}.ant-tabs-card >.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-card >div>.ant-tabs-nav .ant-tabs-ink-bar{visibility:hidden;}.ant-tabs-card.ant-tabs-top >.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom >.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-top >div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom >div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:2px;}.ant-tabs-card.ant-tabs-top >.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-top >div>.ant-tabs-nav .ant-tabs-tab{border-radius:8px 8px 0 0;}.ant-tabs-card.ant-tabs-top >.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-top >div>.ant-tabs-nav .ant-tabs-tab-active{border-bottom-color:#141414;}.ant-tabs-card.ant-tabs-bottom >.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom >div>.ant-tabs-nav .ant-tabs-tab{border-radius:0 0 8px 8px;}.ant-tabs-card.ant-tabs-bottom >.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-bottom >div>.ant-tabs-nav .ant-tabs-tab-active{border-top-color:#141414;}.ant-tabs-card.ant-tabs-left >.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-right >.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-top:2px;}.ant-tabs-card.ant-tabs-left >.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-tab{border-radius:8px 0 0 8px;}.ant-tabs-card.ant-tabs-left >.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-left >div>.ant-tabs-nav .ant-tabs-tab-active{border-right-color:#141414;}.ant-tabs-card.ant-tabs-right >.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-tab{border-radius:0 8px 8px 0;}.ant-tabs-card.ant-tabs-right >.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-right >div>.ant-tabs-nav .ant-tabs-tab-active{border-left-color:#141414;}.ant-tabs{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:flex;}.ant-tabs >.ant-tabs-nav,.ant-tabs >div>.ant-tabs-nav{position:relative;display:flex;flex:none;align-items:center;}.ant-tabs >.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs >div>.ant-tabs-nav .ant-tabs-nav-wrap{position:relative;display:flex;flex:auto;align-self:stretch;overflow:hidden;white-space:nowrap;transform:translate(0);}.ant-tabs >.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs >div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs >.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs >div>.ant-tabs-nav .ant-tabs-nav-wrap::after{position:absolute;z-index:1;opacity:0;transition:opacity 0.3s;content:'';pointer-events:none;}.ant-tabs >.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs >div>.ant-tabs-nav .ant-tabs-nav-list{position:relative;display:flex;transition:opacity 0.3s;}.ant-tabs >.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs >div>.ant-tabs-nav .ant-tabs-nav-operations{display:flex;align-self:stretch;}.ant-tabs >.ant-tabs-nav .ant-tabs-nav-operations-hidden,.ant-tabs >div>.ant-tabs-nav .ant-tabs-nav-operations-hidden{position:absolute;visibility:hidden;pointer-events:none;}.ant-tabs >.ant-tabs-nav .ant-tabs-nav-more,.ant-tabs >div>.ant-tabs-nav .ant-tabs-nav-more{position:relative;padding:8px 16px;background:transparent;border:0;}.ant-tabs >.ant-tabs-nav .ant-tabs-nav-more::after,.ant-tabs >div>.ant-tabs-nav .ant-tabs-nav-more::after{position:absolute;right:0;bottom:0;left:0;height:5px;transform:translateY(100%);content:'';}.ant-tabs >.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs >div>.ant-tabs-nav .ant-tabs-nav-add{min-width:40px;margin-left:2px;padding:0 8px;background:transparent;border:1px solid rgba(253, 253, 253, 0.12);border-radius:8px 8px 0 0;outline:none;cursor:pointer;color:rgba(255, 255, 255, 0.85);transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}.ant-tabs >.ant-tabs-nav .ant-tabs-nav-add:hover,.ant-tabs >div>.ant-tabs-nav .ant-tabs-nav-add:hover{color:#198016;}.ant-tabs >.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs >div>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs >.ant-tabs-nav .ant-tabs-nav-add:focus:not(:focus-visible),.ant-tabs >div>.ant-tabs-nav .ant-tabs-nav-add:focus:not(:focus-visible){color:#075a07;}.ant-tabs >.ant-tabs-nav .ant-tabs-nav-add:focus-visible,.ant-tabs >div>.ant-tabs-nav .ant-tabs-nav-add:focus-visible{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-tabs .ant-tabs-extra-content{flex:none;}.ant-tabs .ant-tabs-ink-bar{position:absolute;background:#037003;pointer-events:none;}.ant-tabs .ant-tabs-tab{position:relative;display:inline-flex;align-items:center;padding:12px 0;font-size:14px;background:transparent;border:0;outline:none;cursor:pointer;}.ant-tabs .ant-tabs-tab-btn:focus:not(:focus-visible),.ant-tabs .ant-tabs-tab-remove:focus:not(:focus-visible),.ant-tabs .ant-tabs-tab-btn:active,.ant-tabs .ant-tabs-tab-remove:active{color:#075a07;}.ant-tabs .ant-tabs-tab-btn:focus-visible,.ant-tabs .ant-tabs-tab-remove:focus-visible{outline:2px solid #0e340e;outline-offset:1px;transition:outline-offset 0s,outline 0s;}.ant-tabs .ant-tabs-tab-btn{outline:none;transition:all 0.3s;}.ant-tabs .ant-tabs-tab-remove{flex:none;margin-right:-4px;margin-left:8px;color:rgba(255, 255, 255, 0.45);font-size:12px;background:transparent;border:none;outline:none;cursor:pointer;transition:all 0.3s;}.ant-tabs .ant-tabs-tab-remove:hover{color:rgba(255, 255, 255, 0.85);}.ant-tabs .ant-tabs-tab:hover{color:#198016;}.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#037003;text-shadow:0 0 0.25px currentcolor;}.ant-tabs .ant-tabs-tab.ant-tabs-tab-disabled{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-tabs .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,.ant-tabs .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-remove:focus,.ant-tabs .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,.ant-tabs .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-remove:active{color:rgba(255, 255, 255, 0.25);}.ant-tabs .ant-tabs-tab .ant-tabs-tab-remove .anticon{margin:0;}.ant-tabs .ant-tabs-tab .anticon{margin-right:12px;}.ant-tabs .ant-tabs-tab+.ant-tabs-tab{margin:0 0 0 32px;}.ant-tabs .ant-tabs-content{position:relative;display:flex;width:100%;}.ant-tabs .ant-tabs-content-animated{transition:margin 0.3s;}.ant-tabs .ant-tabs-content-holder{flex:auto;min-width:0;min-height:0;}.ant-tabs .ant-tabs-tabpane{outline:none;flex:none;width:100%;}.ant-tabs-centered >.ant-tabs-nav .ant-tabs-nav-wrap:not([class*='.ant-tabs-nav-wrap-ping']),.ant-tabs-centered >div>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*='.ant-tabs-nav-wrap-ping']){justify-content:center;}.ant-tabs .ant-tabs-switch-appear,.ant-tabs .ant-tabs-switch-enter{transition:none;}.ant-tabs .ant-tabs-switch-appear-start,.ant-tabs .ant-tabs-switch-enter-start{opacity:0;}.ant-tabs .ant-tabs-switch-appear-active,.ant-tabs .ant-tabs-switch-enter-active{opacity:1;transition:opacity 0.3s;}.ant-tabs .ant-tabs-switch-leave{position:absolute;transition:none;inset:0;}.ant-tabs .ant-tabs-switch-leave-start{opacity:1;}.ant-tabs .ant-tabs-switch-leave-active{opacity:0;transition:opacity 0.3s;}.ant-slide-up-enter,.ant-slide-up-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-up-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-up-enter.ant-slide-up-enter-active,.ant-slide-up-appear.ant-slide-up-appear-active{animation-name:antSlideUpIn;animation-play-state:running;}.ant-slide-up-leave.ant-slide-up-leave-active{animation-name:antSlideUpOut;animation-play-state:running;pointer-events:none;}.ant-slide-up-enter,.ant-slide-up-appear{transform:scale(0);transform-origin:0% 0%;opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}.ant-slide-up-leave{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);}.ant-slide-down-enter,.ant-slide-down-appear{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-down-leave{animation-duration:0.2s;animation-fill-mode:both;animation-play-state:paused;}.ant-slide-down-enter.ant-slide-down-enter-active,.ant-slide-down-appear.ant-slide-down-appear-active{animation-name:antSlideDownIn;animation-play-state:running;}.ant-slide-down-leave.ant-slide-down-leave-active{animation-name:antSlideDownOut;animation-play-state:running;pointer-events:none;}.ant-slide-down-enter,.ant-slide-down-appear{transform:scale(0);transform-origin:0% 0%;opacity:0;animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);}.ant-slide-down-leave{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);}[class^=\\\\\"ant-tag\\\\\"],[class*=\\\\\" ant-tag\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-tag\\\\\"]::before,[class*=\\\\\" ant-tag\\\\\"]::before,[class^=\\\\\"ant-tag\\\\\"]::after,[class*=\\\\\" ant-tag\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-tag\\\\\"] [class^=\\\\\"ant-tag\\\\\"],[class*=\\\\\" ant-tag\\\\\"] [class^=\\\\\"ant-tag\\\\\"],[class^=\\\\\"ant-tag\\\\\"] [class*=\\\\\" ant-tag\\\\\"],[class*=\\\\\" ant-tag\\\\\"] [class*=\\\\\" ant-tag\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-tag\\\\\"] [class^=\\\\\"ant-tag\\\\\"]::before,[class*=\\\\\" ant-tag\\\\\"] [class^=\\\\\"ant-tag\\\\\"]::before,[class^=\\\\\"ant-tag\\\\\"] [class*=\\\\\" ant-tag\\\\\"]::before,[class*=\\\\\" ant-tag\\\\\"] [class*=\\\\\" ant-tag\\\\\"]::before,[class^=\\\\\"ant-tag\\\\\"] [class^=\\\\\"ant-tag\\\\\"]::after,[class*=\\\\\" ant-tag\\\\\"] [class^=\\\\\"ant-tag\\\\\"]::after,[class^=\\\\\"ant-tag\\\\\"] [class*=\\\\\" ant-tag\\\\\"]::after,[class*=\\\\\" ant-tag\\\\\"] [class*=\\\\\" ant-tag\\\\\"]::after{box-sizing:border-box;}.ant-tag{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:12px;line-height:20px;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:inline-block;height:auto;margin-inline-end:8px;padding-inline:7px;white-space:nowrap;background:rgba(255, 255, 255, 0.04);border:1px solid #424242;border-radius:4px;opacity:1;transition:all 0.2s;text-align:start;}.ant-tag.ant-tag-rtl{direction:rtl;}.ant-tag,.ant-tag a,.ant-tag a:hover{color:rgba(255, 255, 255, 0.85);}.ant-tag .ant-tag-close-icon{margin-inline-start:3px;color:rgba(255, 255, 255, 0.45);font-size:10px;cursor:pointer;transition:all 0.2s;}.ant-tag .ant-tag-close-icon:hover{color:rgba(255, 255, 255, 0.85);}.ant-tag.ant-tag-has-color{border-color:transparent;}.ant-tag.ant-tag-has-color,.ant-tag.ant-tag-has-color a,.ant-tag.ant-tag-has-color a:hover,.ant-tag.ant-tag-has-color .anticon-close,.ant-tag.ant-tag-has-color .anticon-close:hover{color:#fff;}.ant-tag-checkable{background-color:transparent;border-color:transparent;cursor:pointer;}.ant-tag-checkable:not(.ant-tag-checkable-checked):hover{color:#037003;background-color:rgba(255, 255, 255, 0.12);}.ant-tag-checkable:active,.ant-tag-checkable-checked{color:#fff;}.ant-tag-checkable-checked{background-color:#037003;}.ant-tag-checkable-checked:hover{background-color:#198016;}.ant-tag-checkable:active{background-color:#075a07;}.ant-tag-hidden{display:none;}.ant-tag >.anticon+span,.ant-tag >span+.anticon{margin-inline-start:7px;}.ant-tag-borderless{border-color:transparent;background:rgba(255, 255, 255, 0.08);}.ant-tag-blue{color:#3c89e8;background:#111a2c;border-color:#15325b;}.ant-tag-blue-inverse{color:#fff;background:#1668dc;border-color:#1668dc;}.ant-tag-blue.ant-tag-borderless{border-color:transparent;}.ant-tag-purple{color:#854eca;background:#1a1325;border-color:#301c4d;}.ant-tag-purple-inverse{color:#fff;background:#642ab5;border-color:#642ab5;}.ant-tag-purple.ant-tag-borderless{border-color:transparent;}.ant-tag-cyan{color:#33bcb7;background:#112123;border-color:#144848;}.ant-tag-cyan-inverse{color:#fff;background:#13a8a8;border-color:#13a8a8;}.ant-tag-cyan.ant-tag-borderless{border-color:transparent;}.ant-tag-green{color:#6abe39;background:#162312;border-color:#274916;}.ant-tag-green-inverse{color:#fff;background:#49aa19;border-color:#49aa19;}.ant-tag-green.ant-tag-borderless{border-color:transparent;}.ant-tag-magenta{color:#e0529c;background:#291321;border-color:#551c3b;}.ant-tag-magenta-inverse{color:#fff;background:#cb2b83;border-color:#cb2b83;}.ant-tag-magenta.ant-tag-borderless{border-color:transparent;}.ant-tag-pink{color:#e0529c;background:#291321;border-color:#551c3b;}.ant-tag-pink-inverse{color:#fff;background:#cb2b83;border-color:#cb2b83;}.ant-tag-pink.ant-tag-borderless{border-color:transparent;}.ant-tag-red{color:#e84749;background:#2a1215;border-color:#58181c;}.ant-tag-red-inverse{color:#fff;background:#d32029;border-color:#d32029;}.ant-tag-red.ant-tag-borderless{border-color:transparent;}.ant-tag-orange{color:#e89a3c;background:#2b1d11;border-color:#593815;}.ant-tag-orange-inverse{color:#fff;background:#d87a16;border-color:#d87a16;}.ant-tag-orange.ant-tag-borderless{border-color:transparent;}.ant-tag-yellow{color:#e8d639;background:#2b2611;border-color:#595014;}.ant-tag-yellow-inverse{color:#fff;background:#d8bd14;border-color:#d8bd14;}.ant-tag-yellow.ant-tag-borderless{border-color:transparent;}.ant-tag-volcano{color:#e87040;background:#2b1611;border-color:#592716;}.ant-tag-volcano-inverse{color:#fff;background:#d84a1b;border-color:#d84a1b;}.ant-tag-volcano.ant-tag-borderless{border-color:transparent;}.ant-tag-geekblue{color:#5273e0;background:#131629;border-color:#1c2755;}.ant-tag-geekblue-inverse{color:#fff;background:#2b4acb;border-color:#2b4acb;}.ant-tag-geekblue.ant-tag-borderless{border-color:transparent;}.ant-tag-lime{color:#a9d134;background:#1f2611;border-color:#3e4f13;}.ant-tag-lime-inverse{color:#fff;background:#8bbb11;border-color:#8bbb11;}.ant-tag-lime.ant-tag-borderless{border-color:transparent;}.ant-tag-gold{color:#e8b339;background:#2b2111;border-color:#594214;}.ant-tag-gold-inverse{color:#fff;background:#d89614;border-color:#d89614;}.ant-tag-gold.ant-tag-borderless{border-color:transparent;}.ant-tag-success{color:#49aa19;background:#162312;border-color:#274916;}.ant-tag-success.ant-tag-borderless{border-color:transparent;}.ant-tag-processing{color:#1668dc;background:#111a2c;border-color:#15325b;}.ant-tag-processing.ant-tag-borderless{border-color:transparent;}.ant-tag-error{color:#dc4446;background:#2c1618;border-color:#5b2526;}.ant-tag-error.ant-tag-borderless{border-color:transparent;}.ant-tag-warning{color:#d89614;background:#2b2111;border-color:#594214;}.ant-tag-warning.ant-tag-borderless{border-color:transparent;}[class^=\\\\\"ant-timeline\\\\\"],[class*=\\\\\" ant-timeline\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-timeline\\\\\"]::before,[class*=\\\\\" ant-timeline\\\\\"]::before,[class^=\\\\\"ant-timeline\\\\\"]::after,[class*=\\\\\" ant-timeline\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-timeline\\\\\"] [class^=\\\\\"ant-timeline\\\\\"],[class*=\\\\\" ant-timeline\\\\\"] [class^=\\\\\"ant-timeline\\\\\"],[class^=\\\\\"ant-timeline\\\\\"] [class*=\\\\\" ant-timeline\\\\\"],[class*=\\\\\" ant-timeline\\\\\"] [class*=\\\\\" ant-timeline\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-timeline\\\\\"] [class^=\\\\\"ant-timeline\\\\\"]::before,[class*=\\\\\" ant-timeline\\\\\"] [class^=\\\\\"ant-timeline\\\\\"]::before,[class^=\\\\\"ant-timeline\\\\\"] [class*=\\\\\" ant-timeline\\\\\"]::before,[class*=\\\\\" ant-timeline\\\\\"] [class*=\\\\\" ant-timeline\\\\\"]::before,[class^=\\\\\"ant-timeline\\\\\"] [class^=\\\\\"ant-timeline\\\\\"]::after,[class*=\\\\\" ant-timeline\\\\\"] [class^=\\\\\"ant-timeline\\\\\"]::after,[class^=\\\\\"ant-timeline\\\\\"] [class*=\\\\\" ant-timeline\\\\\"]::after,[class*=\\\\\" ant-timeline\\\\\"] [class*=\\\\\" ant-timeline\\\\\"]::after{box-sizing:border-box;}.ant-timeline{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';}.ant-timeline .ant-timeline-item{position:relative;margin:0;padding-bottom:20px;font-size:14px;list-style:none;}.ant-timeline .ant-timeline-item-tail{position:absolute;inset-block-start:10px;inset-inline-start:4px;height:calc(100% - 10px);border-inline-start:2px solid rgba(253, 253, 253, 0.12);}.ant-timeline .ant-timeline-item-pending .ant-timeline-item-head{font-size:12px;background-color:transparent;}.ant-timeline .ant-timeline-item-pending .ant-timeline-item-tail{display:none;}.ant-timeline .ant-timeline-item-head{position:absolute;width:10px;height:10px;background-color:#141414;border:3px solid transparent;border-radius:50%;}.ant-timeline .ant-timeline-item-head-blue{color:#037003;border-color:#037003;}.ant-timeline .ant-timeline-item-head-red{color:#dc4446;border-color:#dc4446;}.ant-timeline .ant-timeline-item-head-green{color:#49aa19;border-color:#49aa19;}.ant-timeline .ant-timeline-item-head-gray{color:rgba(255, 255, 255, 0.25);border-color:rgba(255, 255, 255, 0.25);}.ant-timeline .ant-timeline-item-head-custom{position:absolute;inset-block-start:5px;inset-inline-start:5px;width:auto;height:auto;margin-block-start:0;padding-block:4px;line-height:1;text-align:center;border:0;border-radius:0;transform:translate(-50%, -50%);}.ant-timeline .ant-timeline-item-content{position:relative;inset-block-start:-7px;margin-inline-start:26px;margin-inline-end:0;margin-block-start:0;margin-block-end:0;word-break:break-word;}.ant-timeline .ant-timeline-item-last >.ant-timeline-item-tail{display:none;}.ant-timeline .ant-timeline-item-last >.ant-timeline-item-content{min-height:48px;}.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,.ant-timeline.ant-timeline-right .ant-timeline-item-tail,.ant-timeline.ant-timeline-label .ant-timeline-item-tail,.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline.ant-timeline-right .ant-timeline-item-head,.ant-timeline.ant-timeline-label .ant-timeline-item-head,.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom{inset-inline-start:50%;}.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline.ant-timeline-right .ant-timeline-item-head,.ant-timeline.ant-timeline-label .ant-timeline-item-head{margin-inline-start:-4px;}.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom{margin-inline-start:1px;}.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content{inset-inline-start:calc(50% - 4px);width:calc(50% - 12px);text-align:start;}.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content{width:calc(50% - 12px);margin:0;text-align:end;}.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom{inset-inline-start:calc(100% - 6px);}.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content{width:calc(100% - 18px);}.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail{display:block;height:calc(100% - 16px);border-inline-start:2px dotted rgba(253, 253, 253, 0.12);}.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail{display:none;}.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail{inset-block-start:16px;display:block;height:calc(100% - 16px);border-inline-start:2px dotted rgba(253, 253, 253, 0.12);}.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content{min-height:48px;}.ant-timeline.ant-timeline-label .ant-timeline-item-label{position:absolute;inset-block-start:-6px;width:calc(50% - 12px);text-align:end;}.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label{inset-inline-start:calc(50% + 12px);width:calc(50% - 12px);text-align:start;}.ant-timeline-rtl{direction:rtl;}.ant-timeline-rtl .ant-timeline-item-head-custom{transform:translate(50%, -50%);}[class^=\\\\\"ant-typography\\\\\"],[class*=\\\\\" ant-typography\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-typography\\\\\"]::before,[class*=\\\\\" ant-typography\\\\\"]::before,[class^=\\\\\"ant-typography\\\\\"]::after,[class*=\\\\\" ant-typography\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-typography\\\\\"] [class^=\\\\\"ant-typography\\\\\"],[class*=\\\\\" ant-typography\\\\\"] [class^=\\\\\"ant-typography\\\\\"],[class^=\\\\\"ant-typography\\\\\"] [class*=\\\\\" ant-typography\\\\\"],[class*=\\\\\" ant-typography\\\\\"] [class*=\\\\\" ant-typography\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-typography\\\\\"] [class^=\\\\\"ant-typography\\\\\"]::before,[class*=\\\\\" ant-typography\\\\\"] [class^=\\\\\"ant-typography\\\\\"]::before,[class^=\\\\\"ant-typography\\\\\"] [class*=\\\\\" ant-typography\\\\\"]::before,[class*=\\\\\" ant-typography\\\\\"] [class*=\\\\\" ant-typography\\\\\"]::before,[class^=\\\\\"ant-typography\\\\\"] [class^=\\\\\"ant-typography\\\\\"]::after,[class*=\\\\\" ant-typography\\\\\"] [class^=\\\\\"ant-typography\\\\\"]::after,[class^=\\\\\"ant-typography\\\\\"] [class*=\\\\\" ant-typography\\\\\"]::after,[class*=\\\\\" ant-typography\\\\\"] [class*=\\\\\" ant-typography\\\\\"]::after{box-sizing:border-box;}.ant-typography{color:rgba(255, 255, 255, 0.85);word-break:break-word;line-height:1.5714285714285714;}.ant-typography.ant-typography-secondary{color:rgba(255, 255, 255, 0.45);}.ant-typography.ant-typography-success{color:#49aa19;}.ant-typography.ant-typography-warning{color:#d89614;}.ant-typography.ant-typography-danger{color:#dc4446;}a.ant-typography.ant-typography-danger:active,a.ant-typography.ant-typography-danger:focus{color:#ad393a;}a.ant-typography.ant-typography-danger:hover{color:#e86e6b;}.ant-typography.ant-typography-disabled{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;user-select:none;}div.ant-typography,.ant-typography p{margin-bottom:1em;}h1.ant-typography,div.ant-typography-h1,div.ant-typography-h1>textarea,.ant-typography h1{margin-bottom:0.5em;color:rgba(255, 255, 255, 0.85);font-weight:600;font-size:38px;line-height:1.2105263157894737;}h2.ant-typography,div.ant-typography-h2,div.ant-typography-h2>textarea,.ant-typography h2{margin-bottom:0.5em;color:rgba(255, 255, 255, 0.85);font-weight:600;font-size:30px;line-height:1.2666666666666666;}h3.ant-typography,div.ant-typography-h3,div.ant-typography-h3>textarea,.ant-typography h3{margin-bottom:0.5em;color:rgba(255, 255, 255, 0.85);font-weight:600;font-size:24px;line-height:1.3333333333333333;}h4.ant-typography,div.ant-typography-h4,div.ant-typography-h4>textarea,.ant-typography h4{margin-bottom:0.5em;color:rgba(255, 255, 255, 0.85);font-weight:600;font-size:20px;line-height:1.4;}h5.ant-typography,div.ant-typography-h5,div.ant-typography-h5>textarea,.ant-typography h5{margin-bottom:0.5em;color:rgba(255, 255, 255, 0.85);font-weight:600;font-size:16px;line-height:1.5;}.ant-typography+h1.ant-typography,.ant-typography+h2.ant-typography,.ant-typography+h3.ant-typography,.ant-typography+h4.ant-typography,.ant-typography+h5.ant-typography{margin-top:1.2em;}.ant-typography div +h1,.ant-typography ul +h1,.ant-typography li +h1,.ant-typography p +h1,.ant-typography h1 +h1,.ant-typography h2 +h1,.ant-typography h3 +h1,.ant-typography h4 +h1,.ant-typography h5 +h1,.ant-typography div +h2,.ant-typography ul +h2,.ant-typography li +h2,.ant-typography p +h2,.ant-typography h1 +h2,.ant-typography h2 +h2,.ant-typography h3 +h2,.ant-typography h4 +h2,.ant-typography h5 +h2,.ant-typography div +h3,.ant-typography ul +h3,.ant-typography li +h3,.ant-typography p +h3,.ant-typography h1 +h3,.ant-typography h2 +h3,.ant-typography h3 +h3,.ant-typography h4 +h3,.ant-typography h5 +h3,.ant-typography div +h4,.ant-typography ul +h4,.ant-typography li +h4,.ant-typography p +h4,.ant-typography h1 +h4,.ant-typography h2 +h4,.ant-typography h3 +h4,.ant-typography h4 +h4,.ant-typography h5 +h4,.ant-typography div +h5,.ant-typography ul +h5,.ant-typography li +h5,.ant-typography p +h5,.ant-typography h1 +h5,.ant-typography h2 +h5,.ant-typography h3 +h5,.ant-typography h4 +h5,.ant-typography h5 +h5{margin-top:1.2em;}.ant-typography code{margin:0 0.2em;padding-inline:0.4em;padding-block:0.2em 0.1em;font-size:85%;background:rgba(150, 150, 150, 0.1);border:1px solid rgba(100, 100, 100, 0.2);border-radius:3px;}.ant-typography kbd{margin:0 0.2em;padding-inline:0.4em;padding-block:0.15em 0.1em;font-size:90%;background:rgba(150, 150, 150, 0.06);border:1px solid rgba(100, 100, 100, 0.2);border-bottom-width:2px;border-radius:3px;}.ant-typography mark{padding:0;background-color:#ffe58f;}.ant-typography u,.ant-typography ins{text-decoration:underline;text-decoration-skip-ink:auto;}.ant-typography s,.ant-typography del{text-decoration:line-through;}.ant-typography strong{font-weight:600;}.ant-typography ul,.ant-typography ol{margin-inline:0;margin-block:0 1em;padding:0;}.ant-typography ul li,.ant-typography ol li{margin-inline:20px 0;margin-block:0;padding-inline:4px 0;padding-block:0;}.ant-typography ul{list-style-type:circle;}.ant-typography ul ul{list-style-type:disc;}.ant-typography ol{list-style-type:decimal;}.ant-typography pre,.ant-typography blockquote{margin:1em 0;}.ant-typography pre{padding:0.4em 0.6em;white-space:pre-wrap;word-wrap:break-word;background:rgba(150, 150, 150, 0.1);border:1px solid rgba(100, 100, 100, 0.2);border-radius:3px;}.ant-typography pre code{display:inline;margin:0;padding:0;font-size:inherit;font-family:inherit;background:transparent;border:0;}.ant-typography blockquote{padding-inline:0.6em 0;padding-block:0;border-inline-start:4px solid rgba(100, 100, 100, 0.2);opacity:0.85;}a.ant-typography,.ant-typography a{color:#1668dc;text-decoration:none;outline:none;cursor:pointer;transition:color 0.3s;}a.ant-typography:focus,.ant-typography a:focus,a.ant-typography:hover,.ant-typography a:hover{color:#15417e;}a.ant-typography:active,.ant-typography a:active{color:#1554ad;}a.ant-typography:active,.ant-typography a:active,a.ant-typography:hover,.ant-typography a:hover{text-decoration:none;}a.ant-typography[disabled],.ant-typography a[disabled],a.ant-typography.ant-typography-disabled,.ant-typography a.ant-typography-disabled{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}a.ant-typography[disabled]:active,.ant-typography a[disabled]:active,a.ant-typography.ant-typography-disabled:active,.ant-typography a.ant-typography-disabled:active,a.ant-typography[disabled]:hover,.ant-typography a[disabled]:hover,a.ant-typography.ant-typography-disabled:hover,.ant-typography a.ant-typography-disabled:hover{color:rgba(255, 255, 255, 0.25);}a.ant-typography[disabled]:active,.ant-typography a[disabled]:active,a.ant-typography.ant-typography-disabled:active,.ant-typography a.ant-typography-disabled:active{pointer-events:none;}.ant-typography .ant-typography-expand,.ant-typography .ant-typography-edit,.ant-typography .ant-typography-copy{color:#1668dc;text-decoration:none;outline:none;cursor:pointer;transition:color 0.3s;margin-inline-start:4px;}.ant-typography .ant-typography-expand:focus,.ant-typography .ant-typography-edit:focus,.ant-typography .ant-typography-copy:focus,.ant-typography .ant-typography-expand:hover,.ant-typography .ant-typography-edit:hover,.ant-typography .ant-typography-copy:hover{color:#15417e;}.ant-typography .ant-typography-expand:active,.ant-typography .ant-typography-edit:active,.ant-typography .ant-typography-copy:active{color:#1554ad;}.ant-typography-edit-content{position:relative;}div.ant-typography-edit-content{inset-inline-start:-12px;margin-top:-5px;margin-bottom:calc(1em - 5px);}.ant-typography-edit-content .ant-typography-edit-content-confirm{position:absolute;inset-inline-end:10px;inset-block-end:8px;color:rgba(255, 255, 255, 0.45);font-weight:normal;font-size:14px;font-style:normal;pointer-events:none;}.ant-typography-edit-content textarea{margin:0!important;-moz-transition:none;height:1em;}.ant-typography-copy-success,.ant-typography-copy-success:hover,.ant-typography-copy-success:focus{color:#49aa19;}a.ant-typography-ellipsis,span.ant-typography-ellipsis{display:inline-block;max-width:100%;}.ant-typography-single-line{white-space:nowrap;}.ant-typography-ellipsis-single-line{overflow:hidden;text-overflow:ellipsis;}a.ant-typography-ellipsis-single-line,span.ant-typography-ellipsis-single-line{vertical-align:bottom;}.ant-typography-ellipsis-multiple-line{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;}.ant-typography-rtl{direction:rtl;}[class^=\\\\\"ant-upload\\\\\"],[class*=\\\\\" ant-upload\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-upload\\\\\"]::before,[class*=\\\\\" ant-upload\\\\\"]::before,[class^=\\\\\"ant-upload\\\\\"]::after,[class*=\\\\\" ant-upload\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-upload\\\\\"] [class^=\\\\\"ant-upload\\\\\"],[class*=\\\\\" ant-upload\\\\\"] [class^=\\\\\"ant-upload\\\\\"],[class^=\\\\\"ant-upload\\\\\"] [class*=\\\\\" ant-upload\\\\\"],[class*=\\\\\" ant-upload\\\\\"] [class*=\\\\\" ant-upload\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-upload\\\\\"] [class^=\\\\\"ant-upload\\\\\"]::before,[class*=\\\\\" ant-upload\\\\\"] [class^=\\\\\"ant-upload\\\\\"]::before,[class^=\\\\\"ant-upload\\\\\"] [class*=\\\\\" ant-upload\\\\\"]::before,[class*=\\\\\" ant-upload\\\\\"] [class*=\\\\\" ant-upload\\\\\"]::before,[class^=\\\\\"ant-upload\\\\\"] [class^=\\\\\"ant-upload\\\\\"]::after,[class*=\\\\\" ant-upload\\\\\"] [class^=\\\\\"ant-upload\\\\\"]::after,[class^=\\\\\"ant-upload\\\\\"] [class*=\\\\\" ant-upload\\\\\"]::after,[class*=\\\\\" ant-upload\\\\\"] [class*=\\\\\" ant-upload\\\\\"]::after{box-sizing:border-box;}.ant-upload-wrapper{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';}.ant-upload-wrapper .ant-upload{outline:0;}.ant-upload-wrapper .ant-upload input[type='file']{cursor:pointer;}.ant-upload-wrapper .ant-upload-select{display:inline-block;}.ant-upload-wrapper .ant-upload-disabled{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-upload-wrapper .ant-upload-drag{position:relative;width:100%;height:100%;text-align:center;background:rgba(255, 255, 255, 0.04);border:1px dashed #424242;border-radius:8px;cursor:pointer;transition:border-color 0.3s;}.ant-upload-wrapper .ant-upload-drag .ant-upload{padding:16px 0;}.ant-upload-wrapper .ant-upload-drag .ant-upload-btn{display:table;width:100%;height:100%;outline:none;}.ant-upload-wrapper .ant-upload-drag .ant-upload-drag-container{display:table-cell;vertical-align:middle;}.ant-upload-wrapper .ant-upload-drag:not(.ant-upload-disabled):hover{border-color:#198016;}.ant-upload-wrapper .ant-upload-drag p.ant-upload-drag-icon{margin-bottom:16px;}.ant-upload-wrapper .ant-upload-drag p.ant-upload-drag-icon .anticon{color:#037003;font-size:48px;}.ant-upload-wrapper .ant-upload-drag p.ant-upload-text{margin:0 0 4px;color:rgba(255, 255, 255, 0.85);font-size:16px;}.ant-upload-wrapper .ant-upload-drag p.ant-upload-hint{color:rgba(255, 255, 255, 0.45);font-size:14px;}.ant-upload-wrapper .ant-upload-drag.ant-upload-disabled{cursor:not-allowed;}.ant-upload-wrapper .ant-upload-drag.ant-upload-disabled p.ant-upload-drag-icon .anticon,.ant-upload-wrapper .ant-upload-drag.ant-upload-disabled p.ant-upload-text,.ant-upload-wrapper .ant-upload-drag.ant-upload-disabled p.ant-upload-hint{color:rgba(255, 255, 255, 0.25);}.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item,.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item{position:relative;height:66px;padding:8px;border:1px solid #424242;border-radius:8px;}.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item:hover,.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item:hover{background:transparent;}.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item .ant-upload-list-item-thumbnail,.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-thumbnail{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:48px;height:48px;line-height:60px;text-align:center;flex:none;}.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item .ant-upload-list-item-thumbnail .anticon,.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-thumbnail .anticon{font-size:30px;color:#037003;}.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item .ant-upload-list-item-thumbnail img,.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-thumbnail img{display:block;width:100%;height:100%;overflow:hidden;}.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item .ant-upload-list-item-progress,.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-progress{bottom:12px;width:calc(100% - 24px);margin-top:0;padding-inline-start:56px;}.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item-error,.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-error{border-color:#dc4446;}.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff']{fill:#2c1618;}.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff']{fill:#dc4446;}.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item-uploading,.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading{border-style:dashed;}.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name{margin-bottom:12px;}.ant-upload-wrapper.ant-upload-picture-card-wrapper{display:inline-block;width:100%;}.ant-upload-wrapper.ant-upload-picture-card-wrapper::before{display:table;content:\\\\\"\\\\\";}.ant-upload-wrapper.ant-upload-picture-card-wrapper::after{display:table;clear:both;content:\\\\\"\\\\\";}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select{width:102px;height:102px;margin-inline-end:8px;margin-bottom:8px;text-align:center;vertical-align:top;background-color:rgba(255, 255, 255, 0.04);border:1px dashed #424242;border-radius:8px;cursor:pointer;transition:border-color 0.3s;}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select >.ant-upload{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select:not(.ant-upload-disabled):hover{border-color:#037003;}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container{display:inline-block;width:102px;height:102px;margin-block:0 8px;margin-inline:0 8px;vertical-align:top;}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card::after{display:none;}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item{height:100%;margin:0;}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item::before{position:absolute;z-index:1;width:calc(100% - 16px);height:calc(100% - 16px);background-color:rgba(0, 0, 0, 0.45);opacity:0;transition:all 0.3s;content:\\\\\" \\\\\";}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item:hover::before,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-actions{opacity:1;}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions{position:absolute;inset-inline-start:0;z-index:10;width:100%;white-space:nowrap;text-align:center;opacity:0;transition:all 0.3s;}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete{z-index:10;width:16px;margin:0 4px;font-size:16px;cursor:pointer;transition:all 0.3s;}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions:hover .anticon-eye,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions:hover .anticon-download,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions:hover .anticon-delete{color:rgba(255, 255, 255, 0.65);}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions:hover .anticon-eye:hover,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions:hover .anticon-download:hover,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-actions:hover .anticon-delete:hover{color:#fff;}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{position:static;display:block;width:100%;height:100%;object-fit:contain;}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-name{display:none;text-align:center;}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-file+.ant-upload-list-item-name{position:absolute;bottom:16px;display:block;width:calc(100% - 16px);}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item{background-color:rgba(255, 255, 255, 0.04);}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading::before,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading .anticon-eye,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading .anticon-download,.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-uploading .anticon-delete{display:none;}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-progress{bottom:32px;width:calc(100% - 16px);padding-inline-start:0;}.ant-upload-wrapper .ant-upload-list{line-height:1.5714285714285714;}.ant-upload-wrapper .ant-upload-list::before{display:table;content:\\\\\"\\\\\";}.ant-upload-wrapper .ant-upload-list::after{display:table;clear:both;content:\\\\\"\\\\\";}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item{position:relative;height:22px;margin-top:8px;font-size:14px;display:flex;align-items:center;transition:background-color 0.3s;}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover{background-color:rgba(255, 255, 255, 0.08);}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 8px;line-height:1.5714285714285714;flex:auto;transition:all 0.3s;}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action{opacity:0;}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action.ant-btn-sm{height:22px;border:0;line-height:1;}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action.ant-btn-sm >span{transform:scale(1);}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action:focus,.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions.picture .ant-upload-list-item-action{opacity:1;}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .anticon{color:rgba(255, 255, 255, 0.45);transition:all 0.3s;}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions:hover .anticon{color:rgba(255, 255, 255, 0.85);}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-icon .anticon{color:rgba(255, 255, 255, 0.45);font-size:14px;}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-progress{position:absolute;bottom:-12px;width:100%;padding-inline-start:22px;font-size:14px;line-height:0;pointer-events:none;}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-progress >div{margin:0;}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover .ant-upload-list-item-action{opacity:1;color:rgba(255, 255, 255, 0.85);}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error{color:#dc4446;}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error .ant-upload-list-item-name,.ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error .ant-upload-icon .anticon{color:#dc4446;}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error .ant-upload-list-item-actions .anticon,.ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error .ant-upload-list-item-actions .anticon:hover{color:#dc4446;}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error .ant-upload-list-item-actions .ant-upload-list-item-action{opacity:1;}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item-container{transition:opacity 0.3s,height 0.3s;}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item-container::before{display:table;width:0;height:0;content:\\\\\"\\\\\";}.ant-upload-wrapper .ant-upload-animate-inline-appear,.ant-upload-wrapper .ant-upload-animate-inline-enter,.ant-upload-wrapper .ant-upload-animate-inline-leave{animation-duration:0.3s;animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);animation-fill-mode:forwards;}.ant-upload-wrapper .ant-upload-animate-inline-appear,.ant-upload-wrapper .ant-upload-animate-inline-enter{animation-name:uploadAnimateInlineIn;}.ant-upload-wrapper .ant-upload-animate-inline-leave{animation-name:uploadAnimateInlineOut;}.ant-upload-rtl{direction:rtl;}.ant-upload .ant-motion-collapse-legacy{overflow:hidden;}.ant-upload .ant-motion-collapse-legacy-active{transition:height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)!important;}.ant-upload .ant-motion-collapse{overflow:hidden;transition:height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)!important;}@keyframes uploadAnimateInlineIn{from{width:0;height:0;margin:0;padding:0;opacity:0;}}@keyframes uploadAnimateInlineOut{to{width:0;height:0;margin:0;padding:0;opacity:0;}}[class^=\\\\\"ant-segmented\\\\\"],[class*=\\\\\" ant-segmented\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-segmented\\\\\"]::before,[class*=\\\\\" ant-segmented\\\\\"]::before,[class^=\\\\\"ant-segmented\\\\\"]::after,[class*=\\\\\" ant-segmented\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-segmented\\\\\"] [class^=\\\\\"ant-segmented\\\\\"],[class*=\\\\\" ant-segmented\\\\\"] [class^=\\\\\"ant-segmented\\\\\"],[class^=\\\\\"ant-segmented\\\\\"] [class*=\\\\\" ant-segmented\\\\\"],[class*=\\\\\" ant-segmented\\\\\"] [class*=\\\\\" ant-segmented\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-segmented\\\\\"] [class^=\\\\\"ant-segmented\\\\\"]::before,[class*=\\\\\" ant-segmented\\\\\"] [class^=\\\\\"ant-segmented\\\\\"]::before,[class^=\\\\\"ant-segmented\\\\\"] [class*=\\\\\" ant-segmented\\\\\"]::before,[class*=\\\\\" ant-segmented\\\\\"] [class*=\\\\\" ant-segmented\\\\\"]::before,[class^=\\\\\"ant-segmented\\\\\"] [class^=\\\\\"ant-segmented\\\\\"]::after,[class*=\\\\\" ant-segmented\\\\\"] [class^=\\\\\"ant-segmented\\\\\"]::after,[class^=\\\\\"ant-segmented\\\\\"] [class*=\\\\\" ant-segmented\\\\\"]::after,[class*=\\\\\" ant-segmented\\\\\"] [class*=\\\\\" ant-segmented\\\\\"]::after{box-sizing:border-box;}.ant-segmented{box-sizing:border-box;margin:0;padding:2px;color:rgba(255, 255, 255, 0.65);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:inline-block;background-color:#000000;border-radius:6px;transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);}.ant-segmented .ant-segmented-group{position:relative;display:flex;align-items:stretch;justify-items:flex-start;width:100%;}.ant-segmented.ant-segmented-rtl{direction:rtl;}.ant-segmented.ant-segmented-block{display:flex;}.ant-segmented.ant-segmented-block .ant-segmented-item{flex:1;min-width:0;}.ant-segmented .ant-segmented-item{position:relative;text-align:center;cursor:pointer;transition:color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);border-radius:4px;}.ant-segmented .ant-segmented-item-selected{background-color:#1f1f1f;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.03),0 1px 6px -1px rgba(0, 0, 0, 0.02),0 2px 4px 0 rgba(0, 0, 0, 0.02);color:rgba(255, 255, 255, 0.85);}.ant-segmented .ant-segmented-item::after{content:\\\\\"\\\\\";position:absolute;width:100%;height:100%;top:0;inset-inline-start:0;border-radius:inherit;transition:background-color 0.2s;}.ant-segmented .ant-segmented-item:hover:not(.ant-segmented-item-selected):not(.ant-segmented-item-disabled){color:rgba(255, 255, 255, 0.85);}.ant-segmented .ant-segmented-item:hover:not(.ant-segmented-item-selected):not(.ant-segmented-item-disabled)::after{background-color:rgba(255, 255, 255, 0.12);}.ant-segmented .ant-segmented-item-label{min-height:28px;line-height:28px;padding:0 11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.ant-segmented .ant-segmented-item-icon+*{margin-inline-start:6px;}.ant-segmented .ant-segmented-item-input{position:absolute;inset-block-start:0;inset-inline-start:0;width:0;height:0;opacity:0;pointer-events:none;}.ant-segmented .ant-segmented-thumb{background-color:#1f1f1f;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.03),0 1px 6px -1px rgba(0, 0, 0, 0.02),0 2px 4px 0 rgba(0, 0, 0, 0.02);position:absolute;inset-block-start:0;inset-inline-start:0;width:0;height:100%;padding:4px 0;border-radius:4px;}.ant-segmented .ant-segmented-thumb~.ant-segmented-item:not(.ant-segmented-item-selected):not(.ant-segmented-item-disabled)::after{background-color:transparent;}.ant-segmented.ant-segmented-lg{border-radius:8px;}.ant-segmented.ant-segmented-lg .ant-segmented-item-label{min-height:36px;line-height:36px;padding:0 11px;font-size:16px;}.ant-segmented.ant-segmented-lg .ant-segmented-item,.ant-segmented.ant-segmented-lg .ant-segmented-thumb{border-radius:6px;}.ant-segmented.ant-segmented-sm{border-radius:4px;}.ant-segmented.ant-segmented-sm .ant-segmented-item-label{min-height:20px;line-height:20px;padding:0 7px;}.ant-segmented.ant-segmented-sm .ant-segmented-item,.ant-segmented.ant-segmented-sm .ant-segmented-thumb{border-radius:2px;}.ant-segmented-disabled .ant-segmented-item,.ant-segmented-disabled .ant-segmented-item:hover,.ant-segmented-disabled .ant-segmented-item:focus{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-segmented .ant-segmented-item-disabled,.ant-segmented .ant-segmented-item-disabled:hover,.ant-segmented .ant-segmented-item-disabled:focus{color:rgba(255, 255, 255, 0.25);cursor:not-allowed;}.ant-segmented .ant-segmented-thumb-motion-appear-active{transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);will-change:transform,width;}[class^=\\\\\"ant-qrcode\\\\\"],[class*=\\\\\" ant-qrcode\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-qrcode\\\\\"]::before,[class*=\\\\\" ant-qrcode\\\\\"]::before,[class^=\\\\\"ant-qrcode\\\\\"]::after,[class*=\\\\\" ant-qrcode\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-qrcode\\\\\"] [class^=\\\\\"ant-qrcode\\\\\"],[class*=\\\\\" ant-qrcode\\\\\"] [class^=\\\\\"ant-qrcode\\\\\"],[class^=\\\\\"ant-qrcode\\\\\"] [class*=\\\\\" ant-qrcode\\\\\"],[class*=\\\\\" ant-qrcode\\\\\"] [class*=\\\\\" ant-qrcode\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-qrcode\\\\\"] [class^=\\\\\"ant-qrcode\\\\\"]::before,[class*=\\\\\" ant-qrcode\\\\\"] [class^=\\\\\"ant-qrcode\\\\\"]::before,[class^=\\\\\"ant-qrcode\\\\\"] [class*=\\\\\" ant-qrcode\\\\\"]::before,[class*=\\\\\" ant-qrcode\\\\\"] [class*=\\\\\" ant-qrcode\\\\\"]::before,[class^=\\\\\"ant-qrcode\\\\\"] [class^=\\\\\"ant-qrcode\\\\\"]::after,[class*=\\\\\" ant-qrcode\\\\\"] [class^=\\\\\"ant-qrcode\\\\\"]::after,[class^=\\\\\"ant-qrcode\\\\\"] [class*=\\\\\" ant-qrcode\\\\\"]::after,[class*=\\\\\" ant-qrcode\\\\\"] [class*=\\\\\" ant-qrcode\\\\\"]::after{box-sizing:border-box;}.ant-qrcode{box-sizing:border-box;margin:0;padding:12px;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:8px;border:1px solid rgba(253, 253, 253, 0.12);position:relative;width:100%;height:100%;overflow:hidden;}.ant-qrcode>.ant-qrcode-mask{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:rgba(255, 255, 255, 0.85);line-height:1.5714285714285714;background:rgba(255, 255, 255, 0.96);text-align:center;}.ant-qrcode>.ant-qrcode-mask>.ant-qrcode-expired{color:rgba(0, 0, 0, 0.88);}.ant-qrcode-icon{margin-block-end:8px;font-size:32px;}.ant-qrcode-borderless{border-color:transparent;}[class^=\\\\\"ant-app\\\\\"],[class*=\\\\\" ant-app\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-app\\\\\"]::before,[class*=\\\\\" ant-app\\\\\"]::before,[class^=\\\\\"ant-app\\\\\"]::after,[class*=\\\\\" ant-app\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-app\\\\\"] [class^=\\\\\"ant-app\\\\\"],[class*=\\\\\" ant-app\\\\\"] [class^=\\\\\"ant-app\\\\\"],[class^=\\\\\"ant-app\\\\\"] [class*=\\\\\" ant-app\\\\\"],[class*=\\\\\" ant-app\\\\\"] [class*=\\\\\" ant-app\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-app\\\\\"] [class^=\\\\\"ant-app\\\\\"]::before,[class*=\\\\\" ant-app\\\\\"] [class^=\\\\\"ant-app\\\\\"]::before,[class^=\\\\\"ant-app\\\\\"] [class*=\\\\\" ant-app\\\\\"]::before,[class*=\\\\\" ant-app\\\\\"] [class*=\\\\\" ant-app\\\\\"]::before,[class^=\\\\\"ant-app\\\\\"] [class^=\\\\\"ant-app\\\\\"]::after,[class*=\\\\\" ant-app\\\\\"] [class^=\\\\\"ant-app\\\\\"]::after,[class^=\\\\\"ant-app\\\\\"] [class*=\\\\\" ant-app\\\\\"]::after,[class*=\\\\\" ant-app\\\\\"] [class*=\\\\\" ant-app\\\\\"]::after{box-sizing:border-box;}.ant-app{color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';}[class^=\\\\\"ant-message\\\\\"],[class*=\\\\\" ant-message\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-message\\\\\"]::before,[class*=\\\\\" ant-message\\\\\"]::before,[class^=\\\\\"ant-message\\\\\"]::after,[class*=\\\\\" ant-message\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-message\\\\\"] [class^=\\\\\"ant-message\\\\\"],[class*=\\\\\" ant-message\\\\\"] [class^=\\\\\"ant-message\\\\\"],[class^=\\\\\"ant-message\\\\\"] [class*=\\\\\" ant-message\\\\\"],[class*=\\\\\" ant-message\\\\\"] [class*=\\\\\" ant-message\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-message\\\\\"] [class^=\\\\\"ant-message\\\\\"]::before,[class*=\\\\\" ant-message\\\\\"] [class^=\\\\\"ant-message\\\\\"]::before,[class^=\\\\\"ant-message\\\\\"] [class*=\\\\\" ant-message\\\\\"]::before,[class*=\\\\\" ant-message\\\\\"] [class*=\\\\\" ant-message\\\\\"]::before,[class^=\\\\\"ant-message\\\\\"] [class^=\\\\\"ant-message\\\\\"]::after,[class*=\\\\\" ant-message\\\\\"] [class^=\\\\\"ant-message\\\\\"]::after,[class^=\\\\\"ant-message\\\\\"] [class*=\\\\\" ant-message\\\\\"]::after,[class*=\\\\\" ant-message\\\\\"] [class*=\\\\\" ant-message\\\\\"]::after{box-sizing:border-box;}.ant-message{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:fixed;top:8px;width:100%;pointer-events:none;z-index:1010;}.ant-message .ant-message-move-up{animation-fill-mode:forwards;}.ant-message .ant-message-move-up-appear,.ant-message .ant-message-move-up-enter{animation-name:MessageMoveIn;animation-duration:0.3s;animation-play-state:paused;animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}.ant-message .ant-message-move-up-appear.ant-message-move-up-appear-active,.ant-message .ant-message-move-up-enter.ant-message-move-up-enter-active{animation-play-state:running;}.ant-message .ant-message-move-up-leave{animation-name:MessageMoveOut;animation-duration:0.3s;animation-play-state:paused;animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86);}.ant-message .ant-message-move-up-leave.ant-message-move-up-leave-active{animation-play-state:running;}.ant-message-rtl{direction:rtl;}.ant-message-rtl span{direction:rtl;}.ant-message-notice{padding:8px;text-align:center;}.ant-message-notice .anticon{vertical-align:text-bottom;margin-inline-end:8px;font-size:16px;}.ant-message-notice .ant-message-notice-content{display:inline-block;padding:9px 12px;background:#1f1f1f;border-radius:8px;box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);pointer-events:all;}.ant-message-notice .ant-message-success .anticon{color:#49aa19;}.ant-message-notice .ant-message-error .anticon{color:#dc4446;}.ant-message-notice .ant-message-warning .anticon{color:#d89614;}.ant-message-notice .ant-message-info .anticon,.ant-message-notice .ant-message-loading .anticon{color:#1668dc;}.ant-message-notice-pure-panel{padding:0;text-align:start;}@keyframes MessageMoveIn{0%{padding:0;transform:translateY(-100%);opacity:0;}100%{padding:8px;transform:translateY(0);opacity:1;}}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1;}100%{max-height:0;padding:0;opacity:0;}}[class^=\\\\\"ant-notification\\\\\"],[class*=\\\\\" ant-notification\\\\\"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}[class^=\\\\\"ant-notification\\\\\"]::before,[class*=\\\\\" ant-notification\\\\\"]::before,[class^=\\\\\"ant-notification\\\\\"]::after,[class*=\\\\\" ant-notification\\\\\"]::after{box-sizing:border-box;}[class^=\\\\\"ant-notification\\\\\"] [class^=\\\\\"ant-notification\\\\\"],[class*=\\\\\" ant-notification\\\\\"] [class^=\\\\\"ant-notification\\\\\"],[class^=\\\\\"ant-notification\\\\\"] [class*=\\\\\" ant-notification\\\\\"],[class*=\\\\\" ant-notification\\\\\"] [class*=\\\\\" ant-notification\\\\\"]{box-sizing:border-box;}[class^=\\\\\"ant-notification\\\\\"] [class^=\\\\\"ant-notification\\\\\"]::before,[class*=\\\\\" ant-notification\\\\\"] [class^=\\\\\"ant-notification\\\\\"]::before,[class^=\\\\\"ant-notification\\\\\"] [class*=\\\\\" ant-notification\\\\\"]::before,[class*=\\\\\" ant-notification\\\\\"] [class*=\\\\\" ant-notification\\\\\"]::before,[class^=\\\\\"ant-notification\\\\\"] [class^=\\\\\"ant-notification\\\\\"]::after,[class*=\\\\\" ant-notification\\\\\"] [class^=\\\\\"ant-notification\\\\\"]::after,[class^=\\\\\"ant-notification\\\\\"] [class*=\\\\\" ant-notification\\\\\"]::after,[class*=\\\\\" ant-notification\\\\\"] [class*=\\\\\" ant-notification\\\\\"]::after{box-sizing:border-box;}.ant-notification{box-sizing:border-box;margin:0;padding:0;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:fixed;z-index:1050;margin-inline-end:24px;}.ant-notification .ant-notification-hook-holder{position:relative;}.ant-notification.ant-notification-top,.ant-notification.ant-notification-bottom{margin-inline:0;}.ant-notification.ant-notification-topLeft,.ant-notification.ant-notification-bottomLeft{margin-inline-end:0;margin-inline-start:24px;}.ant-notification.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active{animation-name:antNotificationLeftFadeIn;}.ant-notification .ant-notification-fade-enter,.ant-notification .ant-notification-fade-appear{animation-duration:0.2s;animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);animation-fill-mode:both;opacity:0;animation-play-state:paused;}.ant-notification .ant-notification-fade-leave{animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);animation-fill-mode:both;animation-duration:0.2s;animation-play-state:paused;}.ant-notification .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification .ant-notification-fade-appear.ant-notification-fade-appear-active{animation-name:antNotificationFadeIn;animation-play-state:running;}.ant-notification .ant-notification-fade-leave.ant-notification-fade-leave-active{animation-name:antNotificationFadeOut;animation-play-state:running;}.ant-notification.ant-notification-top .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification.ant-notification-top .ant-notification-fade-appear.ant-notification-fade-appear-active{animation-name:antNotificationTopFadeIn;}.ant-notification.ant-notification-bottom .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification.ant-notification-bottom .ant-notification-fade-appear.ant-notification-fade-appear-active{animation-name:antNotificationBottomFadeIn;}.ant-notification-rtl{direction:rtl;}.ant-notification-rtl .ant-notification-notice-btn{float:left;}.ant-notification-notice{position:relative;width:384px;max-width:calc(100vw - 48px);margin-bottom:16px;margin-inline-start:auto;padding:20px 24px;overflow:hidden;line-height:1.5714285714285714;word-wrap:break-word;background:#1f1f1f;border-radius:8px;box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);}.ant-notification-notice .ant-notification-close-icon{font-size:14px;cursor:pointer;}.ant-notification-notice .ant-notification-notice-message{margin-bottom:8px;color:rgba(255, 255, 255, 0.85);font-size:16px;line-height:1.5;}.ant-notification-notice .ant-notification-notice-description{font-size:14px;}.ant-notification-notice.ant-notification-notice-closable .ant-notification-notice-message{padding-inline-end:24px;}.ant-notification-notice .ant-notification-notice-with-icon .ant-notification-notice-message{margin-bottom:8px;margin-inline-start:36px;font-size:16px;}.ant-notification-notice .ant-notification-notice-with-icon .ant-notification-notice-description{margin-inline-start:36px;font-size:14px;}.ant-notification-notice .ant-notification-notice-icon{position:absolute;font-size:24px;line-height:0;}.ant-notification-notice .ant-notification-notice-icon-success.anticon{color:#49aa19;}.ant-notification-notice .ant-notification-notice-icon-info.anticon{color:#1668dc;}.ant-notification-notice .ant-notification-notice-icon-warning.anticon{color:#d89614;}.ant-notification-notice .ant-notification-notice-icon-error.anticon{color:#dc4446;}.ant-notification-notice .ant-notification-notice-close{position:absolute;top:20px;inset-inline-end:24px;color:rgba(255, 255, 255, 0.45);outline:none;width:22px;height:22px;border-radius:4px;transition:background-color 0.2s,color 0.2s;display:flex;align-items:center;justify-content:center;}.ant-notification-notice .ant-notification-notice-close:hover{color:rgba(255, 255, 255, 0.85);background-color:rgba(255, 255, 255, 0.12);}.ant-notification-notice .ant-notification-notice-btn{float:right;margin-top:12px;}.ant-notification-notice-pure-panel{margin:0;}@keyframes antNotificationLeftFadeIn{0%{right:384px;opacity:0;}100%{right:0;opacity:1;}}@keyframes antNotificationFadeIn{0%{left:384px;opacity:0;}100%{left:0;opacity:1;}}@keyframes antNotificationFadeOut{0%{max-height:150px;margin-bottom:16px;opacity:1;}100%{max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;}}@keyframes antNotificationTopFadeIn{0%{margin-top:-100%;opacity:0;}100%{margin-top:0;opacity:1;}}@keyframes antNotificationBottomFadeIn{0%{margin-bottom:-100%;opacity:0;}100%{margin-bottom:0;opacity:1;}}.data-ant-cssinjs-cache-path{content:\\\\\"m3f0rh|ant-design-icons|anticon:ijrcqw;z6uaad|Shared|ant:c6s4t9;z6uaad|Affix|ant-affix|anticon:2zzvr5;z6uaad|Anchor|ant-anchor|anticon:13hrez8;z6uaad|Select|ant-select|anticon:f698cf;z6uaad|Alert|ant-alert|anticon:1es04j3;z6uaad|Avatar|ant-avatar|anticon:19qdqs6;z6uaad|Badge|ant-badge|anticon:11brd8k;z6uaad|Badge|ant-ribbon|anticon:42dxfk;z6uaad|Breadcrumb|ant-breadcrumb|anticon:1j0g5z6;z6uaad|Button|ant-btn|anticon:1rl4the;z6uaad|Wave|ant-wave|anticon:pkgtju;z6uaad|Calendar|ant-picker|anticon:mesz65;z6uaad|Radio|ant-radio|anticon:1rexxqj;z6uaad|Card|ant-card|anticon:pisf11;z6uaad|Collapse|ant-collapse|anticon:1mx93m;z6uaad|Carousel|ant-carousel|anticon:1rz7wcs;z6uaad|Cascader|ant-cascader|anticon:e8gwep;z6uaad|Checkbox|ant-checkbox|anticon:16cn1kz;z6uaad|Checkbox|ant-checkbox-group|anticon:dmylcw;z6uaad|Grid|ant-col|anticon:1b4gqad;z6uaad|Comment|ant-comment|anticon:1bgsssj;z6uaad|DatePicker|ant-picker|anticon:m4frye;z6uaad|Descriptions|ant-descriptions|anticon:6r2ueu;z6uaad|Divider|ant-divider|anticon:p1u0jv;z6uaad|Dropdown|ant-dropdown|anticon:t4fvdt;z6uaad|Drawer|ant-drawer|anticon:yej9xm;z6uaad|Empty|ant-empty|anticon:xi52lg;z6uaad|FloatButton|ant-float-btn|anticon:ri8ruk;z6uaad|Tooltip|ant-tooltip|anticon:1d6z8n1;z6uaad|Form|ant-form|anticon:1tct32d;z6uaad|Grid|ant-row|anticon:xfnjxw;z6uaad|Input|ant-input|anticon:bybrgq;z6uaad|Image|ant-image|anticon:1bvp3xn;z6uaad|InputNumber|ant-input-number|anticon:jtkpcs;z6uaad|Layout|ant-layout|anticon:1idg3qk;z6uaad|List|ant-list|anticon:5p7k62;z6uaad|Spin|ant-spin|anticon:1g1ryjx;z6uaad|Menu|ant-menu|anticon:wo2qbe;z6uaad|Mentions|ant-mentions|anticon:cwasus;z6uaad|Modal|ant-modal|anticon:1pabgrn;z6uaad|Statistic|ant-statistic|anticon:q73svq;z6uaad|Skeleton|ant-skeleton|anticon:10w76qa;z6uaad|PageHeader|ant-page-header|anticon:1a4nm7u;z6uaad|Pagination|ant-pagination|anticon:13nh3ua;z6uaad|Popconfirm|ant-popconfirm|anticon:nmwlv6;z6uaad|Popover|ant-popover|anticon:hwmhax;z6uaad|Tooltip|ant-popover|anticon:17hb4y9;z6uaad|Progress|ant-progress|anticon:1svsnks;z6uaad|Rate|ant-rate|anticon:x3tu0l;z6uaad|Result|ant-result|anticon:9bvn6n;z6uaad|Slider|ant-slider|anticon:haw8s9;z6uaad|Space|ant-space|anticon:10yzkeb;z6uaad|Space|ant-space-compact|anticon:ac2k07;z6uaad|Steps|ant-steps|anticon:h0jjl7;z6uaad|Switch|ant-switch|anticon:18cao7h;z6uaad|Table|ant-table|anticon:pfy5id;z6uaad|Transfer|ant-transfer|anticon:1y4rk2;z6uaad|Tree|ant-tree|anticon:1hk4izj;z6uaad|TreeSelect|ant-tree-select|anticon:dk50w9;z6uaad|Tabs|ant-tabs|anticon:1m3gz2f;z6uaad|Tag|ant-tag|anticon:mtm9nh;z6uaad|Timeline|ant-timeline|anticon:171edtc;z6uaad|Typography|ant-typography|anticon:1gsekci;z6uaad|Upload|ant-upload|anticon:9gg6kc;z6uaad|Segmented|ant-segmented|anticon:zywlxk;z6uaad|QRCode|ant-qrcode|anticon:1aglmhf;z6uaad|App|ant-app|anticon:vhxvxu;z6uaad|Message|ant-message|anticon:175ruci;z6uaad|Notification|ant-notification|anticon:czzwwj\\\\\";}\"`;\n" }, { "path": "components/_util/static-style-extract/__tests__/index.test.js", "content": "// import { StyleProvider } from '../../cssinjs';\nimport { extractStyle } from '../index';\nimport { ConfigProvider } from '../../../components';\nimport { theme } from '../../../index';\n\nconst testGreenColor = '#008000';\ndescribe('Static-Style-Extract', () => {\n it('should extract static styles', () => {\n const cssText = extractStyle();\n expect(cssText).not.toContain(testGreenColor);\n expect(cssText).toMatchSnapshot();\n });\n it('should extract static styles with customTheme', () => {\n const cssText = extractStyle(node => {\n return (\n \n {node}\n \n );\n });\n expect(cssText).toContain(testGreenColor);\n expect(cssText).toMatchSnapshot();\n });\n\n it('should extract static styles with customTheme and customStyle', () => {\n const cssText = extractStyle(node => {\n return (\n \n {node}\n \n );\n });\n expect(cssText).toContain('#037003');\n expect(cssText).toMatchSnapshot();\n });\n // it('with custom hashPriority', () => {\n // const cssText = extractStyle(\n // (node) => (\n // \n // \n // {node}\n // \n // \n // ),\n // );\n // expect(cssText).toContain(testGreenColor);\n // expect(cssText).not.toContain(':where');\n // expect(cssText).toMatchSnapshot();\n //\n // const cssText2 = extractStyle((node) => (\n // \n // {node}\n // \n // ));\n // expect(cssText2).toContain(':where');\n // });\n});\n" }, { "path": "components/_util/static-style-extract/index.tsx", "content": "import { createCache, extractStyle as extStyle, StyleProvider } from '../cssinjs';\nimport * as antd from '../../components';\nimport { renderToString } from 'vue/server-renderer';\nimport type { CustomRender } from './interface';\nconst blackList: string[] = [\n 'ConfigProvider',\n 'Grid',\n 'Tour',\n 'SelectOptGroup',\n 'SelectOption',\n 'MentionsOption',\n 'TreeNode',\n 'TreeSelectNode',\n 'LocaleProvider',\n];\n\nconst pickerMap = {\n MonthPicker: 'month',\n WeekPicker: 'week',\n QuarterPicker: 'quarter',\n};\n\nconst compChildNameMap = {\n MenuDivider: 'Menu',\n MenuItem: 'Menu',\n MenuItemGroup: 'Menu',\n SubMenu: 'Menu',\n TableColumn: 'Table',\n TableColumnGroup: 'Table',\n TableSummary: 'Table',\n TableSummaryRow: 'Table',\n TableSummaryCell: 'Table',\n TabPane: 'Tabs',\n TimelineItem: 'Timeline',\n};\n\nconst defaultNode = () => (\n <>\n {Object.keys(antd)\n .filter(name => !blackList.includes(name) && name[0] === name[0].toUpperCase())\n .map(compName => {\n const Comp = antd[compName];\n if (compName === 'Dropdown') {\n return (\n \n
\n \n );\n }\n if (compName === 'Anchor') {\n return ;\n }\n if (compName in pickerMap) {\n const Comp = antd['DatePicker'];\n const type = pickerMap[compName];\n return ;\n }\n if (compName in compChildNameMap) {\n const ParentComp = antd[compChildNameMap[compName]];\n return (\n \n \n \n );\n }\n if (compName === 'QRCode' || compName === 'Segmented') {\n return (\n \n
\n \n );\n }\n return ;\n })}\n \n);\n\nexport function extractStyle(customTheme?: CustomRender): string {\n const cache = createCache();\n renderToString(\n \n {customTheme ? customTheme(defaultNode()) : defaultNode()}\n ,\n );\n\n // Grab style from cache\n const styleText = extStyle(cache, true);\n\n return styleText;\n}\n" }, { "path": "components/_util/static-style-extract/interface.ts", "content": "import type { VueNode } from '../type';\n\nexport type CustomRender = (node: VueNode) => VueNode;\n" }, { "path": "components/_util/statusUtils.tsx", "content": "import type { ValidateStatus } from '../form/FormItem';\nimport classNames from './classNames';\n\nconst InputStatuses = ['warning', 'error', ''] as const;\n\nexport type InputStatus = (typeof InputStatuses)[number];\n\nexport function getStatusClassNames(\n prefixCls: string,\n status?: ValidateStatus,\n hasFeedback?: boolean,\n) {\n return classNames({\n [`${prefixCls}-status-success`]: status === 'success',\n [`${prefixCls}-status-warning`]: status === 'warning',\n [`${prefixCls}-status-error`]: status === 'error',\n [`${prefixCls}-status-validating`]: status === 'validating',\n [`${prefixCls}-has-feedback`]: hasFeedback,\n });\n}\n\nexport const getMergedStatus = (contextStatus?: ValidateStatus, customStatus?: InputStatus) =>\n customStatus || contextStatus;\n" }, { "path": "components/_util/styleChecker.ts", "content": "import canUseDom from './canUseDom';\n\nexport const canUseDocElement = () => canUseDom() && window.document.documentElement;\n\nconst isStyleNameSupport = (styleName: string | string[]): boolean => {\n if (canUseDom() && window.document.documentElement) {\n const styleNameList = Array.isArray(styleName) ? styleName : [styleName];\n const { documentElement } = window.document;\n\n return styleNameList.some(name => name in documentElement.style);\n }\n return false;\n};\n\nconst isStyleValueSupport = (styleName: string, value: any) => {\n if (!isStyleNameSupport(styleName)) {\n return false;\n }\n\n const ele = document.createElement('div');\n const origin = ele.style[styleName];\n ele.style[styleName] = value;\n return ele.style[styleName] !== origin;\n};\n\nexport function isStyleSupport(styleName: string | string[], styleValue?: any) {\n if (!Array.isArray(styleName) && styleValue !== undefined) {\n return isStyleValueSupport(styleName, styleValue);\n }\n\n return isStyleNameSupport(styleName);\n}\n\nlet flexGapSupported: boolean | undefined;\nexport const detectFlexGapSupported = () => {\n if (!canUseDocElement()) {\n return false;\n }\n\n if (flexGapSupported !== undefined) {\n return flexGapSupported;\n }\n\n // create flex container with row-gap set\n const flex = document.createElement('div');\n flex.style.display = 'flex';\n flex.style.flexDirection = 'column';\n flex.style.rowGap = '1px';\n\n // create two, elements inside it\n flex.appendChild(document.createElement('div'));\n flex.appendChild(document.createElement('div'));\n\n // append to the DOM (needed to obtain scrollHeight)\n document.body.appendChild(flex);\n flexGapSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap\n document.body.removeChild(flex);\n\n return flexGapSupported;\n};\n\nexport default isStyleSupport;\n" }, { "path": "components/_util/supportsPassive.js", "content": "// Test via a getter in the options object to see if the passive property is accessed\nlet supportsPassive = false;\ntry {\n const opts = Object.defineProperty({}, 'passive', {\n get() {\n supportsPassive = true;\n },\n });\n window.addEventListener('testPassive', null, opts);\n window.removeEventListener('testPassive', null, opts);\n} catch (e) {}\n\nexport default supportsPassive;\n" }, { "path": "components/_util/throttleByAnimationFrame.ts", "content": "import raf from './raf';\n\ntype throttledFn = (...args: any[]) => void;\n\ntype throttledCancelFn = { cancel: () => void };\n\nfunction throttleByAnimationFrame(fn: (...args: T) => void) {\n let requestId: number | null;\n\n const later = (args: T) => () => {\n requestId = null;\n fn(...args);\n };\n\n const throttled: throttledFn & throttledCancelFn = (...args: T) => {\n if (requestId == null) {\n requestId = raf(later(args));\n }\n };\n\n throttled.cancel = () => {\n raf.cancel(requestId!);\n requestId = null;\n };\n\n return throttled;\n}\n\nexport default throttleByAnimationFrame;\n" }, { "path": "components/_util/toReactive.ts", "content": "import { isRef, reactive } from 'vue';\nimport type { Ref } from 'vue';\ntype MaybeRef = T | Ref;\n/**\n * Converts ref to reactive.\n *\n * @see https://vueuse.org/toReactive\n * @param objectRef A ref of object\n */\nexport function toReactive(objectRef: MaybeRef): T {\n if (!isRef(objectRef)) return reactive(objectRef) as T;\n\n const proxy = new Proxy(\n {},\n {\n get(_, p, receiver) {\n return Reflect.get(objectRef.value, p, receiver);\n },\n set(_, p, value) {\n (objectRef.value as any)[p] = value;\n return true;\n },\n deleteProperty(_, p) {\n return Reflect.deleteProperty(objectRef.value, p);\n },\n has(_, p) {\n return Reflect.has(objectRef.value, p);\n },\n ownKeys() {\n return Object.keys(objectRef.value);\n },\n getOwnPropertyDescriptor() {\n return {\n enumerable: true,\n configurable: true,\n };\n },\n },\n );\n\n return reactive(proxy) as T;\n}\n" }, { "path": "components/_util/transButton.tsx", "content": "import type { CSSProperties } from 'vue';\nimport { defineComponent, shallowRef, onMounted } from 'vue';\n/**\n * Wrap of sub component which need use as Button capacity (like Icon component).\n * This helps accessibility reader to tread as a interactive button to operation.\n */\nimport KeyCode from './KeyCode';\n\nconst inlineStyle = {\n border: 0,\n background: 'transparent',\n padding: 0,\n lineHeight: 'inherit',\n display: 'inline-block',\n};\n\nconst TransButton = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'TransButton',\n inheritAttrs: false,\n props: {\n noStyle: { type: Boolean, default: undefined },\n onClick: Function,\n disabled: { type: Boolean, default: undefined },\n autofocus: { type: Boolean, default: undefined },\n },\n setup(props, { slots, emit, attrs, expose }) {\n const domRef = shallowRef();\n const onKeyDown = (event: KeyboardEvent) => {\n const { keyCode } = event;\n if (keyCode === KeyCode.ENTER) {\n event.preventDefault();\n }\n };\n\n const onKeyUp = (event: KeyboardEvent) => {\n const { keyCode } = event;\n if (keyCode === KeyCode.ENTER) {\n emit('click', event);\n }\n };\n const onClick = (e: Event) => {\n emit('click', e);\n };\n const focus = () => {\n if (domRef.value) {\n domRef.value.focus();\n }\n };\n\n const blur = () => {\n if (domRef.value) {\n domRef.value.blur();\n }\n };\n onMounted(() => {\n if (props.autofocus) {\n focus();\n }\n });\n\n expose({\n focus,\n blur,\n });\n return () => {\n const { noStyle, disabled, ...restProps } = props;\n\n let mergedStyle: CSSProperties = {};\n\n if (!noStyle) {\n mergedStyle = {\n ...inlineStyle,\n };\n }\n\n if (disabled) {\n mergedStyle.pointerEvents = 'none';\n }\n return (\n \n {slots.default?.()}\n
\n );\n };\n },\n});\n\nexport default TransButton;\n" }, { "path": "components/_util/transKeys.ts", "content": "export const groupKeysMap = (keys: string[]) => {\n const map = new Map();\n keys.forEach((key, index) => {\n map.set(key, index);\n });\n return map;\n};\n\nexport const groupDisabledKeysMap = (dataSource: RecordType) => {\n const map = new Map();\n dataSource.forEach(({ disabled, key }, index) => {\n if (disabled) {\n map.set(key, index);\n }\n });\n return map;\n};\n" }, { "path": "components/_util/transition.tsx", "content": "import type {\n BaseTransitionProps,\n CSSProperties,\n Ref,\n TransitionGroupProps,\n TransitionProps,\n} from 'vue';\nimport { nextTick } from 'vue';\nimport { tuple } from './type';\n\nconst SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight');\nexport type SelectCommonPlacement = (typeof SelectPlacements)[number];\n\nconst getTransitionDirection = (placement: SelectCommonPlacement | undefined) => {\n if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) {\n return `slide-down`;\n }\n return `slide-up`;\n};\n\nexport const getTransitionProps = (transitionName: string, opt: TransitionProps = {}) => {\n const transitionProps: TransitionProps = transitionName\n ? {\n name: transitionName,\n appear: true,\n // type: 'animation',\n // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,\n // appearActiveClass: `antdv-base-transtion`,\n // appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,\n enterFromClass: `${transitionName}-enter ${transitionName}-enter-prepare ${transitionName}-enter-start`,\n enterActiveClass: `${transitionName}-enter ${transitionName}-enter-prepare`,\n enterToClass: `${transitionName}-enter ${transitionName}-enter-active`,\n leaveFromClass: ` ${transitionName}-leave`,\n leaveActiveClass: `${transitionName}-leave ${transitionName}-leave-active`,\n leaveToClass: `${transitionName}-leave ${transitionName}-leave-active`,\n ...opt,\n }\n : { css: false, ...opt };\n return transitionProps;\n};\n\nexport const getTransitionGroupProps = (transitionName: string, opt: TransitionProps = {}) => {\n const transitionProps: TransitionGroupProps = transitionName\n ? {\n name: transitionName,\n appear: true,\n // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,\n appearActiveClass: `${transitionName}`,\n appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,\n enterFromClass: `${transitionName}-appear ${transitionName}-enter ${transitionName}-appear-prepare ${transitionName}-enter-prepare`,\n enterActiveClass: `${transitionName}`,\n enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,\n leaveActiveClass: `${transitionName} ${transitionName}-leave`,\n leaveToClass: `${transitionName}-leave-active`,\n ...opt,\n }\n : { css: false, ...opt };\n return transitionProps;\n};\n\nexport declare type MotionEvent = (TransitionEvent | AnimationEvent) & {\n deadline?: boolean;\n};\n\nexport declare type MotionEventHandler = (element: Element, done?: () => void) => CSSProperties;\n\nexport declare type MotionEndEventHandler = (element: Element, done?: () => void) => boolean | void;\n\n// ================== Collapse Motion ==================\nconst getCollapsedHeight: MotionEventHandler = () => ({ height: 0, opacity: 0 });\nconst getRealHeight: MotionEventHandler = node => ({\n height: `${node.scrollHeight}px`,\n opacity: 1,\n});\nconst getCurrentHeight: MotionEventHandler = (node: any) => ({ height: `${node.offsetHeight}px` });\n// const skipOpacityTransition: MotionEndEventHandler = (_, event) =>\n// (event as TransitionEvent).propertyName === 'height';\n\nexport interface CSSMotionProps extends Partial> {\n name?: string;\n css?: boolean;\n}\n\nconst collapseMotion = (\n name = 'ant-motion-collapse',\n style: Ref,\n className: Ref,\n): CSSMotionProps => {\n return {\n name,\n appear: true,\n css: true,\n onBeforeEnter: node => {\n className.value = name;\n style.value = getCollapsedHeight(node);\n },\n onEnter: node => {\n nextTick(() => {\n style.value = getRealHeight(node);\n });\n },\n onAfterEnter: () => {\n className.value = '';\n style.value = {};\n },\n onBeforeLeave: node => {\n className.value = name;\n style.value = getCurrentHeight(node);\n },\n onLeave: node => {\n setTimeout(() => {\n style.value = getCollapsedHeight(node);\n });\n },\n onAfterLeave: () => {\n className.value = '';\n style.value = {};\n },\n };\n};\n\nconst getTransitionName = (rootPrefixCls: string, motion: string, transitionName?: string) => {\n if (transitionName !== undefined) {\n return transitionName;\n }\n return `${rootPrefixCls}-${motion}`;\n};\n\nexport { collapseMotion, getTransitionName, getTransitionDirection };\n" }, { "path": "components/_util/type.ts", "content": "// @ts-ignore\nimport type { App, PropType, Plugin, Ref, VNode, SlotsType } from 'vue';\n\n// https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead\nexport const tuple = (...args: T) => args;\n\nexport const tupleNum = (...args: T) => args;\n\n/**\n * https://stackoverflow.com/a/59187769\n * Extract the type of an element of an array/tuple without performing indexing\n */\nexport type ElementOf = T extends (infer E)[] ? E : T extends readonly (infer F)[] ? F : never;\n\n/**\n * https://github.com/Microsoft/TypeScript/issues/29729\n */\nexport type LiteralUnion = T | (string & {});\n\nexport type Data = Record;\n\nexport type Key = string | number;\n\ntype DefaultFactory = (props: Data) => T | null | undefined;\n\nexport interface PropOptions {\n type?: PropType | true | null;\n required?: boolean;\n default?: D | DefaultFactory | null | undefined | object;\n validator?(value: unknown): boolean;\n}\n\ndeclare type VNodeChildAtom = VNode | string | number | boolean | null | undefined | void;\n\n// eslint-disable-next-line no-undef\nexport type VueNode = VNodeChildAtom | VNodeChildAtom[] | VNode;\n\nexport const withInstall = (comp: T) => {\n const c = comp as any;\n c.install = function (app: App) {\n app.component(c.displayName || c.name, comp);\n };\n\n return comp as T & Plugin;\n};\n\nexport type MaybeRef = T | Ref;\n\nexport function eventType() {\n return { type: [Function, Array] as PropType };\n}\n\nexport function objectType(defaultVal?: T) {\n return { type: Object as PropType, default: defaultVal as T };\n}\n\nexport function booleanType(defaultVal?: boolean) {\n return { type: Boolean, default: defaultVal as boolean };\n}\n\nexport function functionType {}>(defaultVal?: T) {\n return { type: Function as PropType, default: defaultVal as T };\n}\n\nexport function anyType(defaultVal?: T, required?: boolean) {\n const type = { validator: () => true, default: defaultVal as T } as unknown;\n return required\n ? (type as {\n type: PropType;\n default: T;\n required: true;\n })\n : (type as {\n default: T;\n type: PropType;\n });\n}\nexport function vNodeType() {\n return { validator: () => true } as unknown as { type: PropType };\n}\n\nexport function arrayType(defaultVal?: T) {\n return { type: Array as unknown as PropType, default: defaultVal as T };\n}\n\nexport function stringType(defaultVal?: T) {\n return { type: String as unknown as PropType, default: defaultVal as T };\n}\n\nexport function someType(types?: any[], defaultVal?: T) {\n return types ? { type: types as PropType, default: defaultVal as T } : anyType(defaultVal);\n}\n\nexport type CustomSlotsType = SlotsType;\n\nexport type AnyObject = Record;\n" }, { "path": "components/_util/unreachableException.ts", "content": "export default class UnreachableException {\n error: Error;\n\n constructor(value: any) {\n this.error = new Error(`unreachable case: ${JSON.stringify(value)}`);\n }\n}\n" }, { "path": "components/_util/util.ts", "content": "import type { VueNode } from './type';\nexport const isFunction = val => typeof val === 'function';\nexport const controlDefaultValue = Symbol('controlDefaultValue') as any;\nexport const isArray = Array.isArray;\nexport const isString = val => typeof val === 'string';\nexport const isSymbol = val => typeof val === 'symbol';\nexport const isObject = val => val !== null && typeof val === 'object';\nconst onRE = /^on[^a-z]/;\nconst isOn = key => onRE.test(key);\n\nconst cacheStringFunction = fn => {\n const cache = Object.create(null);\n return str => {\n const hit = cache[str];\n return hit || (cache[str] = fn(str));\n };\n};\nconst camelizeRE = /-(\\w)/g;\nconst camelize = cacheStringFunction(str => {\n return str.replace(camelizeRE, (_, c) => (c ? c.toUpperCase() : ''));\n});\n\nconst hyphenateRE = /\\B([A-Z])/g;\nconst hyphenate = cacheStringFunction(str => {\n return str.replace(hyphenateRE, '-$1').toLowerCase();\n});\n\nconst capitalize = cacheStringFunction(str => {\n return str.charAt(0).toUpperCase() + str.slice(1);\n});\n\nconst hasOwnProperty = Object.prototype.hasOwnProperty;\nconst hasOwn = (val, key) => hasOwnProperty.call(val, key);\n\n// change from vue sourcecode\nfunction resolvePropValue(options, props, key, value) {\n const opt = options[key];\n if (opt != null) {\n const hasDefault = hasOwn(opt, 'default');\n // default values\n if (hasDefault && value === undefined) {\n const defaultValue = opt.default;\n value = opt.type !== Function && isFunction(defaultValue) ? defaultValue() : defaultValue;\n }\n // boolean casting\n if (opt.type === Boolean) {\n if (!hasOwn(props, key) && !hasDefault) {\n value = false;\n } else if (value === '') {\n value = true;\n }\n }\n }\n return value;\n}\n\nexport function getDataAndAriaProps(props) {\n return Object.keys(props).reduce((memo, key) => {\n if (key.startsWith('data-') || key.startsWith('aria-')) {\n memo[key] = props[key];\n }\n return memo;\n }, {});\n}\n\nexport function toPx(val) {\n if (typeof val === 'number') return `${val}px`;\n return val;\n}\n\nexport function renderHelper>(\n v: VueNode | ((arg0: T) => VueNode),\n props: T = {} as T,\n defaultV?: any,\n) {\n if (typeof v === 'function') {\n return v(props);\n }\n return v ?? defaultV;\n}\nexport function wrapPromiseFn(openFn: (resolve: VoidFunction) => VoidFunction) {\n let closeFn: VoidFunction;\n\n const closePromise = new Promise(resolve => {\n closeFn = openFn(() => {\n resolve(true);\n });\n });\n\n const result: any = () => {\n closeFn?.();\n };\n\n result.then = (filled: VoidFunction, rejected: VoidFunction) =>\n closePromise.then(filled, rejected);\n result.promise = closePromise;\n\n return result;\n}\n\nexport { isOn, cacheStringFunction, camelize, hyphenate, capitalize, resolvePropValue };\n" }, { "path": "components/_util/vnode.ts", "content": "import { filterEmpty } from './props-util';\nimport type { Slots, VNode, VNodeArrayChildren, VNodeProps } from 'vue';\nimport { cloneVNode, isVNode, Comment, Fragment, render as VueRender } from 'vue';\nimport warning from './warning';\nimport type { RefObject } from './createRef';\ntype NodeProps = Record &\n Omit & { ref?: VNodeProps['ref'] | RefObject };\n\nexport function cloneElement(\n vnode: VNode | VNode[],\n nodeProps: NodeProps = {},\n override = true,\n mergeRef = false,\n): VNode {\n let ele = vnode;\n if (Array.isArray(vnode)) {\n ele = filterEmpty(vnode)[0];\n }\n if (!ele) {\n return null;\n }\n const node = cloneVNode(ele as VNode, nodeProps as any, mergeRef);\n\n // cloneVNode内部是合并属性，这里改成覆盖属性\n node.props = (override ? { ...node.props, ...nodeProps } : node.props) as any;\n warning(typeof node.props.class !== 'object', 'class must be string');\n return node;\n}\n\nexport function cloneVNodes(vnodes, nodeProps = {}, override = true) {\n return vnodes.map(vnode => cloneElement(vnode, nodeProps, override));\n}\n\nexport function deepCloneElement(\n vnode: VNode | VNode[],\n nodeProps: NodeProps = {},\n override = true,\n mergeRef = false,\n) {\n if (Array.isArray(vnode)) {\n return vnode.map(item => deepCloneElement(item, nodeProps, override, mergeRef));\n } else {\n // 需要判断是否为vnode方可进行clone操作\n if (!isVNode(vnode)) {\n return vnode;\n }\n const cloned = cloneElement(vnode, nodeProps, override, mergeRef);\n if (Array.isArray(cloned.children)) {\n cloned.children = deepCloneElement(cloned.children as VNode[]);\n }\n return cloned;\n }\n}\n\nexport function triggerVNodeUpdate(vm: VNode, attrs: Record, dom: any) {\n VueRender(cloneVNode(vm, { ...attrs }), dom);\n}\n\nconst ensureValidVNode = (slot: VNodeArrayChildren | null) => {\n return (slot || []).some(child => {\n if (!isVNode(child)) return true;\n if (child.type === Comment) return false;\n if (child.type === Fragment && !ensureValidVNode(child.children as VNodeArrayChildren))\n return false;\n return true;\n })\n ? slot\n : null;\n};\n\nexport function customRenderSlot(\n slots: Slots,\n name: string,\n props: Record,\n fallback?: () => VNodeArrayChildren,\n) {\n const slot = slots[name]?.(props);\n if (ensureValidVNode(slot)) {\n return slot;\n }\n return fallback?.();\n}\n" }, { "path": "components/_util/vue-types/index.ts", "content": "import type { CSSProperties } from 'vue';\nimport type { VueTypeValidableDef, VueTypesInterface } from 'vue-types';\nimport { createTypes } from 'vue-types';\nimport type { VueNode } from '../type';\nconst PropTypes = createTypes({\n func: undefined,\n bool: undefined,\n string: undefined,\n number: undefined,\n array: undefined,\n object: undefined,\n integer: undefined,\n});\n\nPropTypes.extend([\n {\n name: 'looseBool',\n getter: true,\n type: Boolean,\n default: undefined,\n },\n {\n name: 'style',\n getter: true,\n type: [String, Object],\n default: undefined,\n },\n {\n name: 'VueNode',\n getter: true,\n type: null,\n },\n]);\n\nexport function withUndefined(type: T): T {\n type.default = undefined;\n return type;\n}\nexport default PropTypes as VueTypesInterface & {\n readonly looseBool: VueTypeValidableDef;\n readonly style: VueTypeValidableDef;\n readonly VueNode: VueTypeValidableDef;\n};\n" }, { "path": "components/_util/warning.ts", "content": "import vcWarning, { resetWarned } from '../vc-util/warning';\n\nexport { resetWarned };\nexport function noop() {}\n\ntype Warning = (valid: boolean, component: string, message?: string) => void;\n\n// eslint-disable-next-line import/no-mutable-exports\nlet warning: Warning = noop;\nif (process.env.NODE_ENV !== 'production') {\n warning = (valid, component, message) => {\n vcWarning(valid, `[ant-design-vue: ${component}] ${message}`);\n\n // StrictMode will inject console which will not throw warning in React 17.\n if (process.env.NODE_ENV === 'test') {\n resetWarned();\n }\n };\n}\n\nexport default warning;\n" }, { "path": "components/_util/wave/WaveEffect.tsx", "content": "import type { CSSProperties } from 'vue';\nimport { onBeforeUnmount, onMounted, Transition, render, defineComponent, shallowRef } from 'vue';\nimport useState from '../hooks/useState';\nimport { objectType } from '../type';\nimport { getTargetWaveColor } from './util';\nimport wrapperRaf from '../raf';\nfunction validateNum(value: number) {\n return Number.isNaN(value) ? 0 : value;\n}\n\nexport interface WaveEffectProps {\n className: string;\n target: HTMLElement;\n}\n\nconst WaveEffect = defineComponent({\n props: {\n target: objectType(),\n className: String,\n },\n setup(props) {\n const divRef = shallowRef(null);\n\n const [color, setWaveColor] = useState(null);\n const [borderRadius, setBorderRadius] = useState([]);\n const [left, setLeft] = useState(0);\n const [top, setTop] = useState(0);\n const [width, setWidth] = useState(0);\n const [height, setHeight] = useState(0);\n const [enabled, setEnabled] = useState(false);\n\n function syncPos() {\n const { target } = props;\n const nodeStyle = getComputedStyle(target);\n\n // Get wave color from target\n setWaveColor(getTargetWaveColor(target));\n\n const isStatic = nodeStyle.position === 'static';\n\n // Rect\n const { borderLeftWidth, borderTopWidth } = nodeStyle;\n setLeft(isStatic ? target.offsetLeft : validateNum(-parseFloat(borderLeftWidth)));\n setTop(isStatic ? target.offsetTop : validateNum(-parseFloat(borderTopWidth)));\n setWidth(target.offsetWidth);\n setHeight(target.offsetHeight);\n\n // Get border radius\n const {\n borderTopLeftRadius,\n borderTopRightRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n } = nodeStyle;\n\n setBorderRadius(\n [\n borderTopLeftRadius,\n borderTopRightRadius,\n borderBottomRightRadius,\n borderBottomLeftRadius,\n ].map(radius => validateNum(parseFloat(radius))),\n );\n }\n // Add resize observer to follow size\n let resizeObserver: ResizeObserver;\n let rafId: number;\n let timeoutId: any;\n const clear = () => {\n clearTimeout(timeoutId);\n wrapperRaf.cancel(rafId);\n resizeObserver?.disconnect();\n };\n const removeDom = () => {\n const holder = divRef.value?.parentElement;\n if (holder) {\n render(null, holder);\n if (holder.parentElement) {\n holder.parentElement.removeChild(holder);\n }\n }\n };\n\n onMounted(() => {\n clear();\n timeoutId = setTimeout(() => {\n removeDom();\n }, 5000);\n const { target } = props;\n if (target) {\n // We need delay to check position here\n // since UI may change after click\n rafId = wrapperRaf(() => {\n syncPos();\n\n setEnabled(true);\n });\n\n if (typeof ResizeObserver !== 'undefined') {\n resizeObserver = new ResizeObserver(syncPos);\n\n resizeObserver.observe(target);\n }\n }\n });\n onBeforeUnmount(() => {\n clear();\n });\n\n const onTransitionend = (e: TransitionEvent) => {\n if (e.propertyName === 'opacity') {\n removeDom();\n }\n };\n return () => {\n if (!enabled.value) {\n return null;\n }\n const waveStyle = {\n left: `${left.value}px`,\n top: `${top.value}px`,\n width: `${width.value}px`,\n height: `${height.value}px`,\n borderRadius: borderRadius.value.map(radius => `${radius}px`).join(' '),\n } as CSSProperties & {\n [name: string]: number | string;\n };\n\n if (color) {\n waveStyle['--wave-color'] = color.value as string;\n }\n\n return (\n \n \n \n );\n };\n },\n});\n\nfunction showWaveEffect(node: HTMLElement, className: string) {\n // Create holder\n const holder = document.createElement('div');\n holder.style.position = 'absolute';\n holder.style.left = `0px`;\n holder.style.top = `0px`;\n node?.insertBefore(holder, node?.firstChild);\n\n render(, holder);\n return () => {\n render(null, holder);\n if (holder.parentElement) {\n holder.parentElement.removeChild(holder);\n }\n };\n}\n\nexport default showWaveEffect;\n" }, { "path": "components/_util/wave/index.tsx", "content": "import {\n computed,\n defineComponent,\n getCurrentInstance,\n nextTick,\n onBeforeUnmount,\n onMounted,\n watch,\n} from 'vue';\nimport useConfigInject from '../../config-provider/hooks/useConfigInject';\nimport isVisible from '../../vc-util/Dom/isVisible';\nimport classNames from '../classNames';\nimport { findDOMNode } from '../props-util';\nimport useStyle from './style';\nimport useWave from './useWave';\n\nexport interface WaveProps {\n disabled?: boolean;\n}\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'Wave',\n props: {\n disabled: Boolean,\n },\n setup(props, { slots }) {\n const instance = getCurrentInstance();\n const { prefixCls, wave } = useConfigInject('wave', props);\n\n // ============================== Style ===============================\n const [, hashId] = useStyle(prefixCls);\n\n // =============================== Wave ===============================\n const showWave = useWave(\n computed(() => classNames(prefixCls.value, hashId.value)),\n wave,\n );\n let onClick: (e: MouseEvent) => void;\n const clear = () => {\n const node = findDOMNode(instance) as HTMLElement;\n node.removeEventListener('click', onClick, true);\n };\n onMounted(() => {\n watch(\n () => props.disabled,\n () => {\n clear();\n nextTick(() => {\n const node: HTMLElement = findDOMNode(instance);\n node?.removeEventListener('click', onClick, true);\n if (!node || node.nodeType !== 1 || props.disabled) {\n return;\n }\n\n // Click handler\n onClick = (e: MouseEvent) => {\n // Fix radio button click twice\n if (\n (e.target as HTMLElement).tagName === 'INPUT' ||\n !isVisible(e.target as HTMLElement) ||\n // No need wave\n !node.getAttribute ||\n node.getAttribute('disabled') ||\n (node as HTMLInputElement).disabled ||\n node.className.includes('disabled') ||\n node.className.includes('-leave')\n ) {\n return;\n }\n\n showWave();\n };\n\n // Bind events\n node.addEventListener('click', onClick, true);\n });\n },\n {\n immediate: true,\n flush: 'post',\n },\n );\n });\n onBeforeUnmount(() => {\n clear();\n });\n\n return () => {\n // ============================== Render ==============================\n const children = slots.default?.()[0];\n return children;\n };\n },\n});\n" }, { "path": "components/_util/wave/style.ts", "content": "import { genComponentStyleHook } from '../../theme/internal';\nimport type { FullToken, GenerateStyle } from '../../theme/internal';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface ComponentToken {}\n\nexport type WaveToken = FullToken<'Wave'>;\n\nconst genWaveStyle: GenerateStyle = token => {\n const { componentCls, colorPrimary } = token;\n return {\n [componentCls]: {\n position: 'absolute',\n background: 'transparent',\n pointerEvents: 'none',\n boxSizing: 'border-box',\n color: `var(--wave-color, ${colorPrimary})`,\n\n boxShadow: `0 0 0 0 currentcolor`,\n opacity: 0.2,\n\n // =================== Motion ===================\n '&.wave-motion-appear': {\n transition: [\n `box-shadow 0.4s ${token.motionEaseOutCirc}`,\n `opacity 2s ${token.motionEaseOutCirc}`,\n ].join(','),\n\n '&-active': {\n boxShadow: `0 0 0 6px currentcolor`,\n opacity: 0,\n },\n },\n },\n };\n};\n\nexport default genComponentStyleHook('Wave', token => [genWaveStyle(token)]);\n" }, { "path": "components/_util/wave/useWave.ts", "content": "import type { ComputedRef, Ref } from 'vue';\nimport { onBeforeUnmount, getCurrentInstance } from 'vue';\nimport { findDOMNode } from '../props-util';\nimport showWaveEffect from './WaveEffect';\n\nexport default function useWave(\n className: Ref,\n wave?: ComputedRef<{ disabled?: boolean }>,\n): VoidFunction {\n const instance = getCurrentInstance();\n let stopWave: () => void;\n function showWave() {\n const node = findDOMNode(instance);\n stopWave?.();\n if (wave?.value?.disabled || !node) {\n return;\n }\n stopWave = showWaveEffect(node, className.value);\n }\n onBeforeUnmount(() => {\n stopWave?.();\n });\n\n return showWave;\n}\n" }, { "path": "components/_util/wave/util.ts", "content": "export function isNotGrey(color: string) {\n // eslint-disable-next-line no-useless-escape\n const match = (color || '').match(/rgba?\\((\\d*), (\\d*), (\\d*)(, [\\d.]*)?\\)/);\n if (match && match[1] && match[2] && match[3]) {\n return !(match[1] === match[2] && match[2] === match[3]);\n }\n return true;\n}\n\nexport function isValidWaveColor(color: string) {\n return (\n color &&\n color !== '#fff' &&\n color !== '#ffffff' &&\n color !== 'rgb(255, 255, 255)' &&\n color !== 'rgba(255, 255, 255, 1)' &&\n isNotGrey(color) &&\n !/rgba\\((?:\\d*, ){3}0\\)/.test(color) && // any transparent rgba color\n color !== 'transparent'\n );\n}\n\nexport function getTargetWaveColor(node: HTMLElement) {\n const { borderTopColor, borderColor, backgroundColor } = getComputedStyle(node);\n if (isValidWaveColor(borderTopColor)) {\n return borderTopColor;\n }\n if (isValidWaveColor(borderColor)) {\n return borderColor;\n }\n if (isValidWaveColor(backgroundColor)) {\n return backgroundColor;\n }\n return null;\n}\n" }, { "path": "components/affix/__tests__/__snapshots__/demo.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders ./components/affix/demo/basic.vue correctly 1`] = `\n
\n \n
\n
\n
\n
\n \n
\n
\n`;\n\nexports[`renders ./components/affix/demo/on-change.vue correctly 1`] = `\n
\n \n
\n
\n`;\n\nexports[`renders ./components/affix/demo/target.vue correctly 1`] = `\n
\n
\n
\n \n
\n
\n
\n
\n`;\n" }, { "path": "components/affix/__tests__/demo.test.js", "content": "import demoTest from '../../../tests/shared/demoTest';\n\ndemoTest('affix');\n" }, { "path": "components/affix/__tests__/index.test.js", "content": "import Affix from '..';\nimport Button from '../../button';\nimport { mount } from '@vue/test-utils';\nimport { spyElementPrototype } from '../../__tests__/util/domHook';\nconst events = {};\n\nconst AffixMounter = {\n props: ['offsetBottom', 'offsetTop'],\n mounted() {\n this.$refs.container.addEventListener = jest.fn().mockImplementation((event, cb) => {\n events[event] = cb;\n });\n },\n methods: {\n getTarget() {\n return this.$refs.container;\n },\n },\n\n render() {\n return (\n
\n this.$refs.container} ref=\"affix\">\n \n \n
\n );\n },\n};\ndescribe('Affix Render', () => {\n let wrapper;\n let domMock;\n const classRect = {\n container: {\n top: 1000,\n bottom: 100,\n },\n };\n beforeAll(() => {\n document.body.innerHTML = '';\n jest.useFakeTimers();\n domMock = spyElementPrototype(HTMLElement, 'getBoundingClientRect', function mockBounding() {\n return (\n classRect[this.className] || {\n top: 0,\n bottom: 0,\n }\n );\n });\n });\n afterAll(() => {\n jest.useRealTimers();\n domMock.mockRestore();\n });\n const movePlaceholder = top => {\n classRect.fixed = {\n top,\n bottom: top,\n };\n events.scroll({\n type: 'scroll',\n });\n jest.runAllTimers();\n };\n it('Anchor render perfectly', () => {\n wrapper = mount(AffixMounter, { attachTo: 'body' });\n jest.runAllTimers();\n\n movePlaceholder(0);\n expect(wrapper.vm.$refs.affix.affixStyle).toBeFalsy();\n\n // movePlaceholder(100);\n // expect(wrapper.vm.$refs.affix.affixStyle).toBeTruthy();\n\n movePlaceholder(0);\n expect(wrapper.vm.$refs.affix.affixStyle).toBeFalsy();\n });\n it('support offsetBottom', () => {\n wrapper = mount(AffixMounter, {\n attachTo: 'body',\n props: {\n offsetBottom: 0,\n },\n });\n\n jest.runAllTimers();\n\n movePlaceholder(300);\n //expect(wrapper.vm.$refs.affix.affixStyle).toBeTruthy();\n\n movePlaceholder(0);\n expect(wrapper.vm.$refs.affix.affixStyle).toBeFalsy();\n\n // movePlaceholder(300);\n // expect(wrapper.vm.$refs.affix.affixStyle).toBeTruthy();\n });\n\n // it('updatePosition when offsetTop changed', () => {\n // wrapper = mount(AffixMounter, {\n // attachTo: 'body',\n // props: {\n // offsetTop: 0,\n // },\n // });\n\n // jest.runAllTimers();\n\n // movePlaceholder(-100);\n // expect(wrapper.vm.$refs.affix.affixStyle.top).toBe('0px');\n // wrapper.setProps({\n // offsetTop: 10,\n // });\n // jest.runAllTimers();\n // expect(wrapper.vm.$refs.affix.affixStyle.top).toBe('10px');\n // });\n});\n" }, { "path": "components/affix/demo/basic.vue", "content": "\n---\norder: 0\ntitle:\n zh-CN: 基本\n en-US: Basic\n---\n\n## zh-CN\n\n最简单的用法。\n\n## en-US\n\nThe simplest usage.\n\n\n\n\n\n\n" }, { "path": "components/affix/demo/index.vue", "content": "\n\n\n" }, { "path": "components/affix/demo/on-change.vue", "content": "\n---\norder: 1\ntitle:\n zh-CN: 固定状态改变的回调\n en-US: Callback\n---\n\n## zh-CN\n\n可以获得是否固定的状态。\n\n## en-US\n\nCallback with affixed state.\n\n\n\n\n\n" }, { "path": "components/affix/demo/target.vue", "content": "\n---\norder: 2\ntitle:\n zh-CN: 滚动容器\n en-US: Container to scroll.\n---\n\n## zh-CN\n\n用 `target` 设置 `Affix` 需要监听其滚动事件的元素，默认为 `window`。\n\n## en-US\n\nSet a `target` for 'Affix', which is listen to scroll event of target element (default is `window`).\n\n\n\n\n\n\n" }, { "path": "components/affix/index.en-US.md", "content": "---\ncategory: Components\ntype: Other\ntitle: Affix\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*YSm4RI3iOJ8AAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*03dxS64LxeQAAAAAAAAAAAAADrJ8AQ/original\n---\n\nWrap Affix around another component to make it stick the viewport.\n\n## When To Use\n\nOn longer web pages, its helpful for some content to stick to the viewport. This is common for menus and actions.\n\nPlease note that Affix should not cover other content on the page, especially when the size of the viewport is small.\n\n## API\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| offsetBottom | Offset from the bottom of the viewport (in pixels) | number | - | |\n| offsetTop | Offset from the top of the viewport (in pixels) | number | 0 | |\n| target | Specifies the scrollable area DOM node | () => HTMLElement | () => window | |\n\n### events\n\n| Events Name | Description | Arguments | Version |\n| ----------- | ---------------------------------------- | --------------------------- | ------- |\n| change | Callback for when Affix state is changed | (affixed?: boolean) => void | |\n\n**Note:** Children of `Affix` must not have the property `position: absolute`, but you can set `position: absolute` on `Affix` itself:\n\n```html\n...\n```\n\n## FAQ\n\n### When binding container with `target` in Affix, elements sometimes move out of the container.\n\nWe only listen to container scroll events for performance consideration. You can add custom listeners if you still want to, like react demo \n\nRelated issues：[#3938](https://github.com/ant-design/ant-design/issues/3938) [#5642](https://github.com/ant-design/ant-design/issues/5642) [#16120](https://github.com/ant-design/ant-design/issues/16120)\n\n### When Affix is ​​used in a horizontal scroll container, the position of the element `left` is incorrect.\n\nAffix is ​​generally only applicable to areas with one-way scrolling, and only supports usage in vertical scrolling containers. If you want to use it in a horizontal container, you can consider implementing with the native `position: sticky` property.\n" }, { "path": "components/affix/index.tsx", "content": "import type { ComponentPublicInstance, CSSProperties, ExtractPropTypes, PropType } from 'vue';\nimport {\n defineComponent,\n shallowRef,\n reactive,\n watch,\n onMounted,\n getCurrentInstance,\n computed,\n onUnmounted,\n onUpdated,\n} from 'vue';\nimport classNames from '../_util/classNames';\nimport ResizeObserver from '../vc-resize-observer';\nimport throttleByAnimationFrame from '../_util/throttleByAnimationFrame';\nimport { withInstall } from '../_util/type';\nimport {\n addObserveTarget,\n removeObserveTarget,\n getTargetRect,\n getFixedTop,\n getFixedBottom,\n} from './utils';\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\nimport omit from '../_util/omit';\nimport useStyle from './style';\nfunction getDefaultTarget() {\n return typeof window !== 'undefined' ? window : null;\n}\nenum AffixStatus {\n None,\n Prepare,\n}\nexport interface AffixState {\n affixStyle?: CSSProperties;\n placeholderStyle?: CSSProperties;\n status: AffixStatus;\n lastAffix: boolean;\n prevTarget: Window | HTMLElement | null;\n}\n\n// Affix\nexport const affixProps = () => ({\n /**\n * 距离窗口顶部达到指定偏移量后触发\n */\n offsetTop: Number,\n /** 距离窗口底部达到指定偏移量后触发 */\n offsetBottom: Number,\n /** 设置 Affix 需要监听其滚动事件的元素，值为一个返回对应 DOM 元素的函数 */\n target: {\n type: Function as PropType<() => Window | HTMLElement | null>,\n default: getDefaultTarget,\n },\n prefixCls: String,\n /** 固定状态改变时触发的回调函数 */\n onChange: Function as PropType,\n onTestUpdatePosition: Function as PropType,\n});\n\nexport type AffixProps = Partial>>;\n\nexport type AffixEmits = {\n change: (lastAffix: boolean) => void;\n testUpdatePosition: () => void;\n};\n\nexport type AffixExpose = {\n updatePosition: (...args: any[]) => void;\n lazyUpdatePosition: (...args: any[]) => void;\n};\n\nexport type AffixInstance = ComponentPublicInstance;\nconst Affix = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'AAffix',\n inheritAttrs: false,\n props: affixProps(),\n setup(props, { slots, emit, expose, attrs }) {\n const placeholderNode = shallowRef();\n const fixedNode = shallowRef();\n const state = reactive({\n affixStyle: undefined,\n placeholderStyle: undefined,\n status: AffixStatus.None,\n lastAffix: false,\n prevTarget: null,\n timeout: null,\n });\n const currentInstance = getCurrentInstance();\n\n const offsetTop = computed(() => {\n return props.offsetBottom === undefined && props.offsetTop === undefined\n ? 0\n : props.offsetTop;\n });\n const offsetBottom = computed(() => props.offsetBottom);\n const measure = () => {\n const { status, lastAffix } = state;\n const { target } = props;\n if (status !== AffixStatus.Prepare || !fixedNode.value || !placeholderNode.value || !target) {\n return;\n }\n\n const targetNode = target();\n if (!targetNode) {\n return;\n }\n\n const newState = {\n status: AffixStatus.None,\n } as AffixState;\n const placeholderRect = getTargetRect(placeholderNode.value as HTMLElement);\n\n if (\n placeholderRect.top === 0 &&\n placeholderRect.left === 0 &&\n placeholderRect.width === 0 &&\n placeholderRect.height === 0\n ) {\n return;\n }\n\n const targetRect = getTargetRect(targetNode);\n const fixedTop = getFixedTop(placeholderRect, targetRect, offsetTop.value);\n const fixedBottom = getFixedBottom(placeholderRect, targetRect, offsetBottom.value);\n if (\n placeholderRect.top === 0 &&\n placeholderRect.left === 0 &&\n placeholderRect.width === 0 &&\n placeholderRect.height === 0\n ) {\n return;\n }\n\n if (fixedTop !== undefined) {\n const width = `${placeholderRect.width}px`;\n const height = `${placeholderRect.height}px`;\n\n newState.affixStyle = {\n position: 'fixed',\n top: fixedTop,\n width,\n height,\n };\n newState.placeholderStyle = {\n width,\n height,\n };\n } else if (fixedBottom !== undefined) {\n const width = `${placeholderRect.width}px`;\n const height = `${placeholderRect.height}px`;\n\n newState.affixStyle = {\n position: 'fixed',\n bottom: fixedBottom,\n width,\n height,\n };\n newState.placeholderStyle = {\n width,\n height,\n };\n }\n\n newState.lastAffix = !!newState.affixStyle;\n if (lastAffix !== newState.lastAffix) {\n emit('change', newState.lastAffix);\n }\n // update state\n Object.assign(state, newState);\n };\n const prepareMeasure = () => {\n Object.assign(state, {\n status: AffixStatus.Prepare,\n affixStyle: undefined,\n placeholderStyle: undefined,\n });\n // Test if `updatePosition` called\n if (process.env.NODE_ENV === 'test') {\n emit('testUpdatePosition');\n }\n };\n\n const updatePosition = throttleByAnimationFrame(() => {\n prepareMeasure();\n });\n const lazyUpdatePosition = throttleByAnimationFrame(() => {\n const { target } = props;\n const { affixStyle } = state;\n\n // Check position change before measure to make Safari smooth\n if (target && affixStyle) {\n const targetNode = target();\n if (targetNode && placeholderNode.value) {\n const targetRect = getTargetRect(targetNode);\n const placeholderRect = getTargetRect(placeholderNode.value as HTMLElement);\n const fixedTop = getFixedTop(placeholderRect, targetRect, offsetTop.value);\n const fixedBottom = getFixedBottom(placeholderRect, targetRect, offsetBottom.value);\n if (\n (fixedTop !== undefined && affixStyle.top === fixedTop) ||\n (fixedBottom !== undefined && affixStyle.bottom === fixedBottom)\n ) {\n return;\n }\n }\n }\n // Directly call prepare measure since it's already throttled.\n prepareMeasure();\n });\n\n expose({\n updatePosition,\n lazyUpdatePosition,\n });\n watch(\n () => props.target,\n val => {\n const newTarget = val?.() || null;\n if (state.prevTarget !== newTarget) {\n removeObserveTarget(currentInstance);\n if (newTarget) {\n addObserveTarget(newTarget, currentInstance);\n // Mock Event object.\n updatePosition();\n }\n state.prevTarget = newTarget;\n }\n },\n );\n watch(() => [props.offsetTop, props.offsetBottom], updatePosition);\n onMounted(() => {\n const { target } = props;\n if (target) {\n // [Legacy] Wait for parent component ref has its value.\n // We should use target as directly element instead of function which makes element check hard.\n state.timeout = setTimeout(() => {\n addObserveTarget(target(), currentInstance);\n // Mock Event object.\n updatePosition();\n });\n }\n });\n onUpdated(() => {\n measure();\n });\n onUnmounted(() => {\n clearTimeout(state.timeout);\n removeObserveTarget(currentInstance);\n (updatePosition as any).cancel();\n // https://github.com/ant-design/ant-design/issues/22683\n (lazyUpdatePosition as any).cancel();\n });\n\n const { prefixCls } = useConfigInject('affix', props);\n const [wrapSSR, hashId] = useStyle(prefixCls);\n return () => {\n const { affixStyle, placeholderStyle, status } = state;\n const className = classNames({\n [prefixCls.value]: affixStyle,\n [hashId.value]: true,\n });\n const restProps = omit(props, [\n 'prefixCls',\n 'offsetTop',\n 'offsetBottom',\n 'target',\n 'onChange',\n 'onTestUpdatePosition',\n ]);\n return wrapSSR(\n \n
\n {affixStyle &&
}\n
\n {slots.default?.()}\n
\n
\n ,\n );\n };\n },\n});\n\nexport default withInstall(Affix);\n" }, { "path": "components/affix/index.zh-CN.md", "content": "---\ncategory: Components\nsubtitle: 固钉\ntype: 其他\ntitle: Affix\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*YSm4RI3iOJ8AAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*03dxS64LxeQAAAAAAAAAAAAADrJ8AQ/original\n---\n\n将页面元素钉在可视范围。\n\n## 何时使用\n\n当内容区域比较长，需要滚动页面时，这部分内容对应的操作或者导航需要在滚动范围内始终展现。常用于侧边菜单和按钮组合。\n\n页面可视范围过小时，慎用此功能以免遮挡页面内容。\n\n## API\n\n| 成员 | 说明 | 类型 | 默认值 | 版本 |\n| --- | --- | --- | --- | --- |\n| offsetBottom | 距离窗口底部达到指定偏移量后触发 | number | | |\n| offsetTop | 距离窗口顶部达到指定偏移量后触发 | number | 0 | |\n| target | 设置 `Affix` 需要监听其滚动事件的元素，值为一个返回对应 DOM 元素的函数 | () => HTMLElement | () => window | |\n\n### 事件\n\n| 事件名称 | 说明 | 回调参数 | 版本 | |\n| -------- | ---------------------------- | --------------------------- | ---- | --- |\n| change | 固定状态改变时触发的回调函数 | (affixed?: boolean) => void | - | |\n\n**注意：**`Affix` 内的元素不要使用绝对定位，如需要绝对定位的效果，可以直接设置 `Affix` 为绝对定位：\n\n```html\n...\n```\n\n## FAQ\n\n### Affix 使用 `target` 绑定容器时，元素会跑到容器外。\n\n从性能角度考虑，我们只监听容器滚动事件。如果希望任意滚动，你可以在窗体添加滚动监听, 参考 react 版本示例 \n\n相关 issue：[#3938](https://github.com/ant-design/ant-design/issues/3938) [#5642](https://github.com/ant-design/ant-design/issues/5642) [#16120](https://github.com/ant-design/ant-design/issues/16120)\n\n### Affix 在水平滚动容器中使用时， 元素 `left` 位置不正确。\n\nAffix 一般只适用于单向滚动的区域，只支持在垂直滚动容器中使用。如果希望在水平容器中使用，你可以考虑使用 原生 `position: sticky` 实现。\n\n相关 issue: [#29108](https://github.com/ant-design/ant-design/issues/29108)\n" }, { "path": "components/affix/style/index.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { FullToken, GenerateStyle } from '../../theme/internal';\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal';\n\ninterface AffixToken extends FullToken<'Affix'> {\n zIndexPopup: number;\n}\n\n// ============================== Shared ==============================\nconst genSharedAffixStyle: GenerateStyle = (token): CSSObject => {\n const { componentCls } = token;\n\n return {\n [componentCls]: {\n position: 'fixed',\n zIndex: token.zIndexPopup,\n },\n };\n};\n\n// ============================== Export ==============================\nexport default genComponentStyleHook('Affix', token => {\n const affixToken = mergeToken(token, {\n zIndexPopup: token.zIndexBase + 10,\n });\n return [genSharedAffixStyle(affixToken)];\n});\n" }, { "path": "components/affix/utils.ts", "content": "import addEventListener from '../vc-util/Dom/addEventListener';\nimport supportsPassive from '../_util/supportsPassive';\n\nexport type BindElement = HTMLElement | Window | null | undefined;\n\nexport function getTargetRect(target: BindElement): DOMRect {\n return target !== window\n ? (target as HTMLElement).getBoundingClientRect()\n : ({ top: 0, bottom: window.innerHeight } as DOMRect);\n}\n\nexport function getFixedTop(placeholderRect: DOMRect, targetRect: DOMRect, offsetTop: number) {\n if (offsetTop !== undefined && targetRect.top > placeholderRect.top - offsetTop) {\n return `${offsetTop + targetRect.top}px`;\n }\n return undefined;\n}\n\nexport function getFixedBottom(\n placeholderRect: DOMRect,\n targetRect: DOMRect,\n offsetBottom: number,\n) {\n if (offsetBottom !== undefined && targetRect.bottom < placeholderRect.bottom + offsetBottom) {\n const targetBottomOffset = window.innerHeight - targetRect.bottom;\n return `${offsetBottom + targetBottomOffset}px`;\n }\n return undefined;\n}\n\n// ======================== Observer ========================\nconst TRIGGER_EVENTS = [\n 'resize',\n 'scroll',\n 'touchstart',\n 'touchmove',\n 'touchend',\n 'pageshow',\n 'load',\n];\n\ninterface ObserverEntity {\n target: HTMLElement | Window;\n affixList: any[];\n eventHandlers: { [eventName: string]: any };\n}\n\nlet observerEntities: ObserverEntity[] = [];\n\nexport function getObserverEntities() {\n // Only used in test env. Can be removed if refactor.\n return observerEntities;\n}\n\nexport function addObserveTarget(target: HTMLElement | Window | null, affix: T): void {\n if (!target) return;\n\n let entity = observerEntities.find(item => item.target === target);\n\n if (entity) {\n entity.affixList.push(affix);\n } else {\n entity = {\n target,\n affixList: [affix],\n eventHandlers: {},\n };\n observerEntities.push(entity);\n\n // Add listener\n TRIGGER_EVENTS.forEach(eventName => {\n entity!.eventHandlers[eventName] = addEventListener(target, eventName, () => {\n entity!.affixList.forEach(\n targetAffix => {\n const { lazyUpdatePosition } = (targetAffix as any).exposed;\n lazyUpdatePosition();\n },\n (eventName === 'touchstart' || eventName === 'touchmove') && supportsPassive\n ? ({ passive: true } as EventListenerOptions)\n : false,\n );\n });\n });\n }\n}\n\nexport function removeObserveTarget(affix: T): void {\n const observerEntity = observerEntities.find(oriObserverEntity => {\n const hasAffix = oriObserverEntity.affixList.some(item => item === affix);\n if (hasAffix) {\n oriObserverEntity.affixList = oriObserverEntity.affixList.filter(item => item !== affix);\n }\n return hasAffix;\n });\n\n if (observerEntity && observerEntity.affixList.length === 0) {\n observerEntities = observerEntities.filter(item => item !== observerEntity);\n\n // Remove listener\n TRIGGER_EVENTS.forEach(eventName => {\n const handler = observerEntity.eventHandlers[eventName];\n if (handler && handler.remove) {\n handler.remove();\n }\n });\n }\n}\n" }, { "path": "components/alert/__tests__/__snapshots__/demo.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders ./components/alert/demo/action.vue correctly 1`] = `\n
\n
\n
\n
\n
Success Tips
\n \n
\n
\n
\n
\n \n
\n
\n
\n
Error Text
\n
Error Description Error Description Error Description Error Description
\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
Warning Text
\n \n
\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
\n \n
\n
Info Text
\n
Info Description Info Description Info Description Info Description
\n
\n
\n
\n
\n \n
\n \n
\n
\n
\n
\n \n
\n`;\n\nexports[`renders ./components/alert/demo/banner.vue correctly 1`] = `\n
\n
\n
\n
\n
Warning text
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
Very long warning text warning text text text text text text text
\n \n
\n \n
\n
\n \n
\n
\n \n
\n
Warning text without icon
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
Error text
\n \n
\n \n \n
\n
\n \n
\n`;\n\nexports[`renders ./components/alert/demo/basic.vue correctly 1`] = `\n
\n \n
\n
Success Text
\n \n
\n \n \n
\n`;\n\nexports[`renders ./components/alert/demo/closable.vue correctly 1`] = `\n
\n
\n
\n \n
\n
Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text
\n \n
\n \n
\n
\n \n
\n
\n \n
\n
Error Text
\n
Error Description Error Description Error Description Error Description Error Description Error Description
\n
\n \n
\n
\n \n
\n`;\n\nexports[`renders ./components/alert/demo/close-text.vue correctly 1`] = `\n
\n \n
\n
Info Text
\n \n
\n \n
\n`;\n\nexports[`renders ./components/alert/demo/custom-icon.vue correctly 1`] = `\n
\n
\n
\n \n
\n
showIcon = false
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
Success Tips
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
Informational Notes
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
Warning
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
Error
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
Success Tips
\n
Detailed description and advices about successful copywriting.
\n
\n \n \n
\n
\n \n
\n
\n
\n
Informational Notes
\n
Additional description and informations about copywriting.
\n
\n \n \n
\n
\n \n
\n
\n
\n
Warning
\n
This is a warning notice about copywriting.
\n
\n \n \n
\n
\n \n
\n
\n
\n
Error
\n
This is an error message about copywriting.
\n
\n \n \n
\n
\n \n
\n`;\n\nexports[`renders ./components/alert/demo/description.vue correctly 1`] = `\n
\n
\n
\n \n
\n
Success Text
\n
\n

Success Description Success Description Success Description

\n
\n
\n \n \n
\n
\n \n
\n
\n \n
\n
Info Text
\n
Info Description Info Description Info Description Info Description
\n
\n \n \n
\n
\n \n
\n
\n \n
\n
Warning Text
\n
Warning Description Warning Description Warning Description Warning Description
\n
\n \n \n
\n
\n \n
\n
\n \n
\n
Error Text
\n
Error Description Error Description Error Description Error Description
\n
\n \n \n
\n
\n \n
\n`;\n\nexports[`renders ./components/alert/demo/icon.vue correctly 1`] = `\n
\n
\n
\n
\n
Success Tips
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
Informational Notes
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
Warning
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
Error
\n \n
\n \n \n
\n
\n \n
\n
\n
\n
Success Tips
\n
Detailed description and advices about successful copywriting.
\n
\n \n \n
\n
\n \n
\n
\n
\n
Informational Notes
\n
Additional description and informations about copywriting.
\n
\n \n \n
\n
\n \n
\n
\n
\n
Warning
\n
This is a warning notice about copywriting.
\n
\n \n \n
\n
\n \n
\n
\n
\n
Error
\n
This is an error message about copywriting.
\n
\n \n \n
\n
\n \n
\n`;\n\nexports[`renders ./components/alert/demo/smooth-closed.vue correctly 1`] = `\n
\n \n
\n
Alert Message Text
\n \n
\n \n
\n`;\n\nexports[`renders ./components/alert/demo/style.vue correctly 1`] = `\n
\n
\n
\n \n
\n
Success Text
\n \n
\n \n \n
\n
\n \n
\n
\n \n
\n
Info Text
\n \n
\n \n \n
\n
\n \n
\n
\n \n
\n
Warning Text
\n \n
\n \n \n
\n
\n \n
\n
\n \n
\n
Error Text
\n \n
\n \n \n
\n
\n \n
\n`;\n" }, { "path": "components/alert/__tests__/demo.test.js", "content": "import demoTest from '../../../tests/shared/demoTest';\n\ndemoTest('alert');\n" }, { "path": "components/alert/__tests__/index.test.js", "content": "import { mount } from '@vue/test-utils';\nimport Alert from '..';\n\ndescribe('Alert', () => {\n beforeAll(() => {\n jest.useFakeTimers();\n });\n\n afterAll(() => {\n jest.useRealTimers();\n });\n\n it('could be closed', () => {\n const onClose = jest.fn();\n const afterClose = jest.fn();\n const wrapper = mount({\n render() {\n return (\n \n );\n },\n });\n wrapper.find('.ant-alert-close-icon').trigger('click');\n expect(onClose).toHaveBeenCalled();\n jest.runAllTimers();\n wrapper.vm.$refs.alert.animationEnd();\n expect(afterClose).toHaveBeenCalled();\n });\n\n describe('data and aria props', () => {\n it('sets data attributes on input', () => {\n const wrapper = mount({\n render() {\n return ;\n },\n });\n const input = wrapper.find('.ant-alert').element;\n expect(input.getAttribute('data-test')).toBe('test-id');\n expect(input.getAttribute('data-id')).toBe('12345');\n });\n\n it('sets aria attributes on input', () => {\n const wrapper = mount({\n render() {\n return ;\n },\n });\n\n const input = wrapper.find('.ant-alert').element;\n expect(input.getAttribute('aria-describedby')).toBe('some-label');\n });\n\n it('sets role attribute on input', () => {\n const wrapper = mount({\n render() {\n return ;\n },\n });\n\n const input = wrapper.find('.ant-alert').element;\n expect(input.getAttribute('role')).toBe('status');\n });\n });\n});\n" }, { "path": "components/alert/demo/action.vue", "content": "\n---\norder: 0\ntitle:\n zh-CN: 操作\n en-US: Action\n---\n\n## zh-CN\n\n可以在右上角自定义操作项。\n\n## en-US\n\nCustom action.\n\n\n\n\n" }, { "path": "components/alert/demo/banner.vue", "content": "\n---\norder: 6\ntitle:\n zh-CN: 顶部公告\n en-US: Banner\n---\n\n## zh-CN\n\n最简单的用法，适用于简短的警告提示。\n\n## en-US\n\nDisplay Alert as a banner at top of page.\n\n\n\n\n" }, { "path": "components/alert/demo/basic.vue", "content": "\n---\norder: 0\ntitle:\n zh-CN: 基本用法\n en-US: Basic usage\n---\n\n## zh-CN\n\n最简单的用法，适用于简短的警告提示。\n\n## en-US\n\nThe simplest usage for short messages.\n\n\n\n\n" }, { "path": "components/alert/demo/closable.vue", "content": "\n---\norder: 2\ntitle:\n zh-CN: 可关闭的警告提示\n en-US: Customized Close Text\n---\n\n## zh-CN\n\n显示关闭按钮，点击可关闭警告提示。\n\n## en-US\n\nTo show close button.\n\n\n\n\n\n\n" }, { "path": "components/alert/demo/close-text.vue", "content": "\n---\norder: 5\ntitle:\n zh-CN: 自定义关闭\n en-US: Customized Close Text\n---\n\n## zh-CN\n\n自定义图标让信息类型更加醒目。\n\n## en-US\n\nReplace the default icon with customized text.\n\n\n\n\n" }, { "path": "components/alert/demo/custom-icon.vue", "content": "\n---\norder: 7\ntitle:\n zh-CN: 自定义图标\n en-US: Custom Icon\n---\n\n## zh-CN\n\n可以自定义关闭，自定义的文字会替换原先的关闭 `Icon`。\n\n## en-US\n\nCustom Icon make information more clear and more friendly.\n\n\n\n\n\n\n" }, { "path": "components/alert/demo/description.vue", "content": "\n---\norder: 3\ntitle:\n zh-CN: 含有辅助性文字介绍\n en-US: Description\n---\n\n## zh-CN\n\n含有辅助性文字介绍的警告提示。\n\n## en-US\n\nAdditional description for alert message.\n\n\n\n\n" }, { "path": "components/alert/demo/icon.vue", "content": "\n---\norder: 4\ntitle:\n zh-CN: 图标\n en-US: Icon\n---\n\n## zh-CN\n\n可口的图标让信息类型更加醒目。\n\n## en-US\n\nDecent icon make information more clear and more friendly.\n\n\n\n\n" }, { "path": "components/alert/demo/index.vue", "content": "\n\n\n" }, { "path": "components/alert/demo/smooth-closed.vue", "content": "\n---\norder: 8\ntitle:\n zh-CN: 平滑地卸载\n en-US: Smoothly Unmount\n---\n\n## zh-CN\n\n平滑、自然的卸载提示。\n\n## en-US\n\nSmoothly and unaffectedly unmount Alert.\n\n\n\n\n\n" }, { "path": "components/alert/demo/style.vue", "content": "\n---\norder: 1\ntitle:\n zh-CN: 四种样式\n en-US: More types\n---\n\n## zh-CN\n\n共有四种样式 `success`、`info`、`warning`、`error`。\n\n## en-US\n\nThere are 4 types of Alert: `success`, `info`, `warning`, `error`.\n\n\n\n\n" }, { "path": "components/alert/index.en-US.md", "content": "---\ncategory: Components\ntype: Feedback\ntitle: Alert\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*Ct7bT7rrTTAAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*-U3XQqYN7VsAAAAAAAAAAAAADrJ8AQ/original\n---\n\nAlert component for feedback.\n\n## When To Use\n\n- When you need to show alert messages to users.\n- When you need a persistent static container which is closable by user actions.\n\n## API\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| action | The action of Alert | slot | - | 4.0.0 |\n| afterClose | Called when close animation is finished | () => void | - | |\n| banner | Whether to show as banner | boolean | false | |\n| closable | Whether Alert can be closed | boolean | | |\n| closeIcon | Custom close icon | slot | `` | 3.0 |\n| closeText | Close text to show | string\\|slot | - | |\n| description | Additional content of Alert | string\\|slot | - | |\n| icon | Custom icon, effective when `showIcon` is `true` | vnode \\| slot | - | |\n| message | Content of Alert | string\\|slot | - | |\n| showIcon | Whether to show icon | boolean | false,in `banner` mode default is true | |\n| type | Type of Alert styles, options: `success`, `info`, `warning`, `error` | string | `info`,in `banner` mode default is `warning` | |\n\n### events\n\n| Events Name | Description | Arguments | Version |\n| ----------- | ----------------------------- | ----------------------- | ------- |\n| close | Callback when Alert is closed | (e: MouseEvent) => void | - |\n" }, { "path": "components/alert/index.tsx", "content": "import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';\nimport { computed, defineComponent, shallowRef, Transition } from 'vue';\nimport CloseOutlined from '@ant-design/icons-vue/CloseOutlined';\nimport CheckCircleOutlined from '@ant-design/icons-vue/CheckCircleOutlined';\nimport ExclamationCircleOutlined from '@ant-design/icons-vue/ExclamationCircleOutlined';\nimport InfoCircleOutlined from '@ant-design/icons-vue/InfoCircleOutlined';\nimport CloseCircleOutlined from '@ant-design/icons-vue/CloseCircleOutlined';\nimport CheckCircleFilled from '@ant-design/icons-vue/CheckCircleFilled';\nimport ExclamationCircleFilled from '@ant-design/icons-vue/ExclamationCircleFilled';\nimport InfoCircleFilled from '@ant-design/icons-vue/InfoCircleFilled';\nimport CloseCircleFilled from '@ant-design/icons-vue/CloseCircleFilled';\nimport classNames from '../_util/classNames';\nimport PropTypes from '../_util/vue-types';\nimport { getTransitionProps } from '../_util/transition';\nimport { isValidElement } from '../_util/props-util';\nimport { tuple, withInstall } from '../_util/type';\nimport { cloneElement } from '../_util/vnode';\nimport type { NodeMouseEventHandler } from '../vc-tree/contextTypes';\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\nimport useStyle from './style';\n\nconst iconMapFilled = {\n success: CheckCircleFilled,\n info: InfoCircleFilled,\n error: CloseCircleFilled,\n warning: ExclamationCircleFilled,\n};\n\nconst iconMapOutlined = {\n success: CheckCircleOutlined,\n info: InfoCircleOutlined,\n error: CloseCircleOutlined,\n warning: ExclamationCircleOutlined,\n};\n\nconst AlertTypes = tuple('success', 'info', 'warning', 'error');\n\nexport type AlertType = (typeof AlertTypes)[number];\n\nexport const alertProps = () => ({\n /**\n * Type of Alert styles, options: `success`, `info`, `warning`, `error`\n */\n type: PropTypes.oneOf(AlertTypes),\n /** Whether Alert can be closed */\n closable: { type: Boolean, default: undefined },\n /** Close text to show */\n closeText: PropTypes.any,\n /** Content of Alert */\n message: PropTypes.any,\n /** Additional content of Alert */\n description: PropTypes.any,\n /** Trigger when animation ending of Alert */\n afterClose: Function as PropType<() => void>,\n /** Whether to show icon */\n showIcon: { type: Boolean, default: undefined },\n prefixCls: String,\n banner: { type: Boolean, default: undefined },\n icon: PropTypes.any,\n closeIcon: PropTypes.any,\n onClose: Function as PropType,\n});\n\nexport type AlertProps = Partial>>;\n\nconst Alert = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'AAlert',\n inheritAttrs: false,\n props: alertProps(),\n setup(props, { slots, emit, attrs, expose }) {\n const { prefixCls, direction } = useConfigInject('alert', props);\n const [wrapSSR, hashId] = useStyle(prefixCls);\n const closing = shallowRef(false);\n const closed = shallowRef(false);\n const alertNode = shallowRef();\n\n const handleClose = (e: MouseEvent) => {\n e.preventDefault();\n\n const dom = alertNode.value;\n\n dom.style.height = `${dom.offsetHeight}px`;\n // Magic code\n // 重复一次后才能正确设置 height\n dom.style.height = `${dom.offsetHeight}px`;\n\n closing.value = true;\n emit('close', e);\n };\n\n const animationEnd = () => {\n closing.value = false;\n closed.value = true;\n props.afterClose?.();\n };\n const mergedType = computed(() => {\n const { type } = props;\n if (type !== undefined) {\n return type;\n }\n // banner 模式默认为警告\n return props.banner ? 'warning' : 'info';\n });\n expose({ animationEnd });\n const motionStyle = shallowRef({});\n return () => {\n const { banner, closeIcon: customCloseIcon = slots.closeIcon?.() } = props;\n\n let { closable, showIcon } = props;\n\n const closeText = props.closeText ?? slots.closeText?.();\n const description = props.description ?? slots.description?.();\n const message = props.message ?? slots.message?.();\n const icon = props.icon ?? slots.icon?.();\n const action = slots.action?.();\n\n // banner模式默认有 Icon\n showIcon = banner && showIcon === undefined ? true : showIcon;\n\n const IconType = (description ? iconMapOutlined : iconMapFilled)[mergedType.value] || null;\n\n // closeable when closeText is assigned\n if (closeText) {\n closable = true;\n }\n const prefixClsValue = prefixCls.value;\n const alertCls = classNames(prefixClsValue, {\n [`${prefixClsValue}-${mergedType.value}`]: true,\n [`${prefixClsValue}-closing`]: closing.value,\n [`${prefixClsValue}-with-description`]: !!description,\n [`${prefixClsValue}-no-icon`]: !showIcon,\n [`${prefixClsValue}-banner`]: !!banner,\n [`${prefixClsValue}-closable`]: closable,\n [`${prefixClsValue}-rtl`]: direction.value === 'rtl',\n [hashId.value]: true,\n });\n\n const closeIcon = closable ? (\n \n {closeText ? (\n {closeText}\n ) : customCloseIcon === undefined ? (\n \n ) : (\n customCloseIcon\n )}\n \n ) : null;\n\n const iconNode = (icon &&\n (isValidElement(icon) ? (\n cloneElement(icon, {\n class: `${prefixClsValue}-icon`,\n })\n ) : (\n {icon}\n ))) || ;\n\n const transitionProps = getTransitionProps(`${prefixClsValue}-motion`, {\n appear: false,\n css: true,\n onAfterLeave: animationEnd,\n onBeforeLeave: (node: HTMLDivElement) => {\n node.style.maxHeight = `${node.offsetHeight}px`;\n },\n onLeave: (node: HTMLDivElement) => {\n node.style.maxHeight = '0px';\n },\n });\n return wrapSSR(\n closed.value ? null : (\n \n \n {showIcon ? iconNode : null}\n
\n {message ?
{message}
: null}\n {description ? (\n
{description}
\n ) : null}\n
\n {action ?
{action}
: null}\n {closeIcon}\n
\n \n ),\n );\n };\n },\n});\n\nexport default withInstall(Alert);\n" }, { "path": "components/alert/index.zh-CN.md", "content": "---\ncategory: Components\ntype: 反馈\ntitle: Alert\nsubtitle: 警告提示\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*Ct7bT7rrTTAAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*-U3XQqYN7VsAAAAAAAAAAAAADrJ8AQ/original\n---\n\n警告提示，展现需要关注的信息。\n\n## 何时使用\n\n- 当某个页面需要向用户显示警告的信息时。\n- 非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。\n\n## API\n\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\n| --- | --- | --- | --- | --- |\n| action | 自定义操作项 | slot | - | 4.0.0 |\n| afterClose | 关闭动画结束后触发的回调函数 | () => void | - | |\n| banner | 是否用作顶部公告 | boolean | false | |\n| closable | 默认不显示关闭按钮 | boolean | 无 | |\n| closeIcon | 自定义关闭 Icon | slot | `` | 3.0 |\n| closeText | 自定义关闭按钮 | string\\|slot | 无 | |\n| description | 警告提示的辅助性文字介绍 | string\\|slot | 无 | |\n| icon | 自定义图标，`showIcon` 为 `true` 时有效 | vnode\\|slot | - | |\n| message | 警告提示内容 | string\\|slot | 无 | |\n| showIcon | 是否显示辅助图标 | boolean | false,`banner` 模式下默认值为 true | |\n| type | 指定警告提示的样式，有四种选择 `success`、`info`、`warning`、`error` | string | `info`,`banner` 模式下默认值为 `warning` | |\n\n### 事件\n\n| 事件名称 | 说明 | 回调参数 | 版本 |\n| -------- | -------------------- | ----------------------- | ---- |\n| close | 关闭时触发的回调函数 | (e: MouseEvent) => void | - |\n" }, { "path": "components/alert/style/index.ts", "content": "import type { CSSInterpolation, CSSObject } from '../../_util/cssinjs';\nimport type { FullToken, GenerateStyle } from '../../theme/internal';\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal';\nimport { resetComponent } from '../../style';\n\nexport interface ComponentToken {}\n\ntype AlertToken = FullToken<'Alert'> & {\n alertIconSizeLG: number;\n alertPaddingHorizontal: number;\n};\n\nconst genAlertTypeStyle = (\n bgColor: string,\n borderColor: string,\n iconColor: string,\n token: AlertToken,\n alertCls: string,\n): CSSObject => ({\n backgroundColor: bgColor,\n border: `${token.lineWidth}px ${token.lineType} ${borderColor}`,\n [`${alertCls}-icon`]: {\n color: iconColor,\n },\n});\n\nexport const genBaseStyle: GenerateStyle = (token: AlertToken): CSSObject => {\n const {\n componentCls,\n motionDurationSlow: duration,\n marginXS,\n marginSM,\n fontSize,\n fontSizeLG,\n lineHeight,\n borderRadiusLG: borderRadius,\n motionEaseInOutCirc,\n alertIconSizeLG,\n colorText,\n paddingContentVerticalSM,\n alertPaddingHorizontal,\n paddingMD,\n paddingContentHorizontalLG,\n } = token;\n\n return {\n [componentCls]: {\n ...resetComponent(token),\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n padding: `${paddingContentVerticalSM}px ${alertPaddingHorizontal}px`, // Fixed horizontal padding here.\n wordWrap: 'break-word',\n borderRadius,\n\n [`&${componentCls}-rtl`]: {\n direction: 'rtl',\n },\n\n [`${componentCls}-content`]: {\n flex: 1,\n minWidth: 0,\n },\n\n [`${componentCls}-icon`]: {\n marginInlineEnd: marginXS,\n lineHeight: 0,\n },\n\n [`&-description`]: {\n display: 'none',\n fontSize,\n lineHeight,\n },\n\n '&-message': {\n color: colorText,\n },\n\n [`&${componentCls}-motion-leave`]: {\n overflow: 'hidden',\n opacity: 1,\n transition: `max-height ${duration} ${motionEaseInOutCirc}, opacity ${duration} ${motionEaseInOutCirc},\n padding-top ${duration} ${motionEaseInOutCirc}, padding-bottom ${duration} ${motionEaseInOutCirc},\n margin-bottom ${duration} ${motionEaseInOutCirc}`,\n },\n\n [`&${componentCls}-motion-leave-active`]: {\n maxHeight: 0,\n marginBottom: '0 !important',\n paddingTop: 0,\n paddingBottom: 0,\n opacity: 0,\n },\n },\n\n [`${componentCls}-with-description`]: {\n alignItems: 'flex-start',\n paddingInline: paddingContentHorizontalLG,\n paddingBlock: paddingMD,\n\n [`${componentCls}-icon`]: {\n marginInlineEnd: marginSM,\n fontSize: alertIconSizeLG,\n lineHeight: 0,\n },\n\n [`${componentCls}-message`]: {\n display: 'block',\n marginBottom: marginXS,\n color: colorText,\n fontSize: fontSizeLG,\n },\n\n [`${componentCls}-description`]: {\n display: 'block',\n },\n },\n\n [`${componentCls}-banner`]: {\n marginBottom: 0,\n border: '0 !important',\n borderRadius: 0,\n },\n };\n};\n\nexport const genTypeStyle: GenerateStyle = (token: AlertToken): CSSObject => {\n const {\n componentCls,\n\n colorSuccess,\n colorSuccessBorder,\n colorSuccessBg,\n\n colorWarning,\n colorWarningBorder,\n colorWarningBg,\n\n colorError,\n colorErrorBorder,\n colorErrorBg,\n\n colorInfo,\n colorInfoBorder,\n colorInfoBg,\n } = token;\n\n return {\n [componentCls]: {\n '&-success': genAlertTypeStyle(\n colorSuccessBg,\n colorSuccessBorder,\n colorSuccess,\n token,\n componentCls,\n ),\n '&-info': genAlertTypeStyle(colorInfoBg, colorInfoBorder, colorInfo, token, componentCls),\n '&-warning': genAlertTypeStyle(\n colorWarningBg,\n colorWarningBorder,\n colorWarning,\n token,\n componentCls,\n ),\n '&-error': {\n ...genAlertTypeStyle(colorErrorBg, colorErrorBorder, colorError, token, componentCls),\n [`${componentCls}-description > pre`]: {\n margin: 0,\n padding: 0,\n },\n },\n },\n };\n};\n\nexport const genActionStyle: GenerateStyle = (token: AlertToken): CSSObject => {\n const {\n componentCls,\n iconCls,\n motionDurationMid,\n marginXS,\n fontSizeIcon,\n colorIcon,\n colorIconHover,\n } = token;\n\n return {\n [componentCls]: {\n [`&-action`]: {\n marginInlineStart: marginXS,\n },\n\n [`${componentCls}-close-icon`]: {\n marginInlineStart: marginXS,\n padding: 0,\n overflow: 'hidden',\n fontSize: fontSizeIcon,\n lineHeight: `${fontSizeIcon}px`,\n backgroundColor: 'transparent',\n border: 'none',\n outline: 'none',\n cursor: 'pointer',\n\n [`${iconCls}-close`]: {\n color: colorIcon,\n transition: `color ${motionDurationMid}`,\n '&:hover': {\n color: colorIconHover,\n },\n },\n },\n\n '&-close-text': {\n color: colorIcon,\n transition: `color ${motionDurationMid}`,\n '&:hover': {\n color: colorIconHover,\n },\n },\n },\n };\n};\n\nexport const genAlertStyle: GenerateStyle = (token: AlertToken): CSSInterpolation => [\n genBaseStyle(token),\n genTypeStyle(token),\n genActionStyle(token),\n];\n\nexport default genComponentStyleHook('Alert', token => {\n const { fontSizeHeading3 } = token;\n\n const alertToken = mergeToken(token, {\n alertIconSizeLG: fontSizeHeading3,\n alertPaddingHorizontal: 12, // Fixed value here.\n });\n\n return [genAlertStyle(alertToken)];\n});\n" }, { "path": "components/anchor/Anchor.tsx", "content": "import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';\nimport {\n defineComponent,\n nextTick,\n onBeforeUnmount,\n onMounted,\n onUpdated,\n reactive,\n ref,\n computed,\n} from 'vue';\nimport scrollIntoView from 'scroll-into-view-if-needed';\nimport classNames from '../_util/classNames';\nimport addEventListener from '../vc-util/Dom/addEventListener';\nimport Affix from '../affix';\nimport scrollTo from '../_util/scrollTo';\nimport getScroll from '../_util/getScroll';\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\nimport useProvideAnchor from './context';\nimport useStyle from './style';\nimport type { AnchorLinkItemProps } from './AnchorLink';\nimport AnchorLink from './AnchorLink';\nimport PropTypes from '../_util/vue-types';\nimport devWarning from '../vc-util/devWarning';\nimport { arrayType } from '../_util/type';\n\nexport type AnchorDirection = 'vertical' | 'horizontal';\n\nfunction getDefaultContainer() {\n return window;\n}\n\nfunction getOffsetTop(element: HTMLElement, container: AnchorContainer): number {\n if (!element.getClientRects().length) {\n return 0;\n }\n\n const rect = element.getBoundingClientRect();\n\n if (rect.width || rect.height) {\n if (container === window) {\n container = element.ownerDocument!.documentElement!;\n return rect.top - container.clientTop;\n }\n return rect.top - (container as HTMLElement).getBoundingClientRect().top;\n }\n\n return rect.top;\n}\n\nconst sharpMatcherRegx = /#([\\S ]+)$/;\n\ninterface Section {\n link: string;\n top: number;\n}\n\nexport type AnchorContainer = HTMLElement | Window;\n\nexport const anchorProps = () => ({\n prefixCls: String,\n offsetTop: Number,\n bounds: Number,\n affix: { type: Boolean, default: true },\n showInkInFixed: { type: Boolean, default: false },\n getContainer: Function as PropType<() => AnchorContainer>,\n wrapperClass: String,\n wrapperStyle: { type: Object as PropType, default: undefined as CSSProperties },\n getCurrentAnchor: Function as PropType<(activeLink: string) => string>,\n targetOffset: Number,\n items: arrayType(),\n direction: PropTypes.oneOf(['vertical', 'horizontal'] as AnchorDirection[]).def('vertical'),\n onChange: Function as PropType<(currentActiveLink: string) => void>,\n onClick: Function as PropType<(e: MouseEvent, link: { title: any; href: string }) => void>,\n});\n\nexport type AnchorProps = Partial>>;\n\nexport interface AnchorState {\n scrollContainer: HTMLElement | Window;\n links: string[];\n scrollEvent: any;\n animating: boolean;\n}\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'AAnchor',\n inheritAttrs: false,\n props: anchorProps(),\n setup(props, { emit, attrs, slots, expose }) {\n const { prefixCls, getTargetContainer, direction } = useConfigInject('anchor', props);\n const anchorDirection = computed(() => props.direction ?? 'vertical');\n\n if (process.env.NODE_ENV !== 'production') {\n devWarning(\n props.items && typeof slots.default !== 'function',\n 'Anchor',\n '`Anchor children` is deprecated. Please use `items` instead.',\n );\n }\n\n if (process.env.NODE_ENV !== 'production') {\n devWarning(\n !(anchorDirection.value === 'horizontal' && props.items?.some(n => 'children' in n)),\n 'Anchor',\n '`Anchor items#children` is not supported when `Anchor` direction is horizontal.',\n );\n }\n\n const spanLinkNode = ref(null);\n const anchorRef = ref();\n const state = reactive({\n links: [],\n scrollContainer: null,\n scrollEvent: null,\n animating: false,\n });\n const activeLink = ref(null);\n const getContainer = computed(() => {\n const { getContainer } = props;\n return getContainer || getTargetContainer?.value || getDefaultContainer;\n });\n // func...\n const getCurrentAnchor = (offsetTop = 0, bounds = 5) => {\n const linkSections: Array
= [];\n const container = getContainer.value();\n state.links.forEach(link => {\n const sharpLinkMatch = sharpMatcherRegx.exec(link.toString());\n if (!sharpLinkMatch) {\n return;\n }\n const target = document.getElementById(sharpLinkMatch[1]);\n if (target) {\n const top = getOffsetTop(target, container);\n if (top < offsetTop + bounds) {\n linkSections.push({\n link,\n top,\n });\n }\n }\n });\n\n if (linkSections.length) {\n const maxSection = linkSections.reduce((prev, curr) => (curr.top > prev.top ? curr : prev));\n return maxSection.link;\n }\n return '';\n };\n const setCurrentActiveLink = (link: string) => {\n const { getCurrentAnchor } = props;\n if (activeLink.value === link) {\n return;\n }\n activeLink.value = typeof getCurrentAnchor === 'function' ? getCurrentAnchor(link) : link;\n emit('change', link);\n };\n const handleScrollTo = (link: string) => {\n const { offsetTop, targetOffset } = props;\n\n setCurrentActiveLink(link);\n const sharpLinkMatch = sharpMatcherRegx.exec(link);\n if (!sharpLinkMatch) {\n return;\n }\n const targetElement = document.getElementById(sharpLinkMatch[1]);\n if (!targetElement) {\n return;\n }\n\n const container = getContainer.value();\n const scrollTop = getScroll(container, true);\n const eleOffsetTop = getOffsetTop(targetElement, container);\n let y = scrollTop + eleOffsetTop;\n y -= targetOffset !== undefined ? targetOffset : offsetTop || 0;\n state.animating = true;\n\n scrollTo(y, {\n callback: () => {\n state.animating = false;\n },\n getContainer: getContainer.value,\n });\n };\n expose({\n scrollTo: handleScrollTo,\n });\n const handleScroll = () => {\n if (state.animating) {\n return;\n }\n const { offsetTop, bounds, targetOffset } = props;\n const currentActiveLink = getCurrentAnchor(\n targetOffset !== undefined ? targetOffset : offsetTop || 0,\n bounds,\n );\n setCurrentActiveLink(currentActiveLink);\n };\n\n const updateInk = () => {\n const linkNode = anchorRef.value.querySelector(`.${prefixCls.value}-link-title-active`);\n if (linkNode && spanLinkNode.value) {\n const horizontalAnchor = anchorDirection.value === 'horizontal';\n spanLinkNode.value.style.top = horizontalAnchor\n ? ''\n : `${linkNode.offsetTop + linkNode.clientHeight / 2}px`;\n spanLinkNode.value.style.height = horizontalAnchor ? '' : `${linkNode.clientHeight}px`;\n spanLinkNode.value.style.left = horizontalAnchor ? `${linkNode.offsetLeft}px` : '';\n spanLinkNode.value.style.width = horizontalAnchor ? `${linkNode.clientWidth}px` : '';\n if (horizontalAnchor) {\n scrollIntoView(linkNode, {\n scrollMode: 'if-needed',\n block: 'nearest',\n });\n }\n }\n };\n\n useProvideAnchor({\n registerLink: (link: string) => {\n if (!state.links.includes(link)) {\n state.links.push(link);\n }\n },\n unregisterLink: (link: string) => {\n const index = state.links.indexOf(link);\n if (index !== -1) {\n state.links.splice(index, 1);\n }\n },\n activeLink,\n scrollTo: handleScrollTo,\n handleClick: (e, info) => {\n emit('click', e, info);\n },\n direction: anchorDirection,\n });\n\n onMounted(() => {\n nextTick(() => {\n const container = getContainer.value();\n state.scrollContainer = container;\n state.scrollEvent = addEventListener(state.scrollContainer, 'scroll', handleScroll);\n handleScroll();\n });\n });\n onBeforeUnmount(() => {\n if (state.scrollEvent) {\n state.scrollEvent.remove();\n }\n });\n onUpdated(() => {\n if (state.scrollEvent) {\n const currentContainer = getContainer.value();\n if (state.scrollContainer !== currentContainer) {\n state.scrollContainer = currentContainer;\n state.scrollEvent.remove();\n state.scrollEvent = addEventListener(state.scrollContainer, 'scroll', handleScroll);\n handleScroll();\n }\n }\n updateInk();\n });\n\n const createNestedLink = (options?: AnchorLinkItemProps[]) =>\n Array.isArray(options)\n ? options.map(option => {\n const { children, key, href, target, class: cls, style, title } = option;\n return (\n \n {anchorDirection.value === 'vertical' ? createNestedLink(children) : null}\n \n );\n })\n : null;\n\n const [wrapSSR, hashId] = useStyle(prefixCls);\n\n return () => {\n const { offsetTop, affix, showInkInFixed } = props;\n const pre = prefixCls.value;\n const inkClass = classNames(`${pre}-ink`, {\n [`${pre}-ink-visible`]: activeLink.value,\n });\n\n const wrapperClass = classNames(hashId.value, props.wrapperClass, `${pre}-wrapper`, {\n [`${pre}-wrapper-horizontal`]: anchorDirection.value === 'horizontal',\n [`${pre}-rtl`]: direction.value === 'rtl',\n });\n\n const anchorClass = classNames(pre, {\n [`${pre}-fixed`]: !affix && !showInkInFixed,\n });\n\n const wrapperStyle = {\n maxHeight: offsetTop ? `calc(100vh - ${offsetTop}px)` : '100vh',\n ...props.wrapperStyle,\n };\n const anchorContent = (\n
\n
\n \n {Array.isArray(props.items) ? createNestedLink(props.items) : slots.default?.()}\n
\n
\n );\n\n return wrapSSR(\n !affix ? (\n anchorContent\n ) : (\n \n {anchorContent}\n \n ),\n );\n };\n },\n});\n" }, { "path": "components/anchor/AnchorLink.tsx", "content": "import type { ExtractPropTypes } from 'vue';\nimport { defineComponent, nextTick, onBeforeUnmount, onMounted, watch } from 'vue';\nimport { initDefaultProps } from '../_util/props-util';\nimport classNames from '../_util/classNames';\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\nimport { useInjectAnchor } from './context';\nimport type { Key, VueNode, CustomSlotsType } from '../_util/type';\nimport { objectType, anyType } from '../_util/type';\nimport type { CSSProperties } from '../_util/cssinjs/hooks/useStyleRegister';\n\nexport const anchorLinkProps = () => ({\n prefixCls: String,\n href: String,\n title: anyType VueNode)>(),\n target: String,\n /* private use */\n customTitleProps: objectType(),\n});\nexport interface AnchorLinkItemProps {\n key: Key;\n class?: string;\n style?: CSSProperties;\n href?: string;\n target?: string;\n children?: AnchorLinkItemProps[];\n title?: VueNode | ((item: AnchorLinkItemProps) => VueNode);\n}\n\nexport type AnchorLinkProps = Partial>>;\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'AAnchorLink',\n inheritAttrs: false,\n props: initDefaultProps(anchorLinkProps(), { href: '#' }),\n slots: Object as CustomSlotsType<{\n title: any;\n default: any;\n customTitle: any;\n }>,\n setup(props, { slots, attrs }) {\n let mergedTitle = null;\n const {\n handleClick: contextHandleClick,\n scrollTo,\n unregisterLink,\n registerLink,\n activeLink,\n } = useInjectAnchor();\n const { prefixCls } = useConfigInject('anchor', props);\n\n const handleClick = (e: Event) => {\n const { href } = props;\n contextHandleClick(e, { title: mergedTitle, href });\n scrollTo(href);\n };\n\n watch(\n () => props.href,\n (val, oldVal) => {\n nextTick(() => {\n unregisterLink(oldVal);\n registerLink(val);\n });\n },\n );\n\n onMounted(() => {\n registerLink(props.href);\n });\n\n onBeforeUnmount(() => {\n unregisterLink(props.href);\n });\n\n return () => {\n const { href, target, title = slots.title, customTitleProps = {} } = props;\n const pre = prefixCls.value;\n mergedTitle = typeof title === 'function' ? title(customTitleProps) : title;\n const active = activeLink.value === href;\n const wrapperClassName = classNames(\n `${pre}-link`,\n {\n [`${pre}-link-active`]: active,\n },\n attrs.class,\n );\n const titleClassName = classNames(`${pre}-link-title`, {\n [`${pre}-link-title-active`]: active,\n });\n return (\n
\n \n {slots.customTitle ? slots.customTitle(customTitleProps) : mergedTitle}\n \n {slots.default?.()}\n
\n );\n };\n },\n});\n" }, { "path": "components/anchor/__tests__/Anchor.test.js", "content": "import { mount } from '@vue/test-utils';\nimport { ref } from 'vue';\nimport { sleep } from '../../../tests/utils';\nimport Anchor from '..';\n\nconst { Link } = Anchor;\n\nlet idCounter = 0;\nconst getHashUrl = () => `Anchor-API-${idCounter++}`;\n\ndescribe('Anchor Render', () => {\n it('Anchor render perfectly', async () => {\n const hash = getHashUrl();\n const anchor = ref(null);\n const activeLink = ref(null);\n const wrapper = mount(\n {\n render() {\n return (\n {\n activeLink.value = current;\n }}\n >\n \n \n );\n },\n },\n { sync: false },\n );\n await sleep();\n wrapper.find(`a[href=\"#${hash}`).trigger('click');\n\n await sleep();\n expect(activeLink.value).not.toBe(hash);\n });\n it('Anchor render perfectly for complete href - click', async () => {\n const currentActiveLink = ref(null);\n const wrapper = mount(\n {\n render() {\n return (\n {\n currentActiveLink.value = current;\n }}\n >\n \n \n );\n },\n },\n { sync: false },\n );\n await sleep();\n wrapper.find('a[href=\"http://www.example.com/#api\"]').trigger('click');\n expect(currentActiveLink.value).toBe('http://www.example.com/#api');\n });\n /*\n it('Anchor render perfectly for complete href - scroll', done => {\n const wrapper = mount(\n {\n render() {\n return (\n
\n
Hello
\n \n \n \n
\n );\n },\n },\n { sync: false, attachTo: 'body' },\n );\n wrapper.vm.$nextTick(() => {\n wrapper.vm.$refs.anchor.handleScroll();\n expect(wrapper.vm.$refs.anchor.$data.activeLink).toBe('http://www.example.com/#api');\n done();\n });\n });\n\n it('Anchor render perfectly for complete href - scrollTo', async () => {\n const scrollToSpy = jest.spyOn(window, 'scrollTo');\n const wrapper = mount(\n {\n render() {\n return (\n
\n
Hello
\n \n \n \n
\n );\n },\n },\n { sync: false, attachTo: 'body' },\n );\n await asyncExpect(() => {\n wrapper.vm.$refs.anchor.handleScrollTo('##api');\n expect(wrapper.vm.$refs.anchor.$data.activeLink).toBe('##api');\n expect(scrollToSpy).not.toHaveBeenCalled();\n });\n await asyncExpect(() => {\n expect(scrollToSpy).toHaveBeenCalled();\n }, 1000);\n });\n\n it('should remove listener when unmount', async () => {\n const wrapper = mount(\n {\n render() {\n return (\n \n \n \n );\n },\n },\n { sync: false, attachTo: 'body' },\n );\n await asyncExpect(() => {\n const removeListenerSpy = jest.spyOn(wrapper.vm.$refs.anchor.scrollEvent, 'remove');\n wrapper.unmount();\n expect(removeListenerSpy).toHaveBeenCalled();\n });\n });\n\n it('should unregister link when unmount children', async () => {\n const wrapper = mount(\n {\n props: {\n showLink: {\n type: Boolean,\n default: true,\n },\n },\n render() {\n return (\n {this.showLink ? : null}\n );\n },\n },\n { sync: false, attachTo: 'body' },\n );\n await asyncExpect(() => {\n expect(wrapper.vm.$refs.anchor.links).toEqual(['#api']);\n wrapper.setProps({ showLink: false });\n });\n await asyncExpect(() => {\n expect(wrapper.vm.$refs.anchor.links).toEqual([]);\n });\n });\n\n it('should update links when link href update', async () => {\n const wrapper = mount(\n {\n props: ['href'],\n render() {\n return (\n \n \n \n );\n },\n },\n {\n sync: false,\n attachTo: 'body',\n props: {\n href: '#api',\n },\n },\n );\n await asyncExpect(() => {\n expect(wrapper.vm.$refs.anchor.links).toEqual(['#api']);\n wrapper.setProps({ href: '#API_1' });\n });\n await asyncExpect(() => {\n expect(wrapper.vm.$refs.anchor.links).toEqual(['#API_1']);\n });\n });\n\n it('Anchor onClick event', () => {\n let event;\n let link;\n const handleClick = (...arg) => ([event, link] = arg);\n\n const href = '#api';\n const title = 'API';\n\n const anchorRef = Vue.ref(null);\n\n const wrapper = mount({\n render() {\n return (\n \n \n \n );\n },\n });\n\n wrapper.find(`a[href=\"${href}\"]`).trigger('click');\n anchorRef.value.handleScroll();\n expect(event).not.toBe(undefined);\n expect(link).toEqual({ href, title });\n }); */\n});\n" }, { "path": "components/anchor/__tests__/__snapshots__/demo.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders ./components/anchor/demo/basic.vue correctly 1`] = `\n
\n \n
\n
\n
\n
Part 1\n \n
\n
Part 2\n \n
\n
Part 3\n \n
\n
\n
\n
\n
\n`;\n\nexports[`renders ./components/anchor/demo/customizeHighlight.vue correctly 1`] = `\n
\n
\n
Basic demo\n \n
\n
Static demo\n \n
\n
API\n
Anchor Props\n \n
\n
Link Props\n \n
\n
\n
\n
\n`;\n\nexports[`renders ./components/anchor/demo/horizontal.vue correctly 1`] = `\n
\n
\n \n
\n
\n
\n
Part 1\n \n
\n
Part 2\n \n
\n
Part 3\n \n
\n
Part 4\n \n
\n
Part 5\n \n
\n
Part 6\n \n
\n
\n
\n
\n
\n
\n`;\n\nexports[`renders ./components/anchor/demo/onChange.vue correctly 1`] = `\n
\n
\n
Basic demo\n \n
\n
Static demo\n \n
\n
API\n
Anchor Props\n \n
\n
Link Props\n \n
\n
\n
\n
\n`;\n\nexports[`renders ./components/anchor/demo/onClick.vue correctly 1`] = `\n
\n
\n
Basic demo\n \n
\n
Static demo\n \n
\n
API\n
Anchor Props\n \n
\n
Link Props\n \n
\n
\n
\n
\n`;\n\nexports[`renders ./components/anchor/demo/static.vue correctly 1`] = `\n
\n
\n
Basic demo\n \n
\n
Static demo\n \n
\n
API\n
Anchor Props\n \n
\n
Link Props\n \n
\n
\n
\n
\n`;\n\nexports[`renders ./components/anchor/demo/targetOffset.vue correctly 1`] = `\n
\n \n
\n
\n
\n
Basic demo\n \n
\n
Static demo\n \n
\n
API\n
Anchor Props\n \n
\n
Link Props\n \n
\n
\n
\n
\n
\n
\n`;\n" }, { "path": "components/anchor/__tests__/demo.test.js", "content": "import demoTest from '../../../tests/shared/demoTest';\n\ndemoTest('anchor');\n" }, { "path": "components/anchor/context.ts", "content": "import type { Ref, InjectionKey, ComputedRef } from 'vue';\nimport type { AnchorDirection } from './Anchor';\nimport { computed, inject, provide } from 'vue';\n\nexport interface AnchorContext {\n registerLink: (link: string) => void;\n unregisterLink: (link: string) => void;\n activeLink: Ref;\n scrollTo: (link: string) => void;\n handleClick: (e: Event, info: { title: any; href: string }) => void;\n direction: ComputedRef;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction noop(..._any: any[]): any {}\n\nexport const AnchorContextKey: InjectionKey = Symbol('anchorContextKey');\n\nconst useProvideAnchor = (state: AnchorContext) => {\n provide(AnchorContextKey, state);\n};\n\nconst useInjectAnchor = () => {\n return inject(AnchorContextKey, {\n registerLink: noop,\n unregisterLink: noop,\n scrollTo: noop,\n activeLink: computed(() => ''),\n handleClick: noop,\n direction: computed(() => 'vertical'),\n } as AnchorContext);\n};\n\nexport { useInjectAnchor, useProvideAnchor };\nexport default useProvideAnchor;\n" }, { "path": "components/anchor/demo/basic.vue", "content": "\n---\norder: 0\ntitle:\n zh-CN: 基本使用\n en-US: Basic Usage\n---\n\n## zh-CN\n\n最简单的用法。\n\n## en-US\n\nThe simplest usage.\n\n\n\n\n\n" }, { "path": "components/anchor/demo/customizeHighlight.vue", "content": "\n---\norder: 3\ntitle:\n zh-CN: 自定义锚点高亮\n en-US: Customize the anchor highlight\n---\n\n## zh-CN\n\n自定义锚点高亮。\n\n## en-US\n\nCustomize the anchor highlight.\n\n\n\n\n\n" }, { "path": "components/anchor/demo/horizontal.vue", "content": "\n---\norder: 1\ntitle:\n zh-CN: 横向 Anchor。\n en-US: Horizontally aligned anchors\n---\n\n\n## zh-CN\n\n横向 Anchor。\n\n## en-US\n\nHorizontally aligned anchors\n\n\n\n\n" }, { "path": "components/anchor/demo/index.vue", "content": "\n\n\n" }, { "path": "components/anchor/demo/onChange.vue", "content": "\n---\norder: 5\ntitle:\n zh-CN: 监听锚点链接改变\n en-US: Listening for anchor link change\n---\n\n## zh-CN\n\n监听锚点链接改变。\n\n## en-US\n\nListening for anchor link change.\n\n\n\n\n\n" }, { "path": "components/anchor/demo/onClick.vue", "content": "\n---\norder: 2\ntitle:\n zh-CN: 自定义 click 事件\n en-US: Customize the click event\n---\n\n## zh-CN\n\n点击锚点不记录历史。\n\n## en-US\n\nClicking on an anchor does not record history.\n\n\n\n\n\n" }, { "path": "components/anchor/demo/static.vue", "content": "\n---\norder: 1\ntitle:\n zh-CN: 静态位置\n en-US: Static\n---\n\n## zh-CN\n\n不浮动，状态不随页面滚动变化。\n\n## en-US\n\nDo not change state when page is scrolling.\n\n\n\n" }, { "path": "components/anchor/demo/targetOffset.vue", "content": "\n---\norder: 4\ntitle:\n zh-CN: 设置锚点滚动偏移量\n en-US: Set Anchor scroll offset\n---\n\n## zh-CN\n\n锚点目标滚动到屏幕正中间。\n\n## en-US\n\nAnchor target scroll to screen center.\n\n\n\n\n\n" }, { "path": "components/anchor/index.en-US.md", "content": "---\ncategory: Components\ntype: Navigation\ncols: 1\ntitle: Anchor\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*TBTSR4PyVmkAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JGb3RIzyOCkAAAAAAAAAAAAADrJ8AQ/original\n---\n\nHyperlinks to scroll on one page.\n\n## When To Use\n\nFor displaying anchor hyperlinks on page and jumping between them.\n\n## API\n\n### Anchor Props\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| affix | Fixed mode of Anchor | boolean | true | |\n| bounds | Bounding distance of anchor area | number | 5(px) | |\n| getContainer | Scrolling container | () => HTMLElement | () => window | |\n| getCurrentAnchor | Customize the anchor highlight | (activeLink: string) => string | - | activeLink(3.3) |\n| offsetBottom | Pixels to offset from bottom when calculating position of scroll | number | - | |\n| offsetTop | Pixels to offset from top when calculating position of scroll | number | 0 | |\n| showInkInFixed | Whether show ink-square when `：affix=\"false\"` | boolean | false | |\n| targetOffset | Anchor scroll offset, default as `offsetTop`, [example](#components-anchor-demo-targetoffset) | number | `offsetTop` | 1.5.0 |\n| wrapperClass | The class name of the container | string | - | |\n| wrapperStyle | The style of the container | object | - | |\n| items | Data configuration option content, support nesting through children | { key, href, title, target, children }\\[] [see](#anchoritem) | - | 4.0 |\n| direction | Set Anchor direction | `vertical` \\| `horizontal` | `vertical` | 4.0 |\n| customTitle | custom option title by slot | v-slot=\"AnchorItem\" | - | 4.0 |\n\n### AnchorItem\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| key | The unique identifier of the Anchor Link | string \\| number | - | |\n| href | The target of hyperlink | string | | |\n| target | Specifies where to display the linked URL | string | | |\n| title | The content of hyperlink | VueNode \\| (item: AnchorItem) => VueNode | | |\n| children | Nested Anchor Link, `Attention: This attribute does not support horizontal orientation` | [AnchorItem](#anchoritem)\\[] | - | |\n\n### Events\n\n| Events Name | Description | Arguments | Version | |\n| --- | --- | --- | --- | --- |\n| change | Listening for anchor link change | (currentActiveLink: string) => void | | 1.5.0 |\n| click | set the handler to handle `click` event | Function(e: MouseEvent, link: Object) | | |\n\n### Link Props\n\n| Property | Description | Type | Default | Version |\n| -------- | ----------------------------------------- | ------------ | ------- | ------- |\n| href | target of hyperlink | string | | |\n| target | Specifies where to display the linked URL | string | | 1.5.0 |\n| title | content of hyperlink | string\\|slot | | |\n" }, { "path": "components/anchor/index.tsx", "content": "import type { App, Plugin } from 'vue';\nimport type { AnchorProps } from './Anchor';\nimport type { AnchorLinkProps, AnchorLinkItemProps } from './AnchorLink';\nimport Anchor from './Anchor';\nimport AnchorLink from './AnchorLink';\n\nAnchor.Link = AnchorLink;\n\n/* istanbul ignore next */\nAnchor.install = function (app: App) {\n app.component(Anchor.name, Anchor);\n app.component(Anchor.Link.name, Anchor.Link);\n return app;\n};\n\nexport type { AnchorLinkProps, AnchorProps, AnchorLinkItemProps };\nexport { AnchorLink, AnchorLink as Link };\n\nexport default Anchor as typeof Anchor &\n Plugin & {\n readonly Link: typeof AnchorLink;\n };\n" }, { "path": "components/anchor/index.zh-CN.md", "content": "---\ncategory: Components\nsubtitle: 锚点\ncols: 1\ntype: 导航\ntitle: Anchor\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*TBTSR4PyVmkAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JGb3RIzyOCkAAAAAAAAAAAAADrJ8AQ/original\n---\n\n用于跳转到页面指定位置。\n\n## 何时使用\n\n需要展现当前页面上可供跳转的锚点链接，以及快速在锚点之间跳转。\n\n## API\n\n### Anchor Props\n\n| 成员 | 说明 | 类型 | 默认值 | 版本 |\n| --- | --- | --- | --- | --- |\n| affix | 固定模式 | boolean | true | |\n| bounds | 锚点区域边界 | number | 5(px) | |\n| getContainer | 指定滚动的容器 | () => HTMLElement | () => window | |\n| getCurrentAnchor | 自定义高亮的锚点 | (activeLink: string) => string | - | activeLink(3.3) |\n| offsetBottom | 距离窗口底部达到指定偏移量后触发 | number | | |\n| offsetTop | 距离窗口顶部达到指定偏移量后触发 | number | | |\n| showInkInFixed | `:affix=\"false\"` 时是否显示小方块 | boolean | false | |\n| targetOffset | 锚点滚动偏移量，默认与 offsetTop 相同，[例子](#components-anchor-demo-targetoffset) | number | `offsetTop` | 1.5.0 |\n| wrapperClass | 容器的类名 | string | - | |\n| wrapperStyle | 容器样式 | object | - | |\n| items | 数据化配置选项内容，支持通过 children 嵌套 | { key, href, title, target, children }\\[] [具体见](#anchoritem) | - | 4.0 |\n| direction | 设置导航方向 | `vertical` \\| `horizontal` | `vertical` | 4.0 |\n| customTitle | 使用插槽自定义选项 title | v-slot=\"AnchorItem\" | - | 4.0 |\n\n### AnchorItem\n\n| 成员 | 说明 | 类型 | 默认值 | 版本 |\n| --- | --- | --- | --- | --- |\n| key | 唯一标志 | string \\| number | - | |\n| href | 锚点链接 | string | - | |\n| target | 该属性指定在何处显示链接的资源 | string | - | |\n| title | 文字内容 | VueNode \\| (item: AnchorItem) => VueNode | - | |\n| children | 嵌套的 Anchor Link，`注意：水平方向该属性不支持` | [AnchorItem](#anchoritem)\\[] | - | |\n\n### 事件\n\n| 事件名称 | 说明 | 回调参数 | 版本 | |\n| -------- | ---------------------- | ------------------------------------- | ---- | ----- |\n| change | 监听锚点链接改变 | (currentActiveLink: string) => void | | 1.5.0 |\n| click | `click` 事件的 handler | Function(e: MouseEvent, link: Object) | | |\n\n### Link Props\n\n| 成员 | 说明 | 类型 | 默认值 | 版本 |\n| ------ | -------------------------------- | ------------ | ------ | ----- |\n| href | 锚点链接 | string | | |\n| target | 该属性指定在何处显示链接的资源。 | string | | 1.5.0 |\n| title | 文字内容 | string\\|slot | | |\n" }, { "path": "components/anchor/style/index.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { FullToken, GenerateStyle } from '../../theme/internal';\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal';\nimport { resetComponent, textEllipsis } from '../../style';\n\nexport interface ComponentToken {}\n\ninterface AnchorToken extends FullToken<'Anchor'> {\n holderOffsetBlock: number;\n anchorPaddingBlock: number;\n anchorPaddingBlockSecondary: number;\n anchorPaddingInline: number;\n anchorBallSize: number;\n anchorTitleBlock: number;\n}\n\n// ============================== Shared ==============================\nconst genSharedAnchorStyle: GenerateStyle = (token): CSSObject => {\n const {\n componentCls,\n holderOffsetBlock,\n motionDurationSlow,\n lineWidthBold,\n colorPrimary,\n lineType,\n colorSplit,\n } = token;\n\n return {\n [`${componentCls}-wrapper`]: {\n marginBlockStart: -holderOffsetBlock,\n paddingBlockStart: holderOffsetBlock,\n\n // delete overflow: auto\n // overflow: 'auto',\n\n backgroundColor: 'transparent',\n\n [componentCls]: {\n ...resetComponent(token),\n position: 'relative',\n paddingInlineStart: lineWidthBold,\n\n [`${componentCls}-link`]: {\n paddingBlock: token.anchorPaddingBlock,\n paddingInline: `${token.anchorPaddingInline}px 0`,\n\n '&-title': {\n ...textEllipsis,\n position: 'relative',\n display: 'block',\n marginBlockEnd: token.anchorTitleBlock,\n color: token.colorText,\n transition: `all ${token.motionDurationSlow}`,\n\n '&:only-child': {\n marginBlockEnd: 0,\n },\n },\n\n [`&-active > ${componentCls}-link-title`]: {\n color: token.colorPrimary,\n },\n\n // link link\n [`${componentCls}-link`]: {\n paddingBlock: token.anchorPaddingBlockSecondary,\n },\n },\n },\n\n [`&:not(${componentCls}-wrapper-horizontal)`]: {\n [componentCls]: {\n '&::before': {\n position: 'absolute',\n left: {\n _skip_check_: true,\n value: 0,\n },\n top: 0,\n height: '100%',\n borderInlineStart: `${lineWidthBold}px ${lineType} ${colorSplit}`,\n content: '\" \"',\n },\n\n [`${componentCls}-ink`]: {\n position: 'absolute',\n left: {\n _skip_check_: true,\n value: 0,\n },\n display: 'none',\n transform: 'translateY(-50%)',\n transition: `top ${motionDurationSlow} ease-in-out`,\n width: lineWidthBold,\n backgroundColor: colorPrimary,\n\n [`&${componentCls}-ink-visible`]: {\n display: 'inline-block',\n },\n },\n },\n },\n\n [`${componentCls}-fixed ${componentCls}-ink ${componentCls}-ink`]: {\n display: 'none',\n },\n },\n };\n};\n\nconst genSharedAnchorHorizontalStyle: GenerateStyle = (token): CSSObject => {\n const { componentCls, motionDurationSlow, lineWidthBold, colorPrimary } = token;\n\n return {\n [`${componentCls}-wrapper-horizontal`]: {\n position: 'relative',\n\n '&::before': {\n position: 'absolute',\n left: {\n _skip_check_: true,\n value: 0,\n },\n right: {\n _skip_check_: true,\n value: 0,\n },\n bottom: 0,\n borderBottom: `1px ${token.lineType} ${token.colorSplit}`,\n content: '\" \"',\n },\n\n [componentCls]: {\n overflowX: 'scroll',\n position: 'relative',\n display: 'flex',\n scrollbarWidth: 'none' /* Firefox */,\n\n '&::-webkit-scrollbar': {\n display: 'none' /* Safari and Chrome */,\n },\n\n [`${componentCls}-link:first-of-type`]: {\n paddingInline: 0,\n },\n\n [`${componentCls}-ink`]: {\n position: 'absolute',\n bottom: 0,\n transition: `left ${motionDurationSlow} ease-in-out, width ${motionDurationSlow} ease-in-out`,\n height: lineWidthBold,\n backgroundColor: colorPrimary,\n },\n },\n },\n };\n};\n\n// ============================== Export ==============================\nexport default genComponentStyleHook('Anchor', token => {\n const { fontSize, fontSizeLG, padding, paddingXXS } = token;\n\n const anchorToken = mergeToken(token, {\n holderOffsetBlock: paddingXXS,\n anchorPaddingBlock: paddingXXS,\n anchorPaddingBlockSecondary: paddingXXS / 2,\n anchorPaddingInline: padding,\n anchorTitleBlock: (fontSize / 14) * 3,\n anchorBallSize: fontSizeLG / 2,\n });\n return [genSharedAnchorStyle(anchorToken), genSharedAnchorHorizontalStyle(anchorToken)];\n});\n" }, { "path": "components/app/__tests__/__snapshots__/demo.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders ./components/app/demo/basic.vue correctly 1`] = `\n
\n \n \n \n \n
\n
\n \n
\n \n
\n \n
\n
\n`;\n\nexports[`renders ./components/app/demo/myPage.vue correctly 1`] = `\n
\n
\n \n
\n \n
\n \n
\n`;\n" }, { "path": "components/app/__tests__/demo.test.js", "content": "import demoTest from '../../../tests/shared/demoTest';\n\ndemoTest('app');\n" }, { "path": "components/app/context.ts", "content": "import { provide, inject, reactive } from 'vue';\nimport type { InjectionKey } from 'vue';\nimport type { MessageInstance, ConfigOptions as MessageConfig } from '../message/interface';\nimport type { NotificationInstance, NotificationConfig } from '../notification/interface';\nimport type { ModalStaticFunctions } from '../modal/confirm';\n\nexport type AppConfig = {\n message?: MessageConfig;\n notification?: NotificationConfig;\n};\n\nexport const AppConfigContextKey: InjectionKey = Symbol('appConfigContext');\n\nexport const useProvideAppConfigContext = (appConfigContext: AppConfig) => {\n return provide(AppConfigContextKey, appConfigContext);\n};\n\nexport const useInjectAppConfigContext = () => {\n return inject(AppConfigContextKey, {});\n};\n\ntype ModalType = Omit;\n\nexport interface useAppProps {\n message: MessageInstance;\n notification: NotificationInstance;\n modal: ModalType;\n}\n\nexport const AppContextKey: InjectionKey = Symbol('appContext');\n\nexport const useProvideAppContext = (appContext: useAppProps) => {\n return provide(AppContextKey, appContext);\n};\n\nconst defaultAppContext: useAppProps = reactive({\n message: {},\n notification: {},\n modal: {},\n} as useAppProps);\n\nexport const useInjectAppContext = () => {\n return inject(AppContextKey, defaultAppContext);\n};\n" }, { "path": "components/app/demo/basic.vue", "content": "\n---\norder: 0\ntitle:\n zh-CN: 基本使用\n en-US: Basic Usage\n---\n\n## zh-CN\n\n获取 `message`、`notification`、`modal` 静态方法。\n\n## en-US\n\nStatic method for `message`, `notification`, `modal`.\n\n\n\n\n\n" }, { "path": "components/app/demo/index.vue", "content": "\n\n\n" }, { "path": "components/app/demo/myPage.vue", "content": "\n\n\n" }, { "path": "components/app/index.en-US.md", "content": "---\ncategory: Components\ncols: 1\ntype: Other\ntitle: App\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*TBTSR4PyVmkAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JGb3RIzyOCkAAAAAAAAAAAAADrJ8AQ/original\ntag: New\n---\n\nApplication wrapper for some global usages.\n\n## When To Use\n\n- Provide reset styles based on `.ant-app` element.\n- You could use static methods of `message/notification/Modal` form `useApp` without writing `contextHolder` manually.\n\n## API\n\n### App\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| message | Global config for Message | [MessageConfig](/components/message/#messageconfig) | - | 4.x |\n| notification | Global config for Notification | [NotificationConfig](/components/notification/#notificationconfig) | - | 4.x |\n\n## How to use\n\n### Basic usage\n\nApp provides upstream and downstream method calls through `provide/inject`, because useApp needs to be used as a subcomponent, we recommend encapsulating App at the top level in the application.\n\n```html\n/*myPage.vue*/\n\n\n\n```\n\nNote: App.useApp must be available under App.\n\n#### Embedded usage scenarios (if not necessary, try not to do nesting)\n\n```html\n\n \n ...\n ...\n \n\n```\n\n#### Sequence with ConfigProvider\n\nThe App component can only use the token in the `ConfigProvider`, if you need to use the Token, the ConfigProvider and the App component must appear in pairs.\n\n```html\n\n ...\n\n```\n\n#### Global scene (pinia scene)\n\n```ts\nimport { App } from 'ant-design-vue';\nimport type { MessageInstance } from 'ant-design-vue/es/message/interface';\nimport type { ModalStaticFunctions } from 'ant-design-vue/es/modal/confirm';\nimport type { NotificationInstance } from 'ant-design-vue/es/notification/interface';\n\nexport const useGlobalStore = defineStore('global', () => {\n const message: MessageInstance = ref();\n const notification: NotificationInstance = ref();\n const modal: Omit = ref();\n (() => {\n const staticFunction = App.useApp();\n message.value = staticFunction.message;\n modal.value = staticFunction.modal;\n notification.value = staticFunction.notification;\n })();\n\n return { message, notification, modal };\n});\n```\n\n```html\n// sub page\n\n\n\n```\n" }, { "path": "components/app/index.tsx", "content": "import { defineComponent, computed } from 'vue';\nimport type { App as TypeApp, Plugin } from 'vue';\nimport { initDefaultProps } from '../_util/props-util';\nimport classNames from '../_util/classNames';\nimport { objectType } from '../_util/type';\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\nimport useMessage from '../message/useMessage';\nimport useModal from '../modal/useModal';\nimport useNotification from '../notification/useNotification';\nimport type { AppConfig } from './context';\nimport {\n useProvideAppConfigContext,\n useInjectAppConfigContext,\n useProvideAppContext,\n useInjectAppContext,\n} from './context';\nimport useStyle from './style';\n\nexport const AppProps = () => {\n return {\n rootClassName: String,\n message: objectType(),\n notification: objectType(),\n };\n};\n\nconst useApp = () => {\n return useInjectAppContext();\n};\n\nconst App = defineComponent({\n name: 'AApp',\n props: initDefaultProps(AppProps(), {}),\n setup(props, { slots }) {\n const { prefixCls } = useConfigInject('app', props);\n const [wrapSSR, hashId] = useStyle(prefixCls);\n const customClassName = computed(() => {\n return classNames(hashId.value, prefixCls.value, props.rootClassName);\n });\n\n const appConfig = useInjectAppConfigContext();\n const mergedAppConfig = computed(() => ({\n message: { ...appConfig.message, ...props.message },\n notification: { ...appConfig.notification, ...props.notification },\n }));\n useProvideAppConfigContext(mergedAppConfig.value);\n\n const [messageApi, messageContextHolder] = useMessage(mergedAppConfig.value.message);\n const [notificationApi, notificationContextHolder] = useNotification(\n mergedAppConfig.value.notification,\n );\n const [ModalApi, ModalContextHolder] = useModal();\n\n const memoizedContextValue = computed(() => ({\n message: messageApi,\n notification: notificationApi,\n modal: ModalApi,\n }));\n useProvideAppContext(memoizedContextValue.value);\n\n return () => {\n return wrapSSR(\n
\n {ModalContextHolder()}\n {messageContextHolder()}\n {notificationContextHolder()}\n {slots.default?.()}\n
,\n );\n };\n },\n});\n\nApp.useApp = useApp;\n\nApp.install = function (app: TypeApp) {\n app.component(App.name, App);\n};\n\nexport default App as typeof App &\n Plugin & {\n readonly useApp: typeof useApp;\n };\n" }, { "path": "components/app/index.zh-CN.md", "content": "---\ncategory: Components\nsubtitle: 包裹组件\ncols: 1\ntype: 其它\ntitle: App\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*TBTSR4PyVmkAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JGb3RIzyOCkAAAAAAAAAAAAADrJ8AQ/original\ntag: New\n---\n\n新的包裹组件，提供重置样式和提供消费上下文的默认环境。\n\n## 何时使用\n\n- 提供可消费 provide/inject 的 `message.xxx`、`Modal.xxx`、`notification.xxx` 的静态方法，可以简化 useMessage 等方法需要手动植入 `contextHolder` 的问题。\n- 提供基于 `.ant-app` 的默认重置样式，解决原生元素没有 antd 规范样式的问题。\n\n## API\n\n### App\n\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\n| --- | --- | --- | --- | --- |\n| message | App 内 Message 的全局配置 | [MessageConfig](/components/message-cn/#messageconfig) | - | 4.x |\n| notification | App 内 Notification 的全局配置 | [NotificationConfig](/components/notification-cn/#notificationconfig) | - | 4.x |\n\n## 如何使用\n\n### 基础用法\n\nApp 组件通过 `provide/inject` 提供上下文方法调用，因而 useApp 需要作为子组件才能使用，我们推荐在应用中顶层包裹 App。\n\n```html\n/*myPage.vue*/\n\n\n\n```\n\n注意：App.useApp 必须在 App 之下方可使用。\n\n#### 内嵌使用场景（如无必要，尽量不做嵌套）\n\n```html\n\n \n ...\n ...\n \n\n```\n\n#### 与 ConfigProvider 先后顺序\n\nApp 组件只能在 `ConfigProvider` 之下才能使用 Design Token， 如果需要使用其样式重置能力，则 ConfigProvider 与 App 组件必须成对出现。\n\n```html\n\n ...\n\n```\n\n#### 全局场景 (pinia 场景)\n\n```ts\nimport { App } from 'ant-design-vue';\nimport type { MessageInstance } from 'ant-design-vue/es/message/interface';\nimport type { ModalStaticFunctions } from 'ant-design-vue/es/modal/confirm';\nimport type { NotificationInstance } from 'ant-design-vue/es/notification/interface';\n\nexport const useGlobalStore = defineStore('global', () => {\n const message: MessageInstance = ref();\n const notification: NotificationInstance = ref();\n const modal: Omit = ref();\n (() => {\n const staticFunction = App.useApp();\n message.value = staticFunction.message;\n modal.value = staticFunction.modal;\n notification.value = staticFunction.notification;\n })();\n\n return { message, notification, modal };\n});\n```\n\n```html\n// sub page\n\n\n\n```\n" }, { "path": "components/app/style/index.ts", "content": "import type { FullToken, GenerateStyle } from '../../theme/internal';\nimport { genComponentStyleHook } from '../../theme/internal';\n\nexport type ComponentToken = {};\n\ninterface AppToken extends FullToken<'App'> {}\n\n// =============================== Base ===============================\nconst genBaseStyle: GenerateStyle = token => {\n const { componentCls, colorText, fontSize, lineHeight, fontFamily } = token;\n return {\n [componentCls]: {\n color: colorText,\n fontSize,\n lineHeight,\n fontFamily,\n },\n };\n};\n\n// ============================== Export ==============================\nexport default genComponentStyleHook('App', token => [genBaseStyle(token)]);\n" }, { "path": "components/auto-complete/OptGroup.tsx", "content": "import type { FunctionalComponent } from 'vue';\nimport type { DefaultOptionType } from '../select';\n\nexport type OptGroupProps = Omit;\n\nexport interface OptionGroupFC extends FunctionalComponent {\n /** Legacy for check if is a Option Group */\n isSelectOptGroup: boolean;\n}\n\nconst OptGroup: OptionGroupFC = () => null;\nOptGroup.isSelectOptGroup = true;\nOptGroup.displayName = 'AAutoCompleteOptGroup';\nexport default OptGroup;\n" }, { "path": "components/auto-complete/Option.tsx", "content": "import type { FunctionalComponent } from 'vue';\nimport type { DefaultOptionType } from '../vc-select/Select';\n\nexport interface OptionProps extends Omit {\n /** Save for customize data */\n [prop: string]: any; // eslint-disable-line @typescript-eslint/no-explicit-any\n}\n\nexport interface OptionFC extends FunctionalComponent {\n /** Legacy for check if is a Option Group */\n isSelectOption: boolean;\n}\n\nconst Option: OptionFC = () => null;\nOption.isSelectOption = true;\nOption.displayName = 'AAutoCompleteOption';\nexport default Option;\n" }, { "path": "components/auto-complete/__tests__/__snapshots__/demo.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders ./components/auto-complete/demo/allow-clear.vue correctly 1`] = `\n
\n \n
\n Clearable\n
\n \n \n \n
\n
\n
\n
\n \n
\n Customized clear icon\n
\n \n \n \n
\n`;\n\nexports[`renders ./components/auto-complete/demo/basic.vue correctly 1`] = `\n
\n \n \n
\n input here\n
\n \n \n
\n`;\n\nexports[`renders ./components/auto-complete/demo/border-less.vue correctly 1`] = `\n
\n \n
\n border less\n
\n \n \n \n
\n`;\n\nexports[`renders ./components/auto-complete/demo/certain-category.vue correctly 1`] = `\n
\n
\n \n \n
\n \n
\n \n \n
\n
\n`;\n\nexports[`renders ./components/auto-complete/demo/custom.vue correctly 1`] = `\n
\n \n \n
\n \n
\n \n \n
\n`;\n\nexports[`renders ./components/auto-complete/demo/non-case-sensitive.vue correctly 1`] = `\n
\n \n \n
\n input here\n
\n \n \n
\n`;\n\nexports[`renders ./components/auto-complete/demo/options.vue correctly 1`] = `\n
\n \n \n
\n input here\n
\n \n \n
\n`;\n\nexports[`renders ./components/auto-complete/demo/status.vue correctly 1`] = `\n
\n
\n
\n \n \n
\n input here\n
\n \n \n
\n
\n \n
\n
\n \n \n
\n input here\n
\n \n \n
\n
\n \n
\n`;\n\nexports[`renders ./components/auto-complete/demo/uncertain-category.vue correctly 1`] = `\n
\n
\n \n \n
\n \n
\n \n \n
\n
\n`;\n" }, { "path": "components/auto-complete/__tests__/demo.test.js", "content": "import demoTest from '../../../tests/shared/demoTest';\n\ndemoTest('auto-complete');\n" }, { "path": "components/auto-complete/__tests__/index.test.js", "content": "import { mount } from '@vue/test-utils';\nimport { sleep } from '../../../tests/utils';\nimport AutoComplete from '..';\nimport focusTest from '../../../tests/shared/focusTest';\n\ndescribe('AutoComplete with Custom Input Element Render', () => {\n focusTest(AutoComplete);\n function $$(className) {\n return document.body.querySelectorAll(className);\n }\n it('AutoComplete with custom Input render perfectly', async () => {\n const wrapper = mount(\n {\n render() {\n return (\n \n \n \n );\n },\n },\n { attachTo: 'body', sync: false },\n );\n expect(wrapper.findAll('input').length).toBe(1);\n const input = wrapper.find('input');\n input.element.value = '123';\n input.trigger('input');\n await sleep(100);\n expect($$('.ant-select-item-option').length).toBe(3);\n });\n});\n" }, { "path": "components/auto-complete/demo/allow-clear.vue", "content": "\n---\norder: 8\ntitle:\n zh-CN: 自定义清除按钮\n en-US: Customize clear button\n---\n\n## zh-CN\n\n自定义清除按钮。\n\n## en-US\n\nCustomize clear button.\n\n\n\n\n\n" }, { "path": "components/auto-complete/demo/basic.vue", "content": "\n---\norder: 0\ntitle:\n zh-CN: 基本使用\n en-US: Basic Usage\n---\n\n## zh-CN\n\n基本使用。通过 options 设置自动完成的数据源。\n\n## en-US\n\nBasic Usage, set datasource of autocomplete with `options` property.\n\n\n\n\n\n" }, { "path": "components/auto-complete/demo/border-less.vue", "content": "\n---\norder: 7\ntitle:\n zh-CN: 无边框\n en-US: Border less\n---\n\n## zh-CN\n\n没有边框。\n\n## en-US\n\nborder less.\n\n\n\n\n\n" }, { "path": "components/auto-complete/demo/certain-category.vue", "content": "\n---\norder: 4\ntitle:\n zh-CN: 查询模式 - 确定类目\n en-US: Lookup-Patterns - Certain Category\n---\n\n## zh-CN\n\n查询模式 - 确定类目。\n\n## en-US\n\nLookup-Patterns - Certain Category.\n\n\n\n\n\n\n\n" }, { "path": "components/auto-complete/demo/custom.vue", "content": "\n---\norder: 2\ntitle:\n zh-CN: 自定义输入组件\n en-US: Customize Input Component\n---\n\n## zh-CN\n\n自定义输入组件。\n\n## en-US\n\nCustomize Input Component.\n\n\n\n\n\n" }, { "path": "components/auto-complete/demo/index.vue", "content": "\n\n\n" }, { "path": "components/auto-complete/demo/non-case-sensitive.vue", "content": "\n---\norder: 3\ntitle:\n zh-CN: 不区分大小写\n en-US: Non-case-sensitive AutoComplete\n---\n\n## zh-CN\n\n不区分大小写的 AutoComplete。\n\n## en-US\n\nA non-case-sensitive AutoComplete.\n\n\n\n\n\n" }, { "path": "components/auto-complete/demo/options.vue", "content": "\n---\norder: 1\ntitle:\n zh-CN: 自定义选项\n en-US: Customized\n---\n\n## zh-CN\n\n3.0 以上版本，可以传递 `v-slot:option` 来自定义 Option。\n\n## en-US\n\nFor 3.0+, You could pass `v-slot:option` to custom option.\n\n\n\n\n\n" }, { "path": "components/auto-complete/demo/status.vue", "content": "\n---\norder: 19\nversion: 3.3.0\ntitle:\n zh-CN: 自定义状态\n en-US: Status\n---\n\n## zh-CN\n\n使用 `status` 为 AutoComplete 添加状态，可选 `error` 或者 `warning`。\n\n## en-US\n\nAdd status to AutoComplete with `status`, which could be `error` or `warning`.\n\n\n\n\n\n\n" }, { "path": "components/auto-complete/demo/uncertain-category.vue", "content": "\n---\norder: 5\ntitle:\n zh-CN: 查询模式 - 不确定类目\n en-US: Lookup-Patterns - Uncertain Category\n---\n\n## zh-CN\n\n查询模式 - 不确定类目。\n\n## en-US\n\nLookup-Patterns - Uncertain Category.\n\n\n\n\n" }, { "path": "components/auto-complete/index.en-US.md", "content": "---\ncategory: Components\ntype: Data Entry\ncols: 2\ntitle: AutoComplete\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*g8THS4NpV6sAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*WERTQ6qvgEYAAAAAAAAAAAAADrJ8AQ/original\n---\n\nAutocomplete function of input field.\n\n## When To Use\n\n- When you need an input box instead of a selector.\n- When you need input suggestions or helping text.\n\nThe differences with Select are:\n\n- AutoComplete is an input box with text hints, and users can type freely. The keyword is aiding **input**.\n- Select is selecting among given choices. The keyword is **select**.\n\n## API\n\n```html\n\n```\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| allowClear | Show clear button, effective in multiple mode only. | boolean | false | |\n| autofocus | get focus when component mounted | boolean | false | |\n| backfill | backfill selected item the input when using keyboard | boolean | false | |\n| bordered | Whether has border style | boolean | true | 4.0 |\n| clearIcon | Use slot custom clear icon | slot | `` | 4.0 |\n| default (for customize input element) | customize input element | slot | `` | |\n| defaultActiveFirstOption | Whether active first option by default | boolean | true | |\n| defaultOpen | Initial open state of dropdown | boolean | - | |\n| disabled | Whether disabled select | boolean | false | |\n| popupClassName | The className of dropdown menu | string | - | 4.0 |\n| dropdownMatchSelectWidth | Determine whether the dropdown menu and the select input are the same width. Default set `min-width` same as input. Will ignore when value less than select width. `false` will disable virtual scroll | boolean \\| number | true | |\n| dropdownMenuStyle | additional style applied to dropdown menu | object | | 1.5.0 |\n| filterOption | If true, filter options by input, if function, filter options against it. The function will receive two arguments, `inputValue` and `option`, if the function returns `true`, the option will be included in the filtered set; Otherwise, it will be excluded. | boolean or function(inputValue, option) | true | |\n| open | Controlled open state of dropdown | boolean | - | |\n| option | custom render option by slot | v-slot:option=\"{value, label, [disabled, key, title]}\" | - | 3.0 |\n| options | Data source for autocomplete | [DataSourceItemType](https://github.com/vueComponent/ant-design-vue/blob/724d53b907e577cf5880c1e6742d4c3f924f8f49/components/auto-complete/index.vue#L9)\\[] | | |\n| placeholder | placeholder of input | string | - | |\n| status | Set validation status | 'error' \\| 'warning' | - | 3.3.0 |\n| v-model:value | selected option | string\\|string\\[]\\|{ key: string, label: string\\|vNodes }\\|Array<{ key: string, label: string\\|vNodes }> | - | |\n\n### events\n\n| Events Name | Description | Arguments | Version | |\n| --- | --- | --- | --- | --- |\n| blur | Called when leaving the component. | function() | | |\n| change | Called when select an option or input value change, or value of input is changed | function(value) | | |\n| dropdownVisibleChange | Call when dropdown open | function(open) | | |\n| focus | Called when entering the component | function() | | |\n| search | Called when searching items. | function(value) | - | |\n| select | Called when a option is selected. param is option's value and option instance. | function(value, option) | | |\n| clear | Called when clear | function | - | 3.3.0 |\n\n## Methods\n\n| Name | Description | Version |\n| ------- | ------------ | ------- |\n| blur() | remove focus | |\n| focus() | get focus | |\n\n## FAQ\n\n### Part of the api in v2 are not available in v3?\n\nAutoComplete is an Input component that supports auto complete tips. As such, it should not support props like `labelInValue` that affect value display. In v3, the AutoComplete implementation can not handle the case where the `value` and `label` are identical. v4 not longer support `label` as the value input.\n\nBesides, to unify the API, `dataSource` is replaced with `options`. You can migrate with the following change:\n\n#### v2\n\n```ts\ndataSource = ['light', 'bamboo'];\n// or\ndataSource = [\n { value: 'light', text: 'Light' },\n { value: 'bamboo', text: 'Bamboo' },\n];\n```\n\n#### v3\n\n```ts\noptions = [\n { value: 'light', label: 'Light' },\n { value: 'bamboo', label: 'Bamboo' },\n];\n```\n" }, { "path": "components/auto-complete/index.tsx", "content": "import type { App, VNode, ExtractPropTypes, CSSProperties, PropType } from 'vue';\nimport { defineComponent, ref } from 'vue';\nimport Select, { selectProps } from '../select';\nimport { isValidElement, flattenChildren } from '../_util/props-util';\nimport warning from '../_util/warning';\nimport Option from './Option';\nimport OptGroup from './OptGroup';\nimport omit from '../_util/omit';\n\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\nimport type { InputStatus } from '../_util/statusUtils';\n\nimport type { CustomSlotsType } from '../_util/type';\n\nfunction isSelectOptionOrSelectOptGroup(child: any): boolean {\n return child?.type?.isSelectOption || child?.type?.isSelectOptGroup;\n}\n\nexport const autoCompleteProps = () => ({\n ...omit(selectProps(), ['loading', 'mode', 'optionLabelProp', 'labelInValue']),\n dataSource: Array as PropType<{ value: any; text: any }[] | string[]>,\n dropdownMenuStyle: {\n type: Object as PropType,\n default: undefined as CSSProperties,\n },\n // optionLabelProp: String,\n dropdownMatchSelectWidth: { type: [Number, Boolean], default: true },\n prefixCls: String,\n showSearch: { type: Boolean, default: undefined },\n transitionName: String,\n choiceTransitionName: { type: String, default: 'zoom' },\n autofocus: { type: Boolean, default: undefined },\n backfill: { type: Boolean, default: undefined },\n // optionLabelProp: PropTypes.string.def('children'),\n filterOption: { type: [Boolean, Function], default: false },\n defaultActiveFirstOption: { type: Boolean, default: true },\n status: String as PropType,\n});\n\nexport type AutoCompleteProps = Partial>>;\n\nexport const AutoCompleteOption = Option;\n\nexport const AutoCompleteOptGroup = OptGroup;\n\nconst AutoComplete = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'AAutoComplete',\n inheritAttrs: false,\n props: autoCompleteProps(),\n // emits: ['change', 'select', 'focus', 'blur'],\n slots: Object as CustomSlotsType<{\n option: any;\n // deprecated, should use props `options` instead, not slot\n options: any;\n default: any;\n notFoundContent: any;\n dataSource: any;\n clearIcon: any;\n }>,\n setup(props, { slots, attrs, expose }) {\n warning(\n !('dataSource' in slots),\n 'AutoComplete',\n '`dataSource` slot is deprecated, please use props `options` instead.',\n );\n warning(\n !('options' in slots),\n 'AutoComplete',\n '`options` slot is deprecated, please use props `options` instead.',\n );\n warning(\n !props.dropdownClassName,\n 'AutoComplete',\n '`dropdownClassName` is deprecated, please use `popupClassName` instead.',\n );\n const selectRef = ref();\n const getInputElement = () => {\n const children = flattenChildren(slots.default?.());\n const element = children.length ? children[0] : undefined;\n return element;\n };\n\n const focus = () => {\n selectRef.value?.focus();\n };\n\n const blur = () => {\n selectRef.value?.blur();\n };\n\n expose({\n focus,\n blur,\n });\n const { prefixCls } = useConfigInject('select', props);\n return () => {\n const { size, dataSource, notFoundContent = slots.notFoundContent?.() } = props;\n let optionChildren: VNode[];\n const { class: className } = attrs;\n const cls = {\n [className as string]: !!className,\n [`${prefixCls.value}-lg`]: size === 'large',\n [`${prefixCls.value}-sm`]: size === 'small',\n [`${prefixCls.value}-show-search`]: true,\n [`${prefixCls.value}-auto-complete`]: true,\n };\n if (props.options === undefined) {\n const childArray = slots.dataSource?.() || slots.options?.() || [];\n if (childArray.length && isSelectOptionOrSelectOptGroup(childArray[0])) {\n optionChildren = childArray;\n } else {\n optionChildren = dataSource\n ? dataSource.map((item: any) => {\n if (isValidElement(item)) {\n return item;\n }\n switch (typeof item) {\n case 'string':\n return (\n \n );\n case 'object':\n return (\n \n );\n default:\n throw new Error(\n 'AutoComplete[dataSource] only supports type `string[] | Object[]`.',\n );\n }\n })\n : [];\n }\n }\n\n const selectProps = omit(\n {\n ...props,\n ...(attrs as any),\n mode: Select.SECRET_COMBOBOX_MODE_DO_NOT_USE,\n // optionLabelProp,\n getInputElement,\n notFoundContent,\n // placeholder: '',\n class: cls,\n popupClassName: props.popupClassName || props.dropdownClassName,\n ref: selectRef,\n },\n ['dataSource', 'loading'],\n );\n return (\n \n );\n };\n },\n});\n\n/* istanbul ignore next */\nexport default Object.assign(AutoComplete, {\n Option,\n OptGroup,\n install(app: App) {\n app.component(AutoComplete.name, AutoComplete);\n app.component(Option.displayName, Option);\n app.component(OptGroup.displayName, OptGroup);\n return app;\n },\n});\n" }, { "path": "components/auto-complete/index.zh-CN.md", "content": "---\ncategory: Components\nsubtitle: 自动完成\ntype: 数据录入\ncols: 2\ntitle: AutoComplete\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*g8THS4NpV6sAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*WERTQ6qvgEYAAAAAAAAAAAAADrJ8AQ/original\n---\n\n输入框自动完成功能。\n\n## 何时使用\n\n- 需要一个输入框而不是选择器。\n- 需要输入建议/辅助提示。\n\n和 Select 的区别是：\n\n- AutoComplete 是一个带提示的文本输入框，用户可以自由输入，关键词是辅助**输入**。\n- Select 是在限定的可选项中进行选择，关键词是**选择**。\n\n## API\n\n```html\n\n```\n\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\n| --- | --- | --- | --- | --- |\n| allowClear | 支持清除, 单选模式有效 | boolean | false | |\n| autofocus | 自动获取焦点 | boolean | false | |\n| backfill | 使用键盘选择选项的时候把选中项回填到输入框中 | boolean | false | |\n| bordered | 是否有边框 | boolean | true | 4.0 |\n| clearIcon | 使用插槽自定义清除按钮 | slot | `` | 4.0 |\n| default (自定义输入框) | 自定义输入框 | slot | `` | |\n| defaultActiveFirstOption | 是否默认高亮第一个选项。 | boolean | true | |\n| defaultOpen | 是否默认展开下拉菜单 | boolean | - | |\n| disabled | 是否禁用 | boolean | false | |\n| popupClassName | 下拉菜单的 className 属性 | string | - | 4.0 |\n| dropdownMatchSelectWidth | 下拉菜单和选择器同宽。默认将设置 `min-width`，当值小于选择框宽度时会被忽略。false 时会关闭虚拟滚动 | boolean \\| number | true | |\n| dropdownMenuStyle | dropdown 菜单自定义样式 | object | | 1.5.0 |\n| filterOption | 是否根据输入项进行筛选。当其为一个函数时，会接收 `inputValue` `option` 两个参数，当 `option` 符合筛选条件时，应返回 `true`，反之则返回 `false`。 | boolean or function(inputValue, option) | true | |\n| open | 是否展开下拉菜单 | boolean | - | |\n| option | 通过 option 插槽，自定义节点 | v-slot:option=\"{value, label, [disabled, key, title]}\" | - | 3.0 |\n| options | 自动完成的数据源 | [DataSourceItemType](https://github.com/vueComponent/ant-design-vue/blob/724d53b907e577cf5880c1e6742d4c3f924f8f49/components/auto-complete/index.vue#L9)\\[] | | |\n| placeholder | 输入框提示 | string \\| slot | - | |\n| status | 设置校验状态 | 'error' \\| 'warning' | - | 3.3.0 |\n| v-model:value | 指定当前选中的条目 | string\\|string\\[]\\|{ key: string, label: string\\|vNodes }\\|Array<{ key: string, label: string\\|vNodes }> | 无 | |\n\n### 事件\n\n| 事件名称 | 说明 | 回调参数 | 版本 |\n| --- | --- | --- | --- | --- |\n| blur | 失去焦点时的回调 | function() | |\n| change | 选中 option，或 input 的 value 变化时，调用此函数 | function(value) | |\n| dropdownVisibleChange | 展开下拉菜单的回调 | function(open) | |\n| focus | 获得焦点时的回调 | function() | |\n| search | 搜索补全项的时候调用 | function(value) | |\n| select | 被选中时调用，参数为选中项的 value 值 | function(value, option) | |\n| clear | 清除内容时回调 | function | - | 3.3.0 |\n\n## 方法\n\n| 名称 | 描述 | 版本 |\n| ------- | -------- | ---- |\n| blur() | 移除焦点 | |\n| focus() | 获取焦点 | |\n\n## FAQ\n\n### v2 的部分属性为何在 v3 中没有了？\n\nAutoComplete 组件是一个支持自动提示的 Input 组件，因而其不具有 `labelInValue` 等影响 value 展示的属性。在 v2 版本，AutoComplete 实现存在输入值如果遇到 `value` 与 `label` 相同时无法映射的问题。 v3 中不再支持 `label` 为值的输入形态。\n\n此外为了统一 API，`dataSource` 改为 `options` 你可以如下转换：\n\n#### v2\n\n```ts\ndataSource = ['light', 'bamboo'];\n// or\ndataSource = [\n { value: 'light', text: 'Light' },\n { value: 'bamboo', text: 'Bamboo' },\n];\n```\n\n#### v3\n\n```ts\noptions = [\n { value: 'light', label: 'Light' },\n { value: 'bamboo', label: 'Bamboo' },\n];\n```\n" }, { "path": "components/avatar/Avatar.tsx", "content": "import type { CustomSlotsType, VueNode } from '../_util/type';\n\nimport type { CSSProperties, ExtractPropTypes, PropType } from 'vue';\nimport { computed, defineComponent, nextTick, onMounted, shallowRef, watch } from 'vue';\nimport { getPropsSlot } from '../_util/props-util';\nimport PropTypes from '../_util/vue-types';\nimport useBreakpoint from '../_util/hooks/useBreakpoint';\nimport type { Breakpoint, ScreenSizeMap } from '../_util/responsiveObserve';\nimport { responsiveArray } from '../_util/responsiveObserve';\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\nimport ResizeObserver from '../vc-resize-observer';\nimport eagerComputed from '../_util/eagerComputed';\nimport useStyle from './style';\nimport { useAvatarInjectContext } from './AvatarContext';\n\nexport type AvatarSize = 'large' | 'small' | 'default' | number | ScreenSizeMap;\n\nexport const avatarProps = () => ({\n prefixCls: String,\n shape: { type: String as PropType<'circle' | 'square'>, default: 'circle' },\n size: {\n type: [Number, String, Object] as PropType,\n default: (): AvatarSize => 'default',\n },\n src: String,\n /** Srcset of image avatar */\n srcset: String,\n icon: PropTypes.any,\n alt: String,\n gap: Number,\n draggable: { type: Boolean, default: undefined },\n crossOrigin: String as PropType<'' | 'anonymous' | 'use-credentials'>,\n loadError: {\n type: Function as PropType<() => boolean>,\n },\n});\n\nexport type AvatarProps = Partial>>;\n\nconst Avatar = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'AAvatar',\n inheritAttrs: false,\n props: avatarProps(),\n slots: Object as CustomSlotsType<{\n icon: any;\n default: any;\n }>,\n setup(props, { slots, attrs }) {\n const isImgExist = shallowRef(true);\n const isMounted = shallowRef(false);\n const scale = shallowRef(1);\n\n const avatarChildrenRef = shallowRef(null);\n const avatarNodeRef = shallowRef(null);\n\n const { prefixCls } = useConfigInject('avatar', props);\n const [wrapSSR, hashId] = useStyle(prefixCls);\n const avatarCtx = useAvatarInjectContext();\n const size = computed(() => {\n return props.size === 'default' ? avatarCtx.size : props.size;\n });\n const screens = useBreakpoint();\n const responsiveSize = eagerComputed(() => {\n if (typeof props.size !== 'object') {\n return undefined;\n }\n const currentBreakpoint: Breakpoint = responsiveArray.find(screen => screens.value[screen])!;\n const currentSize = props.size[currentBreakpoint];\n\n return currentSize;\n });\n\n const responsiveSizeStyle = (hasIcon: boolean) => {\n if (responsiveSize.value) {\n return {\n width: `${responsiveSize.value}px`,\n height: `${responsiveSize.value}px`,\n lineHeight: `${responsiveSize.value}px`,\n fontSize: `${hasIcon ? responsiveSize.value / 2 : 18}px`,\n };\n }\n return {};\n };\n\n const setScaleParam = () => {\n if (!avatarChildrenRef.value || !avatarNodeRef.value) {\n return;\n }\n const childrenWidth = avatarChildrenRef.value.offsetWidth; // offsetWidth avoid affecting be transform scale\n const nodeWidth = avatarNodeRef.value.offsetWidth;\n // denominator is 0 is no meaning\n if (childrenWidth !== 0 && nodeWidth !== 0) {\n const { gap = 4 } = props;\n if (gap * 2 < nodeWidth) {\n scale.value =\n nodeWidth - gap * 2 < childrenWidth ? (nodeWidth - gap * 2) / childrenWidth : 1;\n }\n }\n };\n\n const handleImgLoadError = () => {\n const { loadError } = props;\n const errorFlag = loadError?.();\n if (errorFlag !== false) {\n isImgExist.value = false;\n }\n };\n\n watch(\n () => props.src,\n () => {\n nextTick(() => {\n isImgExist.value = true;\n scale.value = 1;\n });\n },\n );\n\n watch(\n () => props.gap,\n () => {\n nextTick(() => {\n setScaleParam();\n });\n },\n );\n\n onMounted(() => {\n nextTick(() => {\n setScaleParam();\n isMounted.value = true;\n });\n });\n\n return () => {\n const { shape, src, alt, srcset, draggable, crossOrigin } = props;\n const mergeShape = avatarCtx.shape ?? shape;\n const icon = getPropsSlot(slots, props, 'icon');\n const pre = prefixCls.value;\n const classString = {\n [`${attrs.class}`]: !!attrs.class,\n [pre]: true,\n [`${pre}-lg`]: size.value === 'large',\n [`${pre}-sm`]: size.value === 'small',\n [`${pre}-${mergeShape}`]: true,\n [`${pre}-image`]: src && isImgExist.value,\n [`${pre}-icon`]: icon,\n [hashId.value]: true,\n };\n\n const sizeStyle: CSSProperties =\n typeof size.value === 'number'\n ? {\n width: `${size.value}px`,\n height: `${size.value}px`,\n lineHeight: `${size.value}px`,\n fontSize: icon ? `${size.value / 2}px` : '18px',\n }\n : {};\n\n const children: VueNode = slots.default?.();\n let childrenToRender;\n if (src && isImgExist.value) {\n childrenToRender = (\n \n );\n } else if (icon) {\n childrenToRender = icon;\n } else if (isMounted.value || scale.value !== 1) {\n const transformString = `scale(${scale.value}) translateX(-50%)`;\n const childrenStyle: CSSProperties = {\n msTransform: transformString,\n WebkitTransform: transformString,\n transform: transformString,\n };\n const sizeChildrenStyle =\n typeof size.value === 'number'\n ? {\n lineHeight: `${size.value}px`,\n }\n : {};\n childrenToRender = (\n \n \n {children}\n \n \n );\n } else {\n childrenToRender = (\n \n {children}\n \n );\n }\n return wrapSSR(\n \n {childrenToRender}\n ,\n );\n };\n },\n});\n\nexport default Avatar;\n" }, { "path": "components/avatar/AvatarContext.ts", "content": "import type { InjectionKey } from 'vue';\nimport { inject, provide } from 'vue';\nimport type { ScreenSizeMap } from '../_util/responsiveObserve';\nexport type AvatarSize = 'large' | 'small' | 'default' | number | ScreenSizeMap;\nexport interface AvatarContextType {\n size?: AvatarSize;\n shape?: 'circle' | 'square';\n}\nconst AvatarContextKey: InjectionKey = Symbol('AvatarContextKey');\n\nexport const useAvatarInjectContext = () => {\n return inject(AvatarContextKey, {});\n};\nexport const useAvatarProviderContext = (context: AvatarContextType) => {\n return provide(AvatarContextKey, context);\n};\n" }, { "path": "components/avatar/Group.tsx", "content": "import { cloneElement } from '../_util/vnode';\nimport type { AvatarSize } from './Avatar';\nimport Avatar from './Avatar';\nimport Popover from '../popover';\nimport type { PropType, ExtractPropTypes, CSSProperties } from 'vue';\nimport { computed, defineComponent, watchEffect } from 'vue';\nimport { flattenChildren, getPropsSlot } from '../_util/props-util';\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\nimport useStyle from './style';\nimport { useAvatarProviderContext } from './AvatarContext';\n\nexport const groupProps = () => ({\n prefixCls: String,\n maxCount: Number,\n maxStyle: { type: Object as PropType, default: undefined as CSSProperties },\n maxPopoverPlacement: { type: String as PropType<'top' | 'bottom'>, default: 'top' },\n maxPopoverTrigger: String as PropType<'hover' | 'focus' | 'click'>,\n /*\n * Size of avatar, options: `large`, `small`, `default`\n * or a custom number size\n * */\n size: {\n type: [Number, String, Object] as PropType,\n default: 'default' as AvatarSize,\n },\n shape: { type: String as PropType<'circle' | 'square'>, default: 'circle' },\n});\n\nexport type AvatarGroupProps = Partial>>;\n\nconst Group = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'AAvatarGroup',\n inheritAttrs: false,\n props: groupProps(),\n setup(props, { slots, attrs }) {\n const { prefixCls, direction } = useConfigInject('avatar', props);\n const groupPrefixCls = computed(() => `${prefixCls.value}-group`);\n const [wrapSSR, hashId] = useStyle(prefixCls);\n watchEffect(() => {\n const context = { size: props.size, shape: props.shape };\n useAvatarProviderContext(context);\n });\n return () => {\n const {\n maxPopoverPlacement = 'top',\n maxCount,\n maxStyle,\n maxPopoverTrigger = 'hover',\n shape,\n } = props;\n\n const cls = {\n [groupPrefixCls.value]: true,\n [`${groupPrefixCls.value}-rtl`]: direction.value === 'rtl',\n [`${attrs.class}`]: !!attrs.class,\n [hashId.value]: true,\n };\n\n const children = getPropsSlot(slots, props);\n const childrenWithProps = flattenChildren(children).map((child, index) =>\n cloneElement(child, {\n key: `avatar-key-${index}`,\n }),\n );\n\n const numOfChildren = childrenWithProps.length;\n if (maxCount && maxCount < numOfChildren) {\n const childrenShow = childrenWithProps.slice(0, maxCount);\n const childrenHidden = childrenWithProps.slice(maxCount, numOfChildren);\n\n childrenShow.push(\n \n {`+${numOfChildren - maxCount}`}\n ,\n );\n return wrapSSR(\n
\n {childrenShow}\n
,\n );\n }\n\n return wrapSSR(\n
\n {childrenWithProps}\n
,\n );\n };\n },\n});\n\nexport default Group;\n" }, { "path": "components/avatar/__tests__/Avatar.test.js", "content": "import { mount } from '@vue/test-utils';\nimport { asyncExpect } from '../../../tests/utils';\nimport Avatar from '..';\nimport useBreakpoint from '../../_util/hooks/useBreakpoint';\n\njest.mock('../../_util/hooks/useBreakpoint');\n\ndescribe('Avatar Render', () => {\n let originOffsetWidth;\n const sizes = { xs: 24, sm: 32, md: 40, lg: 64, xl: 80, xxl: 100 };\n\n beforeAll(() => {\n // Mock offsetHeight\n originOffsetWidth = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'offsetWidth').get;\n Object.defineProperty(HTMLElement.prototype, 'offsetWidth', {\n get() {\n if (this.className === 'ant-avatar-string') {\n return 100;\n }\n return 80;\n },\n });\n });\n\n afterAll(() => {\n // Restore Mock offsetHeight\n Object.defineProperty(HTMLElement.prototype, 'offsetWidth', {\n get: originOffsetWidth,\n });\n });\n it('Render long string correctly', () => {\n const wrapper = mount(Avatar, {\n slots: {\n default: () => 'TestString',\n },\n });\n const children = wrapper.findAll('.ant-avatar-string');\n expect(children.length).toBe(1);\n });\n it('should render fallback string correctly', async () => {\n global.document.body.innerHTML = '';\n const wrapper = mount(Avatar, {\n slots: {\n default: () => 'Fallback',\n },\n props: {\n src: 'http://error.url',\n },\n attachTo: 'body',\n });\n await asyncExpect(() => {\n wrapper.find('img').trigger('error');\n }, 0);\n await asyncExpect(() => {\n const children = wrapper.findAll('.ant-avatar-string');\n expect(children.length).toBe(1);\n expect(children[0].text()).toBe('Fallback');\n });\n });\n it('should handle onError correctly', async () => {\n global.document.body.innerHTML = '';\n const LOAD_FAILURE_SRC = 'http://error.url';\n const LOAD_SUCCESS_SRC = 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png';\n\n const Foo = {\n data() {\n return {\n src: LOAD_FAILURE_SRC,\n };\n },\n methods: {\n handleImgError() {\n this.src = LOAD_SUCCESS_SRC;\n return false;\n },\n },\n\n render() {\n const { src } = this;\n return ;\n },\n };\n\n const wrapper = mount(Foo, { attachTo: 'body' });\n await asyncExpect(() => {\n // mock img load Error, since jsdom do not load resource by default\n // https://github.com/jsdom/jsdom/issues/1816\n wrapper.find('img').trigger('error');\n }, 0);\n await asyncExpect(() => {\n expect(wrapper.find('img')).not.toBeNull();\n }, 0);\n await asyncExpect(() => {\n expect(wrapper.find('img').attributes('src')).toBe(LOAD_SUCCESS_SRC);\n }, 0);\n });\n\n it('should show image on success after a failure state', async () => {\n global.document.body.innerHTML = '';\n const LOAD_FAILURE_SRC = 'http://error.url';\n const LOAD_SUCCESS_SRC = 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png';\n\n const Foo = {\n data() {\n return {\n src: LOAD_FAILURE_SRC,\n };\n },\n render() {\n const { src } = this;\n return Fallback;\n },\n };\n\n const wrapper = mount(Foo, { sync: false, attachTo: 'body' });\n await asyncExpect(() => {\n wrapper.find('img').trigger('error');\n }, 0);\n await asyncExpect(() => {\n expect(wrapper.findComponent({ name: 'AAvatar' }).findAll('img').length).toBe(0);\n expect(wrapper.findAll('.ant-avatar-string').length).toBe(1);\n }, 0);\n\n await asyncExpect(() => {\n wrapper.vm.src = LOAD_SUCCESS_SRC;\n });\n await asyncExpect(() => {\n expect(wrapper.findComponent({ name: 'AAvatar' }).findAll('img').length).toBe(1);\n expect(wrapper.findAll('.ant-avatar-image').length).toBe(1);\n }, 0);\n });\n\n it('should calculate scale of avatar children correctly', async () => {\n let wrapper = mount({\n render() {\n return Avatar;\n },\n });\n\n await asyncExpect(() => {\n expect(wrapper.find('.ant-avatar-string').html()).toMatchSnapshot();\n }, 0);\n\n Object.defineProperty(HTMLElement.prototype, 'offsetWidth', {\n get() {\n if (this.className === 'ant-avatar-string') {\n return 100;\n }\n return 40;\n },\n });\n wrapper = mount({\n render() {\n return xx;\n },\n });\n await asyncExpect(() => {\n expect(wrapper.find('.ant-avatar-string').html()).toMatchSnapshot();\n }, 0);\n });\n\n it('should calculate scale of avatar children correctly with gap', async () => {\n const wrapper = mount({\n render() {\n return Avatar;\n },\n });\n await asyncExpect(() => {\n expect(wrapper.html()).toMatchSnapshot();\n }, 0);\n });\n\n Object.entries(sizes).forEach(([key, value]) => {\n it(`adjusts component size to ${value} when window size is ${key}`, async () => {\n useBreakpoint.mockReturnValue({ value: { [key]: true } });\n\n const wrapper = mount({\n render() {\n return ;\n },\n });\n\n await asyncExpect(() => {\n expect(wrapper.html()).toMatchSnapshot();\n }, 0);\n });\n });\n\n it('fallback', () => {\n const div = global.document.createElement('div');\n global.document.body.appendChild(div);\n const wrapper = mount(\n {\n render() {\n return (\n \n A\n \n );\n },\n },\n { attachTo: div },\n );\n wrapper.find('img').trigger('error');\n expect(wrapper.html()).toMatchSnapshot();\n wrapper.unmount();\n global.document.body.removeChild(div);\n });\n});\n" }, { "path": "components/avatar/__tests__/__snapshots__/Avatar.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Avatar Render adjusts component size to 24 when window size is xs 1`] = ``;\n\nexports[`Avatar Render adjusts component size to 32 when window size is sm 1`] = ``;\n\nexports[`Avatar Render adjusts component size to 40 when window size is md 1`] = ``;\n\nexports[`Avatar Render adjusts component size to 64 when window size is lg 1`] = ``;\n\nexports[`Avatar Render adjusts component size to 80 when window size is xl 1`] = ``;\n\nexports[`Avatar Render adjusts component size to 100 when window size is xxl 1`] = ``;\n\nexports[`Avatar Render fallback 1`] = ``;\n\nexports[`Avatar Render should calculate scale of avatar children correctly 1`] = `Avatar`;\n\nexports[`Avatar Render should calculate scale of avatar children correctly 2`] = `xx`;\n\nexports[`Avatar Render should calculate scale of avatar children correctly with gap 1`] = `Avatar`;\n" }, { "path": "components/avatar/__tests__/__snapshots__/demo.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders ./components/avatar/demo/badge.vue correctly 1`] = `\n

1

\n\n\n\n`;\n\nexports[`renders ./components/avatar/demo/basic.vue correctly 1`] = `\n\n\n\n\n
\n\n\n\n\n`;\n\nexports[`renders ./components/avatar/demo/dynamic.vue correctly 1`] = `\nU\n\n`;\n\nexports[`renders ./components/avatar/demo/group.vue correctly 1`] = `\n
K\n \n
\n
\n \n
\n
K\n +2\n
\n
\n \n
\n
K\n +2\n
\n`;\n\nexports[`renders ./components/avatar/demo/responsive.vue correctly 1`] = ``;\n\nexports[`renders ./components/avatar/demo/type.vue correctly 1`] = `\n\nU\nUSER\n\nU\n\n`;\n" }, { "path": "components/avatar/__tests__/demo.test.js", "content": "import demoTest from '../../../tests/shared/demoTest';\n\ndemoTest('avatar');\n" }, { "path": "components/avatar/demo/badge.vue", "content": "\n---\norder: 3\ntitle:\n zh-CN: 带徽标的头像\n en-US: With Badge\n---\n\n## zh-CN\n\n通常用于消息提示。\n\n## en-US\n\nUsually used for reminders and notifications.\n\n\n\n\n\n" }, { "path": "components/avatar/demo/basic.vue", "content": "\n---\norder: 0\ntitle:\n zh-CN: 基本\n en-US: Basic\n---\n\n## zh-CN\n\n头像有三种尺寸，两种形状可选。\n\n## en-US\n\nThree sizes and two shapes are available.\n\n\n\n\n\n" }, { "path": "components/avatar/demo/dynamic.vue", "content": "\n---\norder: 2\ntitle:\n zh-CN: 自动调整字符大小\n en-US: Autoset Font Size\n---\n\n## zh-CN\n\n对于字符型的头像，当字符串较长时，字体大小可以根据头像宽度自动调整。也可使用 `gap`` 来设置字符距离左右两侧边界单位像素。\n\n## en-US\n\nFor letter type Avatar, when the letters are too long to display, the font size can be automatically adjusted according to the width of the Avatar. You can also use `gap` to set the unit distance between left and right sides.\n\n\n\n\n\n" }, { "path": "components/avatar/demo/group.vue", "content": "\n---\norder: 4\ntitle:\n zh-CN: Avatar.Group\n en-US: Avatar.Group\n---\n\n## zh-CN\n\n头像组合展现。\n\n## en-US\n\nAvatar group display.\n\n\n\n\n\n" }, { "path": "components/avatar/demo/index.vue", "content": "\n\n\n" }, { "path": "components/avatar/demo/responsive.vue", "content": "\n---\norder: 5\ntitle:\n zh-CN: 响应式尺寸\n en-US: Responsive Size\n---\n\n## zh-CN\n\n头像大小可以根据屏幕大小自动调整。\n\n## en-US\n\nAvatar size can be automatically adjusted based on the screen size.\n\n\n\n\n\n" }, { "path": "components/avatar/demo/type.vue", "content": "\n---\norder: 1\ntitle:\n zh-CN: 类型\n en-US: Type\n---\n\n## zh-CN\n\n支持三种类型：图片、Icon 以及字符，其中 Icon 和字符型可以自定义图标颜色及背景色。\n\n## en-US\n\nImage, Icon and letter are supported, and the latter two kinds avatar can have custom colors and background colors.\n\n\n\n\n\n" }, { "path": "components/avatar/index.en-US.md", "content": "---\ncategory: Components\ntype: Data Display\ntitle: Avatar\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JJBSS5lBG4IAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*YbgyQaRGz-UAAAAAAAAAAAAADrJ8AQ/original\n---\n\nAvatars can be used to represent people or objects. It supports images, `Icon`s, or letters.\n\n## API\n\n### Avatar\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| alt | This attribute defines the alternative text describing the image | string | - | |\n| crossOrigin | cors settings attributes | `'anonymous'` \\| `'use-credentials'` \\| `''` | - | 3.0 |\n| draggable | Whether the picture is allowed to be dragged | boolean \\| `'true'` \\| `'false'` | - | 2.2.0 |\n| gap | Letter type unit distance between left and right sides | number | 4 | 2.2.0 |\n| icon | the `Icon` type for an icon avatar, see `Icon` Component | VNode \\| slot | - | |\n| loadError | handler when img load error, return false to prevent default fallback behavior | () => boolean | - | |\n| shape | the shape of avatar | `circle` \\| `square` | `circle` | |\n| size | The size of the avatar | number \\| `large` \\| `small` \\| `default` \\| { xs: number, sm: number, ...} | `default` | 2.2.0 |\n| src | the address of the image for an image avatar | string | - | |\n| srcset | a list of sources to use for different screen resolutions | string | - | |\n\n### Avatar.Group (2.2.0)\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| maxCount | Max avatars to show | number | - | |\n| maxPopoverPlacement | The placement of excess avatar Popover | `top` \\| `bottom` | `top` | |\n| maxPopoverTrigger | Set the trigger of excess avatar Popover | `hover` \\| `focus` \\| `click` | `hover` | 3.0 |\n| maxStyle | The style of excess avatar style | CSSProperties | - | |\n| size | The size of the avatar | number \\| `large` \\| `small` \\| `default` \\| { xs: number, sm: number, ...} | `default` | |\n| shape | The shape of the avatar | `circle` \\| `square` | `circle` | 4.0 |\n" }, { "path": "components/avatar/index.ts", "content": "import type { App, Plugin } from 'vue';\nimport Avatar from './Avatar';\nimport Group from './Group';\nexport { avatarProps } from './Avatar';\nexport type { AvatarProps, AvatarSize } from './Avatar';\nexport type { AvatarGroupProps } from './Group';\n\nAvatar.Group = Group;\n\n/* istanbul ignore next */\nAvatar.install = function (app: App) {\n app.component(Avatar.name, Avatar);\n app.component(Group.name, Group);\n return app;\n};\nexport { Group as AvatarGroup };\nexport default Avatar as typeof Avatar &\n Plugin & {\n readonly Group: typeof Group;\n };\n" }, { "path": "components/avatar/index.zh-CN.md", "content": "---\ncategory: Components\nsubtitle: 头像\ntype: 数据展示\ntitle: Avatar\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JJBSS5lBG4IAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*YbgyQaRGz-UAAAAAAAAAAAAADrJ8AQ/original\n---\n\n用来代表用户或事物，支持图片、图标或字符展示。\n\n## 设计师专属\n\n安装 [Kitchen Sketch 插件 💎](https://kitchen.alipay.com)，一键填充高逼格头像和文本。\n\n## API\n\n### Avatar\n\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\n| --- | --- | --- | --- | --- |\n| alt | 图像无法显示时的替代文本 | string | - | |\n| crossOrigin | cors 属性设置 | `'anonymous'` \\| `'use-credentials'` \\| `''` | - | 3.0 |\n| draggable | 图片是否允许拖动 | boolean \\| `'true'` \\| `'false'` | - | 2.2.0 |\n| gap | 字符类型距离左右两侧边界单位像素 | number | 4 | 2.2.0 |\n| icon | 设置头像的图标类型，可设为 Icon 的 `type` 或 VNode | VNode \\| slot | - | |\n| loadError | 图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为 | () => boolean | - | |\n| shape | 指定头像的形状 | `circle` \\| `square` | `circle` | |\n| size | 设置头像的大小 | number \\| `large` \\| `small` \\| `default` \\| { xs: number, sm: number, ...} | `default` | 2.2.0 |\n| src | 图片类头像的资源地址 | string | - | |\n| srcset | 设置图片类头像响应式资源地址 | string | - | |\n\n### Avatar.Group (2.2.0)\n\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\n| --- | --- | --- | --- | --- |\n| maxCount | 显示的最大头像个数 | number | - | |\n| maxPopoverPlacement | 多余头像气泡弹出位置 | `top` \\| `bottom` | `top` | |\n| maxPopoverTrigger | 设置多余头像 Popover 的触发方式 | `hover` \\| `focus` \\| `click` | `hover` | 3.0 |\n| maxStyle | 多余头像样式 | CSSProperties | - | |\n| size | 设置头像的大小 | number \\| `large` \\| `small` \\| `default` \\| { xs: number, sm: number, ...} | `default` | |\n| shape | 设置头像的形状 | `circle` \\| `square` | `circle` | 4.0 |\n" }, { "path": "components/avatar/style/index.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { FullToken, GenerateStyle } from '../../theme/internal';\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal';\nimport { resetComponent } from '../../style';\n\nexport interface ComponentToken {\n /**\n * @desc 头像背景色\n * @descEN Background color of Avatar\n */\n containerSize: number;\n /**\n * @desc 大号头像尺寸\n * @descEN Size of large Avatar\n */\n containerSizeLG: number;\n /**\n * @desc 小号头像尺寸\n * @descEN Size of small Avatar\n */\n containerSizeSM: number;\n /**\n * @desc 头像文字大小\n * @descEN Font size of Avatar\n */\n textFontSize: number;\n /**\n * @desc 大号头像文字大小\n * @descEN Font size of large Avatar\n */\n textFontSizeLG: number;\n /**\n * @desc 小号头像文字大小\n * @descEN Font size of small Avatar\n */\n textFontSizeSM: number;\n /**\n * @desc 头像组间距\n * @descEN Spacing between avatars in a group\n */\n groupSpace: number;\n /**\n * @desc 头像组重叠宽度\n * @descEN Overlapping of avatars in a group\n */\n groupOverlapping: number;\n /**\n * @desc 头像组边框颜色\n * @descEN Border color of avatars in a group\n */\n groupBorderColor: string;\n}\n\ntype AvatarToken = FullToken<'Avatar'> & {\n avatarBg: string;\n avatarColor: string;\n avatarBgColor: string;\n};\n\nconst genBaseStyle: GenerateStyle = token => {\n const {\n antCls,\n componentCls,\n iconCls,\n avatarBg,\n avatarColor,\n containerSize,\n containerSizeLG,\n containerSizeSM,\n textFontSize,\n textFontSizeLG,\n textFontSizeSM,\n borderRadius,\n borderRadiusLG,\n borderRadiusSM,\n lineWidth,\n lineType,\n } = token;\n\n // Avatar size style\n const avatarSizeStyle = (size: number, fontSize: number, radius: number): CSSObject => ({\n width: size,\n height: size,\n lineHeight: `${size - lineWidth * 2}px`,\n borderRadius: '50%',\n\n [`&${componentCls}-square`]: {\n borderRadius: radius,\n },\n\n [`${componentCls}-string`]: {\n position: 'absolute',\n left: {\n _skip_check_: true,\n value: '50%',\n },\n transformOrigin: '0 center',\n },\n\n [`&${componentCls}-icon`]: {\n fontSize,\n [`> ${iconCls}`]: {\n margin: 0,\n },\n },\n });\n\n return {\n [componentCls]: {\n ...resetComponent(token),\n position: 'relative',\n display: 'inline-block',\n overflow: 'hidden',\n color: avatarColor,\n whiteSpace: 'nowrap',\n textAlign: 'center',\n verticalAlign: 'middle',\n background: avatarBg,\n border: `${lineWidth}px ${lineType} transparent`,\n\n [`&-image`]: {\n background: 'transparent',\n },\n\n [`${antCls}-image-img`]: {\n display: 'block',\n },\n\n ...avatarSizeStyle(containerSize, textFontSize, borderRadius),\n\n [`&-lg`]: {\n ...avatarSizeStyle(containerSizeLG, textFontSizeLG, borderRadiusLG),\n },\n\n [`&-sm`]: {\n ...avatarSizeStyle(containerSizeSM, textFontSizeSM, borderRadiusSM),\n },\n\n '> img': {\n display: 'block',\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n },\n },\n };\n};\n\nconst genGroupStyle: GenerateStyle = token => {\n const { componentCls, groupBorderColor, groupOverlapping, groupSpace } = token;\n\n return {\n [`${componentCls}-group`]: {\n display: 'inline-flex',\n\n [`${componentCls}`]: {\n borderColor: groupBorderColor,\n },\n\n [`> *:not(:first-child)`]: {\n marginInlineStart: groupOverlapping,\n },\n },\n [`${componentCls}-group-popover`]: {\n [`${componentCls} + ${componentCls}`]: {\n marginInlineStart: groupSpace,\n },\n },\n };\n};\n\nexport default genComponentStyleHook(\n 'Avatar',\n token => {\n const { colorTextLightSolid, colorTextPlaceholder } = token;\n const avatarToken = mergeToken(token, {\n avatarBg: colorTextPlaceholder,\n avatarColor: colorTextLightSolid,\n });\n return [genBaseStyle(avatarToken), genGroupStyle(avatarToken)];\n },\n token => {\n const {\n controlHeight,\n controlHeightLG,\n controlHeightSM,\n\n fontSize,\n fontSizeLG,\n fontSizeXL,\n fontSizeHeading3,\n\n marginXS,\n marginXXS,\n colorBorderBg,\n } = token;\n return {\n containerSize: controlHeight,\n containerSizeLG: controlHeightLG,\n containerSizeSM: controlHeightSM,\n\n textFontSize: Math.round((fontSizeLG + fontSizeXL) / 2),\n textFontSizeLG: fontSizeHeading3,\n textFontSizeSM: fontSize,\n\n groupSpace: marginXXS,\n groupOverlapping: -marginXS,\n groupBorderColor: colorBorderBg,\n };\n },\n);\n" }, { "path": "components/badge/Badge.tsx", "content": "import PropTypes from '../_util/vue-types';\nimport ScrollNumber from './ScrollNumber';\nimport classNames from '../_util/classNames';\nimport { getPropsSlot, flattenChildren } from '../_util/props-util';\nimport { cloneElement } from '../_util/vnode';\nimport { getTransitionProps } from '../_util/transition';\nimport type { ExtractPropTypes, CSSProperties, PropType } from 'vue';\nimport { defineComponent, computed, ref, watch, Transition } from 'vue';\nimport Ribbon from './Ribbon';\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\nimport isNumeric from '../_util/isNumeric';\nimport useStyle from './style';\nimport type { PresetColorKey } from '../theme/interface';\nimport type { LiteralUnion, CustomSlotsType } from '../_util/type';\nimport type { PresetStatusColorType } from '../_util/colors';\nimport { isPresetColor } from '../_util/colors';\n\nexport const badgeProps = () => ({\n /** Number to show in badge */\n count: PropTypes.any.def(null),\n showZero: { type: Boolean, default: undefined },\n /** Max count to show */\n overflowCount: { type: Number, default: 99 },\n /** whether to show red dot without number */\n dot: { type: Boolean, default: undefined },\n prefixCls: String,\n scrollNumberPrefixCls: String,\n status: { type: String as PropType },\n size: { type: String as PropType<'default' | 'small'>, default: 'default' },\n color: String as PropType>,\n text: PropTypes.any,\n offset: Array as unknown as PropType<[number | string, number | string]>,\n numberStyle: { type: Object as PropType, default: undefined as CSSProperties },\n title: String,\n});\n\nexport type BadgeProps = Partial>>;\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'ABadge',\n Ribbon,\n inheritAttrs: false,\n props: badgeProps(),\n slots: Object as CustomSlotsType<{\n text: any;\n count: any;\n default: any;\n }>,\n setup(props, { slots, attrs }) {\n const { prefixCls, direction } = useConfigInject('badge', props);\n const [wrapSSR, hashId] = useStyle(prefixCls);\n\n // ================================ Misc ================================\n const numberedDisplayCount = computed(() => {\n return (\n (props.count as number) > (props.overflowCount as number)\n ? `${props.overflowCount}+`\n : props.count\n ) as string | number | null;\n });\n\n const isZero = computed(\n () => numberedDisplayCount.value === '0' || numberedDisplayCount.value === 0,\n );\n const ignoreCount = computed(() => props.count === null || (isZero.value && !props.showZero));\n const hasStatus = computed(\n () =>\n ((props.status !== null && props.status !== undefined) ||\n (props.color !== null && props.color !== undefined)) &&\n ignoreCount.value,\n );\n\n const showAsDot = computed(() => props.dot && !isZero.value);\n\n const mergedCount = computed(() => (showAsDot.value ? '' : numberedDisplayCount.value));\n\n const isHidden = computed(() => {\n const isEmpty =\n mergedCount.value === null || mergedCount.value === undefined || mergedCount.value === '';\n return (isEmpty || (isZero.value && !props.showZero)) && !showAsDot.value;\n });\n\n // Count should be cache in case hidden change it\n const livingCount = ref(props.count);\n\n // We need cache count since remove motion should not change count display\n const displayCount = ref(mergedCount.value);\n\n // We will cache the dot status to avoid shaking on leaved motion\n const isDotRef = ref(showAsDot.value);\n\n watch(\n [() => props.count, mergedCount, showAsDot],\n () => {\n if (!isHidden.value) {\n livingCount.value = props.count;\n displayCount.value = mergedCount.value;\n isDotRef.value = showAsDot.value;\n }\n },\n { immediate: true },\n );\n // InternalColor\n const isInternalColor = computed(() => isPresetColor(props.color, false));\n // Shared styles\n const statusCls = computed(() => ({\n [`${prefixCls.value}-status-dot`]: hasStatus.value,\n [`${prefixCls.value}-status-${props.status}`]: !!props.status,\n [`${prefixCls.value}-color-${props.color}`]: isInternalColor.value,\n }));\n\n const statusStyle = computed(() => {\n if (props.color && !isInternalColor.value) {\n return { background: props.color, color: props.color };\n } else {\n return {};\n }\n });\n\n const scrollNumberCls = computed(() => ({\n [`${prefixCls.value}-dot`]: isDotRef.value,\n [`${prefixCls.value}-count`]: !isDotRef.value,\n [`${prefixCls.value}-count-sm`]: props.size === 'small',\n [`${prefixCls.value}-multiple-words`]:\n !isDotRef.value && displayCount.value && displayCount.value.toString().length > 1,\n [`${prefixCls.value}-status-${props.status}`]: !!props.status,\n [`${prefixCls.value}-color-${props.color}`]: isInternalColor.value,\n }));\n\n return () => {\n const { offset, title, color } = props;\n const style = attrs.style as CSSProperties;\n const text = getPropsSlot(slots, props, 'text');\n const pre = prefixCls.value;\n const count = livingCount.value;\n let children = flattenChildren(slots.default?.());\n children = children.length ? children : null;\n\n const visible = !!(!isHidden.value || slots.count);\n\n // =============================== Styles ===============================\n const mergedStyle = (() => {\n if (!offset) {\n return { ...style };\n }\n\n const offsetStyle: CSSProperties = {\n marginTop: isNumeric(offset[1]) ? `${offset[1]}px` : offset[1],\n };\n if (direction.value === 'rtl') {\n offsetStyle.left = `${parseInt(offset[0] as string, 10)}px`;\n } else {\n offsetStyle.right = `${-parseInt(offset[0] as string, 10)}px`;\n }\n\n return {\n ...offsetStyle,\n ...style,\n };\n })();\n\n // =============================== Render ===============================\n // >>> Title\n const titleNode =\n title ?? (typeof count === 'string' || typeof count === 'number' ? count : undefined);\n\n // >>> Status Text\n const statusTextNode =\n visible || !text ? null : {text};\n\n // >>> Display Component\n const displayNode =\n typeof count === 'object' || (count === undefined && slots.count)\n ? cloneElement(\n count ?? slots.count?.(),\n {\n style: mergedStyle,\n },\n false,\n )\n : null;\n\n const badgeClassName = classNames(\n pre,\n {\n [`${pre}-status`]: hasStatus.value,\n [`${pre}-not-a-wrapper`]: !children,\n [`${pre}-rtl`]: direction.value === 'rtl',\n },\n attrs.class,\n hashId.value,\n );\n\n // \n if (!children && hasStatus.value) {\n const statusTextColor = mergedStyle.color;\n return wrapSSR(\n \n \n \n {text}\n \n ,\n );\n }\n\n const transitionProps = getTransitionProps(children ? `${pre}-zoom` : '', {\n appear: false,\n });\n let scrollNumberStyle: CSSProperties = { ...mergedStyle, ...(props.numberStyle as object) };\n if (color && !isInternalColor.value) {\n scrollNumberStyle = scrollNumberStyle || {};\n scrollNumberStyle.background = color;\n }\n\n return wrapSSR(\n \n {children}\n \n \n {displayNode}\n \n \n {statusTextNode}\n ,\n );\n };\n },\n});\n" }, { "path": "components/badge/Ribbon.tsx", "content": "import type { CustomSlotsType, LiteralUnion } from '../_util/type';\nimport type { PresetColorType } from '../_util/colors';\nimport useStyle from './style';\nimport { isPresetColor } from '../_util/colors';\nimport type { CSSProperties, PropType, ExtractPropTypes } from 'vue';\nimport { defineComponent, computed } from 'vue';\nimport PropTypes from '../_util/vue-types';\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\n\nexport const ribbonProps = () => ({\n prefix: String,\n color: { type: String as PropType> },\n text: PropTypes.any,\n placement: { type: String as PropType<'start' | 'end'>, default: 'end' },\n});\n\nexport type RibbonProps = Partial>>;\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'ABadgeRibbon',\n inheritAttrs: false,\n props: ribbonProps(),\n slots: Object as CustomSlotsType<{\n text: any;\n default: any;\n }>,\n setup(props, { attrs, slots }) {\n const { prefixCls, direction } = useConfigInject('ribbon', props);\n const [wrapSSR, hashId] = useStyle(prefixCls);\n const colorInPreset = computed(() => isPresetColor(props.color, false));\n const ribbonCls = computed(() => [\n prefixCls.value,\n `${prefixCls.value}-placement-${props.placement}`,\n {\n [`${prefixCls.value}-rtl`]: direction.value === 'rtl',\n [`${prefixCls.value}-color-${props.color}`]: colorInPreset.value,\n },\n ]);\n return () => {\n const { class: className, style, ...restAttrs } = attrs;\n const colorStyle: CSSProperties = {};\n const cornerColorStyle: CSSProperties = {};\n if (props.color && !colorInPreset.value) {\n colorStyle.background = props.color;\n cornerColorStyle.color = props.color;\n }\n return wrapSSR(\n
\n {slots.default?.()}\n \n {props.text || slots.text?.()}\n
\n
\n
,\n );\n };\n },\n});\n" }, { "path": "components/badge/ScrollNumber.tsx", "content": "import classNames from '../_util/classNames';\nimport PropTypes from '../_util/vue-types';\nimport { cloneElement } from '../_util/vnode';\nimport type { ExtractPropTypes, CSSProperties, DefineComponent, HTMLAttributes } from 'vue';\nimport { defineComponent } from 'vue';\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\nimport SingleNumber from './SingleNumber';\nimport { filterEmpty } from '../_util/props-util';\n\nconst scrollNumberProps = {\n prefixCls: String,\n count: PropTypes.any,\n component: String,\n title: PropTypes.any,\n show: Boolean,\n};\n\nexport type ScrollNumberProps = Partial>;\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'ScrollNumber',\n inheritAttrs: false,\n props: scrollNumberProps,\n setup(props, { attrs, slots }) {\n const { prefixCls } = useConfigInject('scroll-number', props);\n\n return () => {\n const {\n prefixCls: customizePrefixCls,\n count,\n title,\n show,\n component: Tag = 'sup' as unknown as DefineComponent,\n class: className,\n style,\n ...restProps\n } = { ...props, ...attrs } as ScrollNumberProps & HTMLAttributes & { style: CSSProperties };\n // ============================ Render ============================\n const newProps = {\n ...restProps,\n style,\n 'data-show': props.show,\n class: classNames(prefixCls.value, className),\n title: title as string,\n };\n\n // Only integer need motion\n let numberNodes: any = count;\n if (count && Number(count) % 1 === 0) {\n const numberList = String(count).split('');\n\n numberNodes = numberList.map((num, i) => (\n \n ));\n }\n\n // allow specify the border\n // mock border-color by box-shadow for compatible with old usage:\n // \n if (style && style.borderColor) {\n newProps.style = {\n ...(style as CSSProperties),\n boxShadow: `0 0 0 1px ${style.borderColor} inset`,\n };\n }\n const children = filterEmpty(slots.default?.());\n if (children && children.length) {\n return cloneElement(\n children,\n {\n class: classNames(`${prefixCls.value}-custom-component`),\n },\n false,\n );\n }\n\n return {numberNodes};\n };\n },\n});\n" }, { "path": "components/badge/SingleNumber.tsx", "content": "import type { CSSProperties } from 'vue';\nimport { computed, defineComponent, onUnmounted, reactive, ref, watch } from 'vue';\nimport classNames from '../_util/classNames';\n\nexport interface UnitNumberProps {\n prefixCls: string;\n value: string | number;\n offset?: number;\n current?: boolean;\n}\n\nfunction UnitNumber({ prefixCls, value, current, offset = 0 }: UnitNumberProps) {\n let style: CSSProperties | undefined;\n\n if (offset) {\n style = {\n position: 'absolute',\n top: `${offset}00%`,\n left: 0,\n };\n }\n\n return (\n \n {value}\n

\n );\n}\n\nfunction getOffset(start: number, end: number, unit: -1 | 1) {\n let index = start;\n let offset = 0;\n\n while ((index + 10) % 10 !== end) {\n index += unit;\n offset += unit;\n }\n\n return offset;\n}\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'SingleNumber',\n props: {\n prefixCls: String,\n value: String,\n count: Number,\n },\n setup(props) {\n const originValue = computed(() => Number(props.value));\n const originCount = computed(() => Math.abs(props.count));\n const state = reactive({\n prevValue: originValue.value,\n prevCount: originCount.value,\n });\n\n // ============================= Events =============================\n const onTransitionEnd = () => {\n state.prevValue = originValue.value;\n state.prevCount = originCount.value;\n };\n const timeout = ref();\n // Fallback if transition event not support\n watch(\n originValue,\n () => {\n clearTimeout(timeout.value);\n timeout.value = setTimeout(() => {\n onTransitionEnd();\n }, 1000);\n },\n { flush: 'post' },\n );\n onUnmounted(() => {\n clearTimeout(timeout.value);\n });\n\n return () => {\n let unitNodes: any[];\n let offsetStyle: CSSProperties = {};\n const value = originValue.value;\n if (state.prevValue === value || Number.isNaN(value) || Number.isNaN(state.prevValue)) {\n // Nothing to change\n unitNodes = [UnitNumber({ ...props, current: true } as UnitNumberProps)];\n offsetStyle = {\n transition: 'none',\n };\n } else {\n unitNodes = [];\n\n // Fill basic number units\n const end = value + 10;\n const unitNumberList: number[] = [];\n for (let index = value; index <= end; index += 1) {\n unitNumberList.push(index);\n }\n\n // Fill with number unit nodes\n const prevIndex = unitNumberList.findIndex(n => n % 10 === state.prevValue);\n unitNodes = unitNumberList.map((n, index) => {\n const singleUnit = n % 10;\n return UnitNumber({\n ...props,\n value: singleUnit,\n offset: index - prevIndex,\n current: index === prevIndex,\n } as UnitNumberProps);\n });\n\n // Calculate container offset value\n const unit = state.prevCount < originCount.value ? 1 : -1;\n offsetStyle = {\n transform: `translateY(${-getOffset(state.prevValue, value, unit)}00%)`,\n };\n }\n return (\n onTransitionEnd()}\n >\n {unitNodes}\n \n );\n };\n },\n});\n" }, { "path": "components/badge/__tests__/__snapshots__/demo.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders ./components/badge/demo/basic.vue correctly 1`] = `\n

5

\n\n

0

\n\n\n\n`;\n\nexports[`renders ./components/badge/demo/change.vue correctly 1`] = `\n

5

\n \n
\n
\n
\n \n
\n\n\n\n`;\n\nexports[`renders ./components/badge/demo/colors.vue correctly 1`] = `\n

Presets:

\n
\n
pink
\n
red
\n
yellow
\n
orange
\n
cyan
\n
green
\n
blue
\n
purple
\n
geekblue
\n
magenta
\n
volcano
\n
gold
\n
lime
\n
\n
Custom
\n#f50\n
\n#2db7f5\n
\n#87d068\n
\n#108ee9\n`;\n\nexports[`renders ./components/badge/demo/dot.vue correctly 1`] = `\n\n\nLink something\n`;\n\nexports[`renders ./components/badge/demo/link.vue correctly 1`] = `\n

5

\n \n\n`;\n\nexports[`renders ./components/badge/demo/no-wrapper.vue correctly 1`] = `\n

2

5

\n\n

4

\n\n99+\n`;\n\nexports[`renders ./components/badge/demo/overflow.vue correctly 1`] = `\n

9

9

\n\n99+\n\n10+\n\n999+\n\n`;\n\nexports[`renders ./components/badge/demo/ribbon.vue correctly 1`] = `\n
\n
\n
\n
\n
\n
\n
Pushes open the window
\n \n
\n \n
\n \n
and raises the spyglass.
\n \n
\n
Hippies\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
Pushes open the window
\n \n
\n \n
\n \n
and raises the spyglass.
\n \n
\n
Hippies\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
Pushes open the window
\n \n
\n \n
\n \n
and raises the spyglass.
\n \n
\n
Hippies\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
Pushes open the window
\n \n
\n \n
\n \n
and raises the spyglass.
\n \n
\n
Hippies\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
Pushes open the window
\n \n
\n \n
\n \n
and raises the spyglass.
\n \n
\n
Hippies\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
Pushes open the window
\n \n
\n \n
\n \n
and raises the spyglass.
\n \n
\n
Hippies\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
Pushes open the window
\n \n
\n \n
\n \n
and raises the spyglass.
\n \n
\n
Hippies\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
Pushes open the window
\n \n
\n \n
\n \n
and raises the spyglass.
\n \n
\n
Hippies\n
\n
\n
\n
\n \n
\n`;\n\nexports[`renders ./components/badge/demo/status.vue correctly 1`] = `\n\n\n\n\n\n
\n
\n
Success
\n \n
Error
\n \n
Default
\n \n
Processing
\n \n
warning
\n \n
\n`;\n\nexports[`renders ./components/badge/demo/title.vue correctly 1`] = `\n

5

\n\n`;\n" }, { "path": "components/badge/__tests__/__snapshots__/index.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Badge badge should support float number 1`] = `\"3.5\"`;\n\nexports[`Badge badge should support float number 2`] = `3.5`;\n\nexports[`Badge render correct with negative number 1`] = `\n

-

1

0

\n

-

1

0

\n \n
\n`;\n\nexports[`Badge should be compatible with borderColor style 1`] = `\n

4

\n\n`;\n\nexports[`Badge should render when count is changed 1`] = `\n

1

0

1

2

3

4

5

6

7

8

9

0

\n\n`;\n\nexports[`Badge should render when count is changed 2`] = `\n

1

1

2

3

4

5

6

7

8

9

0

1

\n\n`;\n\nexports[`Badge should render when count is changed 3`] = `\n

1

1

2

3

4

5

6

7

8

9

0

1

\n\n`;\n\nexports[`Badge should render when count is changed 4`] = `\n

1

0

1

2

3

4

5

6

7

8

9

0

\n\n`;\n\nexports[`Badge should render when count is changed 5`] = `\n

9

\n\n`;\n\nexports[`Badge should support offset when count is a VueNode 1`] = `\nhead\n\n`;\n\nexports[`Badge text works with vnode 1`] = `hello`;\n" }, { "path": "components/badge/__tests__/demo.test.js", "content": "import demoTest from '../../../tests/shared/demoTest';\n\ndemoTest('badge');\n" }, { "path": "components/badge/__tests__/index.test.js", "content": "import { mount } from '@vue/test-utils';\nimport Badge from '../index';\nimport mountTest from '../../../tests/shared/mountTest';\n\nimport { asyncExpect } from '../../../tests/utils';\ndescribe('Badge', () => {\n it('badge dot not scaling count > 9', () => {\n const badge = mount({\n render() {\n return ;\n },\n });\n expect(badge.findAll('.ant-card-multiple-words').length).toBe(0);\n });\n it('badge should support float number', () => {\n let wrapper = mount({\n render() {\n return ;\n },\n });\n expect(wrapper.text()).toMatchSnapshot();\n wrapper = mount({\n render() {\n return ;\n },\n });\n expect(wrapper.html()).toMatchSnapshot();\n });\n it('badge dot not showing count == 0', () => {\n const badge = mount({\n render() {\n return ;\n },\n });\n expect(badge.findAll('.ant-badge-dot').length).toBe(0);\n });\n\n it('should have an overriden title attribute', () => {\n const badge = mount({\n render() {\n return ;\n },\n });\n expect(badge.find('.ant-scroll-number').element.attributes.getNamedItem('title').value).toEqual(\n 'Custom title',\n );\n });\n\n // https://github.com/ant-design/ant-design/issues/10626\n // it('should be composable with Tooltip', async () => {\n // const wrapper = mount({\n // render () {\n // return \n // \n // \n // },\n // }, { sync: false })\n // await asyncExpect(() => {\n // wrapper.find({ name: 'ABadge' }).trigger('mouseenter')\n // }, 0)\n\n // expect(wrapper.vm.$refs.tooltip.sVisible).toBe(true)\n // })\n\n it('should render when count is changed', async () => {\n const wrapper = mount(Badge, {\n props: {\n count: 9,\n },\n sync: false,\n });\n await asyncExpect(() => {\n wrapper.setProps({ count: 10 });\n }, 100);\n await asyncExpect(() => {\n expect(wrapper.html()).toMatchSnapshot();\n wrapper.setProps({ count: 11 });\n }, 100);\n await asyncExpect(() => {\n expect(wrapper.html()).toMatchSnapshot();\n wrapper.setProps({ count: 11 });\n }, 100);\n await asyncExpect(() => {\n expect(wrapper.html()).toMatchSnapshot();\n wrapper.setProps({ count: 10 });\n }, 100);\n await asyncExpect(() => {\n expect(wrapper.html()).toMatchSnapshot();\n wrapper.setProps({ count: 9 });\n }, 100);\n await asyncExpect(() => {\n expect(wrapper.html()).toMatchSnapshot();\n }, 100);\n });\n\n it('should be compatible with borderColor style', () => {\n const wrapper = mount({\n render() {\n return (\n \n );\n },\n });\n\n expect(wrapper.html()).toMatchSnapshot();\n });\n\n // https://github.com/ant-design/ant-design/issues/13694\n it('should support offset when count is a VueNode', () => {\n const wrapper = mount({\n render() {\n return (\n } offset={[10, 20]}>\n \n head\n \n \n );\n },\n });\n expect(wrapper.html()).toMatchSnapshot();\n });\n // https://github.com/ant-design/ant-design/issues/15799\n it('render correct with negative number', () => {\n const wrapper = mount({\n render() {\n return (\n
\n \n \n
\n );\n },\n });\n expect(wrapper.html()).toMatchSnapshot();\n });\n\n it('text works with vnode', () => {\n const wrapper = mount({\n render() {\n return hello} />;\n },\n });\n\n expect(wrapper.html()).toMatchSnapshot();\n });\n});\n\ndescribe('Ribbon', () => {\n mountTest(Badge.Ribbon);\n\n describe('placement', () => {\n it('works with `start` & `end` placement', () => {\n const wrapperStart = mount({\n render() {\n return (\n \n
\n \n );\n },\n });\n\n expect(wrapperStart.findAll('.ant-ribbon-placement-start').length).toEqual(1);\n\n const wrapperEnd = mount({\n render() {\n return (\n \n
\n \n );\n },\n });\n expect(wrapperEnd.findAll('.ant-ribbon-placement-end').length).toEqual(1);\n });\n });\n\n describe('color', () => {\n it('works with preset color', () => {\n const wrapper = mount({\n render() {\n return (\n \n
\n \n );\n },\n });\n expect(wrapper.findAll('.ant-ribbon-color-green').length).toEqual(1);\n });\n });\n\n describe('text', () => {\n it('works with string', () => {\n const wrapper = mount({\n render() {\n return (\n \n
\n \n );\n },\n });\n expect(wrapper.find('.ant-ribbon').text()).toEqual('cool');\n });\n it('works with element', () => {\n const wrapper = mount({\n render() {\n return (\n }>\n
\n \n );\n },\n });\n expect(wrapper.findAll('.cool').length).toEqual(1);\n });\n });\n});\n" }, { "path": "components/badge/demo/basic.vue", "content": "\n---\norder: 0\ntitle:\n zh-CN: 基本\n en-US: Basic\n---\n\n## zh-CN\n\n简单的徽章展示，当 `count` 为 `0` 时，默认不显示，但是可以使用 `showZero` 修改为显示。\n\n## en-US\n\nSimplest Usage. Badge will be hidden when `count` is `0`, but we can use `showZero` to show it.\n\n\n\n\n\n" }, { "path": "components/badge/demo/change.vue", "content": "\n---\norder: 5\ntitle:\n zh-CN: 动态\n en-US: Dynamic\n---\n\n## zh-CN\n\n展示动态变化的效果。\n\n## en-US\n\nThe count will be animated as it changes.\n\n\n\n\n" }, { "path": "components/badge/demo/colors.vue", "content": "\n---\norder: 7\ntitle:\n zh-CN: 多彩徽标\n en-US: Colorful Badge\n---\n\n## zh-CN\n\n1.5.0 后新增。我们添加了多种预设色彩的徽标样式，用作不同场景使用。如果预设值不能满足你的需求，可以设置为具体的色值。\n\n## en-US\n\nNew feature after 3.16.0. We preset a series of colorful Badge styles for use in different situations. You can also set it to a hex color string for custom color.\n\n\n\n\n\n" }, { "path": "components/badge/demo/dot.vue", "content": "\n---\norder: 3\ntitle:\n zh-CN: 讨嫌的小红点\n en-US: Red badge\n---\n\n## zh-CN\n\n没有具体的数字。\n\n## en-US\n\nThis will simply display a red badge, without a specific count.\nIf count equals 0, it won't display the dot.\n\n\n\n\n" }, { "path": "components/badge/demo/index.vue", "content": "\n \n\n\n\n\n" }, { "path": "components/table/demo/edit-cell.vue", "content": "\n---\norder: 6\ntitle:\n en-US: Editable Cells\n zh-CN: 可编辑单元格\n---\n\n## zh-CN\n\n带单元格编辑功能的表格。\n\n## en-US\n\nTable with editable cells.\n\n\n\n\n\n\n" }, { "path": "components/table/demo/edit-row.vue", "content": "\n---\norder: 24\ntitle:\n en-US: Editable Rows\n zh-CN: 可编辑行\n---\n\n## zh-CN\n\n带行编辑功能的表格。\n\n## en-US\n\nTable with editable rows.\n\n\n\n\n\n" }, { "path": "components/table/demo/ellipsis.vue", "content": "\n---\norder: 28\ntitle:\n en-US: ellipsis column\n zh-CN: 单元格自动省略\n---\n\n## zh-CN\n\n设置 `column.ellipsis` 可以让单元格内容根据宽度自动省略。\n> 列头缩略暂不支持和排序筛选一起使用。\n\n## en-US\n\nEllipsis cell content via setting `column.ellipsis`.\n> Cannot ellipsis table header with sorters and filters for now.\n\n\n\n\n\n" }, { "path": "components/table/demo/expand-children.vue", "content": "\n---\norder: 9\ntitle:\n en-US: Tree data\n zh-CN: 树形数据展示\n---\n\n## zh-CN\n\n表格支持树形数据的展示，当数据中有 `children` 字段时会自动展示为树形表格，如果不需要或配置为其他字段可以用 `childrenColumnName` 进行配置。\n可以通过设置 `indentSize` 以控制每一层的缩进宽度。\n\n## en-US\n\nDisplay tree structure data in Table when there is field key `children` in dataSource, try to customize `childrenColumnName` property to avoid tree table structure.\nYou can control the indent width by setting `indentSize`.\n\n\n\n\n\n" }, { "path": "components/table/demo/expand.vue", "content": "\n---\norder: 8\ntitle:\n en-US: Expandable Row\n zh-CN: 可展开\n---\n\n## zh-CN\n\n当表格内容较多不能一次性完全展示时。\n\n## en-US\n\nWhen there's too much information to show and the table can't display all at once.\n\n\n\n\n\n" }, { "path": "components/table/demo/filter-in-tree.vue", "content": "\n---\norder: 6.1\nversion: 3.0\ntitle:\n en-US: Filter in Tree\n zh-CN: 树型筛选菜单\n---\n\n## zh-CN\n\n可以使用 `filterMode` 来修改筛选菜单的 UI，可选值有 `menu`（默认）和 `tree`。\n\n> `filterSearch` 用于开启筛选项的搜索。\n\n## en-US\n\nYou can use `filterMode` to change default filter interface, options: `menu`(default) and `tree`.\n\n> `filterSearch` is used for making filter dropdown items searchable.\n\n\n\n\n\n" }, { "path": "components/table/demo/filter-search.vue", "content": "\n---\norder: 6.2\nversion: 4.19.0\ntitle:\n en-US: Filter search\n zh-CN: 自定义筛选的搜索\n---\n\n## zh-CN\n\n`filterSearch` 用于开启筛选项的搜索，通过 `filterSearch:(input, record) => boolean` 设置自定义筛选方法\n\n## en-US\n\n`filterSearch` is used to enable search of filter items, and you can set a custom filter method through `filterSearch:(input, record) => boolean`.\n\n\n\n\n\n" }, { "path": "components/table/demo/fixed-columns-header.vue", "content": "\n---\norder: 20\ntitle:\n en-US: Fixed Columns and Header\n zh-CN: 固定头和列\n---\n\n## zh-CN\n\n适合同时展示有大量数据和数据列。\n\n> 若列头与内容不对齐或出现列重复，请指定**固定列**的宽度 `width`。如果指定 `width` 不生效或出现白色垂直空隙，请尝试建议留一列不设宽度以适应弹性布局，或者检查是否有超长连续字段破坏布局。\n>\n> 建议指定 `scroll.x` 为大于表格宽度的固定值或百分比。注意，且非固定列宽度之和不要超过 `scroll.x`。\n\n## en-US\n\nA Solution for displaying large amounts of data with long columns.\n\n> Specify the width of columns if header and cell do not align properly. If specified width is not working or have gutter between columns, please try to leave one column at least without width to fit fluid layout, or make sure no long word to break table layout.\n>\n> A fixed value which is greater than table width for `scroll.x` is recommended. The sum of unfixed columns should not greater than `scroll.x`.\n\n\n\n\n" }, { "path": "components/table/demo/fixed-columns.vue", "content": "\n---\norder: 19\ntitle:\n en-US: Fixed Columns\n zh-CN: 固定列\n---\n\n## zh-CN\n\n对于列数很多的数据，可以固定前后的列，横向滚动查看其它数据，需要和 `scroll.x` 配合使用。\n\n> 若列头与内容不对齐或出现列重复，请指定**固定列**的宽度 `width`。如果指定 `width` 不生效或出现白色垂直空隙，请尝试建议留一列不设宽度以适应弹性布局，或者检查是否有超长连续字段破坏布局。\n>\n> 建议指定 `scroll.x` 为大于表格宽度的固定值或百分比。注意，且非固定列宽度之和不要超过 `scroll.x`。\n\n## en-US\n\nTo fix some columns and scroll inside other columns, and you must set `scroll.x` meanwhile.\n\n> Specify the width of columns if header and cell do not align properly. If specified width is not working or have gutter between columns, please try to leave one column at least without width to fit fluid layout, or make sure no long word to break table layout.\n>\n> A fixed value which is greater than table width for `scroll.x` is recommended. The sum of unfixed columns should not greater than `scroll.x`.\n\n\n\n\n\n" }, { "path": "components/table/demo/fixed-header.vue", "content": "\n---\norder: 12\ntitle:\n zh-CN: 固定表头\n en-US: Fixed Header\n---\n\n## zh-CN\n\n方便一页内展示大量数据。\n> 需要指定 column 的 `width` 属性，否则列头和内容可能不对齐。如果指定 `width` 不生效或出现白色垂直空隙，请尝试建议留一列不设宽度以适应弹性布局，或者检查是否有超长连续字段破坏布局。\n\n## en-US\n\nDisplay large amounts of data in scrollable view.\n> Specify width of columns if header and cell do not align properly. If specified width is not working or have gutter between columns, please try to leave one column at least without width to fit fluid layout, or make sure no long word to break table layout.\n\n\n\n\n\n" }, { "path": "components/table/demo/grouping-columns.vue", "content": "\n---\norder: 13\ntitle:\n zh-CN: 表头分组\n en-US: Grouping table head\n---\n\n## zh-CN\n\n`columns[n]` 可以内嵌 `children`，以渲染分组表头。\n\n## en-US\n\nGroup table head with `columns[n].children`.\n\n\n\n\n\n" }, { "path": "components/table/demo/head.vue", "content": "\n---\norder: 14\ntitle:\n zh-CN: 筛选和排序\n en-US: Filter and sorter\n---\n\n## zh-CN\n\n对某一列数据进行筛选，使用列的 `filters` 属性来指定需要筛选菜单的列，`onFilter` 用于筛选当前数据，`filterMultiple` 用于指定多选和单选。\n对某一列数据进行排序，通过指定列的 `sorter` 函数即可启动排序按钮。`sorter: function(rowA, rowB) { ... }`， rowA、rowB 为比较的两个行数据。\n`sortDirections: ['ascend' | 'descend']`改变每列可用的排序方式，切换排序时按数组内容依次切换，设置在 table props 上时对所有列生效。\n使用 `defaultSortOrder` 属性，设置列的默认排序顺序。\n\n## en-US\n\nUse `filters` to generate filter menu in columns, `onFilter` to determine filtered result, and `filterMultiple` to indicate whether it's multiple or single selection.\nUses `defaultFilteredValue` to make a column filtered by default.\nUse `sorter` to make a column sortable. `sorter` can be a function of the type `function(a, b) { ... }` for sorting data locally.\n`sortDirections: ['ascend' | 'descend']` defines available sort methods for each columns, effective for all columns when set on table props.\nUses `defaultSortOrder` to make a column sorted by default.\nIf a `sortOrder` or `defaultSortOrder` is specified with the value `ascend` or `descend`, you can access this value from within the function passed to the `sorter` as explained above. Such a function can take the form: `function(a, b, sortOrder) { ... }`.\n\n\n\n\n\n" }, { "path": "components/table/demo/index.vue", "content": "\n\n\n" }, { "path": "components/table/demo/multiple-sorter.vue", "content": "\n---\norder: 7\ntitle:\n en-US: Multiple sorter\n zh-CN: 多列排序\n---\n\n## zh-CN\n\n`column.sorter` 支持 `multiple` 字段以配置多列排序优先级。通过 `sorter.compare` 配置排序逻辑，你可以通过不设置该函数只启动多列排序的交互形式。\n\n## en-US\n\n`column.sorter` support `multiple` to config the priority of sort columns. Though `sorter.compare` to customize compare function. You can also leave it empty to use the interactive only.\n\n\n\n\n\n\n" }, { "path": "components/table/demo/nested-table.vue", "content": "\n---\norder: 15\ntitle:\n zh-CN: 嵌套子表格\n en-US: Nested tables\n\n---\n\n## zh-CN\n\n展示每行数据更详细的信息。\n\n## en-US\n\nShowing more detailed info of every row.\n\n\n\n\n\n" }, { "path": "components/table/demo/order-column.vue", "content": "\n---\norder: 14.1\nversion: 3.0\ntitle:\n en-US: Order Specific Column\n zh-CN: 特殊列排序\n---\n\n## zh-CN\n\n你可以通过 `Table.EXPAND_COLUMN` 和 `Table.SELECT_COLUMN` 来控制选择和展开列的顺序。\n\n## en-US\n\nYou can control the order of the expand and select columns by using `Table.EXPAND_COLUMN` and `Table.SELECT_COLUMN`.\n\n\n\n\n\n" }, { "path": "components/table/demo/reset-filter.vue", "content": "\n---\norder: 16\ntitle:\n zh-CN: 可控的筛选和排序\n en-US: Reset filters and sorters\n\n---\n\n## zh-CN\n\n使用受控属性对筛选和排序状态进行控制。\n> 1. columns 中定义了 filteredValue 和 sortOrder 属性即视为受控模式。\n> 2. 只支持同时对一列进行排序，请保证只有一列的 sortOrder 属性是生效的。\n> 3. 务必指定 `column.key`。\n\n## en-US\n\nControl filters and sorters by `filteredValue` and `sortOrder`.\n> 1. Defining `filteredValue` or `sortOrder` means that it is in the controlled mode.\n> 2. Make sure `sortOrder` is assigned for only one column.\n> 3. `column.key` is required.\n\n\n\n\n\n\n" }, { "path": "components/table/demo/resizable-column.vue", "content": "\n---\norder: 0\ntitle:\n en-US: Resizable column\n zh-CN: 可伸缩列\n---\n\n## zh-CN\n\n设置 resizable 开启拖动列\n\n鼠标 hover 到 Name、 Age 分割线上体验一下吧\n\n## en-US\n\nset resizable for drag column\n\n\n\n\n" }, { "path": "components/table/demo/responsive.vue", "content": "\n---\norder: 30\ntitle:\n en-US: Responsive\n zh-CN: 响应式\n---\n\n## zh-CN\n\n响应式配置列的展示。\n\n## en-US\n\nResponsive columns.\n\n\n\n\n" }, { "path": "components/table/demo/row-selection-and-operation.vue", "content": "\n---\norder: 3\ntitle:\n en-US: Selection and operation\n zh-CN: 选择和操作\n---\n\n## zh-CN\n\n选择后进行操作，完成后清空选择，通过 `rowSelection.selectedRowKeys` 来控制选中项。\n\n## en-US\n\nTo perform operations and clear selections after selecting some rows, use `rowSelection.selectedRowKeys` to control selected rows.\n\n\n\n\n\n" }, { "path": "components/table/demo/row-selection-custom.vue", "content": "\n---\norder: 4\ntitle:\n en-US: Custom selection\n zh-CN: 自定义选择项\n---\n\n## zh-CN\n通过 `rowSelection.selections` 自定义选择项，默认不显示下拉选项，设为 `true` 时显示默认选择项。\n\n## en-US\nUse `rowSelection.selections` custom selections, default no select dropdown, show default selections via setting to `true`.\n\n\n\n\n\n" }, { "path": "components/table/demo/row-selection.vue", "content": "\n---\norder: 2\ntitle:\n en-US: selection\n zh-CN: 可选择\n---\n\n## zh-CN\n第一列是联动的选择框。\n默认点击 checkbox 触发选择行为，需要 `点击行` 触发可参考例子：https://codesandbox.io/s/row-selection-on-click-tr58v\n\n## en-US\nRows can be selectable by making first column as a selectable column.\nselection happens when clicking checkbox defaultly. You can see https://codesandbox.io/s/row-selection-on-click-tr58v if you need row-click selection behavior.\n\n\n\n\n\n" }, { "path": "components/table/demo/size.vue", "content": "\n---\norder: 98\ntitle:\n en-US: size\n zh-CN: 紧凑型\n---\n\n## zh-CN\n两种紧凑型的列表，小型列表只用于对话框内。\n\n## en-US\n\nThere are two compacted table sizes: `middle` and `small`. The `small` size is used in Modals only.\n\n\n\n\n\n\n" }, { "path": "components/table/demo/sticky.vue", "content": "\n---\norder: 99\ntitle:\n en-US: Fixed header and scroll bar with the page\n zh-CN: 随页面滚动的固定表头和滚动条\n---\n\n## zh-CN\n\n对于长表格，需要滚动才能查看表头和滚动条，那么现在可以设置跟随页面固定表头和滚动条。\n\n## en-US\n\nFor long table，need to scroll to view the header and scroll bar，then you can now set the fixed header and scroll bar to follow the page.\n\n\n\n\n\n\n\n\n" }, { "path": "components/table/demo/stripe.vue", "content": "\n---\norder: 97\ntitle:\n en-US: Stripe Style\n zh-CN: 带斑马纹表格\n---\n\n## zh-CN\n利用 `rowClassName` 自定义带斑马纹的表格。\n\n## en-US\nUse `rowClassName` Customize the table with Striped.\n\n\n\n\n\n\n\n\n" }, { "path": "components/table/demo/summary.vue", "content": "\n---\norder: 29\ntitle:\n en-US: Summary\n zh-CN: 总结栏\n---\n\n## zh-CN\n\n通过 `summary` 设置总结栏。使用 `a-table-summary-cell` 同步 Column 的固定状态。你可以通过配置 `a-table-summary` 的 `fixed` 属性使其固定。\n\n## en-US\n\nSet summary content by `summary` prop. Sync column fixed status with `a-table-summary-cell`. You can fixed it by set `a-table-summary` `fixed` prop.\n\n\n\n\n\n\n\n\n" }, { "path": "components/table/demo/template.vue", "content": "\n---\norder: 99\ntitle:\n en-US: template style API\n zh-CN: template 风格的 API\n---\n\n## zh-CN\n\n使用 template 风格的 API。\n\n> 不推荐使用，会有一定的性能损耗。\n\n> 这个只是一个描述 `columns` 的语法糖，所以你不能用其他组件去包裹 `Column` 和 `ColumnGroup`。\n\n## en-US\n\nUsing template style API.\n\n> Not recommended, there will be a certain performance loss.\n\n> Since this is just a syntax sugar for the prop `columns`, so that you can't compose `Column` and `ColumnGroup` with other Components.\n\n\n\n\n\n" }, { "path": "components/table/hooks/useColumns.tsx", "content": "import devWarning from '../../vc-util/devWarning';\nimport type { Ref } from 'vue';\nimport type { ContextSlots } from '../context';\nimport type { TransformColumns, ColumnsType } from '../interface';\nimport { SELECTION_COLUMN } from './useSelection';\nimport { EXPAND_COLUMN } from '../../vc-table';\nimport { customRenderSlot } from '../../_util/vnode';\n\nfunction fillSlots(columns: ColumnsType, contextSlots: Ref) {\n const $slots = contextSlots.value;\n return columns.map(column => {\n if (column === SELECTION_COLUMN || column === EXPAND_COLUMN) return column;\n const cloneColumn = { ...column };\n const { slots = {} } = cloneColumn;\n cloneColumn.__originColumn__ = column;\n devWarning(\n !('slots' in cloneColumn),\n 'Table',\n '`column.slots` is deprecated. Please use `v-slot:headerCell` `v-slot:bodyCell` instead.',\n );\n\n Object.keys(slots).forEach(key => {\n const name = slots[key];\n if (cloneColumn[key] === undefined && $slots[name]) {\n cloneColumn[key] = $slots[name];\n }\n });\n\n if (contextSlots.value.headerCell && !column.slots?.title) {\n cloneColumn.title = customRenderSlot(\n contextSlots.value,\n 'headerCell',\n {\n title: column.title,\n column,\n },\n () => [column.title as any],\n );\n }\n if ('children' in cloneColumn && Array.isArray(cloneColumn.children)) {\n cloneColumn.children = fillSlots(cloneColumn.children, contextSlots);\n }\n\n return cloneColumn;\n });\n}\n\nexport default function useColumns(\n contextSlots: Ref,\n): [TransformColumns] {\n const filledColumns = (columns: ColumnsType) => fillSlots(columns, contextSlots);\n\n return [filledColumns];\n}\n" }, { "path": "components/table/hooks/useFilter/FilterDropdown.tsx", "content": "import FilterFilled from '@ant-design/icons-vue/FilterFilled';\nimport Button from '../../../button';\nimport Menu from '../../../menu';\nimport Checkbox from '../../../checkbox';\nimport Radio from '../../../radio';\nimport Dropdown from '../../../dropdown';\nimport Empty from '../../../empty';\nimport type {\n ColumnType,\n ColumnFilterItem,\n Key,\n TableLocale,\n GetPopupContainer,\n FilterSearchType,\n} from '../../interface';\nimport FilterDropdownMenuWrapper from './FilterWrapper';\nimport type { FilterState } from '.';\nimport { flattenKeys } from '.';\nimport { computed, defineComponent, onBeforeUnmount, shallowRef, watch } from 'vue';\nimport classNames from '../../../_util/classNames';\nimport useConfigInject from '../../../config-provider/hooks/useConfigInject';\nimport { useInjectSlots } from '../../context';\nimport type { DataNode, EventDataNode } from '../../../tree';\nimport type { EventHandler } from '../../../_util/EventInterface';\nimport FilterSearch from './FilterSearch';\nimport Tree from '../../../tree';\nimport type { CheckboxChangeEvent } from '../../../checkbox/interface';\nimport devWarning from '../../../vc-util/devWarning';\nimport isEqual from '../../../vc-util/isEqual';\n\ninterface FilterResetProps {\n confirm?: boolean;\n closeDropdown?: boolean;\n}\n\nconst { SubMenu, Item: MenuItem } = Menu;\n\nfunction hasSubMenu(filters: ColumnFilterItem[]) {\n return filters.some(({ children }) => children && children.length > 0);\n}\n\nfunction searchValueMatched(searchValue: string, text: any) {\n if (typeof text === 'string' || typeof text === 'number') {\n return text?.toString().toLowerCase().includes(searchValue.trim().toLowerCase());\n }\n return false;\n}\n\nfunction renderFilterItems({\n filters,\n prefixCls,\n filteredKeys,\n filterMultiple,\n searchValue,\n filterSearch,\n}: {\n filters: ColumnFilterItem[];\n prefixCls: string;\n filteredKeys: Key[];\n filterMultiple: boolean;\n searchValue: string;\n filterSearch: FilterSearchType;\n}) {\n return filters.map((filter, index) => {\n const key = String(filter.value);\n\n if (filter.children) {\n return (\n \n {renderFilterItems({\n filters: filter.children,\n prefixCls,\n filteredKeys,\n filterMultiple,\n searchValue,\n filterSearch,\n })}\n \n );\n }\n\n const Component = filterMultiple ? Checkbox : Radio;\n\n const item = (\n \n \n {filter.text}\n \n );\n if (searchValue.trim()) {\n if (typeof filterSearch === 'function') {\n return filterSearch(searchValue, filter) ? item : undefined;\n }\n return searchValueMatched(searchValue, filter.text) ? item : undefined;\n }\n return item;\n });\n}\nexport type TreeColumnFilterItem = ColumnFilterItem;\nexport interface FilterDropdownProps {\n tablePrefixCls: string;\n prefixCls: string;\n dropdownPrefixCls: string;\n column: ColumnType;\n filterState?: FilterState;\n filterMultiple: boolean;\n filterMode?: 'menu' | 'tree';\n filterSearch?: FilterSearchType;\n columnKey: Key;\n triggerFilter: (filterState: FilterState) => void;\n locale: TableLocale;\n getPopupContainer?: GetPopupContainer;\n filterResetToDefaultFilteredValue?: boolean;\n}\n\nexport default defineComponent>({\n name: 'FilterDropdown',\n props: [\n 'tablePrefixCls',\n 'prefixCls',\n 'dropdownPrefixCls',\n 'column',\n 'filterState',\n 'filterMultiple',\n 'filterMode',\n 'filterSearch',\n 'columnKey',\n 'triggerFilter',\n 'locale',\n 'getPopupContainer',\n ] as any,\n setup(props, { slots }) {\n const contextSlots = useInjectSlots();\n const filterMode = computed(() => props.filterMode ?? 'menu');\n const filterSearch = computed(() => props.filterSearch ?? false);\n const filterDropdownOpen = computed(\n () => props.column.filterDropdownOpen || props.column.filterDropdownVisible,\n );\n const onFilterDropdownOpenChange = computed(\n () => props.column.onFilterDropdownOpenChange || props.column.onFilterDropdownVisibleChange,\n );\n\n if (process.env.NODE_ENV !== 'production') {\n [\n ['filterDropdownVisible', 'filterDropdownOpen', props.column.filterDropdownVisible],\n [\n 'onFilterDropdownVisibleChange',\n 'onFilterDropdownOpenChange',\n props.column.onFilterDropdownVisibleChange,\n ],\n ].forEach(([deprecatedName, newName, prop]) => {\n devWarning(\n prop === undefined || prop === null,\n 'Table',\n `\\`${deprecatedName}\\` is deprecated. Please use \\`${newName}\\` instead.`,\n );\n });\n }\n const visible = shallowRef(false);\n const filtered = computed(\n () =>\n !!(\n props.filterState &&\n (props.filterState.filteredKeys?.length || props.filterState.forceFiltered)\n ),\n );\n const filterFlattenKeys = computed(() => flattenKeys(props.column?.filters));\n const filterDropdownRef = computed(() => {\n const { filterDropdown, slots = {}, customFilterDropdown } = props.column;\n return (\n filterDropdown ||\n (slots.filterDropdown && contextSlots.value[slots.filterDropdown]) ||\n (customFilterDropdown && contextSlots.value.customFilterDropdown)\n );\n });\n\n const filterIconRef = computed(() => {\n const { filterIcon, slots = {} } = props.column;\n return (\n filterIcon ||\n (slots.filterIcon && contextSlots.value[slots.filterIcon]) ||\n contextSlots.value.customFilterIcon\n );\n });\n\n const triggerVisible = (newVisible: boolean) => {\n visible.value = newVisible;\n onFilterDropdownOpenChange.value?.(newVisible);\n };\n\n const mergedVisible = computed(() =>\n typeof filterDropdownOpen.value === 'boolean' ? filterDropdownOpen.value : visible.value,\n );\n\n const propFilteredKeys = computed(() => props.filterState?.filteredKeys);\n\n const filteredKeys = shallowRef([]);\n\n const onSelectKeys = ({ selectedKeys }: { selectedKeys?: Key[] }) => {\n filteredKeys.value = selectedKeys;\n };\n\n const onCheck = (keys: Key[], { node, checked }: { node: EventDataNode; checked: boolean }) => {\n if (!props.filterMultiple) {\n onSelectKeys({ selectedKeys: checked && node.key ? [node.key] : [] });\n } else {\n onSelectKeys({ selectedKeys: keys as Key[] });\n }\n };\n\n watch(\n propFilteredKeys,\n () => {\n if (!visible.value) {\n return;\n }\n onSelectKeys({ selectedKeys: propFilteredKeys.value || [] });\n },\n { immediate: true },\n );\n\n // const expandKeys = shallowRef(filterFlattenKeys.value.slice());\n // const onExpandChange = keys => (expandKeys.value = keys);\n const openKeys = shallowRef([]);\n\n const openRef = shallowRef();\n\n const onOpenChange = (keys: string[]) => {\n openRef.value = setTimeout(() => {\n openKeys.value = keys;\n });\n };\n const onMenuClick = () => {\n clearTimeout(openRef.value);\n };\n\n onBeforeUnmount(() => {\n clearTimeout(openRef.value);\n });\n\n const searchValue = shallowRef('');\n const onSearch: EventHandler = e => {\n const { value } = e.target;\n searchValue.value = value;\n };\n // clear search value after close filter dropdown\n watch(visible, () => {\n if (!visible.value) {\n searchValue.value = '';\n }\n });\n\n // ======================= Submit ========================\n const internalTriggerFilter = (keys?: Key[]) => {\n const { column, columnKey, filterState } = props;\n const mergedKeys = keys && keys.length ? keys : null;\n if (mergedKeys === null && (!filterState || !filterState.filteredKeys)) {\n return null;\n }\n\n if (isEqual(mergedKeys, filterState?.filteredKeys, true)) {\n return null;\n }\n\n props.triggerFilter({\n column,\n key: columnKey,\n filteredKeys: mergedKeys,\n });\n };\n\n const onConfirm = () => {\n triggerVisible(false);\n internalTriggerFilter(filteredKeys.value);\n };\n\n const onReset = (\n { confirm, closeDropdown }: FilterResetProps = { confirm: false, closeDropdown: false },\n ) => {\n if (confirm) {\n internalTriggerFilter([]);\n }\n if (closeDropdown) {\n triggerVisible(false);\n }\n searchValue.value = '';\n if (props.column.filterResetToDefaultFilteredValue) {\n filteredKeys.value = (props.column.defaultFilteredValue || []).map(key => String(key));\n } else {\n filteredKeys.value = [];\n }\n };\n\n const doFilter = ({ closeDropdown } = { closeDropdown: true }) => {\n if (closeDropdown) {\n triggerVisible(false);\n }\n internalTriggerFilter(filteredKeys.value);\n };\n\n const onVisibleChange = (newVisible: boolean) => {\n if (newVisible && propFilteredKeys.value !== undefined) {\n // Sync filteredKeys on appear in controlled mode (propFilteredKeys.value !== undefiend)\n filteredKeys.value = propFilteredKeys.value || [];\n }\n triggerVisible(newVisible);\n\n // Default will filter when closed\n if (!newVisible && !filterDropdownRef.value) {\n onConfirm();\n }\n };\n\n const { direction } = useConfigInject('', props);\n\n const onCheckAll = (e: CheckboxChangeEvent) => {\n if (e.target.checked) {\n const allFilterKeys = filterFlattenKeys.value;\n filteredKeys.value = allFilterKeys;\n } else {\n filteredKeys.value = [];\n }\n };\n\n const getTreeData = ({ filters }: { filters?: ColumnFilterItem[] }) =>\n (filters || []).map((filter, index) => {\n const key = String(filter.value);\n const item: DataNode = {\n title: filter.text,\n key: filter.value !== undefined ? key : index,\n };\n if (filter.children) {\n item.children = getTreeData({ filters: filter.children });\n }\n return item;\n });\n\n const getFilterData = (node: any): TreeColumnFilterItem => ({\n ...node,\n text: node.title,\n value: node.key,\n children: node.children?.map(item => getFilterData(item)) || [],\n });\n\n const treeData = computed(() => getTreeData({ filters: props.column.filters }));\n // ======================== Style ========================\n const dropdownMenuClass = computed(() =>\n classNames({\n [`${props.dropdownPrefixCls}-menu-without-submenu`]: !hasSubMenu(\n props.column.filters || [],\n ),\n }),\n );\n const getFilterComponent = () => {\n const selectedKeys = filteredKeys.value;\n const {\n column,\n locale,\n tablePrefixCls,\n filterMultiple,\n dropdownPrefixCls,\n getPopupContainer,\n prefixCls,\n } = props;\n if ((column.filters || []).length === 0) {\n return (\n \n );\n }\n if (filterMode.value === 'tree') {\n return (\n <>\n \n
\n {filterMultiple ? (\n 0 && selectedKeys.length < filterFlattenKeys.value.length\n }\n >\n {locale.filterCheckall}\n \n ) : null}\n {\n if (typeof filterSearch.value === 'function') {\n return filterSearch.value(searchValue.value, getFilterData(node));\n }\n return searchValueMatched(searchValue.value, node.title);\n }\n : undefined\n }\n />\n
\n \n );\n }\n return (\n <>\n \n \n renderFilterItems({\n filters: column.filters || [],\n filterSearch: filterSearch.value,\n prefixCls,\n filteredKeys: filteredKeys.value,\n filterMultiple,\n searchValue: searchValue.value,\n }),\n }}\n >\n \n );\n };\n const resetDisabled = computed(() => {\n const selectedKeys = filteredKeys.value;\n if (props.column.filterResetToDefaultFilteredValue) {\n return isEqual(\n (props.column.defaultFilteredValue || []).map(key => String(key)),\n selectedKeys,\n true,\n );\n }\n\n return selectedKeys.length === 0;\n });\n return () => {\n const { tablePrefixCls, prefixCls, column, dropdownPrefixCls, locale, getPopupContainer } =\n props;\n\n let dropdownContent;\n\n if (typeof filterDropdownRef.value === 'function') {\n dropdownContent = filterDropdownRef.value({\n prefixCls: `${dropdownPrefixCls}-custom`,\n setSelectedKeys: (selectedKeys: Key[]) => onSelectKeys({ selectedKeys }),\n selectedKeys: filteredKeys.value,\n confirm: doFilter,\n clearFilters: onReset,\n filters: column.filters,\n visible: mergedVisible.value,\n column: column.__originColumn__,\n close: () => {\n triggerVisible(false);\n },\n });\n } else if (filterDropdownRef.value) {\n dropdownContent = filterDropdownRef.value;\n } else {\n dropdownContent = (\n <>\n {getFilterComponent()}\n
\n onReset()}\n >\n {locale.filterReset}\n \n \n
\n \n );\n }\n\n const menu = (\n \n {dropdownContent}\n \n );\n\n let filterIcon;\n if (typeof filterIconRef.value === 'function') {\n filterIcon = filterIconRef.value({\n filtered: filtered.value,\n column: column.__originColumn__,\n });\n } else if (filterIconRef.value) {\n filterIcon = filterIconRef.value;\n } else {\n filterIcon = ;\n }\n\n return (\n
\n {slots.default?.()}\n \n {\n e.stopPropagation();\n }}\n >\n {filterIcon}\n \n \n
\n );\n };\n },\n});\n" }, { "path": "components/table/hooks/useFilter/FilterSearch.tsx", "content": "import { defineComponent } from 'vue';\nimport SearchOutlined from '@ant-design/icons-vue/SearchOutlined';\nimport type { FilterSearchType, TableLocale } from '../../interface';\nimport Input from '../../../input';\nimport { stringType, someType, functionType, objectType } from '../../../_util/type';\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'FilterSearch',\n inheritAttrs: false,\n props: {\n value: stringType(),\n onChange: functionType<(e: InputEvent) => void>(),\n filterSearch: someType([Boolean, Function]),\n tablePrefixCls: stringType(),\n locale: objectType(),\n },\n setup(props) {\n return () => {\n const { value, onChange, filterSearch, tablePrefixCls, locale } = props;\n if (!filterSearch) {\n return null;\n }\n return (\n
\n }}\n placeholder={locale.filterSearchPlaceholder}\n onChange={onChange}\n value={value}\n // for skip min-width of input\n htmlSize={1}\n class={`${tablePrefixCls}-filter-dropdown-search-input`}\n />\n
\n );\n };\n },\n});\n" }, { "path": "components/table/hooks/useFilter/FilterWrapper.tsx", "content": "import KeyCode from '../../../_util/KeyCode';\nimport type { KeyboardEventHandler } from '../../../_util/EventInterface';\n\nconst onKeyDown: KeyboardEventHandler = event => {\n const { keyCode } = event;\n if (keyCode === KeyCode.ENTER) {\n event.stopPropagation();\n }\n};\nconst FilterDropdownMenuWrapper = (_props, { slots }) => (\n
e.stopPropagation()} onKeydown={onKeyDown}>\n {slots.default?.()}\n
\n);\n\nexport default FilterDropdownMenuWrapper;\n" }, { "path": "components/table/hooks/useFilter/index.tsx", "content": "import type { DefaultRecordType } from '../../../vc-table/interface';\nimport devWarning from '../../../vc-util/devWarning';\nimport useState from '../../../_util/hooks/useState';\nimport type { Ref } from 'vue';\nimport { computed } from 'vue';\nimport type {\n TransformColumns,\n ColumnsType,\n ColumnType,\n ColumnTitleProps,\n Key,\n TableLocale,\n FilterValue,\n FilterKey,\n GetPopupContainer,\n ColumnFilterItem,\n} from '../../interface';\nimport { getColumnPos, renderColumnTitle, getColumnKey } from '../../util';\nimport FilterDropdown from './FilterDropdown';\n\nexport interface FilterState {\n column: ColumnType;\n key: Key;\n filteredKeys?: FilterKey;\n forceFiltered?: boolean;\n}\n\nfunction collectFilterStates(\n columns: ColumnsType,\n init: boolean,\n pos?: string,\n): FilterState[] {\n let filterStates: FilterState[] = [];\n\n (columns || []).forEach((column, index) => {\n const columnPos = getColumnPos(index, pos);\n const hasFilterDropdown =\n column.filterDropdown || column?.slots?.filterDropdown || column.customFilterDropdown;\n if (column.filters || hasFilterDropdown || 'onFilter' in column) {\n if ('filteredValue' in column) {\n // Controlled\n let filteredValues = column.filteredValue;\n if (!hasFilterDropdown) {\n filteredValues = filteredValues?.map(String) ?? filteredValues;\n }\n filterStates.push({\n column,\n key: getColumnKey(column, columnPos),\n filteredKeys: filteredValues as FilterKey,\n forceFiltered: column.filtered,\n });\n } else {\n // Uncontrolled\n filterStates.push({\n column,\n key: getColumnKey(column, columnPos),\n filteredKeys: (init && column.defaultFilteredValue\n ? column.defaultFilteredValue!\n : undefined) as FilterKey,\n forceFiltered: column.filtered,\n });\n }\n }\n if ('children' in column) {\n filterStates = [...filterStates, ...collectFilterStates(column.children, init, columnPos)];\n }\n });\n\n return filterStates;\n}\n\nfunction injectFilter(\n prefixCls: string,\n dropdownPrefixCls: string,\n columns: ColumnsType,\n filterStates: FilterState[],\n locale: TableLocale,\n triggerFilter: (filterState: FilterState) => void,\n getPopupContainer?: GetPopupContainer | undefined,\n pos?: string,\n): ColumnsType {\n return columns.map((column, index) => {\n const columnPos = getColumnPos(index, pos);\n const { filterMultiple = true, filterMode, filterSearch } = column as ColumnType;\n\n let newColumn: ColumnsType[number] = column;\n const hasFilterDropdown =\n column.filterDropdown || column?.slots?.filterDropdown || column.customFilterDropdown;\n if (newColumn.filters || hasFilterDropdown) {\n const columnKey = getColumnKey(newColumn, columnPos);\n const filterState = filterStates.find(({ key }) => columnKey === key);\n\n newColumn = {\n ...newColumn,\n title: (renderProps: ColumnTitleProps) => (\n \n {renderColumnTitle(column.title, renderProps)}\n \n ),\n };\n }\n\n if ('children' in newColumn) {\n newColumn = {\n ...newColumn,\n children: injectFilter(\n prefixCls,\n dropdownPrefixCls,\n newColumn.children,\n filterStates,\n locale,\n triggerFilter,\n getPopupContainer,\n columnPos,\n ),\n };\n }\n\n return newColumn;\n });\n}\n\nexport function flattenKeys(filters?: ColumnFilterItem[]) {\n let keys: FilterValue = [];\n (filters || []).forEach(({ value, children }) => {\n keys.push(value);\n if (children) {\n keys = [...keys, ...flattenKeys(children)];\n }\n });\n return keys;\n}\n\nfunction generateFilterInfo(filterStates: FilterState[]) {\n const currentFilters: Record = {};\n\n filterStates.forEach(({ key, filteredKeys, column }) => {\n const hasFilterDropdown =\n column.filterDropdown || column?.slots?.filterDropdown || column.customFilterDropdown;\n const { filters } = column;\n if (hasFilterDropdown) {\n currentFilters[key] = filteredKeys || null;\n } else if (Array.isArray(filteredKeys)) {\n const keys = flattenKeys(filters);\n currentFilters[key] = keys.filter(originKey => filteredKeys.includes(String(originKey)));\n } else {\n currentFilters[key] = null;\n }\n });\n\n return currentFilters;\n}\n\nexport function getFilterData(\n data: RecordType[],\n filterStates: FilterState[],\n) {\n return filterStates.reduce((currentData, filterState) => {\n const {\n column: { onFilter, filters },\n filteredKeys,\n } = filterState;\n if (onFilter && filteredKeys && filteredKeys.length) {\n return currentData.filter(record =>\n filteredKeys.some(key => {\n const keys = flattenKeys(filters);\n const keyIndex = keys.findIndex(k => String(k) === String(key));\n const realKey = keyIndex !== -1 ? keys[keyIndex] : key;\n return onFilter(realKey, record);\n }),\n );\n }\n return currentData;\n }, data);\n}\n\nfunction getMergedColumns(\n rawMergedColumns: ColumnsType,\n): ColumnsType {\n return rawMergedColumns.flatMap(column => {\n if ('children' in column) {\n return [column, ...getMergedColumns(column.children || [])];\n }\n return [column];\n });\n}\n\ninterface FilterConfig {\n prefixCls: Ref;\n dropdownPrefixCls: Ref;\n mergedColumns: Ref>;\n locale: Ref;\n onFilterChange: (\n filters: Record,\n filterStates: FilterState[],\n ) => void;\n getPopupContainer?: Ref;\n}\n\nfunction useFilter({\n prefixCls,\n dropdownPrefixCls,\n mergedColumns: rawMergedColumns,\n locale,\n onFilterChange,\n getPopupContainer,\n}: FilterConfig): [\n TransformColumns,\n Ref[]>,\n Ref>,\n] {\n const mergedColumns = computed(() => getMergedColumns(rawMergedColumns.value));\n\n const [filterStates, setFilterStates] = useState[]>(\n collectFilterStates(mergedColumns.value, true),\n );\n\n const mergedFilterStates = computed(() => {\n const collectedStates = collectFilterStates(mergedColumns.value, false);\n if (collectedStates.length === 0) {\n return collectedStates;\n }\n let filteredKeysIsAllNotControlled = true;\n let filteredKeysIsAllControlled = true;\n collectedStates.forEach(({ filteredKeys }) => {\n if (filteredKeys !== undefined) {\n filteredKeysIsAllNotControlled = false;\n } else {\n filteredKeysIsAllControlled = false;\n }\n });\n\n // Return if not controlled\n if (filteredKeysIsAllNotControlled) {\n // Filter column may have been removed\n const keyList = (mergedColumns.value || []).map((column, index) =>\n getColumnKey(column, getColumnPos(index)),\n );\n return filterStates.value\n .filter(({ key }) => keyList.includes(key))\n .map(item => {\n const col = mergedColumns.value[keyList.findIndex(key => key === item.key)];\n return {\n ...item,\n column: {\n ...item.column,\n ...col,\n },\n forceFiltered: col.filtered,\n };\n });\n }\n\n devWarning(\n filteredKeysIsAllControlled,\n 'Table',\n 'Columns should all contain `filteredValue` or not contain `filteredValue`.',\n );\n\n return collectedStates;\n });\n\n const filters = computed(() => generateFilterInfo(mergedFilterStates.value));\n\n const triggerFilter = (filterState: FilterState) => {\n const newFilterStates = mergedFilterStates.value.filter(({ key }) => key !== filterState.key);\n newFilterStates.push(filterState);\n setFilterStates(newFilterStates);\n onFilterChange(generateFilterInfo(newFilterStates), newFilterStates);\n };\n\n const transformColumns = (innerColumns: ColumnsType) => {\n return injectFilter(\n prefixCls.value,\n dropdownPrefixCls.value,\n innerColumns,\n mergedFilterStates.value,\n locale.value,\n triggerFilter,\n getPopupContainer.value,\n );\n };\n return [transformColumns, mergedFilterStates, filters];\n}\n\nexport default useFilter;\n" }, { "path": "components/table/hooks/useLazyKVMap.ts", "content": "import type { Ref } from 'vue';\nimport { watch, shallowRef } from 'vue';\nimport type { Key, GetRowKey } from '../interface';\n\ninterface MapCache {\n kvMap?: Map;\n}\n\nexport default function useLazyKVMap(\n dataRef: Ref,\n childrenColumnNameRef: Ref,\n getRowKeyRef: Ref>,\n) {\n const mapCacheRef = shallowRef>({});\n\n watch(\n [dataRef, childrenColumnNameRef, getRowKeyRef],\n () => {\n const kvMap = new Map();\n const getRowKey = getRowKeyRef.value;\n const childrenColumnName = childrenColumnNameRef.value;\n /* eslint-disable no-inner-declarations */\n function dig(records: readonly RecordType[]) {\n records.forEach((record, index) => {\n const rowKey = getRowKey(record, index);\n kvMap.set(rowKey, record);\n\n if (record && typeof record === 'object' && childrenColumnName in record) {\n dig((record as any)[childrenColumnName] || []);\n }\n });\n }\n /* eslint-enable */\n\n dig(dataRef.value);\n\n mapCacheRef.value = {\n kvMap,\n };\n },\n {\n deep: true,\n immediate: true,\n },\n );\n function getRecordByKey(key: Key): RecordType {\n return mapCacheRef.value.kvMap!.get(key)!;\n }\n\n return [getRecordByKey];\n}\n" }, { "path": "components/table/hooks/usePagination.ts", "content": "import useState from '../../_util/hooks/useState';\nimport type { Ref } from 'vue';\nimport { computed } from 'vue';\nimport type { PaginationProps } from '../../pagination';\nimport type { TablePaginationConfig } from '../interface';\nimport extendsObject from '../../_util/extendsObject';\n\nexport const DEFAULT_PAGE_SIZE = 10;\n\nexport function getPaginationParam(\n mergedPagination: TablePaginationConfig,\n pagination: TablePaginationConfig | boolean | undefined,\n) {\n const param: any = {\n current: mergedPagination.current,\n pageSize: mergedPagination.pageSize,\n };\n const paginationObj = pagination && typeof pagination === 'object' ? pagination : {};\n\n Object.keys(paginationObj).forEach(pageProp => {\n const value = (mergedPagination as any)[pageProp];\n\n if (typeof value !== 'function') {\n param[pageProp] = value;\n }\n });\n\n return param;\n}\n\nexport default function usePagination(\n totalRef: Ref,\n paginationRef: Ref,\n onChange: (current: number, pageSize: number) => void,\n): [Ref, () => void] {\n const pagination = computed(() =>\n paginationRef.value && typeof paginationRef.value === 'object' ? paginationRef.value : {},\n );\n const paginationTotal = computed(() => pagination.value.total || 0);\n const [innerPagination, setInnerPagination] = useState<{\n current?: number;\n pageSize?: number;\n }>(() => ({\n current: 'defaultCurrent' in pagination.value ? pagination.value.defaultCurrent : 1,\n pageSize:\n 'defaultPageSize' in pagination.value ? pagination.value.defaultPageSize : DEFAULT_PAGE_SIZE,\n }));\n\n // ============ Basic Pagination Config ============\n const mergedPagination = computed(() => {\n const mP = extendsObject>(\n innerPagination.value,\n pagination.value,\n {\n total: paginationTotal.value > 0 ? paginationTotal.value : totalRef.value,\n },\n );\n // Reset `current` if data length or pageSize changed\n const maxPage = Math.ceil((paginationTotal.value || totalRef.value) / mP.pageSize!);\n if (mP.current! > maxPage) {\n // Prevent a maximum page count of 0\n mP.current = maxPage || 1;\n }\n return mP;\n });\n\n const refreshPagination = (current?: number, pageSize?: number) => {\n if (paginationRef.value === false) return;\n setInnerPagination({\n current: current ?? 1,\n pageSize: pageSize || mergedPagination.value.pageSize,\n });\n };\n\n const onInternalChange: PaginationProps['onChange'] = (current, pageSize) => {\n if (paginationRef.value) {\n pagination.value.onChange?.(current, pageSize);\n }\n refreshPagination(current, pageSize);\n onChange(current, pageSize || mergedPagination.value.pageSize);\n };\n\n return [\n computed(() => {\n return paginationRef.value === false\n ? {}\n : { ...mergedPagination.value, onChange: onInternalChange };\n }),\n refreshPagination,\n ];\n}\n" }, { "path": "components/table/hooks/useSelection.tsx", "content": "import DownOutlined from '@ant-design/icons-vue/DownOutlined';\nimport type { DataNode } from '../../tree';\nimport { INTERNAL_COL_DEFINE } from '../../vc-table';\nimport type { FixedType } from '../../vc-table/interface';\nimport type { GetCheckDisabled } from '../../vc-tree/interface';\nimport { arrAdd, arrDel } from '../../vc-tree/util';\nimport { conductCheck } from '../../vc-tree/utils/conductUtil';\nimport { convertDataToEntities } from '../../vc-tree/utils/treeUtil';\nimport devWarning from '../../vc-util/devWarning';\nimport useMergedState from '../../_util/hooks/useMergedState';\nimport useState from '../../_util/hooks/useState';\nimport type { Ref } from 'vue';\nimport { watchEffect, computed, shallowRef } from 'vue';\nimport type { CheckboxProps } from '../../checkbox';\nimport Checkbox from '../../checkbox';\nimport Dropdown from '../../dropdown';\nimport Menu from '../../menu';\nimport Radio from '../../radio';\nimport type {\n TableRowSelection,\n Key,\n ColumnsType,\n ColumnType,\n GetRowKey,\n TableLocale,\n SelectionItem,\n TransformColumns,\n ExpandType,\n GetPopupContainer,\n} from '../interface';\nimport useMaxLevel from '../../vc-tree/useMaxLevel';\n\n// TODO: warning if use ajax!!!\n\nexport const SELECTION_COLUMN = {} as const;\nexport const SELECTION_ALL = 'SELECT_ALL' as const;\nexport const SELECTION_INVERT = 'SELECT_INVERT' as const;\nexport const SELECTION_NONE = 'SELECT_NONE' as const;\nconst EMPTY_LIST: Key[] = [];\ninterface UseSelectionConfig {\n prefixCls: Ref;\n pageData: Ref;\n data: Ref;\n getRowKey: Ref>;\n getRecordByKey: (key: Key) => RecordType;\n expandType: Ref;\n childrenColumnName: Ref;\n locale: Ref;\n getPopupContainer?: Ref;\n}\n\nexport type INTERNAL_SELECTION_ITEM =\n | SelectionItem\n | typeof SELECTION_ALL\n | typeof SELECTION_INVERT\n | typeof SELECTION_NONE;\n\nfunction flattenData(childrenColumnName: string, data: RecordType[]): RecordType[] {\n let list: RecordType[] = [];\n (data || []).forEach(record => {\n list.push(record);\n\n if (record && typeof record === 'object' && childrenColumnName in record) {\n list = [\n ...list,\n ...flattenData(childrenColumnName, (record as any)[childrenColumnName]),\n ];\n }\n });\n\n return list;\n}\n\nexport default function useSelection(\n rowSelectionRef: Ref | undefined>,\n configRef: UseSelectionConfig,\n): [TransformColumns, Ref>] {\n const mergedRowSelection = computed(() => {\n const temp = rowSelectionRef.value || {};\n const { checkStrictly = true } = temp;\n return { ...temp, checkStrictly };\n });\n\n // ========================= Keys =========================\n const [mergedSelectedKeys, setMergedSelectedKeys] = useMergedState(\n mergedRowSelection.value.selectedRowKeys ||\n mergedRowSelection.value.defaultSelectedRowKeys ||\n EMPTY_LIST,\n {\n value: computed(() => mergedRowSelection.value.selectedRowKeys),\n },\n );\n\n // ======================== Caches ========================\n const preserveRecordsRef = shallowRef(new Map());\n\n const updatePreserveRecordsCache = (keys: Key[]) => {\n if (mergedRowSelection.value.preserveSelectedRowKeys) {\n const newCache = new Map();\n // Keep key if mark as preserveSelectedRowKeys\n keys.forEach(key => {\n let record = configRef.getRecordByKey(key);\n\n if (!record && preserveRecordsRef.value.has(key)) {\n record = preserveRecordsRef.value.get(key)!;\n }\n\n newCache.set(key, record);\n });\n // Refresh to new cache\n preserveRecordsRef.value = newCache;\n }\n };\n\n watchEffect(() => {\n updatePreserveRecordsCache(mergedSelectedKeys.value);\n });\n\n const keyEntities = computed(() =>\n mergedRowSelection.value.checkStrictly\n ? null\n : convertDataToEntities(configRef.data.value as unknown as DataNode[], {\n externalGetKey: configRef.getRowKey.value as any,\n childrenPropName: configRef.childrenColumnName.value,\n }).keyEntities,\n );\n\n // Get flatten data\n const flattedData = computed(() =>\n flattenData(configRef.childrenColumnName.value, configRef.pageData.value),\n );\n\n // Get all checkbox props\n const checkboxPropsMap = computed(() => {\n const map = new Map>();\n const getRowKey = configRef.getRowKey.value;\n const getCheckboxProps = mergedRowSelection.value.getCheckboxProps;\n flattedData.value.forEach((record, index) => {\n const key = getRowKey(record, index);\n const checkboxProps = (getCheckboxProps ? getCheckboxProps(record) : null) || {};\n map.set(key, checkboxProps);\n\n if (\n process.env.NODE_ENV !== 'production' &&\n ('checked' in checkboxProps || 'defaultChecked' in checkboxProps)\n ) {\n devWarning(\n false,\n 'Table',\n 'Do not set `checked` or `defaultChecked` in `getCheckboxProps`. Please use `selectedRowKeys` instead.',\n );\n }\n });\n return map;\n });\n const { maxLevel, levelEntities } = useMaxLevel(keyEntities);\n const isCheckboxDisabled: GetCheckDisabled = (r: RecordType) =>\n !!checkboxPropsMap.value.get(configRef.getRowKey.value(r))?.disabled;\n\n const selectKeysState = computed(() => {\n if (mergedRowSelection.value.checkStrictly) {\n return [mergedSelectedKeys.value || [], []];\n }\n const { checkedKeys, halfCheckedKeys } = conductCheck(\n mergedSelectedKeys.value,\n true,\n keyEntities.value,\n maxLevel.value,\n levelEntities.value,\n isCheckboxDisabled as any,\n );\n return [checkedKeys || [], halfCheckedKeys];\n });\n\n const derivedSelectedKeys = computed(() => selectKeysState.value[0]);\n const derivedHalfSelectedKeys = computed(() => selectKeysState.value[1]);\n\n const derivedSelectedKeySet = computed>(() => {\n const keys =\n mergedRowSelection.value.type === 'radio'\n ? derivedSelectedKeys.value.slice(0, 1)\n : derivedSelectedKeys.value;\n return new Set(keys);\n });\n const derivedHalfSelectedKeySet = computed(() =>\n mergedRowSelection.value.type === 'radio' ? new Set() : new Set(derivedHalfSelectedKeys.value),\n );\n\n // Save last selected key to enable range selection\n const [lastSelectedKey, setLastSelectedKey] = useState(null);\n\n // // Reset if rowSelection reset\n // we use computed to reset, donot need setMergedSelectedKeys again like react\n // https://github.com/vueComponent/ant-design-vue/issues/4885\n // watchEffect(() => {\n // if (!rowSelectionRef.value) {\n // setMergedSelectedKeys([]);\n // }\n // });\n\n const setSelectedKeys = (keys: Key[]) => {\n let availableKeys: Key[];\n let records: RecordType[];\n updatePreserveRecordsCache(keys);\n const { preserveSelectedRowKeys, onChange: onSelectionChange } = mergedRowSelection.value;\n const { getRecordByKey } = configRef;\n if (preserveSelectedRowKeys) {\n availableKeys = keys;\n records = keys.map(key => preserveRecordsRef.value.get(key)!);\n } else {\n // Filter key which not exist in the `dataSource`\n availableKeys = [];\n records = [];\n\n keys.forEach(key => {\n const record = getRecordByKey(key);\n if (record !== undefined) {\n availableKeys.push(key);\n records.push(record);\n }\n });\n }\n\n setMergedSelectedKeys(availableKeys);\n\n onSelectionChange?.(availableKeys, records);\n };\n\n // ====================== Selections ======================\n // Trigger single `onSelect` event\n const triggerSingleSelection = (key: Key, selected: boolean, keys: Key[], event: Event) => {\n const { onSelect } = mergedRowSelection.value;\n const { getRecordByKey } = configRef || {};\n if (onSelect) {\n const rows = keys.map(k => getRecordByKey(k));\n onSelect(getRecordByKey(key), selected, rows, event);\n }\n\n setSelectedKeys(keys);\n };\n\n const mergedSelections = computed(() => {\n const { onSelectInvert, onSelectNone, selections, hideSelectAll } = mergedRowSelection.value;\n\n const { data, pageData, getRowKey, locale: tableLocale } = configRef;\n\n if (!selections || hideSelectAll) {\n return null;\n }\n\n const selectionList: INTERNAL_SELECTION_ITEM[] =\n selections === true ? [SELECTION_ALL, SELECTION_INVERT, SELECTION_NONE] : selections;\n\n return selectionList.map((selection: INTERNAL_SELECTION_ITEM) => {\n if (selection === SELECTION_ALL) {\n return {\n key: 'all',\n text: tableLocale.value.selectionAll,\n onSelect() {\n setSelectedKeys(\n data.value\n .map((record, index) => getRowKey.value(record, index))\n .filter(key => {\n const checkProps = checkboxPropsMap.value.get(key);\n return !checkProps?.disabled || derivedSelectedKeySet.value.has(key);\n }),\n );\n },\n };\n }\n if (selection === SELECTION_INVERT) {\n return {\n key: 'invert',\n text: tableLocale.value.selectInvert,\n onSelect() {\n const keySet = new Set(derivedSelectedKeySet.value);\n pageData.value.forEach((record, index) => {\n const key = getRowKey.value(record, index);\n const checkProps = checkboxPropsMap.value.get(key);\n if (!checkProps?.disabled) {\n if (keySet.has(key)) {\n keySet.delete(key);\n } else {\n keySet.add(key);\n }\n }\n });\n\n const keys = Array.from(keySet);\n if (onSelectInvert) {\n devWarning(\n false,\n 'Table',\n '`onSelectInvert` will be removed in future. Please use `onChange` instead.',\n );\n onSelectInvert(keys);\n }\n\n setSelectedKeys(keys);\n },\n };\n }\n if (selection === SELECTION_NONE) {\n return {\n key: 'none',\n text: tableLocale.value.selectNone,\n onSelect() {\n onSelectNone?.();\n setSelectedKeys(\n Array.from(derivedSelectedKeySet.value).filter(key => {\n const checkProps = checkboxPropsMap.value.get(key);\n return checkProps?.disabled;\n }),\n );\n },\n };\n }\n return selection as SelectionItem;\n });\n });\n const flattedDataLength = computed(() => flattedData.value.length);\n // ======================= Columns ========================\n const transformColumns = (columns: ColumnsType): ColumnsType => {\n const {\n onSelectAll,\n onSelectMultiple,\n columnWidth: selectionColWidth,\n type: selectionType,\n fixed,\n renderCell: customizeRenderCell,\n hideSelectAll,\n checkStrictly,\n } = mergedRowSelection.value;\n\n const { prefixCls, getRecordByKey, getRowKey, expandType, getPopupContainer } = configRef;\n if (!rowSelectionRef.value) {\n if (process.env.NODE_ENV !== 'production') {\n devWarning(\n !columns.includes(SELECTION_COLUMN),\n 'Table',\n '`rowSelection` is not config but `SELECTION_COLUMN` exists in the `columns`.',\n );\n }\n\n return columns.filter(col => col !== SELECTION_COLUMN);\n }\n\n // Support selection\n let cloneColumns = columns.slice();\n const keySet = new Set(derivedSelectedKeySet.value);\n\n // Record key only need check with enabled\n const recordKeys = flattedData.value\n .map(getRowKey.value)\n .filter(key => !checkboxPropsMap.value.get(key)!.disabled);\n const checkedCurrentAll = recordKeys.every(key => keySet.has(key));\n const checkedCurrentSome = recordKeys.some(key => keySet.has(key));\n\n const onSelectAllChange = () => {\n const changeKeys: Key[] = [];\n\n if (checkedCurrentAll) {\n recordKeys.forEach(key => {\n keySet.delete(key);\n changeKeys.push(key);\n });\n } else {\n recordKeys.forEach(key => {\n if (!keySet.has(key)) {\n keySet.add(key);\n changeKeys.push(key);\n }\n });\n }\n\n const keys = Array.from(keySet);\n\n onSelectAll?.(\n !checkedCurrentAll,\n keys.map(k => getRecordByKey(k)),\n changeKeys.map(k => getRecordByKey(k)),\n );\n\n setSelectedKeys(keys);\n };\n\n // ===================== Render =====================\n // Title Cell\n let title;\n if (selectionType !== 'radio') {\n let customizeSelections;\n if (mergedSelections.value) {\n const menu = (\n \n {mergedSelections.value.map((selection, index) => {\n const { key, text, onSelect: onSelectionClick } = selection;\n return (\n {\n onSelectionClick?.(recordKeys);\n }}\n >\n {text}\n \n );\n })}\n \n );\n customizeSelections = (\n
\n \n \n \n \n \n
\n );\n }\n\n const allDisabledData = flattedData.value\n .map((record, index) => {\n const key = getRowKey.value(record, index);\n const checkboxProps = checkboxPropsMap.value.get(key) || {};\n return { checked: keySet.has(key), ...checkboxProps };\n })\n .filter(({ disabled }) => disabled);\n\n const allDisabled =\n !!allDisabledData.length && allDisabledData.length === flattedDataLength.value;\n\n const allDisabledAndChecked = allDisabled && allDisabledData.every(({ checked }) => checked);\n const allDisabledSomeChecked = allDisabled && allDisabledData.some(({ checked }) => checked);\n\n title = !hideSelectAll && (\n
\n \n {customizeSelections}\n
\n );\n }\n\n // Body Cell\n let renderCell: ({ record, index }: { record: RecordType; index: number }) => {\n node: any;\n checked: boolean;\n };\n if (selectionType === 'radio') {\n renderCell = ({ record, index }) => {\n const key = getRowKey.value(record, index);\n const checked = keySet.has(key);\n\n return {\n node: (\n e.stopPropagation()}\n onChange={event => {\n if (!keySet.has(key)) {\n triggerSingleSelection(key, true, [key], event.nativeEvent);\n }\n }}\n />\n ),\n checked,\n };\n };\n } else {\n renderCell = ({ record, index }) => {\n const key = getRowKey.value(record, index);\n const checked = keySet.has(key);\n const indeterminate = derivedHalfSelectedKeySet.value.has(key);\n const checkboxProps = checkboxPropsMap.value.get(key);\n let mergedIndeterminate: boolean;\n if (expandType.value === 'nest') {\n mergedIndeterminate = indeterminate;\n devWarning(\n typeof checkboxProps?.indeterminate !== 'boolean',\n 'Table',\n 'set `indeterminate` using `rowSelection.getCheckboxProps` is not allowed with tree structured dataSource.',\n );\n } else {\n mergedIndeterminate = checkboxProps?.indeterminate ?? indeterminate;\n }\n // Record checked\n return {\n node: (\n e.stopPropagation()}\n onChange={({ nativeEvent }) => {\n const { shiftKey } = nativeEvent;\n\n let startIndex = -1;\n let endIndex = -1;\n\n // Get range of this\n if (shiftKey && checkStrictly) {\n const pointKeys = new Set([lastSelectedKey.value, key]);\n\n recordKeys.some((recordKey, recordIndex) => {\n if (pointKeys.has(recordKey)) {\n if (startIndex === -1) {\n startIndex = recordIndex;\n } else {\n endIndex = recordIndex;\n return true;\n }\n }\n\n return false;\n });\n }\n\n if (endIndex !== -1 && startIndex !== endIndex && checkStrictly) {\n // Batch update selections\n const rangeKeys = recordKeys.slice(startIndex, endIndex + 1);\n const changedKeys: Key[] = [];\n\n if (checked) {\n rangeKeys.forEach(recordKey => {\n if (keySet.has(recordKey)) {\n changedKeys.push(recordKey);\n keySet.delete(recordKey);\n }\n });\n } else {\n rangeKeys.forEach(recordKey => {\n if (!keySet.has(recordKey)) {\n changedKeys.push(recordKey);\n keySet.add(recordKey);\n }\n });\n }\n\n const keys = Array.from(keySet);\n onSelectMultiple?.(\n !checked,\n keys.map(recordKey => getRecordByKey(recordKey)),\n changedKeys.map(recordKey => getRecordByKey(recordKey)),\n );\n\n setSelectedKeys(keys);\n } else {\n // Single record selected\n const originCheckedKeys = derivedSelectedKeys.value;\n if (checkStrictly) {\n const checkedKeys = checked\n ? arrDel(originCheckedKeys, key)\n : arrAdd(originCheckedKeys, key);\n triggerSingleSelection(key, !checked, checkedKeys, nativeEvent);\n } else {\n // Always fill first\n const result = conductCheck(\n [...originCheckedKeys, key],\n true,\n keyEntities.value,\n maxLevel.value,\n levelEntities.value,\n isCheckboxDisabled as any,\n );\n const { checkedKeys, halfCheckedKeys } = result;\n let nextCheckedKeys = checkedKeys;\n\n // If remove, we do it again to correction\n if (checked) {\n const tempKeySet = new Set(checkedKeys);\n tempKeySet.delete(key);\n nextCheckedKeys = conductCheck(\n Array.from(tempKeySet),\n { checked: false, halfCheckedKeys },\n keyEntities.value,\n maxLevel.value,\n levelEntities.value,\n isCheckboxDisabled as any,\n ).checkedKeys;\n }\n\n triggerSingleSelection(key, !checked, nextCheckedKeys, nativeEvent);\n }\n }\n\n setLastSelectedKey(key);\n }}\n />\n ),\n checked,\n };\n };\n }\n\n const renderSelectionCell: ColumnType['customRender'] = ({ record, index }) => {\n const { node, checked } = renderCell({ record, index });\n\n if (customizeRenderCell) {\n return customizeRenderCell(checked, record, index, node);\n }\n\n return node;\n };\n\n // Insert selection column if not exist\n if (!cloneColumns.includes(SELECTION_COLUMN)) {\n // Always after expand icon\n if (\n cloneColumns.findIndex(\n (col: any) => col[INTERNAL_COL_DEFINE]?.columnType === 'EXPAND_COLUMN',\n ) === 0\n ) {\n const [expandColumn, ...restColumns] = cloneColumns;\n cloneColumns = [expandColumn, SELECTION_COLUMN, ...restColumns];\n } else {\n // Normal insert at first column\n cloneColumns = [SELECTION_COLUMN, ...cloneColumns];\n }\n }\n\n // Deduplicate selection column\n const selectionColumnIndex = cloneColumns.indexOf(SELECTION_COLUMN);\n if (\n process.env.NODE_ENV !== 'production' &&\n cloneColumns.filter(col => col === SELECTION_COLUMN).length > 1\n ) {\n devWarning(false, 'Table', 'Multiple `SELECTION_COLUMN` exist in `columns`.');\n }\n cloneColumns = cloneColumns.filter(\n (column, index) => column !== SELECTION_COLUMN || index === selectionColumnIndex,\n );\n\n // Fixed column logic\n const prevCol: ColumnType & Record =\n cloneColumns[selectionColumnIndex - 1];\n const nextCol: ColumnType & Record =\n cloneColumns[selectionColumnIndex + 1];\n\n let mergedFixed: FixedType | undefined = fixed;\n\n if (mergedFixed === undefined) {\n if (nextCol?.fixed !== undefined) {\n mergedFixed = nextCol.fixed;\n } else if (prevCol?.fixed !== undefined) {\n mergedFixed = prevCol.fixed;\n }\n }\n\n if (\n mergedFixed &&\n prevCol &&\n prevCol[INTERNAL_COL_DEFINE]?.columnType === 'EXPAND_COLUMN' &&\n prevCol.fixed === undefined\n ) {\n prevCol.fixed = mergedFixed;\n }\n\n // Replace with real selection column\n const selectionColumn = {\n fixed: mergedFixed,\n width: selectionColWidth,\n className: `${prefixCls.value}-selection-column`,\n title: mergedRowSelection.value.columnTitle || title,\n customRender: renderSelectionCell,\n [INTERNAL_COL_DEFINE]: {\n class: `${prefixCls.value}-selection-col`,\n },\n };\n\n return cloneColumns.map(col => (col === SELECTION_COLUMN ? selectionColumn : col));\n };\n\n return [transformColumns, derivedSelectedKeySet];\n}\n" }, { "path": "components/table/hooks/useSorter.tsx", "content": "import CaretDownOutlined from '@ant-design/icons-vue/CaretDownOutlined';\nimport CaretUpOutlined from '@ant-design/icons-vue/CaretUpOutlined';\nimport type {\n TransformColumns,\n ColumnsType,\n Key,\n ColumnType,\n SortOrder,\n CompareFn,\n ColumnTitleProps,\n SorterResult,\n ColumnGroupType,\n TableLocale,\n} from '../interface';\nimport type { TooltipProps } from '../../tooltip';\nimport Tooltip from '../../tooltip';\nimport { getColumnKey, getColumnPos, renderColumnTitle } from '../util';\nimport classNames from '../../_util/classNames';\nimport type { Ref } from 'vue';\nimport { computed } from 'vue';\nimport useState from '../../_util/hooks/useState';\nimport type { DefaultRecordType } from '../../vc-table/interface';\nimport KeyCode from '../../_util/KeyCode';\n\nconst ASCEND = 'ascend';\nconst DESCEND = 'descend';\n\nfunction getMultiplePriority(column: ColumnType): number | false {\n if (typeof column.sorter === 'object' && typeof column.sorter.multiple === 'number') {\n return column.sorter.multiple;\n }\n return false;\n}\n\nfunction getSortFunction(\n sorter: ColumnType['sorter'],\n): CompareFn | false {\n if (typeof sorter === 'function') {\n return sorter;\n }\n if (sorter && typeof sorter === 'object' && sorter.compare) {\n return sorter.compare;\n }\n return false;\n}\n\nfunction nextSortDirection(sortDirections: SortOrder[], current: SortOrder | null) {\n if (!current) {\n return sortDirections[0];\n }\n\n return sortDirections[sortDirections.indexOf(current) + 1];\n}\n\nexport interface SortState {\n column: ColumnType;\n key: Key;\n sortOrder: SortOrder | null;\n multiplePriority: number | false;\n}\n\nfunction collectSortStates(\n columns: ColumnsType,\n init: boolean,\n pos?: string,\n): SortState[] {\n let sortStates: SortState[] = [];\n\n function pushState(column: ColumnsType[number], columnPos: string) {\n sortStates.push({\n column,\n key: getColumnKey(column, columnPos),\n multiplePriority: getMultiplePriority(column),\n sortOrder: column.sortOrder!,\n });\n }\n\n (columns || []).forEach((column, index) => {\n const columnPos = getColumnPos(index, pos);\n\n if ((column as ColumnGroupType).children) {\n if ('sortOrder' in column) {\n // Controlled\n pushState(column, columnPos);\n }\n sortStates = [\n ...sortStates,\n ...collectSortStates((column as ColumnGroupType).children, init, columnPos),\n ];\n } else if (column.sorter) {\n if ('sortOrder' in column) {\n // Controlled\n pushState(column, columnPos);\n } else if (init && column.defaultSortOrder) {\n // Default sorter\n sortStates.push({\n column,\n key: getColumnKey(column, columnPos),\n multiplePriority: getMultiplePriority(column),\n sortOrder: column.defaultSortOrder!,\n });\n }\n }\n });\n\n return sortStates;\n}\n\nfunction injectSorter(\n prefixCls: string,\n columns: ColumnsType,\n sorterStates: SortState[],\n triggerSorter: (sorterStates: SortState) => void,\n defaultSortDirections: SortOrder[],\n tableLocale?: TableLocale,\n tableShowSorterTooltip?: boolean | TooltipProps,\n pos?: string,\n): ColumnsType {\n return (columns || []).map((column, index) => {\n const columnPos = getColumnPos(index, pos);\n let newColumn: ColumnsType[number] = column;\n\n if (newColumn.sorter) {\n const sortDirections: SortOrder[] = newColumn.sortDirections || defaultSortDirections;\n const showSorterTooltip =\n newColumn.showSorterTooltip === undefined\n ? tableShowSorterTooltip\n : newColumn.showSorterTooltip;\n const columnKey = getColumnKey(newColumn, columnPos);\n const sorterState = sorterStates.find(({ key }) => key === columnKey);\n const sorterOrder = sorterState ? sorterState.sortOrder : null;\n const nextSortOrder = nextSortDirection(sortDirections, sorterOrder);\n const upNode = sortDirections.includes(ASCEND) && (\n \n );\n const downNode = sortDirections.includes(DESCEND) && (\n \n );\n const { cancelSort, triggerAsc, triggerDesc } = tableLocale || {};\n let sortTip: string | undefined = cancelSort;\n if (nextSortOrder === DESCEND) {\n sortTip = triggerDesc;\n } else if (nextSortOrder === ASCEND) {\n sortTip = triggerAsc;\n }\n const tooltipProps: TooltipProps =\n typeof showSorterTooltip === 'object' ? showSorterTooltip : { title: sortTip };\n newColumn = {\n ...newColumn,\n className: classNames(newColumn.className, { [`${prefixCls}-column-sort`]: sorterOrder }),\n title: (renderProps: ColumnTitleProps) => {\n const renderSortTitle = (\n
\n \n {renderColumnTitle(column.title, renderProps)}\n \n \n \n {upNode}\n {downNode}\n \n \n
\n );\n return showSorterTooltip ? (\n {renderSortTitle}\n ) : (\n renderSortTitle\n );\n },\n customHeaderCell: col => {\n const cell = (column.customHeaderCell && column.customHeaderCell(col)) || {};\n const originOnClick = cell.onClick;\n const originOKeyDown = cell.onKeydown;\n cell.onClick = (event: MouseEvent) => {\n triggerSorter({\n column,\n key: columnKey,\n sortOrder: nextSortOrder,\n multiplePriority: getMultiplePriority(column),\n });\n\n if (originOnClick) {\n originOnClick(event);\n }\n };\n cell.onKeydown = (event: KeyboardEvent) => {\n if (event.keyCode === KeyCode.ENTER) {\n triggerSorter({\n column,\n key: columnKey,\n sortOrder: nextSortOrder,\n multiplePriority: getMultiplePriority(column),\n });\n originOKeyDown?.(event);\n }\n };\n\n // Inform the screen-reader so it can tell the visually impaired user which column is sorted\n if (sorterOrder) {\n cell['aria-sort'] = sorterOrder === 'ascend' ? 'ascending' : 'descending';\n }\n\n cell.class = classNames(cell.class, `${prefixCls}-column-has-sorters`);\n cell.tabindex = 0;\n return cell;\n },\n };\n }\n\n if ('children' in newColumn) {\n newColumn = {\n ...newColumn,\n children: injectSorter(\n prefixCls,\n newColumn.children,\n sorterStates,\n triggerSorter,\n defaultSortDirections,\n tableLocale,\n tableShowSorterTooltip,\n columnPos,\n ),\n };\n }\n\n return newColumn;\n });\n}\n\nfunction stateToInfo(sorterStates: SortState) {\n const { column, sortOrder } = sorterStates;\n return { column, order: sortOrder, field: column.dataIndex, columnKey: column.key };\n}\n\nfunction generateSorterInfo(\n sorterStates: SortState[],\n): SorterResult | SorterResult[] {\n const list = sorterStates.filter(({ sortOrder }) => sortOrder).map(stateToInfo);\n\n // =========== Legacy compatible support ===========\n // https://github.com/ant-design/ant-design/pull/19226\n if (list.length === 0 && sorterStates.length) {\n return {\n ...stateToInfo(sorterStates[sorterStates.length - 1]),\n column: undefined,\n };\n }\n\n if (list.length <= 1) {\n return list[0] || {};\n }\n\n return list;\n}\n\nexport function getSortData(\n data: readonly RecordType[],\n sortStates: SortState[],\n childrenColumnName: string,\n): RecordType[] {\n const innerSorterStates = sortStates\n .slice()\n .sort((a, b) => (b.multiplePriority as number) - (a.multiplePriority as number));\n\n const cloneData = data.slice();\n\n const runningSorters = innerSorterStates.filter(\n ({ column: { sorter }, sortOrder }) => getSortFunction(sorter) && sortOrder,\n );\n\n // Skip if no sorter needed\n if (!runningSorters.length) {\n return cloneData;\n }\n\n return cloneData\n .sort((record1, record2) => {\n for (let i = 0; i < runningSorters.length; i += 1) {\n const sorterState = runningSorters[i];\n const {\n column: { sorter },\n sortOrder,\n } = sorterState;\n\n const compareFn = getSortFunction(sorter);\n\n if (compareFn && sortOrder) {\n const compareResult = compareFn(record1, record2, sortOrder);\n\n if (compareResult !== 0) {\n return sortOrder === ASCEND ? compareResult : -compareResult;\n }\n }\n }\n\n return 0;\n })\n .map(record => {\n const subRecords = (record as any)[childrenColumnName];\n if (subRecords) {\n return {\n ...record,\n [childrenColumnName]: getSortData(subRecords, sortStates, childrenColumnName),\n };\n }\n return record;\n });\n}\n\ninterface SorterConfig {\n prefixCls: Ref;\n mergedColumns: Ref>;\n onSorterChange: (\n sorterResult: SorterResult | SorterResult[],\n sortStates: SortState[],\n ) => void;\n sortDirections: Ref;\n tableLocale?: Ref;\n showSorterTooltip?: Ref;\n}\n\nexport default function useFilterSorter({\n prefixCls,\n mergedColumns,\n onSorterChange,\n sortDirections,\n tableLocale,\n showSorterTooltip,\n}: SorterConfig): [\n TransformColumns,\n Ref[]>,\n Ref>,\n Ref | SorterResult[]>,\n] {\n const [sortStates, setSortStates] = useState[]>(\n collectSortStates(mergedColumns.value, true),\n );\n\n const mergedSorterStates = computed(() => {\n let validate = true;\n const collectedStates = collectSortStates(mergedColumns.value, false);\n\n // Return if not controlled\n if (!collectedStates.length) {\n return sortStates.value;\n }\n\n const validateStates: SortState[] = [];\n\n function patchStates(state: SortState) {\n if (validate) {\n validateStates.push(state);\n } else {\n validateStates.push({\n ...state,\n sortOrder: null,\n });\n }\n }\n\n let multipleMode: boolean | null = null;\n collectedStates.forEach(state => {\n if (multipleMode === null) {\n patchStates(state);\n\n if (state.sortOrder) {\n if (state.multiplePriority === false) {\n validate = false;\n } else {\n multipleMode = true;\n }\n }\n } else if (multipleMode && state.multiplePriority !== false) {\n patchStates(state);\n } else {\n validate = false;\n patchStates(state);\n }\n });\n\n return validateStates;\n });\n\n // Get render columns title required props\n const columnTitleSorterProps = computed>(() => {\n const sortColumns = mergedSorterStates.value.map(({ column, sortOrder }) => ({\n column,\n order: sortOrder,\n }));\n\n return {\n sortColumns,\n // Legacy\n sortColumn: sortColumns[0] && sortColumns[0].column,\n sortOrder: (sortColumns[0] && sortColumns[0].order) as SortOrder,\n };\n });\n\n function triggerSorter(sortState: SortState) {\n let newSorterStates;\n\n if (\n sortState.multiplePriority === false ||\n !mergedSorterStates.value.length ||\n mergedSorterStates.value[0].multiplePriority === false\n ) {\n newSorterStates = [sortState];\n } else {\n newSorterStates = [\n ...mergedSorterStates.value.filter(({ key }) => key !== sortState.key),\n sortState,\n ];\n }\n\n setSortStates(newSorterStates);\n onSorterChange(generateSorterInfo(newSorterStates), newSorterStates);\n }\n\n const transformColumns = (innerColumns: ColumnsType) =>\n injectSorter(\n prefixCls.value,\n innerColumns,\n mergedSorterStates.value,\n triggerSorter,\n sortDirections.value,\n tableLocale.value,\n showSorterTooltip.value,\n );\n\n const sorters = computed(() => generateSorterInfo(mergedSorterStates.value));\n\n return [transformColumns, mergedSorterStates, columnTitleSorterProps, sorters];\n}\n" }, { "path": "components/table/hooks/useTitleColumns.tsx", "content": "import type { Ref } from 'vue';\nimport type { TransformColumns, ColumnTitleProps, ColumnsType } from '../interface';\nimport { renderColumnTitle } from '../util';\n\nfunction fillTitle(\n columns: ColumnsType,\n columnTitleProps: ColumnTitleProps,\n) {\n return columns.map(column => {\n const cloneColumn = { ...column };\n\n cloneColumn.title = renderColumnTitle(cloneColumn.title, columnTitleProps);\n\n if ('children' in cloneColumn) {\n cloneColumn.children = fillTitle(cloneColumn.children, columnTitleProps);\n }\n\n return cloneColumn;\n });\n}\n\nexport default function useTitleColumns(\n columnTitleProps: Ref>,\n): [TransformColumns] {\n const filledColumns = (columns: ColumnsType) =>\n fillTitle(columns, columnTitleProps.value);\n\n return [filledColumns];\n}\n" }, { "path": "components/table/index.en-US.md", "content": "---\ncategory: Components\ncols: 1\ntype: Data Display\ntitle: Table\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*3yz3QqMlShYAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*Sv8XQ50NB40AAAAAAAAAAAAADrJ8AQ/original\n---\n\nA table displays rows of data.\n\n## When To Use\n\n- To display a collection of structured data.\n- To sort, search, paginate, filter data.\n\n## How To Use\n\nSpecify `dataSource` of Table as an array of data.\n\n```html\n\n\n```\n\n## API\n\n### Table\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| bodyCell | custom body cell by slot | v-slot:bodyCell=\"{text, record, index, column}\" | - | 3.0 |\n| bordered | Whether to show all table borders | boolean | `false` | |\n| childrenColumnName | The column contains children to display | string | `children` | |\n| columns | Columns of table [config](#column) | array | - | |\n| components | Override default table elements | object | - | |\n| customFilterDropdown | Customized filter overlay, need set `column.customFilterDropdown` | v-slot:customFilterDropdown=\"[FilterDropdownProps](#filterdropdownprops)\" | - | 3.0 |\n| customFilterIcon | Customized filter icon | v-slot:customFilterIcon=\"{filtered, column}\" | - | 3.0 |\n| customHeaderRow | Set props on per header row | Function(columns, index) | - | |\n| customRow | Set props on per row | Function(record, index) | - | |\n| dataSource | Data record array to be displayed | any\\[] | - | |\n| defaultExpandAllRows | Expand all rows initially | boolean | `false` | |\n| defaultExpandedRowKeys | Initial expanded row keys | string\\[] | - | |\n| emptyText | Customize the display content when empty data | v-slot:emptyText | - | 3.0 |\n| expandedRowKeys(v-model) | Current expanded row keys | string\\[] | - | |\n| expandedRowRender | Expanded container render for each row | Function({record, index, indent, expanded}):VNode\\|v-slot | - | |\n| expandFixed | Set column to be fixed: `true`(same as left) `'left'` `'right'` | boolean \\| string | false | 3.0 |\n| expandColumnTitle | Set the title of the expand column | v-slot | - | 4.0.0 |\n| expandIcon | Customize row expand Icon. | Function(props):VNode \\| v-slot:expandIcon=\"props\" | - | |\n| expandRowByClick | Whether to expand row by clicking anywhere in the whole row | boolean | `false` | |\n| footer | Table footer renderer | Function(currentPageData)\\| v-slot:footer=\"currentPageData\" | | |\n| getPopupContainer | the render container of dropdowns in table | (triggerNode) => HTMLElement | `() => TableHtmlElement` | 1.5.0 |\n| headerCell | custom head cell by slot | v-slot:headerCell=\"{title, column}\" | - | 3.0 |\n| indentSize | Indent size in pixels of tree data | number | 15 | |\n| loading | Loading status of table | boolean\\|[object](/components/spin) | `false` | |\n| locale | i18n text including filter, sort, empty text, etc | object | filterConfirm: 'Ok'
filterReset: 'Reset'
emptyText: 'No Data' | |\n| pagination | Config of pagination. You can ref table pagination [config](#pagination) or full [`pagination`](/components/pagination/) document, hide it by setting it to `false` | object \\| `false` | | |\n| rowClassName | Row's className | Function(record, index):string | - | |\n| rowExpandable | Enable row can be expandable | (record) => boolean | - | |\n| rowKey | Row's unique key, could be a string or function that returns a string | string\\|Function(record, index):string | `key` | |\n| rowSelection | Row selection [config](#rowselection) | object | null | |\n| scroll | Whether the table can be scrollable, [config](#scroll) | object | - | |\n| showExpandColumn | Show expand column | boolean | true | 3.0 |\n| showHeader | Whether to show table header | boolean | `true` | |\n| showSorterTooltip | The header show next sorter direction tooltip. It will be set as the property of Tooltip if its type is object | boolean \\| [Tooltip props](/components/tooltip/#api) | true | 3.0 |\n| size | Size of table | `middle` \\| `small` \\| `large` | `large` | |\n| sortDirections | Supported sort way, could be `ascend`, `descend` | Array | \\[`ascend`, `descend`] | 3.0 |\n| sticky | Set sticky header and scroll bar | boolean \\| `{offsetHeader?: number, offsetScroll?: number, getContainer?: () => HTMLElement}` | - | 3.0 |\n| summary | Summary content | v-slot:summary | - | 3.0 |\n| tableLayout | [table-layout](https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout) attribute of table element | - \\| 'auto' \\| 'fixed' | -
`fixed` when header/columns are fixed, or using `column.ellipsis` | 1.5.0 |\n| title | Table title renderer | Function(currentPageData)\\| v-slot:title=\"currentPageData\" | | |\n| transformCellText | The data can be changed again before rendering, generally used for the default configuration of empty data. You can configured globally through [ConfigProvider](/components/config-provider-cn/) | Function({ text, column, record, index }) => any, The `text` here is the data processed by other defined cell api, and it may be of type VNode \\| string \\| number | - | 1.5.4 ｜ |\n\n### Events\n\n| Events Name | Description | Arguments | |\n| --- | --- | --- | --- |\n| change | Callback executed when pagination, filters or sorter is changed | Function(pagination, filters, sorter, { action, currentDataSource }) | |\n| expand | Callback executed when the row expand icon is clicked | Function(expanded, record) | |\n| expandedRowsChange | Callback executed when the expanded rows change | Function(expandedRows) | |\n| resizeColumn | Triggered when the column is dragged | Function(width, column) | |\n\n#### customRow usage\n\nSame as `customRow` `customHeaderRow` `customCell` `customHeaderCell`. Follow [Vue jsx](https://github.com/vuejs/babel-plugin-transform-vue-jsx) syntax。\n\n```jsx\n {\n return {\n xxx, // props\n onClick: (event) => {}, // click row\n onDblclick: (event) => {}, // double click row\n onContextmenu: (event) => {} // right button click row\n onMouseenter: (event) => {} // mouse enter row\n onMouseleave: (event) => {} // mouse leave row\n };\n }}\n customHeaderRow={(columns, index) => {\n return {\n onClick: () => {}, // click header row\n };\n }}\n/>\n```\n\n### Column\n\nOne of the Table `columns` prop for describing the table's columns, Column has the same API.\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| align | specify how content is aligned | 'left' \\| 'right' \\| 'center' | 'left' | |\n| colSpan | Span of this column's title | number | | |\n| customCell | Set props on per cell | Function(record, rowIndex, column) | - | column add from 3.0 |\n| customFilterDropdown | use v-slot:customFilterDropdown, Priority is lower than filterDropdown | boolean | false | 3.0 |\n| customHeaderCell | Set props on per header cell | Function(column) | - | |\n| customRender | Renderer of the table cell. The return value should be a VNode | Function({text, record, index}) {} | - | |\n| dataIndex | Display field of the data record, support nest path by string array | string \\| string\\[] | - | |\n| defaultFilteredValue | Default filtered values | string\\[] | - | 1.5.0 |\n| filterResetToDefaultFilteredValue | click the reset button, whether to restore the default filter | boolean | false | 3.3.0 |\n| defaultSortOrder | Default order of sorted values: `'ascend'` `'descend'` `null` | string | - | |\n| ellipsis | ellipsize cell content, not working with sorter and filters for now.
tableLayout would be `fixed` when `ellipsis` is true. | boolean | false | 1.5.0 |\n| ellipsis | The ellipsis cell content, not working with sorter and filters for now.
tableLayout would be `fixed` when `ellipsis` is `true` or `{ showTitle?: boolean }` | boolean \\| {showTitle?: boolean } | false | 3.0 |\n| filterDropdown | Customized filter overlay | VNode \\| (props: FilterDropdownProps) => VNode | - | |\n| filterDropdownOpen | Whether `filterDropdown` is open | boolean | - | 4.0 |\n| filtered | Whether the `dataSource` is filtered | boolean | `false` | |\n| filteredValue | Controlled filtered value, filter icon will highlight | string\\[] | - | |\n| filterIcon | Customized filter icon | ({filtered: boolean, column: Column}) | `false` | |\n| filterMode | To specify the filter interface | 'menu' \\| 'tree' | 'menu' | 3.0 |\n| filterMultiple | Whether multiple filters can be selected | boolean | `true` | |\n| filters | Filter menu config | object\\[] | - | |\n| filterSearch | Whether to be searchable for filter menu | boolean \\| function(input, filter):boolean | false | boolean: 3.0 function: 3.3.0 |\n| fixed | Set column to be fixed: `true`(same as left) `'left'` `'right'` | boolean\\|string | `false` | |\n| key | Unique key of this column, you can ignore this prop if you've set a unique `dataIndex` | string | - | |\n| maxWidth | Drag the maximum width of the column, it will be affected by the automatic adjustment and distribution of the table width | number | - | 3.0 |\n| minWidth | Drag the minimum width of the column, it will be affected by the automatic adjustment and distribution of the table width | number | 50 | 3.0 |\n| resizable | Whether the width can be adjusted by dragging, at this time width must be number type | boolean | - | 3.0 |\n| responsive | The list of breakpoints at which to display this column. Always visible if not set. | [Breakpoint](#breakpoint)\\[] | - | 3.0 |\n| rowScope | Set scope attribute for all cells in this column | `row` \\| `rowgroup` | - | 4.0 |\n| sortDirections | supported sort way, could be `'ascend'`, `'descend'` | Array | `['ascend', 'descend']` | 1.5.0 |\n| sorter | Sort function for local sort, see [Array.sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)'s compareFunction. If you need sort buttons only, set to `true` | Function\\|boolean | - | |\n| sortOrder | Order of sorted values: `'ascend'` `'descend'` `null` | string | - | |\n| title | Title of this column | string | - | |\n| width | Width of this column | string\\|number | - | |\n| onFilter | Callback executed when the confirm filter button is clicked, Use as a `filter` event when using template or jsx | Function | - | |\n| onFilterDropdownOpenChange | Callback executed when `filterDropdownOpen` is changed, Use as a `filterDropdownOpen` event when using template or jsx | function(open) {} | - | 4.0 |\n\n#### Breakpoint\n\n```ts\ntype Breakpoint = 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';\n```\n\n### ColumnGroup\n\n| Property | Description | Type | Default |\n| -------- | ------------------------- | ------------ | ------- |\n| title | Title of the column group | string\\|slot | - |\n\n### pagination\n\nProperties for pagination.\n\n| Property | Description | Type | Default |\n| --- | --- | --- | --- |\n| position | Specify the position of `Pagination`, could be`topLeft` \\| `topCenter` \\| `topRight` \\|`bottomLeft` \\| `bottomCenter` \\| `bottomRight` | Array | \\[`bottomRight`] |\n\nMore about pagination, please check [`Pagination`](/components/pagination/).\n\n### rowSelection\n\nProperties for row selection.\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| checkStrictly | Check table row precisely; parent row and children rows are not associated | boolean | true | 3.0 |\n| columnTitle | Set the title of the selection column | string\\|VNode | - | |\n| columnWidth | Set the width of the selection column | string\\|number | - | |\n| fixed | Fixed selection column on the left | boolean | - | |\n| getCheckboxProps | Get Checkbox or Radio props | Function(record) | - | |\n| hideDefaultSelections | Remove the default `Select All` and `Select Invert` selections | boolean | `false` | |\n| hideSelectAll | Hide the selectAll checkbox and custom selection | boolean | false | 3.0 |\n| preserveSelectedRowKeys | Keep selection `key` even when it removed from `dataSource` | boolean | - | 3.0 |\n| selectedRowKeys | Controlled selected row keys | string\\[] | \\[] | |\n| selections | Custom selection [config](#rowselection), only displays default selections when set to `true` | object\\[] \\| boolean | - | |\n| type | `checkbox` or `radio` | `checkbox` \\| `radio` | `checkbox` | |\n| onChange | Callback executed when selected rows change | Function(selectedRowKeys, selectedRows) | - | |\n| onSelect | Callback executed when select/deselect one row | Function(record, selected, selectedRows, nativeEvent) | - | |\n| onSelectAll | Callback executed when select/deselect all rows | Function(selected, selectedRows, changeRows) | - | |\n| onSelectInvert | Callback executed when row selection is inverted | Function(selectedRows) | - | |\n| onSelectNone | Callback executed when row selection is cleared | function() | - | 3.0 |\n\n### scroll\n\n| Property | Description | Type | Default |\n| --- | --- | --- | --- |\n| scrollToFirstRowOnChange | Whether to scroll to the top of the table when paging, sorting, filtering changes | boolean | - |\n| x | Set horizontal scrolling, can also be used to specify the width of the scroll area, could be number, percent value, true and ['max-content'](https://developer.mozilla.org/zh-CN/docs/Web/CSS/width#max-content) | string \\| number \\| true | - |\n| y | Set vertical scrolling, can also be used to specify the height of the scroll area, could be string or number | string \\| number | - |\n\n### selection\n\nCustom selection config\n\n| Property | Description | Type | Default |\n| --- | --- | --- | --- |\n| key | Unique key of this selection | string | - |\n| text | Display text of this selection | string\\|VNode | - |\n| onSelect | Callback executed when this selection is clicked | Function(changeableRowKeys) | - |\n\n### FilterDropdownProps\n\n```ts\ninterface FilterDropdownProps {\n prefixCls: string;\n setSelectedKeys: (selectedKeys: Key[]) => void;\n selectedKeys: Key[];\n confirm: (param?: FilterConfirmProps) => void;\n clearFilters?: (param?: FilterResetProps) => void;\n filters?: ColumnFilterItem[];\n visible: boolean;\n column: ColumnType;\n}\n\ninterface FilterConfirmProps {\n closeDropdown: boolean;\n}\n\ninterface FilterResetProps {\n confirm?: boolean;\n closeDropdown?: boolean;\n}\n```\n\n## Note\n\nThe values inside `dataSource` and `columns` should follow this in Table, and `dataSource[i].key` would be treated as key value default for `dataSource`.\n\nIf `dataSource[i].key` is not provided, then you should specify the primary key of dataSource value via `rowKey`. If not, warnings will show in browser console.\n\n```jsx\n// primary key is uid\nreturn ;\n// or\nreturn
record.uid} />;\n```\n\n## FAQ\n\n### How to hide pagination when single page or no data?\n\nYou can set `hideOnSinglePage` with `pagination` prop.\n\n### Table will return to first page when filter data.\n\nTable total page count usually reduce after filter data, we defaultly return to first page in case of current page is out of filtered results.\n\n### Why Table pagination show size changer?\n\nIn order to improve user experience, Pagination show size changer by default when `total > 50` since `3.0`. You can set `showSizeChanger=false` to disable this feature.\n\n### How to handle fixed column display over the mask layout?\n\nFixed column use `z-index` to make it over other columns. You will find sometime fixed columns also over your mask layout. You can set `z-index` on your mask layout to resolve.\n" }, { "path": "components/table/index.tsx", "content": "import Table, { tableProps } from './Table';\nimport Column from './Column';\nimport ColumnGroup from './ColumnGroup';\nimport type { TableProps, TablePaginationConfig } from './Table';\nimport type { App } from 'vue';\nimport { EXPAND_COLUMN, Summary, SummaryCell, SummaryRow } from '../vc-table';\nimport {\n SELECTION_ALL,\n SELECTION_INVERT,\n SELECTION_NONE,\n SELECTION_COLUMN,\n} from './hooks/useSelection';\n\nexport type { ColumnProps } from './Column';\nexport type { ColumnsType, ColumnType, ColumnGroupType } from './interface';\nexport type { TableProps, TablePaginationConfig };\n\nconst TableSummaryRow = SummaryRow;\nconst TableSummaryCell = SummaryCell;\n\nconst TableSummary = Object.assign(Summary, {\n Cell: TableSummaryCell,\n Row: TableSummaryRow,\n name: 'ATableSummary',\n});\n\n/* istanbul ignore next */\nexport {\n tableProps,\n TableSummary,\n TableSummaryRow,\n TableSummaryCell,\n Column as TableColumn,\n ColumnGroup as TableColumnGroup,\n};\n\nexport default Object.assign(Table, {\n SELECTION_ALL,\n SELECTION_INVERT,\n SELECTION_NONE,\n SELECTION_COLUMN,\n EXPAND_COLUMN,\n Column,\n ColumnGroup,\n Summary: TableSummary,\n install: (app: App) => {\n app.component(TableSummary.name, TableSummary);\n app.component(TableSummaryCell.name, TableSummaryCell);\n app.component(TableSummaryRow.name, TableSummaryRow);\n app.component(Table.name, Table);\n app.component(Column.name, Column);\n app.component(ColumnGroup.name, ColumnGroup);\n return app;\n },\n});\n" }, { "path": "components/table/index.zh-CN.md", "content": "---\ncategory: Components\ncols: 1\ntype: 数据展示\ntitle: Table\nsubtitle: 表格\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*3yz3QqMlShYAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*Sv8XQ50NB40AAAAAAAAAAAAADrJ8AQ/original\n---\n\n展示行列数据。\n\n## 设计师专属\n\n安装 [Kitchen Sketch 插件 💎](https://kitchen.alipay.com/)，两步就可以自动生成 Ant Design 表格组件。\n\n## 何时使用\n\n- 当有大量结构化的数据需要展现时；\n- 当需要对数据进行排序、搜索、分页、自定义操作等复杂行为时。\n\n## 如何使用\n\n指定表格的数据源 `dataSource` 为一个数组。\n\n```html\n\n\n```\n\n## API\n\n### Table\n\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\n| --- | --- | --- | --- | --- |\n| bodyCell | 个性化单元格 | v-slot:bodyCell=\"{text, record, index, column}\" | - | 3.0 |\n| bordered | 是否展示外边框和列边框 | boolean | false | |\n| childrenColumnName | 指定树形结构的列名 | string | `children` | |\n| columns | 表格列的配置描述，具体项见[下表](#column) | array | - | |\n| components | 覆盖默认的 table 元素 | object | - | |\n| customFilterDropdown | 自定义筛选菜单，需要配合 `column.customFilterDropdown` 使用 | v-slot:customFilterDropdown=\"[FilterDropdownProps](#filterdropdownprops)\" | - | 3.0 |\n| customFilterIcon | 自定义筛选图标 | v-slot:customFilterIcon=\"{filtered, column}\" | - | 3.0 |\n| customHeaderRow | 设置头部行属性 | Function(columns, index) | - | |\n| customRow | 设置行属性 | Function(record, index) | - | |\n| dataSource | 数据数组 | object\\[] | | |\n| defaultExpandAllRows | 初始时，是否展开所有行 | boolean | false | |\n| defaultExpandedRowKeys | 默认展开的行 | string\\[] | - | |\n| emptyText | 自定义空数据时的显示内容 | v-slot:emptyText | - | 3.0 |\n| expandedRowKeys(v-model) | 展开的行，控制属性 | string\\[] | - | |\n| expandedRowRender | 额外的展开行 | Function(record, index, indent, expanded):VNode \\| v-slot:expandedRowRender=\"{record, index, indent, expanded}\" | - | |\n| expandFixed | 控制展开图标是否固定，可选 true `left` `right` | boolean \\| string | false | 3.0 |\n| expandColumnTitle | 自定义展开列表头 | v-slot | - | 4.0.0 |\n| expandIcon | 自定义展开图标 | Function(props):VNode \\| v-slot:expandIcon=\"props\" | - | |\n| expandRowByClick | 通过点击行来展开子行 | boolean | `false` | |\n| footer | 表格尾部 | Function(currentPageData)\\|v-slot:footer=\"currentPageData\" | | |\n| getPopupContainer | 设置表格内各类浮层的渲染节点，如筛选菜单 | (triggerNode) => HTMLElement | `() => TableHtmlElement` | 1.5.0 |\n| headerCell | 个性化头部单元格 | v-slot:headerCell=\"{title, column}\" | - | 3.0 |\n| indentSize | 展示树形数据时，每层缩进的宽度，以 px 为单位 | number | 15 | |\n| loading | 页面是否加载中 | boolean\\|[object](/components/spin-cn) | false | |\n| locale | 默认文案设置，目前包括排序、过滤、空数据文案 | object | filterConfirm: `确定`
filterReset: `重置`
emptyText: `暂无数据` | |\n| pagination | 分页器，参考[配置项](#pagination)或 [pagination](/components/pagination-cn/)文档，设为 false 时不展示和进行分页 | object \\| `false` | | |\n| rowClassName | 表格行的类名 | Function(record, index):string | - | |\n| rowExpandable | 设置是否允许行展开 | (record) => boolean | - | 3.0 |\n| rowKey | 表格行 key 的取值，可以是字符串或一个函数 | string\\|Function(record):string | 'key' | |\n| rowSelection | 列表项是否可选择，[配置项](#rowselection) | object | null | |\n| scroll | 表格是否可滚动，也可以指定滚动区域的宽、高，[配置项](#scroll) | object | - | |\n| showExpandColumn | 设置是否展示行展开列 | boolean | true | 3.0 |\n| showHeader | 是否显示表头 | boolean | true | |\n| showSorterTooltip | 表头是否显示下一次排序的 tooltip 提示。当参数类型为对象时，将被设置为 Tooltip 的属性 | boolean \\| [Tooltip props](/components/tooltip/) | true | 3.0 |\n| size | 表格大小 | `large` \\| `middle` \\| `small` | `large` | |\n| sortDirections | 支持的排序方式，取值为 `ascend` `descend` | Array | \\[`ascend`, `descend`] | |\n| sticky | 设置粘性头部和滚动条 | boolean \\| `{offsetHeader?: number, offsetScroll?: number, getContainer?: () => HTMLElement}` | - | 3.0 |\n| summary | 总结栏 | v-slot:summary | - | 3.0 |\n| tableLayout | 表格元素的 [table-layout](https://developer.mozilla.org/zh-CN/docs/Web/CSS/table-layout) 属性，设为 `fixed` 表示内容不会影响列的布局 | - \\| 'auto' \\| 'fixed' | 无
固定表头/列或使用了 `column.ellipsis` 时，默认值为 `fixed` | 1.5.0 |\n| title | 表格标题 | Function(currentPageData)\\|v-slot:title=\"currentPageData\" | | |\n| transformCellText | 数据渲染前可以再次改变，一般用于空数据的默认配置，可以通过 [ConfigProvider](/components/config-provider-cn/) 全局统一配置 | Function({ text, column, record, index }) => any，此处的 text 是经过其它定义单元格 api 处理后的数据，有可能是 VNode \\| string \\| number 类型 | - | 1.5.4 |\n\n### 事件\n\n| 事件名称 | 说明 | 回调参数 |\n| --- | --- | --- |\n| change | 分页、排序、筛选变化时触发 | Function(pagination, filters, sorter, { action, currentDataSource }) |\n| expand | 点击展开图标时触发 | Function(expanded, record) |\n| expandedRowsChange | 展开的行变化时触发 | Function(expandedRows) |\n| resizeColumn | 拖动列时触发 | Function(width, column) |\n\n#### customRow 用法\n\n适用于 `customRow` `customHeaderRow` `customCell` `customHeaderCell`。遵循[Vue jsx](https://github.com/vuejs/babel-plugin-transform-vue-jsx)语法。\n\n```jsx\n {\n return {\n xxx... //属性\n onClick: (event) => {}, // 点击行\n onDblclick: (event) => {},\n onContextmenu: (event) => {},\n onMouseenter: (event) => {}, // 鼠标移入行\n onMouseleave: (event) => {}\n };\n }}\n customHeaderRow={(columns, index) => {\n return {\n onClick: () => {}, // 点击表头行\n };\n }}\n/>\n```\n\n### Column\n\n列描述数据对象，是 columns 中的一项，Column 使用相同的 API。\n\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\n| --- | --- | --- | --- | --- |\n| align | 设置列的对齐方式 | `left` \\| `right` \\| `center` | `left` | |\n| colSpan | 表头列合并,设置为 0 时，不渲染 | number | | |\n| customCell | 设置单元格属性 | Function(record, rowIndex, column) | - | column add from 3.0 |\n| customFilterDropdown | 启用 v-slot:customFilterDropdown，优先级低于 filterDropdown | boolean | false | 3.0 |\n| customHeaderCell | 设置头部单元格属性 | Function(column) | - | |\n| customRender | 生成复杂数据的渲染函数，参数分别为当前行的值，当前行数据，行索引 | Function({text, record, index, column}) {} | - | |\n| dataIndex | 列数据在数据项中对应的路径，支持通过数组查询嵌套路径 | string \\| string\\[] | - | |\n| defaultFilteredValue | 默认筛选值 | string\\[] | - | 1.5.0 |\n| filterResetToDefaultFilteredValue | 点击重置按钮的时候，是否恢复默认筛选值 | boolean | false | 3.3.0 |\n| defaultSortOrder | 默认排序顺序 | `ascend` \\| `descend` | - | |\n| ellipsis | 超过宽度将自动省略，暂不支持和排序筛选一起使用。
设置为 `true` 或 `{ showTitle?: boolean }` 时，表格布局将变成 `tableLayout=\"fixed\"`。 | boolean \\| { showTitle?: boolean } | false | 3.0 |\n| filterDropdown | 可以自定义筛选菜单，此函数只负责渲染图层，需要自行编写各种交互 | VNode \\| (props: FilterDropdownProps) => VNode | - | |\n| filterDropdownOpen | 用于控制自定义筛选菜单是否可见 | boolean | - | |\n| filtered | 标识数据是否经过过滤，筛选图标会高亮 | boolean | false | |\n| filteredValue | 筛选的受控属性，外界可用此控制列的筛选状态，值为已筛选的 value 数组 | string\\[] | - | |\n| filterIcon | 自定义 filter 图标。 | VNode \\| ({filtered: boolean, column: Column}) => vNode | false | |\n| filterMode | 指定筛选菜单的用户界面 | 'menu' \\| 'tree' | 'menu' | 3.0 |\n| filterMultiple | 是否多选 | boolean | true | |\n| filters | 表头的筛选菜单项 | object\\[] | - | |\n| filterSearch | 筛选菜单项是否可搜索 | boolean \\| function(input, filter):boolean | false | boolean:3.0 function:3.3.0 |\n| fixed | 列是否固定，可选 `true`(等效于 left) `'left'` `'right'` | boolean\\|string | false | |\n| key | Vue 需要的 key，如果已经设置了唯一的 `dataIndex`，可以忽略这个属性 | string | - | |\n| maxWidth | 拖动列最大宽度，会受到表格自动调整分配宽度影响 | number | - | 3.0 |\n| minWidth | 拖动列最小宽度，会受到表格自动调整分配宽度影响 | number | 50 | 3.0 |\n| resizable | 是否可拖动调整宽度，此时 width 必须是 number 类型 | boolean | - | 3.0 |\n| responsive | 响应式 breakpoint 配置列表。未设置则始终可见。 | [Breakpoint](#breakpoint)\\[] | - | 3.0 |\n| rowScope | 设置列范围 | `row` \\| `rowgroup` | - | 4.0 |\n| showSorterTooltip | 表头显示下一次排序的 tooltip 提示, 覆盖 table 中 `showSorterTooltip` | boolean \\| [Tooltip props](/components/tooltip/#api) | true | |\n| sortDirections | 支持的排序方式，取值为 `'ascend'` `'descend'` | Array | `['ascend', 'descend']` | 1.5.0 |\n| sorter | 排序函数，本地排序使用一个函数(参考 [Array.sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) 的 compareFunction)，需要服务端排序可设为 true | Function\\|boolean | - | |\n| sortOrder | 排序的受控属性，外界可用此控制列的排序，可设置为 `'ascend'` `'descend'` `null` | string | - | |\n| title | 列头显示文字 | string | - | |\n| width | 列宽度 | string\\|number | - | |\n| onFilter | 本地模式下，确定筛选的运行函数, 使用 template 或 jsx 时作为`filter`事件使用 | Function | - | |\n| onFilterDropdownOpenChange | 自定义筛选菜单可见变化时调用，使用 template 或 jsx 时作为`filterDropdownOpenChange`事件使用 | function(open) {} | - | 4.0 |\n\n#### Breakpoint\n\n```ts\ntype Breakpoint = 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';\n```\n\n### ColumnGroup\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ----- | ------------ | ------------ | ------ |\n| title | 列头显示文字 | string\\|slot | - |\n\n### pagination\n\n分页的配置项。\n\n| 参数 | 说明 | 类型 | 默认值 |\n| --- | --- | --- | --- |\n| position | 指定分页显示的位置， 取值为`topLeft` \\| `topCenter` \\| `topRight` \\|`bottomLeft` \\| `bottomCenter` \\| `bottomRight` | Array | \\[`bottomRight`] |\n\n更多配置项，请查看 [`Pagination`](/components/pagination/)。\n\n### rowSelection\n\n选择功能的配置。\n\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\n| --- | --- | --- | --- | --- |\n| checkStrictly | checkable 状态下节点选择完全受控（父子数据选中状态不再关联） | boolean | true | 3.0 |\n| columnTitle | 自定义列表选择框标题 | string\\|VNode | - | |\n| columnWidth | 自定义列表选择框宽度 | string\\|number | - | |\n| fixed | 把选择框列固定在左边 | boolean | - | |\n| getCheckboxProps | 选择框的默认属性配置 | Function(record) | - | |\n| hideDefaultSelections | 去掉『全选』『反选』两个默认选项 | boolean | false | |\n| hideSelectAll | 隐藏全选勾选框与自定义选择项 | boolean | false | 3.0 |\n| preserveSelectedRowKeys | 当数据被删除时仍然保留选项的 `key` | boolean | - | 3.0 |\n| selectedRowKeys | 指定选中项的 key 数组，需要和 onChange 进行配合 | string\\[] | \\[] | |\n| selections | 自定义选择项 [配置项](#selection), 设为 `true` 时使用默认选择项 | object\\[] \\| boolean | true | |\n| type | 多选/单选，`checkbox` or `radio` | string | `checkbox` | |\n| onChange | 选中项发生变化时的回调 | Function(selectedRowKeys, selectedRows) | - | |\n| onSelect | 用户手动选择/取消选择某列的回调 | Function(record, selected, selectedRows, nativeEvent) | - | |\n| onSelectAll | 用户手动选择/取消选择所有列的回调 | Function(selected, selectedRows, changeRows) | - | |\n| onSelectInvert | 用户手动选择反选的回调 | Function(selectedRows) | - | |\n| onSelectNone | 用户清空选择的回调 | function() | - | 3.0 |\n\n### scroll\n\n| 参数 | 说明 | 类型 | 默认值 |\n| --- | --- | --- | --- |\n| scrollToFirstRowOnChange | 当分页、排序、筛选变化后是否滚动到表格顶部 | boolean | - |\n| x | 设置横向滚动，也可用于指定滚动区域的宽，可以设置为像素值，百分比，true 和 ['max-content'](https://developer.mozilla.org/zh-CN/docs/Web/CSS/width#max-content) | string \\| number \\| true | - |\n| y | 设置纵向滚动，也可用于指定滚动区域的高，可以设置为像素值 | string \\| number | - |\n\n### selection\n\n自定义选择配置项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| -------- | ------------------------ | --------------------------- | ------ |\n| key | Vue 需要的 key，建议设置 | string | - |\n| text | 选择项显示的文字 | string\\|VNode | - |\n| onSelect | 选择项点击回调 | Function(changeableRowKeys) | - |\n\n### FilterDropdownProps\n\n```ts\ninterface FilterDropdownProps {\n prefixCls: string;\n setSelectedKeys: (selectedKeys: Key[]) => void;\n selectedKeys: Key[];\n confirm: (param?: FilterConfirmProps) => void;\n clearFilters?: (param?: FilterResetProps) => void;\n filters?: ColumnFilterItem[];\n visible: boolean;\n column: ColumnType;\n}\n\ninterface FilterConfirmProps {\n closeDropdown: boolean;\n}\n\ninterface FilterResetProps {\n confirm?: boolean;\n closeDropdown?: boolean;\n}\n```\n\n## 注意\n\n在 Table 中，`dataSource` 和 `columns` 里的数据值都需要指定 `key` 值。对于 `dataSource` 默认将每列数据的 `key` 属性作为唯一的标识。\n\n如果你的数据没有这个属性，务必使用 `rowKey` 来指定数据列的主键。若没有指定，控制台会出现缺少 key 的提示，表格组件也会出现各类奇怪的错误。\n\n```jsx\n// 比如你的数据主键是 uid\nreturn
;\n// 或\nreturn
record.uid} />;\n```\n\n## FAQ\n\n### 如何在没有数据或只有一页数据时隐藏分页栏\n\n你可以设置 `pagination` 的 `hideOnSinglePage` 属性为 `true`。\n\n### 表格过滤时会回到第一页？\n\n前端过滤时通常条目总数会减少，从而导致总页数小于筛选前的当前页数，为了防止当前页面没有数据，我们默认会返回第一页。\n\n如果你在使用远程分页，很可能需要保持当前页面，你可以手动控制当前页面不变。\n\n### 表格分页为何会出现 size 切换器？\n\n自 `3.0` 起，Pagination 在 `total` 大于 50 条时会默认显示 size 切换器以提升用户交互体验。如果你不需要该功能，可以通过设置 `showSizeChanger` 为 `false` 来关闭。\n\n### 固定列穿透到最上层该怎么办？\n\n固定列通过 `z-index` 属性将其悬浮于非固定列之上，这使得有时候你会发现在 Table 上放置遮罩层时固定列会被透过的情况。为遮罩层设置更高的 `z-index` 覆盖住固定列即可。\n" }, { "path": "components/table/interface.tsx", "content": "import type {\n GetRowKey,\n ColumnType as RcColumnType,\n RenderedCell as RcRenderedCell,\n ExpandableConfig,\n DefaultRecordType,\n FixedType,\n} from '../vc-table/interface';\nimport type { TooltipProps } from '../tooltip';\nimport type { CheckboxProps } from '../checkbox';\nimport type { PaginationProps } from '../pagination';\nimport type { Breakpoint } from '../_util/responsiveObserve';\nimport type { INTERNAL_SELECTION_ITEM } from './hooks/useSelection';\nimport type { VueNode } from '../_util/type';\nimport { tuple } from '../_util/type';\nimport type { CSSProperties, VNodeArrayChildren } from 'vue';\n// import { TableAction } from './Table';\n\nexport type { GetRowKey, ExpandableConfig };\n\nexport type Key = string | number;\n\nexport type RowSelectionType = 'checkbox' | 'radio';\n\nexport type SelectionItemSelectFn = (currentRowKeys: Key[]) => void;\n\nexport type ExpandType = null | 'row' | 'nest';\n\nexport interface TableLocale {\n filterTitle?: string;\n filterConfirm?: any;\n filterReset?: any;\n filterEmptyText?: any;\n filterCheckall?: any;\n filterSearchPlaceholder?: any;\n emptyText?: any | (() => any);\n selectAll?: any;\n selectNone?: any;\n selectInvert?: any;\n selectionAll?: any;\n sortTitle?: string;\n expand?: string;\n collapse?: string;\n triggerDesc?: string;\n triggerAsc?: string;\n cancelSort?: string;\n}\n\nexport type SortOrder = 'descend' | 'ascend' | null;\n\nconst TableActions = tuple('paginate', 'sort', 'filter');\nexport type TableAction = (typeof TableActions)[number];\n\nexport type CompareFn = (a: T, b: T, sortOrder?: SortOrder) => number;\n\nexport interface ColumnFilterItem {\n text: VueNode;\n value: string | number | boolean;\n children?: ColumnFilterItem[];\n}\nexport interface ColumnTitleProps {\n /** @deprecated Please use `sorterColumns` instead. */\n sortOrder?: SortOrder;\n /** @deprecated Please use `sorterColumns` instead. */\n sortColumn?: ColumnType;\n sortColumns?: { column: ColumnType; order: SortOrder }[];\n\n filters?: Record;\n}\n\ntype ColumnTitleNode = VueNode | VNodeArrayChildren;\nexport type ColumnTitle =\n | ColumnTitleNode\n | ((props: ColumnTitleProps) => ColumnTitleNode);\n\nexport type FilterValue = (Key | boolean)[];\nexport type FilterKey = Key[] | null;\nexport type FilterSearchType> =\n | boolean\n | ((input: string, record: RecordType) => boolean);\nexport interface FilterConfirmProps {\n closeDropdown: boolean;\n}\nexport interface FilterResetProps {\n confirm?: boolean;\n closeDropdown?: boolean;\n}\n\nexport interface FilterDropdownProps {\n prefixCls: string;\n setSelectedKeys: (selectedKeys: Key[]) => void;\n selectedKeys: Key[];\n confirm: (param?: FilterConfirmProps) => void;\n clearFilters?: (param?: FilterResetProps) => void;\n filters?: ColumnFilterItem[];\n /** Only close filterDropdown */\n close: () => void;\n visible: boolean;\n column: ColumnType;\n}\n\nexport interface ColumnType\n extends Omit, 'title'> {\n title?: ColumnTitle;\n // Sorter\n sorter?:\n | boolean\n | CompareFn\n | {\n compare?: CompareFn;\n /** Config multiple sorter order priority */\n multiple?: number;\n };\n sortOrder?: SortOrder;\n defaultSortOrder?: SortOrder;\n sortDirections?: SortOrder[];\n showSorterTooltip?: boolean | TooltipProps;\n\n // Filter\n filtered?: boolean;\n filters?: ColumnFilterItem[];\n filterDropdown?: VueNode | ((props: FilterDropdownProps) => VueNode);\n filterMultiple?: boolean;\n filteredValue?: FilterValue | null;\n defaultFilteredValue?: FilterValue | null;\n filterIcon?: VueNode | ((opt: { filtered: boolean; column: ColumnType }) => VueNode);\n filterMode?: 'menu' | 'tree';\n filterSearch?: FilterSearchType;\n onFilter?: (value: string | number | boolean, record: RecordType) => boolean;\n filterDropdownOpen?: boolean;\n onFilterDropdownOpenChange?: (visible: boolean) => void;\n filterResetToDefaultFilteredValue?: boolean;\n // Responsive\n responsive?: Breakpoint[];\n\n // Deprecated\n /** @deprecated Please use `filterDropdownOpen` instead */\n filterDropdownVisible?: boolean;\n /** @deprecated Please use `onFilterDropdownOpenChange` instead */\n onFilterDropdownVisibleChange?: (visible: boolean) => void;\n}\n\nexport interface ColumnGroupType extends Omit, 'dataIndex'> {\n children: ColumnsType;\n}\n\nexport type ColumnsType = (\n | ColumnGroupType\n | ColumnType\n)[];\n\nexport interface SelectionItem {\n key: string;\n text: VueNode;\n onSelect?: SelectionItemSelectFn;\n}\n\nexport type SelectionSelectFn = (\n record: T,\n selected: boolean,\n selectedRows: T[],\n nativeEvent: Event,\n) => void;\n\nexport interface TableRowSelection {\n /** Keep the selection keys in list even the key not exist in `dataSource` anymore */\n preserveSelectedRowKeys?: boolean;\n type?: RowSelectionType;\n selectedRowKeys?: Key[];\n defaultSelectedRowKeys?: Key[];\n onChange?: (selectedRowKeys: Key[], selectedRows: T[]) => void;\n getCheckboxProps?: (record: T) => Partial>;\n onSelect?: SelectionSelectFn;\n onSelectMultiple?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;\n /** @deprecated This function is meaningless and should use `onChange` instead */\n onSelectAll?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;\n /** @deprecated This function is meaningless and should use `onChange` instead */\n onSelectInvert?: (selectedRowKeys: Key[]) => void;\n onSelectNone?: () => void;\n selections?: INTERNAL_SELECTION_ITEM[] | boolean;\n hideSelectAll?: boolean;\n fixed?: FixedType;\n columnWidth?: string | number;\n columnTitle?: string | VueNode;\n checkStrictly?: boolean;\n renderCell?: (\n value: boolean,\n record: T,\n index: number,\n originNode: VueNode,\n ) => VueNode | RcRenderedCell;\n}\n\nexport type TransformColumns = (\n columns: ColumnsType,\n) => ColumnsType;\n\nexport interface TableCurrentDataSource {\n currentDataSource: RecordType[];\n action: TableAction;\n}\n\nexport interface SorterResult {\n column?: ColumnType;\n order?: SortOrder;\n field?: Key | readonly Key[];\n columnKey?: Key;\n}\n\nexport type GetPopupContainer = (triggerNode: HTMLElement) => HTMLElement;\n\ntype TablePaginationPosition =\n | 'topLeft'\n | 'topCenter'\n | 'topRight'\n | 'bottomLeft'\n | 'bottomCenter'\n | 'bottomRight';\n\nexport interface TablePaginationConfig extends PaginationProps {\n position?: TablePaginationPosition[];\n class?: string;\n style?: CSSProperties;\n}\n\nexport interface TransformCellTextProps {\n text: any;\n column: ColumnType;\n record: any;\n index: number;\n}\n" }, { "path": "components/table/style/bordered.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { GenerateStyle } from '../../theme/internal';\nimport type { TableToken } from './index';\n\nconst genBorderedStyle: GenerateStyle = token => {\n const { componentCls } = token;\n const tableBorder = `${token.lineWidth}px ${token.lineType} ${token.tableBorderColor}`;\n\n const getSizeBorderStyle = (\n size: 'small' | 'middle',\n paddingVertical: number,\n paddingHorizontal: number,\n ) => ({\n [`&${componentCls}-${size}`]: {\n [`> ${componentCls}-container`]: {\n [`> ${componentCls}-content, > ${componentCls}-body`]: {\n '> table > tbody > tr > td': {\n [`> ${componentCls}-expanded-row-fixed`]: {\n margin: `-${paddingVertical}px -${paddingHorizontal + token.lineWidth}px`,\n },\n },\n },\n },\n },\n });\n\n return {\n [`${componentCls}-wrapper`]: {\n [`${componentCls}${componentCls}-bordered`]: {\n // ============================ Title =============================\n [`> ${componentCls}-title`]: {\n border: tableBorder,\n borderBottom: 0,\n },\n\n // ============================ Content ============================\n [`> ${componentCls}-container`]: {\n borderInlineStart: tableBorder,\n\n [`\n > ${componentCls}-content,\n > ${componentCls}-header,\n > ${componentCls}-body,\n > ${componentCls}-summary\n `]: {\n '> table': {\n // ============================= Cell =============================\n [`\n > thead > tr > th,\n > tbody > tr > td,\n > tfoot > tr > th,\n > tfoot > tr > td\n `]: {\n borderInlineEnd: tableBorder,\n },\n\n // ============================ Header ============================\n '> thead': {\n '> tr:not(:last-child) > th': {\n borderBottom: tableBorder,\n },\n\n '> tr > th::before': {\n backgroundColor: 'transparent !important',\n },\n },\n\n // Fixed right should provides additional border\n [`\n > thead > tr,\n > tbody > tr,\n > tfoot > tr\n `]: {\n [`> ${componentCls}-cell-fix-right-first::after`]: {\n borderInlineEnd: tableBorder,\n },\n },\n\n // ========================== Expandable ==========================\n '> tbody > tr > td': {\n [`> ${componentCls}-expanded-row-fixed`]: {\n margin: `-${token.tablePaddingVertical}px -${\n token.tablePaddingHorizontal + token.lineWidth\n }px`,\n\n '&::after': {\n position: 'absolute',\n top: 0,\n insetInlineEnd: token.lineWidth,\n bottom: 0,\n borderInlineEnd: tableBorder,\n content: '\"\"',\n },\n },\n },\n },\n },\n\n [`\n > ${componentCls}-content,\n > ${componentCls}-header\n `]: {\n '> table': {\n borderTop: tableBorder,\n },\n },\n },\n\n // ============================ Scroll ============================\n [`&${componentCls}-scroll-horizontal`]: {\n [`> ${componentCls}-container > ${componentCls}-body`]: {\n '> table > tbody': {\n [`\n > tr${componentCls}-expanded-row,\n > tr${componentCls}-placeholder\n `]: {\n '> td': {\n borderInlineEnd: 0,\n },\n },\n },\n },\n },\n\n // ============================ Size ============================\n ...getSizeBorderStyle(\n 'middle',\n token.tablePaddingVerticalMiddle,\n token.tablePaddingHorizontalMiddle,\n ),\n ...getSizeBorderStyle(\n 'small',\n token.tablePaddingVerticalSmall,\n token.tablePaddingHorizontalSmall,\n ),\n\n // ============================ Footer ============================\n [`> ${componentCls}-footer`]: {\n border: tableBorder,\n borderTop: 0,\n },\n },\n\n // ============================ Nested ============================\n [`${componentCls}-cell`]: {\n [`${componentCls}-container:first-child`]: {\n // :first-child to avoid the case when bordered and title is set\n borderTop: 0,\n },\n // https://github.com/ant-design/ant-design/issues/35577\n '&-scrollbar:not([rowspan])': {\n boxShadow: `0 ${token.lineWidth}px 0 ${token.lineWidth}px ${token.tableHeaderBg}`,\n },\n },\n },\n };\n};\n\nexport default genBorderedStyle;\n" }, { "path": "components/table/style/ellipsis.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport { textEllipsis } from '../../style';\nimport type { GenerateStyle } from '../../theme/internal';\nimport type { TableToken } from './index';\n\nconst genEllipsisStyle: GenerateStyle = token => {\n const { componentCls } = token;\n return {\n [`${componentCls}-wrapper`]: {\n [`${componentCls}-cell-ellipsis`]: {\n ...textEllipsis,\n wordBreak: 'keep-all',\n\n // Fixed first or last should special process\n [`\n &${componentCls}-cell-fix-left-last,\n &${componentCls}-cell-fix-right-first\n `]: {\n overflow: 'visible',\n [`${componentCls}-cell-content`]: {\n display: 'block',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n },\n\n [`${componentCls}-column-title`]: {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n wordBreak: 'keep-all',\n },\n },\n },\n };\n};\n\nexport default genEllipsisStyle;\n" }, { "path": "components/table/style/empty.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { GenerateStyle } from '../../theme/internal';\nimport type { TableToken } from './index';\n\n// ========================= Placeholder ==========================\nconst genEmptyStyle: GenerateStyle = token => {\n const { componentCls } = token;\n return {\n [`${componentCls}-wrapper`]: {\n [`${componentCls}-tbody > tr${componentCls}-placeholder`]: {\n textAlign: 'center',\n color: token.colorTextDisabled,\n\n '&:hover > td': {\n background: token.colorBgContainer,\n },\n },\n },\n };\n};\n\nexport default genEmptyStyle;\n" }, { "path": "components/table/style/expand.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { GenerateStyle } from '../../theme/internal';\nimport type { TableToken } from './index';\nimport { operationUnit } from '../../style';\n\nconst genExpandStyle: GenerateStyle = token => {\n const {\n componentCls,\n antCls,\n controlInteractiveSize: checkboxSize,\n motionDurationSlow,\n lineWidth,\n paddingXS,\n lineType,\n tableBorderColor,\n tableExpandIconBg,\n tableExpandColumnWidth,\n borderRadius,\n fontSize,\n fontSizeSM,\n lineHeight,\n tablePaddingVertical,\n tablePaddingHorizontal,\n tableExpandedRowBg,\n paddingXXS,\n } = token;\n const halfInnerSize = checkboxSize / 2 - lineWidth;\n // must be odd number, unless it cannot align center\n const expandIconSize = halfInnerSize * 2 + lineWidth * 3;\n const tableBorder = `${lineWidth}px ${lineType} ${tableBorderColor}`;\n const expandIconLineOffset = paddingXXS - lineWidth;\n\n return {\n [`${componentCls}-wrapper`]: {\n [`${componentCls}-expand-icon-col`]: {\n width: tableExpandColumnWidth,\n },\n\n [`${componentCls}-row-expand-icon-cell`]: {\n textAlign: 'center',\n\n [`${componentCls}-row-expand-icon`]: {\n display: 'inline-flex',\n float: 'none',\n verticalAlign: 'sub',\n },\n },\n\n [`${componentCls}-row-indent`]: {\n height: 1,\n float: 'left',\n },\n\n [`${componentCls}-row-expand-icon`]: {\n ...operationUnit(token),\n position: 'relative',\n float: 'left',\n boxSizing: 'border-box',\n width: expandIconSize,\n height: expandIconSize,\n padding: 0,\n color: 'inherit',\n lineHeight: `${expandIconSize}px`,\n background: tableExpandIconBg,\n border: tableBorder,\n borderRadius,\n transform: `scale(${checkboxSize / expandIconSize})`,\n transition: `all ${motionDurationSlow}`,\n userSelect: 'none',\n\n [`&:focus, &:hover, &:active`]: {\n borderColor: 'currentcolor',\n },\n\n [`&::before, &::after`]: {\n position: 'absolute',\n background: 'currentcolor',\n transition: `transform ${motionDurationSlow} ease-out`,\n content: '\"\"',\n },\n\n '&::before': {\n top: halfInnerSize,\n insetInlineEnd: expandIconLineOffset,\n insetInlineStart: expandIconLineOffset,\n height: lineWidth,\n },\n\n '&::after': {\n top: expandIconLineOffset,\n bottom: expandIconLineOffset,\n insetInlineStart: halfInnerSize,\n width: lineWidth,\n transform: 'rotate(90deg)',\n },\n\n // Motion effect\n '&-collapsed::before': {\n transform: 'rotate(-180deg)',\n },\n\n '&-collapsed::after': {\n transform: 'rotate(0deg)',\n },\n\n '&-spaced': {\n '&::before, &::after': {\n display: 'none',\n content: 'none',\n },\n background: 'transparent',\n border: 0,\n visibility: 'hidden',\n },\n },\n\n [`${componentCls}-row-indent + ${componentCls}-row-expand-icon`]: {\n marginTop:\n (fontSize * lineHeight - lineWidth * 3) / 2 -\n Math.ceil((fontSizeSM * 1.4 - lineWidth * 3) / 2),\n marginInlineEnd: paddingXS,\n },\n\n [`tr${componentCls}-expanded-row`]: {\n '&, &:hover': {\n '> td': {\n background: tableExpandedRowBg,\n },\n },\n\n // https://github.com/ant-design/ant-design/issues/25573\n [`${antCls}-descriptions-view`]: {\n display: 'flex',\n\n table: {\n flex: 'auto',\n width: 'auto',\n },\n },\n },\n\n // With fixed\n [`${componentCls}-expanded-row-fixed`]: {\n position: 'relative',\n margin: `-${tablePaddingVertical}px -${tablePaddingHorizontal}px`,\n padding: `${tablePaddingVertical}px ${tablePaddingHorizontal}px`,\n },\n },\n };\n};\n\nexport default genExpandStyle;\n" }, { "path": "components/table/style/filter.ts", "content": "import type { GenerateStyle } from '../../theme/internal';\nimport type { TableToken } from './index';\nimport { resetComponent } from '../../style';\n\nconst genFilterStyle: GenerateStyle = token => {\n const {\n componentCls,\n antCls,\n iconCls,\n tableFilterDropdownWidth,\n tableFilterDropdownSearchWidth,\n paddingXXS,\n paddingXS,\n colorText,\n lineWidth,\n lineType,\n tableBorderColor,\n tableHeaderIconColor,\n fontSizeSM,\n tablePaddingHorizontal,\n borderRadius,\n motionDurationSlow,\n colorTextDescription,\n colorPrimary,\n tableHeaderFilterActiveBg,\n colorTextDisabled,\n tableFilterDropdownBg,\n tableFilterDropdownHeight,\n controlItemBgHover,\n controlItemBgActive,\n boxShadowSecondary,\n } = token;\n const dropdownPrefixCls = `${antCls}-dropdown`;\n const tableFilterDropdownPrefixCls = `${componentCls}-filter-dropdown`;\n const treePrefixCls = `${antCls}-tree`;\n const tableBorder = `${lineWidth}px ${lineType} ${tableBorderColor}`;\n\n return [\n {\n [`${componentCls}-wrapper`]: {\n [`${componentCls}-filter-column`]: {\n display: 'flex',\n justifyContent: 'space-between',\n },\n\n [`${componentCls}-filter-trigger`]: {\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n marginBlock: -paddingXXS,\n marginInline: `${paddingXXS}px ${-tablePaddingHorizontal / 2}px`,\n padding: `0 ${paddingXXS}px`,\n color: tableHeaderIconColor,\n fontSize: fontSizeSM,\n borderRadius,\n cursor: 'pointer',\n transition: `all ${motionDurationSlow}`,\n\n '&:hover': {\n color: colorTextDescription,\n background: tableHeaderFilterActiveBg,\n },\n\n '&.active': {\n color: colorPrimary,\n },\n },\n },\n },\n {\n // Dropdown\n [`${antCls}-dropdown`]: {\n [tableFilterDropdownPrefixCls]: {\n ...resetComponent(token),\n\n minWidth: tableFilterDropdownWidth,\n backgroundColor: tableFilterDropdownBg,\n borderRadius,\n boxShadow: boxShadowSecondary,\n\n // Reset menu\n [`${dropdownPrefixCls}-menu`]: {\n // https://github.com/ant-design/ant-design/issues/4916\n // https://github.com/ant-design/ant-design/issues/19542\n maxHeight: tableFilterDropdownHeight,\n overflowX: 'hidden',\n border: 0,\n boxShadow: 'none',\n\n '&:empty::after': {\n display: 'block',\n padding: `${paddingXS}px 0`,\n color: colorTextDisabled,\n fontSize: fontSizeSM,\n textAlign: 'center',\n content: '\"Not Found\"',\n },\n },\n\n [`${tableFilterDropdownPrefixCls}-tree`]: {\n paddingBlock: `${paddingXS}px 0`,\n paddingInline: paddingXS,\n\n [treePrefixCls]: {\n padding: 0,\n },\n\n [`${treePrefixCls}-treenode ${treePrefixCls}-node-content-wrapper:hover`]: {\n backgroundColor: controlItemBgHover,\n },\n\n [`${treePrefixCls}-treenode-checkbox-checked ${treePrefixCls}-node-content-wrapper`]: {\n '&, &:hover': {\n backgroundColor: controlItemBgActive,\n },\n },\n },\n\n [`${tableFilterDropdownPrefixCls}-search`]: {\n padding: paddingXS,\n borderBottom: tableBorder,\n\n '&-input': {\n input: {\n minWidth: tableFilterDropdownSearchWidth,\n },\n [iconCls]: {\n color: colorTextDisabled,\n },\n },\n },\n\n [`${tableFilterDropdownPrefixCls}-checkall`]: {\n width: '100%',\n marginBottom: paddingXXS,\n marginInlineStart: paddingXXS,\n },\n\n // Operation\n [`${tableFilterDropdownPrefixCls}-btns`]: {\n display: 'flex',\n justifyContent: 'space-between',\n padding: `${paddingXS - lineWidth}px ${paddingXS}px`,\n overflow: 'hidden',\n backgroundColor: 'inherit',\n borderTop: tableBorder,\n },\n },\n },\n },\n // Dropdown Menu & SubMenu\n {\n // submenu of table filter dropdown\n [`${antCls}-dropdown ${tableFilterDropdownPrefixCls}, ${tableFilterDropdownPrefixCls}-submenu`]:\n {\n // Checkbox\n [`${antCls}-checkbox-wrapper + span`]: {\n paddingInlineStart: paddingXS,\n color: colorText,\n },\n\n [`> ul`]: {\n maxHeight: 'calc(100vh - 130px)',\n overflowX: 'hidden',\n overflowY: 'auto',\n },\n },\n },\n ];\n};\n\nexport default genFilterStyle;\n" }, { "path": "components/table/style/fixed.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { GenerateStyle } from '../../theme/internal';\nimport type { TableToken } from './index';\n\nconst genFixedStyle: GenerateStyle = token => {\n const {\n componentCls,\n lineWidth,\n colorSplit,\n motionDurationSlow,\n zIndexTableFixed,\n tableBg,\n zIndexTableSticky,\n } = token;\n\n const shadowColor = colorSplit;\n\n // Follow style is magic of shadow which should not follow token:\n return {\n [`${componentCls}-wrapper`]: {\n [`\n ${componentCls}-cell-fix-left,\n ${componentCls}-cell-fix-right\n `]: {\n position: 'sticky !important' as 'sticky',\n zIndex: zIndexTableFixed,\n background: tableBg,\n },\n\n [`\n ${componentCls}-cell-fix-left-first::after,\n ${componentCls}-cell-fix-left-last::after\n `]: {\n position: 'absolute',\n top: 0,\n right: {\n _skip_check_: true,\n value: 0,\n },\n bottom: -lineWidth,\n width: 30,\n transform: 'translateX(100%)',\n transition: `box-shadow ${motionDurationSlow}`,\n content: '\"\"',\n pointerEvents: 'none',\n },\n\n [`${componentCls}-cell-fix-left-all::after`]: {\n display: 'none',\n },\n\n [`\n ${componentCls}-cell-fix-right-first::after,\n ${componentCls}-cell-fix-right-last::after\n `]: {\n position: 'absolute',\n top: 0,\n bottom: -lineWidth,\n left: {\n _skip_check_: true,\n value: 0,\n },\n width: 30,\n transform: 'translateX(-100%)',\n transition: `box-shadow ${motionDurationSlow}`,\n content: '\"\"',\n pointerEvents: 'none',\n },\n\n [`${componentCls}-container`]: {\n '&::before, &::after': {\n position: 'absolute',\n top: 0,\n bottom: 0,\n zIndex: zIndexTableSticky + 1,\n width: 30,\n transition: `box-shadow ${motionDurationSlow}`,\n content: '\"\"',\n pointerEvents: 'none',\n },\n\n '&::before': {\n insetInlineStart: 0,\n },\n\n '&::after': {\n insetInlineEnd: 0,\n },\n },\n\n [`${componentCls}-ping-left`]: {\n [`&:not(${componentCls}-has-fix-left) ${componentCls}-container`]: {\n position: 'relative',\n\n '&::before': {\n boxShadow: `inset 10px 0 8px -8px ${shadowColor}`,\n },\n },\n\n [`\n ${componentCls}-cell-fix-left-first::after,\n ${componentCls}-cell-fix-left-last::after\n `]: {\n boxShadow: `inset 10px 0 8px -8px ${shadowColor}`,\n },\n\n [`${componentCls}-cell-fix-left-last::before`]: {\n backgroundColor: 'transparent !important',\n },\n },\n\n [`${componentCls}-ping-right`]: {\n [`&:not(${componentCls}-has-fix-right) ${componentCls}-container`]: {\n position: 'relative',\n\n '&::after': {\n boxShadow: `inset -10px 0 8px -8px ${shadowColor}`,\n },\n },\n\n [`\n ${componentCls}-cell-fix-right-first::after,\n ${componentCls}-cell-fix-right-last::after\n `]: {\n boxShadow: `inset -10px 0 8px -8px ${shadowColor}`,\n },\n },\n },\n };\n};\n\nexport default genFixedStyle;\n" }, { "path": "components/table/style/index.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport { TinyColor } from '@ctrl/tinycolor';\nimport type { FullToken, GenerateStyle } from '../../theme/internal';\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal';\nimport genBorderedStyle from './bordered';\nimport genEllipsisStyle from './ellipsis';\nimport genEmptyStyle from './empty';\nimport genExpandStyle from './expand';\nimport genFilterStyle from './filter';\nimport genFixedStyle from './fixed';\nimport genPaginationStyle from './pagination';\nimport genRadiusStyle from './radius';\nimport genRtlStyle from './rtl';\nimport genSelectionStyle from './selection';\nimport genSizeStyle from './size';\nimport genResizeStyle from './resize';\nimport genSorterStyle from './sorter';\nimport genStickyStyle from './sticky';\nimport genSummaryStyle from './summary';\nimport { clearFix, resetComponent } from '../../style';\n\nexport interface ComponentToken {}\n\nexport interface TableToken extends FullToken<'Table'> {\n tableFontSize: number;\n tableBg: string;\n tableRadius: number;\n tablePaddingHorizontal: number;\n tablePaddingVertical: number;\n tablePaddingHorizontalMiddle: number;\n tablePaddingVerticalMiddle: number;\n tablePaddingHorizontalSmall: number;\n tablePaddingVerticalSmall: number;\n tableBorderColor: string;\n tableHeaderTextColor: string;\n tableHeaderBg: string;\n tableFooterTextColor: string;\n tableFooterBg: string;\n tableHeaderCellSplitColor: string;\n tableHeaderSortBg: string;\n tableHeaderSortHoverBg: string;\n tableHeaderIconColor: string;\n tableHeaderIconColorHover: string;\n tableBodySortBg: string;\n tableFixedHeaderSortActiveBg: string;\n tableHeaderFilterActiveBg: string;\n tableFilterDropdownBg: string;\n tableFilterDropdownHeight: number;\n tableRowHoverBg: string;\n tableSelectedRowBg: string;\n tableSelectedRowHoverBg: string;\n\n tableFontSizeMiddle: number;\n tableFontSizeSmall: number;\n tableSelectionColumnWidth: number;\n tableExpandIconBg: string;\n tableExpandColumnWidth: number;\n tableExpandedRowBg: string;\n tableFilterDropdownWidth: number;\n tableFilterDropdownSearchWidth: number;\n\n // Z-Index\n zIndexTableFixed: number;\n zIndexTableSticky: number;\n\n // Virtual Scroll Bar\n tableScrollThumbSize: number;\n tableScrollThumbBg: string;\n tableScrollThumbBgHover: string;\n tableScrollBg: string;\n}\n\nconst genTableStyle: GenerateStyle = token => {\n const {\n componentCls,\n fontWeightStrong,\n tablePaddingVertical,\n tablePaddingHorizontal,\n lineWidth,\n lineType,\n tableBorderColor,\n tableFontSize,\n tableBg,\n tableRadius,\n tableHeaderTextColor,\n motionDurationMid,\n tableHeaderBg,\n tableHeaderCellSplitColor,\n tableRowHoverBg,\n tableSelectedRowBg,\n tableSelectedRowHoverBg,\n tableFooterTextColor,\n tableFooterBg,\n paddingContentVerticalLG,\n } = token;\n const tableBorder = `${lineWidth}px ${lineType} ${tableBorderColor}`;\n return {\n [`${componentCls}-wrapper`]: {\n clear: 'both',\n maxWidth: '100%',\n ...clearFix(),\n\n [componentCls]: {\n ...resetComponent(token),\n fontSize: tableFontSize,\n background: tableBg,\n borderRadius: `${tableRadius}px ${tableRadius}px 0 0`,\n },\n // https://github.com/ant-design/ant-design/issues/17611\n table: {\n width: '100%',\n textAlign: 'start',\n borderRadius: `${tableRadius}px ${tableRadius}px 0 0`,\n borderCollapse: 'separate',\n borderSpacing: 0,\n },\n\n // ============================= Cell =============================\n [`\n ${componentCls}-thead > tr > th,\n ${componentCls}-tbody > tr > td,\n tfoot > tr > th,\n tfoot > tr > td\n `]: {\n position: 'relative',\n padding: `${paddingContentVerticalLG}px ${tablePaddingHorizontal}px`,\n overflowWrap: 'break-word',\n },\n\n // ============================ Title =============================\n [`${componentCls}-title`]: {\n padding: `${tablePaddingVertical}px ${tablePaddingHorizontal}px`,\n },\n\n // ============================ Header ============================\n [`${componentCls}-thead`]: {\n [`\n > tr > th,\n > tr > td\n `]: {\n position: 'relative',\n color: tableHeaderTextColor,\n fontWeight: fontWeightStrong,\n textAlign: 'start',\n background: tableHeaderBg,\n borderBottom: tableBorder,\n transition: `background ${motionDurationMid} ease`,\n\n \"&[colspan]:not([colspan='1'])\": {\n textAlign: 'center',\n },\n\n [`&:not(:last-child):not(${componentCls}-selection-column):not(${componentCls}-row-expand-icon-cell):not([colspan])::before`]:\n {\n position: 'absolute',\n top: '50%',\n insetInlineEnd: 0,\n width: 1,\n height: '1.6em',\n backgroundColor: tableHeaderCellSplitColor,\n transform: 'translateY(-50%)',\n transition: `background-color ${motionDurationMid}`,\n content: '\"\"',\n },\n },\n\n '> tr:not(:last-child) > th[colspan]': {\n borderBottom: 0,\n },\n },\n\n // ============================ Body ============================\n // Borderless Table has unique hover style, which would be implemented with `borderTop`.\n [`${componentCls}:not(${componentCls}-bordered)`]: {\n [`${componentCls}-tbody`]: {\n '> tr': {\n '> td': {\n borderTop: tableBorder,\n borderBottom: 'transparent',\n },\n\n '&:last-child > td': {\n borderBottom: tableBorder,\n },\n\n [`&:first-child > td,\n &${componentCls}-measure-row + tr > td`]: {\n borderTop: 'none',\n borderTopColor: 'transparent',\n },\n },\n },\n },\n\n // Bordered Table remains simple `borderBottom`.\n // Ref issue: https://github.com/ant-design/ant-design/issues/38724\n [`${componentCls}${componentCls}-bordered`]: {\n [`${componentCls}-tbody`]: {\n '> tr': {\n '> td': {\n borderBottom: tableBorder,\n },\n },\n },\n },\n\n [`${componentCls}-tbody`]: {\n '> tr': {\n '> td': {\n transition: `background ${motionDurationMid}, border-color ${motionDurationMid}`,\n\n // ========================= Nest Table ===========================\n [`\n > ${componentCls}-wrapper:only-child,\n > ${componentCls}-expanded-row-fixed > ${componentCls}-wrapper:only-child\n `]: {\n [componentCls]: {\n marginBlock: `-${tablePaddingVertical}px`,\n marginInline: `${\n token.tableExpandColumnWidth - tablePaddingHorizontal\n }px -${tablePaddingHorizontal}px`,\n [`${componentCls}-tbody > tr:last-child > td`]: {\n borderBottom: 0,\n '&:first-child, &:last-child': {\n borderRadius: 0,\n },\n },\n },\n },\n },\n\n [`\n &${componentCls}-row:hover > td,\n > td${componentCls}-cell-row-hover\n `]: {\n background: tableRowHoverBg,\n },\n\n [`&${componentCls}-row-selected`]: {\n '> td': {\n background: tableSelectedRowBg,\n },\n\n '&:hover > td': {\n background: tableSelectedRowHoverBg,\n },\n },\n },\n },\n\n // ============================ Footer ============================\n [`${componentCls}-footer`]: {\n padding: `${tablePaddingVertical}px ${tablePaddingHorizontal}px`,\n color: tableFooterTextColor,\n background: tableFooterBg,\n },\n },\n };\n};\n\n// ============================== Export ==============================\nexport default genComponentStyleHook('Table', token => {\n const {\n controlItemBgActive,\n controlItemBgActiveHover,\n colorTextPlaceholder,\n colorTextHeading,\n colorSplit,\n colorBorderSecondary,\n fontSize,\n padding,\n paddingXS,\n paddingSM,\n controlHeight,\n colorFillAlter,\n colorIcon,\n colorIconHover,\n opacityLoading,\n colorBgContainer,\n borderRadiusLG,\n colorFillContent,\n colorFillSecondary,\n controlInteractiveSize: checkboxSize,\n } = token;\n\n const baseColorAction = new TinyColor(colorIcon);\n const baseColorActionHover = new TinyColor(colorIconHover);\n\n const tableSelectedRowBg = controlItemBgActive;\n const zIndexTableFixed: number = 2;\n\n const colorFillSecondarySolid = new TinyColor(colorFillSecondary)\n .onBackground(colorBgContainer)\n .toHexString();\n const colorFillContentSolid = new TinyColor(colorFillContent)\n .onBackground(colorBgContainer)\n .toHexString();\n\n const colorFillAlterSolid = new TinyColor(colorFillAlter)\n .onBackground(colorBgContainer)\n .toHexString();\n\n const tableToken = mergeToken(token, {\n tableFontSize: fontSize,\n tableBg: colorBgContainer,\n tableRadius: borderRadiusLG,\n\n tablePaddingVertical: padding,\n tablePaddingHorizontal: padding,\n tablePaddingVerticalMiddle: paddingSM,\n tablePaddingHorizontalMiddle: paddingXS,\n tablePaddingVerticalSmall: paddingXS,\n tablePaddingHorizontalSmall: paddingXS,\n tableBorderColor: colorBorderSecondary,\n tableHeaderTextColor: colorTextHeading,\n tableHeaderBg: colorFillAlterSolid,\n tableFooterTextColor: colorTextHeading,\n tableFooterBg: colorFillAlterSolid,\n tableHeaderCellSplitColor: colorBorderSecondary,\n tableHeaderSortBg: colorFillSecondarySolid,\n tableHeaderSortHoverBg: colorFillContentSolid,\n tableHeaderIconColor: baseColorAction\n .clone()\n .setAlpha(baseColorAction.getAlpha() * opacityLoading)\n .toRgbString(),\n tableHeaderIconColorHover: baseColorActionHover\n .clone()\n .setAlpha(baseColorActionHover.getAlpha() * opacityLoading)\n .toRgbString(),\n tableBodySortBg: colorFillAlterSolid,\n tableFixedHeaderSortActiveBg: colorFillSecondarySolid,\n tableHeaderFilterActiveBg: colorFillContent,\n tableFilterDropdownBg: colorBgContainer,\n tableRowHoverBg: colorFillAlterSolid,\n tableSelectedRowBg,\n tableSelectedRowHoverBg: controlItemBgActiveHover,\n zIndexTableFixed,\n zIndexTableSticky: zIndexTableFixed + 1,\n tableFontSizeMiddle: fontSize,\n tableFontSizeSmall: fontSize,\n tableSelectionColumnWidth: controlHeight,\n tableExpandIconBg: colorBgContainer,\n tableExpandColumnWidth: checkboxSize + 2 * token.padding,\n tableExpandedRowBg: colorFillAlter,\n\n // Dropdown\n tableFilterDropdownWidth: 120,\n tableFilterDropdownHeight: 264,\n tableFilterDropdownSearchWidth: 140,\n\n // Virtual Scroll Bar\n tableScrollThumbSize: 8, // Mac scroll bar size\n tableScrollThumbBg: colorTextPlaceholder,\n tableScrollThumbBgHover: colorTextHeading,\n tableScrollBg: colorSplit,\n });\n\n return [\n genTableStyle(tableToken),\n genPaginationStyle(tableToken),\n genSummaryStyle(tableToken),\n genSorterStyle(tableToken),\n genFilterStyle(tableToken),\n genBorderedStyle(tableToken),\n genRadiusStyle(tableToken),\n genExpandStyle(tableToken),\n genSummaryStyle(tableToken),\n genEmptyStyle(tableToken),\n genSelectionStyle(tableToken),\n genFixedStyle(tableToken),\n genStickyStyle(tableToken),\n genEllipsisStyle(tableToken),\n genSizeStyle(tableToken),\n genResizeStyle(tableToken),\n genRtlStyle(tableToken),\n ];\n});\n" }, { "path": "components/table/style/pagination.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { GenerateStyle } from '../../theme/internal';\nimport type { TableToken } from './index';\n\nconst genPaginationStyle: GenerateStyle = token => {\n const { componentCls, antCls } = token;\n return {\n [`${componentCls}-wrapper`]: {\n // ========================== Pagination ==========================\n [`${componentCls}-pagination${antCls}-pagination`]: {\n margin: `${token.margin}px 0`,\n },\n\n [`${componentCls}-pagination`]: {\n display: 'flex',\n flexWrap: 'wrap',\n rowGap: token.paddingXS,\n\n '> *': {\n flex: 'none',\n },\n\n '&-left': {\n justifyContent: 'flex-start',\n },\n\n '&-center': {\n justifyContent: 'center',\n },\n\n '&-right': {\n justifyContent: 'flex-end',\n },\n },\n },\n };\n};\n\nexport default genPaginationStyle;\n" }, { "path": "components/table/style/radius.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { GenerateStyle } from '../../theme/internal';\nimport type { TableToken } from './index';\n\nconst genRadiusStyle: GenerateStyle = token => {\n const { componentCls, tableRadius } = token;\n return {\n [`${componentCls}-wrapper`]: {\n [componentCls]: {\n // https://github.com/ant-design/ant-design/issues/39115#issuecomment-1362314574\n [`${componentCls}-title, ${componentCls}-header`]: {\n borderRadius: `${tableRadius}px ${tableRadius}px 0 0`,\n },\n\n [`${componentCls}-title + ${componentCls}-container`]: {\n borderStartStartRadius: 0,\n borderStartEndRadius: 0,\n\n table: {\n borderRadius: 0,\n\n '> thead > tr:first-child': {\n 'th:first-child': {\n borderRadius: 0,\n },\n\n 'th:last-child': {\n borderRadius: 0,\n },\n },\n },\n },\n\n '&-container': {\n borderStartStartRadius: tableRadius,\n borderStartEndRadius: tableRadius,\n\n 'table > thead > tr:first-child': {\n '> *:first-child': {\n borderStartStartRadius: tableRadius,\n },\n\n '> *:last-child': {\n borderStartEndRadius: tableRadius,\n },\n },\n },\n\n '&-footer': {\n borderRadius: `0 0 ${tableRadius}px ${tableRadius}px`,\n },\n },\n },\n };\n};\n\nexport default genRadiusStyle;\n" }, { "path": "components/table/style/resize.ts", "content": "// 此样式是vue版本独有样式，react版本没有拖拽改变列宽度功能\nimport type { CSSObject } from '../../_util/cssinjs';\nimport type { GenerateStyle } from '../../theme/internal';\nimport type { TableToken } from './index';\n\nconst genResizeStyle: GenerateStyle = token => {\n const { componentCls } = token;\n\n return {\n [`${componentCls}-wrapper ${componentCls}-resize-handle`]: {\n position: 'absolute',\n top: 0,\n height: '100% !important',\n bottom: 0,\n left: ' auto !important',\n right: ' -8px',\n cursor: 'col-resize',\n touchAction: 'none',\n userSelect: 'auto',\n width: '16px',\n zIndex: 1,\n [`&-line`]: {\n display: 'block',\n width: '1px',\n marginLeft: '7px',\n height: '100% !important',\n backgroundColor: token.colorPrimary,\n opacity: 0,\n },\n [`&:hover &-line`]: {\n opacity: 1,\n },\n },\n [`${componentCls}-wrapper ${componentCls}-resize-handle.dragging`]: {\n overflow: 'hidden',\n [`${componentCls}-resize-handle-line`]: {\n opacity: 1,\n },\n [`&:before`]: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n content: '\" \"',\n width: '200vw',\n transform: 'translateX(-50%)',\n opacity: 0,\n },\n },\n };\n};\n\nexport default genResizeStyle;\n" }, { "path": "components/table/style/rtl.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { GenerateStyle } from '../../theme/internal';\nimport type { TableToken } from './index';\n\nconst genStyle: GenerateStyle = token => {\n const { componentCls } = token;\n return {\n [`${componentCls}-wrapper-rtl`]: {\n direction: 'rtl',\n table: {\n direction: 'rtl',\n },\n\n [`${componentCls}-pagination-left`]: {\n justifyContent: 'flex-end',\n },\n\n [`${componentCls}-pagination-right`]: {\n justifyContent: 'flex-start',\n },\n\n [`${componentCls}-row-expand-icon`]: {\n '&::after': {\n transform: 'rotate(-90deg)',\n },\n\n '&-collapsed::before': {\n transform: 'rotate(180deg)',\n },\n\n '&-collapsed::after': {\n transform: 'rotate(0deg)',\n },\n },\n },\n };\n};\n\nexport default genStyle;\n" }, { "path": "components/table/style/selection.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { GenerateStyle } from '../../theme/internal';\nimport type { TableToken } from './index';\n\nconst genSelectionStyle: GenerateStyle = token => {\n const {\n componentCls,\n antCls,\n iconCls,\n fontSizeIcon,\n paddingXS,\n tableHeaderIconColor,\n tableHeaderIconColorHover,\n } = token;\n return {\n [`${componentCls}-wrapper`]: {\n // ========================== Selections ==========================\n [`${componentCls}-selection-col`]: {\n width: token.tableSelectionColumnWidth,\n },\n\n [`${componentCls}-bordered ${componentCls}-selection-col`]: {\n width: token.tableSelectionColumnWidth + paddingXS * 2,\n },\n\n [`\n table tr th${componentCls}-selection-column,\n table tr td${componentCls}-selection-column\n `]: {\n paddingInlineEnd: token.paddingXS,\n paddingInlineStart: token.paddingXS,\n textAlign: 'center',\n\n [`${antCls}-radio-wrapper`]: {\n marginInlineEnd: 0,\n },\n },\n\n [`table tr th${componentCls}-selection-column${componentCls}-cell-fix-left`]: {\n zIndex: token.zIndexTableFixed + 1,\n },\n\n [`table tr th${componentCls}-selection-column::after`]: {\n backgroundColor: 'transparent !important',\n },\n\n [`${componentCls}-selection`]: {\n position: 'relative',\n display: 'inline-flex',\n flexDirection: 'column',\n },\n\n [`${componentCls}-selection-extra`]: {\n position: 'absolute',\n top: 0,\n zIndex: 1,\n cursor: 'pointer',\n transition: `all ${token.motionDurationSlow}`,\n marginInlineStart: '100%',\n paddingInlineStart: `${token.tablePaddingHorizontal / 4}px`,\n\n [iconCls]: {\n color: tableHeaderIconColor,\n fontSize: fontSizeIcon,\n verticalAlign: 'baseline',\n\n '&:hover': {\n color: tableHeaderIconColorHover,\n },\n },\n },\n },\n };\n};\n\nexport default genSelectionStyle;\n" }, { "path": "components/table/style/size.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { GenerateStyle } from '../../theme/internal';\nimport type { TableToken } from './index';\n\nconst genSizeStyle: GenerateStyle = token => {\n const { componentCls } = token;\n const getSizeStyle = (\n size: 'small' | 'middle',\n paddingVertical: number,\n paddingHorizontal: number,\n fontSize: number,\n ) => ({\n [`${componentCls}${componentCls}-${size}`]: {\n fontSize,\n [`\n ${componentCls}-title,\n ${componentCls}-footer,\n ${componentCls}-thead > tr > th,\n ${componentCls}-tbody > tr > td,\n tfoot > tr > th,\n tfoot > tr > td\n `]: {\n padding: `${paddingVertical}px ${paddingHorizontal}px`,\n },\n\n [`${componentCls}-filter-trigger`]: {\n marginInlineEnd: `-${paddingHorizontal / 2}px`,\n },\n\n [`${componentCls}-expanded-row-fixed`]: {\n margin: `-${paddingVertical}px -${paddingHorizontal}px`,\n },\n\n [`${componentCls}-tbody`]: {\n // ========================= Nest Table ===========================\n [`${componentCls}-wrapper:only-child ${componentCls}`]: {\n marginBlock: `-${paddingVertical}px`,\n marginInline: `${\n token.tableExpandColumnWidth - paddingHorizontal\n }px -${paddingHorizontal}px`,\n },\n },\n\n // https://github.com/ant-design/ant-design/issues/35167\n [`${componentCls}-selection-column`]: {\n paddingInlineStart: `${paddingHorizontal / 4}px`,\n },\n },\n });\n return {\n [`${componentCls}-wrapper`]: {\n ...getSizeStyle(\n 'middle',\n token.tablePaddingVerticalMiddle,\n token.tablePaddingHorizontalMiddle,\n token.tableFontSizeMiddle,\n ),\n ...getSizeStyle(\n 'small',\n token.tablePaddingVerticalSmall,\n token.tablePaddingHorizontalSmall,\n token.tableFontSizeSmall,\n ),\n },\n };\n};\n\nexport default genSizeStyle;\n" }, { "path": "components/table/style/sorter.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { GenerateStyle } from '../../theme/internal';\nimport type { TableToken } from './index';\n\nconst genSorterStyle: GenerateStyle = token => {\n const { componentCls, marginXXS, fontSizeIcon, tableHeaderIconColor, tableHeaderIconColorHover } =\n token;\n return {\n [`${componentCls}-wrapper`]: {\n [`${componentCls}-thead th${componentCls}-column-has-sorters`]: {\n outline: 'none',\n cursor: 'pointer',\n transition: `all ${token.motionDurationSlow}`,\n\n '&:hover': {\n background: token.tableHeaderSortHoverBg,\n\n '&::before': {\n backgroundColor: 'transparent !important',\n },\n },\n\n '&:focus-visible': {\n color: token.colorPrimary,\n },\n\n // https://github.com/ant-design/ant-design/issues/30969\n [`\n &${componentCls}-cell-fix-left:hover,\n &${componentCls}-cell-fix-right:hover\n `]: {\n background: token.tableFixedHeaderSortActiveBg,\n },\n },\n\n [`${componentCls}-thead th${componentCls}-column-sort`]: {\n background: token.tableHeaderSortBg,\n\n '&::before': {\n backgroundColor: 'transparent !important',\n },\n },\n\n [`td${componentCls}-column-sort`]: {\n background: token.tableBodySortBg,\n },\n\n [`${componentCls}-column-title`]: {\n position: 'relative',\n zIndex: 1,\n flex: 1,\n },\n\n [`${componentCls}-column-sorters`]: {\n display: 'flex',\n flex: 'auto',\n alignItems: 'center',\n justifyContent: 'space-between',\n\n '&::after': {\n position: 'absolute',\n inset: 0,\n width: '100%',\n height: '100%',\n content: '\"\"',\n },\n },\n\n [`${componentCls}-column-sorter`]: {\n marginInlineStart: marginXXS,\n color: tableHeaderIconColor,\n fontSize: 0,\n transition: `color ${token.motionDurationSlow}`,\n\n '&-inner': {\n display: 'inline-flex',\n flexDirection: 'column',\n alignItems: 'center',\n },\n\n '&-up, &-down': {\n fontSize: fontSizeIcon,\n\n '&.active': {\n color: token.colorPrimary,\n },\n },\n\n [`${componentCls}-column-sorter-up + ${componentCls}-column-sorter-down`]: {\n marginTop: '-0.3em',\n },\n },\n\n [`${componentCls}-column-sorters:hover ${componentCls}-column-sorter`]: {\n color: tableHeaderIconColorHover,\n },\n },\n };\n};\n\nexport default genSorterStyle;\n" }, { "path": "components/table/style/sticky.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { GenerateStyle } from '../../theme/internal';\nimport type { TableToken } from './index';\n\nconst genStickyStyle: GenerateStyle = token => {\n const {\n componentCls,\n opacityLoading,\n tableScrollThumbBg,\n tableScrollThumbBgHover,\n tableScrollThumbSize,\n tableScrollBg,\n zIndexTableSticky,\n } = token;\n const tableBorder = `${token.lineWidth}px ${token.lineType} ${token.tableBorderColor}`;\n return {\n [`${componentCls}-wrapper`]: {\n [`${componentCls}-sticky`]: {\n '&-holder': {\n position: 'sticky',\n zIndex: zIndexTableSticky,\n background: token.colorBgContainer,\n },\n\n '&-scroll': {\n position: 'sticky',\n bottom: 0,\n height: `${tableScrollThumbSize}px !important`,\n zIndex: zIndexTableSticky,\n display: 'flex',\n alignItems: 'center',\n background: tableScrollBg,\n borderTop: tableBorder,\n opacity: opacityLoading,\n\n '&:hover': {\n transformOrigin: 'center bottom',\n },\n\n // fake scrollbar style of sticky\n '&-bar': {\n height: tableScrollThumbSize,\n backgroundColor: tableScrollThumbBg,\n borderRadius: 100,\n transition: `all ${token.motionDurationSlow}, transform none`,\n position: 'absolute',\n bottom: 0,\n\n '&:hover, &-active': {\n backgroundColor: tableScrollThumbBgHover,\n },\n },\n },\n },\n },\n };\n};\n\nexport default genStickyStyle;\n" }, { "path": "components/table/style/summary.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { GenerateStyle } from '../../theme/internal';\nimport type { TableToken } from './index';\n\nconst genSummaryStyle: GenerateStyle = token => {\n const { componentCls, lineWidth, tableBorderColor } = token;\n const tableBorder = `${lineWidth}px ${token.lineType} ${tableBorderColor}`;\n return {\n [`${componentCls}-wrapper`]: {\n [`${componentCls}-summary`]: {\n position: 'relative',\n zIndex: token.zIndexTableFixed,\n background: token.tableBg,\n\n '> tr': {\n '> th, > td': {\n borderBottom: tableBorder,\n },\n },\n },\n\n [`div${componentCls}-summary`]: {\n boxShadow: `0 -${lineWidth}px 0 ${tableBorderColor}`,\n },\n },\n };\n};\n\nexport default genSummaryStyle;\n" }, { "path": "components/table/util.ts", "content": "import { camelize, flattenChildren } from '../_util/props-util';\nimport type { ColumnType, ColumnsType, ColumnTitle, ColumnTitleProps, Key } from './interface';\n\nexport function getColumnKey(column: ColumnType, defaultKey: string): Key {\n if ('key' in column && column.key !== undefined && column.key !== null) {\n return column.key;\n }\n if (column.dataIndex) {\n return (Array.isArray(column.dataIndex) ? column.dataIndex.join('.') : column.dataIndex) as Key;\n }\n\n return defaultKey;\n}\n\nexport function getColumnPos(index: number, pos?: string) {\n return pos ? `${pos}-${index}` : `${index}`;\n}\n\nexport function renderColumnTitle(\n title: ColumnTitle,\n props: ColumnTitleProps,\n) {\n if (typeof title === 'function') {\n return title(props);\n }\n\n return title;\n}\n\nexport function convertChildrenToColumns(\n elements: any[] = [],\n): ColumnsType {\n const flattenElements = flattenChildren(elements);\n const columns = [];\n flattenElements.forEach(element => {\n if (!element) {\n return;\n }\n const key = element.key;\n const style = element.props?.style || {};\n const cls = element.props?.class || '';\n const props = element.props || {};\n for (const [k, v] of Object.entries(props)) {\n props[camelize(k)] = v;\n }\n const { default: children, ...restSlots } = element.children || {};\n const column = { ...restSlots, ...props, style, class: cls };\n if (key) {\n column.key = key;\n }\n if (element.type?.__ANT_TABLE_COLUMN_GROUP) {\n column.children = convertChildrenToColumns(\n typeof children === 'function' ? children() : children,\n );\n } else {\n const customRender = element.children?.default;\n column.customRender = column.customRender || customRender;\n }\n columns.push(column);\n });\n return columns;\n}\n" }, { "path": "components/tabs/__tests__/__snapshots__/demo.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders ./components/tabs/demo/basic.vue correctly 1`] = `\n
\n
\n \n
\n
\n
\n
Tab 1
\n \n
\n
\n
Tab 2
\n \n
\n
\n
Tab 3
\n \n
\n \n
\n
\n
\n
\n \n \n
\n \n \n
\n
\n
\n
Content of Tab Pane 1
\n
Content of Tab Pane 2
\n
\n \n
\n
\n
\n
\n`;\n\nexports[`renders ./components/tabs/demo/card.vue correctly 1`] = `\n
\n
\n \n
\n
\n
\n
Tab 1
\n \n
\n
\n
Tab 2
\n \n
\n
\n
Tab 3
\n \n
\n \n
\n
\n
\n
\n \n \n
\n \n \n
\n
\n
\n
Content of Tab Pane 1
\n
\n \n
\n
\n \n
\n
\n
\n
\n`;\n\nexports[`renders ./components/tabs/demo/card-top.vue correctly 1`] = `\n
\n
\n
\n \n
\n
\n
\n
Tab Title 1
\n \n
\n
\n
Tab Title 2
\n \n
\n
\n
Tab Title 3
\n \n
\n \n
\n
\n
\n
\n \n \n
\n \n \n
\n
\n
\n
\n \n
\n
\n

Content of Tab Pane 2

\n

Content of Tab Pane 2

\n

Content of Tab Pane 2

\n
\n
\n \n
\n
\n
\n
\n
\n`;\n\nexports[`renders ./components/tabs/demo/centered.vue correctly 1`] = `\n
\n
\n \n
\n
\n
\n
Tab 1
\n \n
\n
\n
Tab 2
\n \n
\n
\n
Tab 3
\n \n
\n \n
\n
\n
\n
\n \n \n
\n \n \n
\n
\n
\n
Content of Tab Pane 1
\n
Content of Tab Pane 2
\n
\n \n
\n
\n
\n
\n`;\n\nexports[`renders ./components/tabs/demo/custom-add-trigger.vue correctly 1`] = `\n
\n
\n
\n
\n \n
\n
\n
\n
Tab 1
\n
\n
\n
Tab 2
\n
\n \n
\n
\n
\n
\n \n \n
\n \n \n
\n
\n
\n
Content of Tab Pane 1
\n
\n \n
\n
\n
\n
\n
\n`;\n\nexports[`renders ./components/tabs/demo/custom-tab-bar.vue correctly 1`] = `\n
\n
\n
\n \n
\n
\n
\n
Tab 1
\n \n
\n
\n
Tab 2
\n \n
\n
\n
Tab 3
\n \n
\n \n
\n
\n
\n
\n \n \n
\n \n \n
\n
\n
\n
Content of Tab Pane 1
\n
Content of Tab Pane 2
\n
\n \n
\n
\n
\n
\n
\n`;\n\nexports[`renders ./components/tabs/demo/disabled.vue correctly 1`] = `\n
\n
\n \n
\n
\n
\n
Tab 1
\n \n
\n
\n
Tab 2
\n \n
\n
\n
Tab 3
\n \n
\n \n
\n
\n
\n
\n \n \n
\n \n \n
\n
\n
\n
Tab 1
\n
\n \n
\n
\n \n
\n
\n
\n
\n`;\n\nexports[`renders ./components/tabs/demo/editable-card.vue correctly 1`] = `\n
\n
\n \n
\n
\n
\n
Tab 1
\n
\n
\n
Tab 2
\n
\n
\n
Tab 3
\n \n
\n
\n
\n
\n
\n \n
\n \n \n
\n
\n
\n
Content of Tab 1
\n
\n \n
\n
\n \n
\n
\n
\n
\n`;\n\nexports[`renders ./components/tabs/demo/extra.vue correctly 1`] = `\n
\n
\n
\n
\n
\n
\n
Tab 1
\n \n
\n
\n
Tab 2
\n \n
\n
\n
Tab 3
\n \n
\n \n
\n
\n
\n
\n \n \n
\n
\n \n
\n
\n
\n
Content of tab 1
\n
\n \n
\n
\n \n
\n
\n
\n
\n`;\n\nexports[`renders ./components/tabs/demo/icon.vue correctly 1`] = `\n
\n
\n \n
\n
\n
\n
Tab 1
\n \n
\n
\n
Tab 2
\n \n
\n \n
\n
\n
\n
\n \n \n
\n \n \n
\n
\n
\n
Tab 1
\n
\n \n
\n
\n
\n
\n`;\n\nexports[`renders ./components/tabs/demo/size.vue correctly 1`] = `\n
\n
\n
\n
\n \n
\n
\n
\n
Tab 1
\n \n
\n
\n
Tab 2
\n \n
\n
\n
Tab 3
\n \n
\n \n
\n
\n
\n
\n \n \n
\n \n \n
\n
\n
\n
Content of tab 1
\n
\n \n
\n
\n \n
\n
\n
\n
\n
\n`;\n\nexports[`renders ./components/tabs/demo/slide.vue correctly 1`] = `\n
\n
\n
\n
\n \n
\n
\n
\n
Tab-1
\n \n
\n
\n
Tab-2
\n \n
\n
\n
Tab-3
\n \n
\n
\n
Tab-4
\n \n
\n
\n
Tab-5
\n \n
\n
\n
Tab-6
\n \n
\n
\n
Tab-7
\n \n
\n
\n
Tab-8
\n \n
\n
\n
Tab-9
\n \n
\n
\n
Tab-10
\n \n
\n
\n
Tab-11
\n \n
\n
\n
Tab-12
\n \n
\n
\n
Tab-13
\n \n
\n
\n
Tab-14
\n \n
\n
\n
Tab-15
\n \n
\n
\n
Tab-16
\n \n
\n
\n
Tab-17
\n \n
\n
\n
Tab-18
\n \n
\n
\n
Tab-19
\n \n
\n
\n
Tab-20
\n \n
\n
\n
Tab-21
\n \n
\n
\n
Tab-22
\n \n
\n
\n
Tab-23
\n \n
\n
\n
Tab-24
\n \n
\n
\n
Tab-25
\n \n
\n
\n
Tab-26
\n \n
\n
\n
Tab-27
\n \n
\n
\n
Tab-28
\n \n
\n
\n
Tab-29
\n \n
\n
\n
Tab-30
\n \n
\n \n
\n
\n
\n
\n \n \n
\n \n \n
\n
\n
\n
Content of tab 1
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
\n
\n
\n`;\n" }, { "path": "components/tabs/__tests__/__snapshots__/index.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Tabs tabPosition remove card 1`] = `\n
\n
\n \n
\n
\n
\n
foo
\n \n
\n \n
\n
\n
\n
\n \n \n
\n
xxx
\n \n
\n
\n
\n
foo
\n
\n
\n
\n`;\n" }, { "path": "components/tabs/__tests__/demo.test.js", "content": "import demoTest from '../../../tests/shared/demoTest';\n\ndemoTest('tabs', { skip: ['position'] });\n" }, { "path": "components/tabs/__tests__/index.test.js", "content": "import { mount } from '@vue/test-utils';\nimport Tabs, { TabPane } from '..';\n\ndescribe('Tabs', () => {\n describe('editable-card', () => {\n let handleEdit;\n let wrapper;\n\n beforeEach(() => {\n handleEdit = jest.fn();\n wrapper = mount({\n render() {\n return (\n \n \n foo\n \n \n );\n },\n });\n });\n\n it('add card', () => {\n wrapper.find('.ant-tabs-nav-add').trigger('click');\n expect(handleEdit.mock.calls[0][1]).toBe('add');\n });\n\n it('remove card', () => {\n wrapper.find('.anticon-close').trigger('click');\n expect(handleEdit).toBeCalledWith('1', 'remove');\n });\n });\n\n describe('tabPosition', () => {\n it('remove card', () => {\n const wrapper = mount({\n render() {\n return (\n 'xxx' }}>\n \n foo\n \n \n );\n },\n });\n expect(wrapper.html()).toMatchSnapshot();\n });\n });\n});\n" }, { "path": "components/tabs/demo/basic.vue", "content": "\n---\norder: 0\ntitle:\n zh-CN: 基本用法\n en-US: Basic Usage\n---\n\n## zh-CN\n\n默认选中第一项。\n\n## en-US\nDefault activate first tab.\n\n\n\n\n\n" }, { "path": "components/tabs/demo/card-top.vue", "content": "\n---\norder: 9\ntitle:\n zh-CN: 卡片式页签容器\n en-US: Container of card type Tab\n---\n\n## zh-CN\n\n用于容器顶部，需要一点额外的样式覆盖。\n\n## en-US\nShould be used at the top of container, needs to override styles.\n\n\n\n\n\n\n\n" }, { "path": "components/tabs/demo/card.vue", "content": "\n---\norder: 7\ntitle:\n zh-CN: 卡片式页签\n en-US: Card type tab\n---\n\n## zh-CN\n\n另一种样式的页签，不提供对应的垂直样式。\n\n## en-US\n\nAnother type Tabs, which doesn't support vertical mode.\n\n\n\n\n\n" }, { "path": "components/tabs/demo/centered.vue", "content": "\n---\norder: 2\ntitle:\n zh-CN: 居中\n en-US: Centered\n---\n\n## zh-CN\n\n标签居中展示。\n\n## en-US\n\nCentered tabs.\n\n\n\n\n\n" }, { "path": "components/tabs/demo/custom-add-trigger.vue", "content": "\n---\norder: 10\ntitle:\n zh-CN: 自定义新增页签触发器\n en-US: Customized trigger of new tab\n---\n\n## zh-CN\n\n隐藏默认的页签增加图标，给自定义触发器绑定事件。\n\n## en-US\n\nHide default plus icon, and bind event for customized trigger.\n\n\n\n\n\n" }, { "path": "components/tabs/demo/custom-tab-bar.vue", "content": "\n---\norder: 11\ntitle:\n zh-CN: 自定义页签头\n en-US: Customized\n---\n\n## zh-CN\n自定义页签头\n\n## en-US\n\nCustomized bar of tab.\n\n\n\n\n\n" }, { "path": "components/tabs/demo/disabled.vue", "content": "\n---\norder: 1\ntitle:\n zh-CN: 禁用\n en-US: Disabled\n---\n\n## zh-CN\n\n禁用某一项。\n\n## en-US\n\nDisabled a tab.\n\n\n\n\n\n" }, { "path": "components/tabs/demo/editable-card.vue", "content": "\n---\norder: 8\ntitle:\n zh-CN: 新增和关闭页签\n en-US: Add & close tab\n---\n\n## zh-CN\n\n只有卡片样式的页签支持新增和关闭选项。\n使用 `:closable=\"false\"` 禁止关闭。\n\n## en-US\nOnly card type Tabs support adding & closable.\n+Use `:closable=\"false\"` to disable close.\n\n\n\n\n\n" }, { "path": "components/tabs/demo/extra.vue", "content": "\n---\norder: 4\ntitle:\n zh-CN: 附加内容\n en-US: Extra Content\n---\n\n## zh-CN\n\n可以在页签右边添加附加操作。\n\n## en-US\n\nYou can add extra actions to the right of Tabs.\n\n\n\n\n\n\n\n" }, { "path": "components/tabs/demo/icon.vue", "content": "\n---\norder: 2\ntitle:\n zh-CN: 图标\n en-US: Icon\n---\n\n## zh-CN\n\n有图标的标签。\n\n## en-US\n\nThe Tab with Icon.\n\n\n\n\n\n" }, { "path": "components/tabs/demo/index.vue", "content": "\n\n\n" }, { "path": "components/tabs/demo/position.vue", "content": "\n---\norder: 6\ntitle:\n zh-CN: 位置\n en-US: Position\n---\n\n## zh-CN\n\n有四个位置，`tabPosition=\"left|right|top|bottom\"`。在移动端下，`bottom|right` 会自动切换成 `top`。\n\n## en-US\n\nTab's position: left, right, top or bottom. Will auto switch to `top` in mobile.\n\n\n\n\n\n" }, { "path": "components/tabs/demo/size.vue", "content": "\n---\norder: 5\ntitle:\n zh-CN: 大小\n en-US: Size\n---\n\n## zh-CN\n\n大号页签用在页头区域，小号用在弹出框等较狭窄的容器内。\n\n## en-US\nLarge size tabs are usally used in page header, and small size could be used in Modal.\n\n\n\n\n\n" }, { "path": "components/tabs/demo/slide.vue", "content": "\n---\norder: 3\ntitle:\n zh-CN: 滑动\n en-US: Slide\n---\n\n## zh-CN\n\n可以左右、上下滑动，容纳更多标签。\n\n## en-US\n\nIn order to fit in more tabs, they can slide left and right (or up and down).\n\n\n\n\n\n" }, { "path": "components/tabs/index.en-US.md", "content": "---\ncategory: Components\ntype: Data Display\ntitle: Tabs\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*72NDQqXkyOEAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*8HMoTZUoSGoAAAAAAAAAAAAADrJ8AQ/original\n---\n\nTabs make it easy to switch between different views.\n\n### When To Use\n\nAnt Design has 3 types of Tabs for different situations.\n\n- Card Tabs: for managing too many closeable views.\n- Normal Tabs: for functional aspects of a page.\n- [RadioButton](/ant-design/components/radio/): for secondary tabs.\n\n## API\n\n### Tabs\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| activeKey(v-model) | Current TabPane's key | string | - | |\n| animated | Whether to change tabs with animation. Only works while tabPosition=`\"top\"` \\| `\"bottom\"` | boolean \\| {inkBar:boolean, tabPane:boolean} | `true`, `false` when `type=\"card\"` | |\n| centered | Whether to display the labels in the center | boolean | false | 3.0 |\n| destroyInactiveTabPane | Whether destroy inactive TabPane when change tab | boolean | false | |\n| hideAdd | Hide plus icon or not. Only works while `type=\"editable-card\"` | boolean | `false` | } |\n| size | preset tab bar size | `large` \\| `middle` \\| `small` | `middle` | |\n| tabBarGutter | The gap between tabs | number | - | |\n| tabBarStyle | Tab bar style object | CSSProperties | - | |\n| tabPosition | Position of tabs | `top` \\| `right` \\| `bottom` \\| `left` | `top` | |\n| type | Basic style of tabs | `line` \\| `card` \\| `editable-card` | `line` | |\n\n### Tabs Slots\n\n| Slot Name | Description | Type | |\n| ------------ | ------------------------------ | ----------------- | --- |\n| addIcon | Customize add icon | - | - |\n| leftExtra | Extra content in tab bar left | - | - |\n| moreIcon | The custom icon of ellipsis | - | - |\n| renderTabBar | Replace the TabBar | { DefaultTabBar } | |\n| rightExtra | Extra content in tab bar right | - | - |\n\n### Tabs Events\n\n| Events Name | Description | Arguments |\n| --- | --- | --- |\n| change | Callback executed when active tab is changed | Function(activeKey) {} |\n| edit | Callback executed when tab is added or removed. Only works while `type=\"editable-card\"` | (action === 'add' ? event : targetKey, action): void |\n| nextClick | Callback executed when next button is clicked | Function |\n| prevClick | Callback executed when prev button is clicked | Function |\n| tabClick | Callback executed when tab is clicked | Function |\n\n### Tabs.TabPane\n\n| Property | Description | Type | Default |\n| --- | --- | --- | --- |\n| forceRender | Forced render of content in tabs, not lazy render after clicking on tabs | boolean | false |\n| key | TabPane's key | string | - |\n| tab | Show text in TabPane's head | string\\|slot | - |\n\n### Tabs.TabPane Slots\n\n| Slot Name | Description | Arguments |\n| --------- | ------------------------------------------------------------- | --------- |\n| closeIcon | Customize close icon, Only works while `type=\"editable-card\"` | - |\n| tab | Show text in TabPane's head | - |\n" }, { "path": "components/tabs/index.ts", "content": "import type { App, Plugin } from 'vue';\nimport Tabs, { TabPane } from './src';\nexport type { TabsProps, TabPaneProps } from './src';\n\nTabs.TabPane = TabPane;\n\n/* istanbul ignore next */\nTabs.install = function (app: App) {\n app.component(Tabs.name, Tabs);\n app.component(TabPane.name, TabPane);\n return app;\n};\n\nexport default Tabs as typeof Tabs &\n Plugin & {\n readonly TabPane: typeof TabPane;\n };\n\nexport { TabPane };\n" }, { "path": "components/tabs/index.zh-CN.md", "content": "---\ncategory: Components\nsubtitle: 标签页\ntype: 数据展示\ntitle: Tabs\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*72NDQqXkyOEAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*8HMoTZUoSGoAAAAAAAAAAAAADrJ8AQ/original\n---\n\n选项卡切换组件。\n\n## 何时使用\n\n提供平级的区域将大块内容进行收纳和展现，保持界面整洁。\n\nAnt Design 依次提供了三级选项卡，分别用于不同的场景。\n\n- 卡片式的页签，提供可关闭的样式，常用于容器顶部。\n- 标准线条式页签，用于容器内部的主功能切换，这是最常用的 Tabs。\n- [RadioButton](/ant-design/components/radio-cn/) 可作为更次级的页签来使用。\n\n## API\n\n### Tabs\n\n| 参数 | 说明 | 类型 | 默认值 | 版本 | |\n| --- | --- | --- | --- | --- | --- |\n| activeKey(v-model) | 当前激活 tab 面板的 key | string | - | | |\n| animated | 是否使用动画切换 Tabs，在 tabPosition=`\"top\"` \\| `\"bottom\"` 时有效 | boolean \\| {inkBar:boolean, tabPane:boolean} | true, 当 type=\"card\" 时为 false | |\n| centered | 标签居中展示 | boolean | false | 3.0 | |\n| destroyInactiveTabPane | 被隐藏时是否销毁 DOM 结构 | boolean | false | | |\n| hideAdd | 是否隐藏加号图标，在 `type=\"editable-card\"` 时有效 | boolean | false | | |\n| size | 大小，提供 `large` `middle` 和 `small` 三种大小 | string | `middle` | | |\n| tabBarGutter | tabs 之间的间隙 | number | - | | |\n| tabBarStyle | tab bar 的样式对象 | CSSProperties | - | | |\n| tabPosition | 页签位置，可选值有 `top` `right` `bottom` `left` | string | `top` | | |\n| type | 页签的基本样式，可选 `line`、`card` `editable-card` 类型 | string | `line` | | |\n\n### Tabs 插槽\n\n| 插槽名称 | 说明 | 参数 | |\n| ------------ | ------------------------------- | ----------------- | --- |\n| addIcon | 自定义添加按钮 | - | - |\n| leftExtra | tab bar 上左侧额外的元素 | - | - |\n| moreIcon | 自定义折叠 icon | - | - |\n| renderTabBar | 替换 TabBar，用于二次封装标签头 | { DefaultTabBar } | |\n| rightExtra | tab bar 上右侧额外的元素 | - | - |\n\n### Tabs 事件\n\n| 事件名称 | 说明 | 回调参数 |\n| --- | --- | --- |\n| change | 切换面板的回调 | Function(activeKey) {} |\n| edit | 新增和删除页签的回调，在 `type=\"editable-card\"` 时有效 | (action === 'add' ? event : targetKey, action): void |\n| tabClick | tab 被点击的回调 | Function |\n| tabScroll | 滚动 TabBar 时触发 | { direction: 'left' \\| 'right' \\| 'top' \\| 'bottom' } |\n\n### Tabs.TabPane\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ----------- | ------------------------- | ------------ | ------ |\n| forceRender | 被隐藏时是否渲染 DOM 结构 | boolean | false |\n| key | 对应 activeKey | string | - |\n| tab | 选项卡头显示文字 | string\\|slot | - |\n\n### Tabs.TabPane 插槽\n\n| 插槽名称 | 说明 | 参数 |\n| --------- | ----------------------------------------------- | ---- |\n| closeIcon | 自定义关闭图标，`在 type=\"editable-card\"`时有效 | - |\n| tab | 选项卡头显示文字 | - |\n" }, { "path": "components/tabs/src/TabContext.ts", "content": "import type { Tab } from './interface';\nimport type { PropType, InjectionKey, Ref } from 'vue';\nimport { provide, inject, defineComponent, toRefs, ref } from 'vue';\n\nexport interface TabContextProps {\n tabs: Ref;\n prefixCls: Ref;\n}\n\nconst TabsContextKey: InjectionKey = Symbol('tabsContextKey');\n\nexport const useProvideTabs = (props: TabContextProps) => {\n provide(TabsContextKey, props);\n};\n\nexport const useInjectTabs = () => {\n return inject(TabsContextKey, { tabs: ref([]), prefixCls: ref() });\n};\n\nconst TabsContextProvider = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'TabsContextProvider',\n inheritAttrs: false,\n props: {\n tabs: { type: Object as PropType, default: undefined },\n prefixCls: { type: String, default: undefined },\n },\n setup(props, { slots }) {\n useProvideTabs(toRefs(props));\n return () => slots.default?.();\n },\n});\n\nexport default TabsContextProvider;\n" }, { "path": "components/tabs/src/TabNavList/AddButton.tsx", "content": "import type { CSSProperties, PropType } from 'vue';\nimport { defineComponent, ref } from 'vue';\nimport type { EditableConfig, TabsLocale } from '../interface';\n\nexport interface AddButtonProps {\n prefixCls: string;\n editable?: EditableConfig;\n locale?: TabsLocale;\n}\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'AddButton',\n inheritAttrs: false,\n props: {\n prefixCls: String,\n editable: { type: Object as PropType },\n locale: { type: Object as PropType, default: undefined as TabsLocale },\n },\n setup(props, { expose, attrs }) {\n const domRef = ref();\n expose({\n domRef,\n });\n return () => {\n const { prefixCls, editable, locale } = props;\n if (!editable || editable.showAdd === false) {\n return null;\n }\n\n return (\n {\n editable.onEdit('add', {\n event,\n });\n }}\n >\n {editable.addIcon ? editable.addIcon() : '+'}\n \n );\n };\n },\n});\n" }, { "path": "components/tabs/src/TabNavList/OperationNode.tsx", "content": "import Menu, { MenuItem } from '../../../menu';\nimport Dropdown from '../../../vc-dropdown';\nimport type { Tab, TabsLocale, EditableConfig } from '../interface';\nimport AddButton from './AddButton';\nimport type { CustomSlotsType, Key } from '../../../_util/type';\nimport { functionType } from '../../../_util/type';\nimport KeyCode from '../../../_util/KeyCode';\nimport type { CSSProperties, ExtractPropTypes, PropType } from 'vue';\nimport classNames from '../../../_util/classNames';\nimport { defineComponent, watch, computed, onMounted } from 'vue';\nimport PropTypes from '../../../_util/vue-types';\nimport useState from '../../../_util/hooks/useState';\nimport EllipsisOutlined from '@ant-design/icons-vue/EllipsisOutlined';\nimport { useProvideOverride } from '../../../menu/src/OverrideContext';\n\nexport const operationNodeProps = {\n prefixCls: { type: String },\n id: { type: String },\n tabs: { type: Object as PropType<(Tab & { closeIcon?: () => any })[]> },\n rtl: { type: Boolean },\n tabBarGutter: { type: Number },\n activeKey: { type: [String, Number] },\n mobile: { type: Boolean },\n moreIcon: PropTypes.any,\n moreTransitionName: { type: String },\n editable: { type: Object as PropType },\n locale: { type: Object as PropType, default: undefined as TabsLocale },\n removeAriaLabel: String,\n onTabClick: { type: Function as PropType<(key: Key, e: MouseEvent | KeyboardEvent) => void> },\n popupClassName: String,\n getPopupContainer: functionType<\n ((triggerNode?: HTMLElement | undefined) => HTMLElement) | undefined\n >(),\n};\n\nexport type OperationNodeProps = Partial>;\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'OperationNode',\n inheritAttrs: false,\n props: operationNodeProps,\n emits: ['tabClick'],\n slots: Object as CustomSlotsType<{\n moreIcon?: any;\n default?: any;\n }>,\n setup(props, { attrs, slots }) {\n // ======================== Dropdown ========================\n const [open, setOpen] = useState(false);\n const [selectedKey, setSelectedKey] = useState(null);\n const selectOffset = (offset: -1 | 1) => {\n const enabledTabs = props.tabs.filter(tab => !tab.disabled);\n let selectedIndex = enabledTabs.findIndex(tab => tab.key === selectedKey.value) || 0;\n const len = enabledTabs.length;\n\n for (let i = 0; i < len; i += 1) {\n selectedIndex = (selectedIndex + offset + len) % len;\n const tab = enabledTabs[selectedIndex];\n if (!tab.disabled) {\n setSelectedKey(tab.key);\n return;\n }\n }\n };\n\n const onKeyDown = (e: KeyboardEvent) => {\n const { which } = e;\n\n if (!open.value) {\n if ([KeyCode.DOWN, KeyCode.SPACE, KeyCode.ENTER].includes(which)) {\n setOpen(true);\n e.preventDefault();\n }\n return;\n }\n\n switch (which) {\n case KeyCode.UP:\n selectOffset(-1);\n e.preventDefault();\n break;\n case KeyCode.DOWN:\n selectOffset(1);\n e.preventDefault();\n break;\n case KeyCode.ESC:\n setOpen(false);\n break;\n case KeyCode.SPACE:\n case KeyCode.ENTER:\n if (selectedKey.value !== null) props.onTabClick(selectedKey.value, e);\n break;\n }\n };\n const popupId = computed(() => `${props.id}-more-popup`);\n\n const selectedItemId = computed(() =>\n selectedKey.value !== null ? `${popupId.value}-${selectedKey.value}` : null,\n );\n\n const onRemoveTab = (event: MouseEvent | KeyboardEvent, key: Key) => {\n event.preventDefault();\n event.stopPropagation();\n props.editable.onEdit('remove', {\n key,\n event,\n });\n };\n\n onMounted(() => {\n watch(\n selectedKey,\n () => {\n const ele = document.getElementById(selectedItemId.value);\n if (ele && ele.scrollIntoView) {\n ele.scrollIntoView(false);\n }\n },\n { flush: 'post', immediate: true },\n );\n });\n\n watch(open, () => {\n if (!open.value) {\n setSelectedKey(null);\n }\n });\n useProvideOverride({});\n return () => {\n const {\n prefixCls,\n id,\n tabs,\n locale,\n mobile,\n moreIcon = slots.moreIcon?.() || ,\n moreTransitionName,\n editable,\n tabBarGutter,\n rtl,\n onTabClick,\n popupClassName,\n } = props;\n if (!tabs.length) return null;\n const dropdownPrefix = `${prefixCls}-dropdown`;\n\n const dropdownAriaLabel = locale?.dropdownAriaLabel;\n\n // ========================= Render =========================\n const moreStyle: CSSProperties = {\n [rtl ? 'marginRight' : 'marginLeft']: tabBarGutter,\n };\n if (!tabs.length) {\n moreStyle.visibility = 'hidden';\n moreStyle.order = 1;\n }\n\n const overlayClassName = classNames({\n [`${dropdownPrefix}-rtl`]: rtl,\n [`${popupClassName}`]: true,\n });\n const moreNode = mobile ? null : (\n (\n {\n onTabClick(key, domEvent);\n setOpen(false);\n }}\n id={popupId.value}\n tabindex={-1}\n role=\"listbox\"\n aria-activedescendant={selectedItemId.value}\n selectedKeys={[selectedKey.value]}\n aria-label={\n dropdownAriaLabel !== undefined ? dropdownAriaLabel : 'expanded dropdown'\n }\n >\n {tabs.map(tab => {\n const removable = editable && tab.closable !== false && !tab.disabled;\n return (\n \n {typeof tab.tab === 'function' ? tab.tab() : tab.tab}\n {removable && (\n {\n e.stopPropagation();\n onRemoveTab(e, tab.key);\n }}\n >\n {tab.closeIcon?.() || editable.removeIcon?.() || '×'}\n \n )}\n \n );\n })}\n \n ),\n default: () => (\n \n {moreIcon}\n \n ),\n }}\n >\n );\n\n return (\n \n {moreNode}\n \n \n );\n };\n },\n});\n" }, { "path": "components/tabs/src/TabNavList/TabNode.tsx", "content": "import type { Tab, EditableConfig } from '../interface';\nimport type { CSSProperties, PropType } from 'vue';\nimport { defineComponent, computed, ref } from 'vue';\nimport type { FocusEventHandler } from '../../../_util/EventInterface';\nimport KeyCode from '../../../_util/KeyCode';\nimport classNames from '../../../_util/classNames';\n\nexport interface TabNodeProps {\n id: string;\n prefixCls: string;\n tab: Tab;\n active: boolean;\n closable?: boolean;\n editable?: EditableConfig;\n onClick?: (e: MouseEvent | KeyboardEvent) => void;\n onResize?: (width: number, height: number, left: number, top: number) => void;\n renderWrapper?: (node: any) => any;\n removeAriaLabel?: string;\n onRemove: () => void;\n onFocus: FocusEventHandler;\n}\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'TabNode',\n props: {\n id: { type: String as PropType },\n prefixCls: { type: String as PropType },\n tab: { type: Object as PropType any }> },\n active: { type: Boolean },\n closable: { type: Boolean },\n editable: { type: Object as PropType },\n onClick: { type: Function as PropType<(e: MouseEvent | KeyboardEvent) => void> },\n onResize: {\n type: Function as PropType<\n (width: number, height: number, left: number, top: number) => void\n >,\n },\n renderWrapper: { type: Function as PropType<(node: any) => any> },\n removeAriaLabel: { type: String },\n // onRemove: { type: Function as PropType<() => void> },\n onFocus: { type: Function as PropType },\n },\n emits: ['click', 'resize', 'remove', 'focus'],\n setup(props, { expose, attrs }) {\n const domRef = ref();\n function onInternalClick(e: MouseEvent | KeyboardEvent) {\n if (props.tab?.disabled) {\n return;\n }\n props.onClick(e);\n }\n expose({\n domRef,\n });\n // onBeforeUnmount(() => {\n // props.onRemove();\n // });\n function onRemoveTab(event: MouseEvent | KeyboardEvent) {\n event.preventDefault();\n event.stopPropagation();\n props.editable.onEdit('remove', {\n key: props.tab?.key,\n event,\n });\n }\n\n const removable = computed(\n () => props.editable && props.closable !== false && !props.tab?.disabled,\n );\n return () => {\n const {\n prefixCls,\n id,\n active,\n tab: { key, tab, disabled, closeIcon },\n renderWrapper,\n removeAriaLabel,\n editable,\n onFocus,\n } = props;\n const tabPrefix = `${prefixCls}-tab`;\n const node = (\n \n {/* Primary Tab Button */}\n {\n e.stopPropagation();\n onInternalClick(e);\n }}\n onKeydown={e => {\n if ([KeyCode.SPACE, KeyCode.ENTER].includes(e.which)) {\n e.preventDefault();\n onInternalClick(e);\n }\n }}\n onFocus={onFocus}\n >\n {typeof tab === 'function' ? tab() : tab}\n \n\n {/* Remove Button */}\n {removable.value && (\n {\n e.stopPropagation();\n onRemoveTab(e);\n }}\n >\n {closeIcon?.() || editable.removeIcon?.() || '×'}\n \n )}\n \n );\n return renderWrapper ? renderWrapper(node) : node;\n };\n },\n});\n" }, { "path": "components/tabs/src/TabNavList/index.tsx", "content": "import { useRafState } from '../hooks/useRaf';\nimport TabNode from './TabNode';\nimport type {\n TabSizeMap,\n TabPosition,\n RenderTabBar,\n TabsLocale,\n EditableConfig,\n AnimatedConfig,\n OnTabScroll,\n TabBarExtraPosition,\n TabBarExtraContent,\n} from '../interface';\nimport useOffsets from '../hooks/useOffsets';\nimport OperationNode from './OperationNode';\nimport { useInjectTabs } from '../TabContext';\nimport useTouchMove from '../hooks/useTouchMove';\nimport AddButton from './AddButton';\nimport { objectType, functionType } from '../../../_util/type';\nimport type { CustomSlotsType, Key } from '../../../_util/type';\nimport type { ExtractPropTypes, PropType, CSSProperties } from 'vue';\nimport { shallowRef, onBeforeUnmount, defineComponent, watch, watchEffect, computed } from 'vue';\nimport PropTypes from '../../../_util/vue-types';\nimport useSyncState from '../hooks/useSyncState';\nimport useState from '../../../_util/hooks/useState';\nimport raf from '../../../_util/raf';\nimport classNames from '../../../_util/classNames';\nimport ResizeObserver from '../../../vc-resize-observer';\nimport { toPx } from '../../../_util/util';\nimport useRefs from '../../../_util/hooks/useRefs';\nimport pick from 'lodash-es/pick';\n\nconst DEFAULT_SIZE = { width: 0, height: 0, left: 0, top: 0, right: 0 };\nexport const tabNavListProps = () => {\n return {\n id: { type: String },\n tabPosition: { type: String as PropType },\n activeKey: { type: [String, Number] },\n rtl: { type: Boolean },\n animated: objectType(),\n editable: objectType(),\n moreIcon: PropTypes.any,\n moreTransitionName: { type: String },\n mobile: { type: Boolean },\n tabBarGutter: { type: Number },\n renderTabBar: { type: Function as PropType },\n locale: objectType(),\n popupClassName: String,\n getPopupContainer: functionType<\n ((triggerNode?: HTMLElement | undefined) => HTMLElement) | undefined\n >(),\n onTabClick: {\n type: Function as PropType<(activeKey: Key, e: MouseEvent | KeyboardEvent) => void>,\n },\n onTabScroll: { type: Function as PropType },\n };\n};\n\nexport type TabNavListProps = Partial>>;\n\ninterface ExtraContentProps {\n position: TabBarExtraPosition;\n prefixCls: string;\n extra?: (info?: { position: 'left' | 'right' }) => TabBarExtraContent;\n}\n\nconst getTabSize = (tab: HTMLElement, containerRect: { x: number; y: number }) => {\n // tabListRef\n const { offsetWidth, offsetHeight, offsetTop, offsetLeft } = tab;\n const { width, height, x, y } = tab.getBoundingClientRect();\n\n // Use getBoundingClientRect to avoid decimal inaccuracy\n if (Math.abs(width - offsetWidth) < 1) {\n return [width, height, x - containerRect.x, y - containerRect.y];\n }\n\n return [offsetWidth, offsetHeight, offsetLeft, offsetTop];\n};\n\n// const getSize = (refObj: ShallowRef) => {\n// const { offsetWidth = 0, offsetHeight = 0 } = refObj.value || {};\n\n// // Use getBoundingClientRect to avoid decimal inaccuracy\n// if (refObj.value) {\n// const { width, height } = refObj.value.getBoundingClientRect();\n\n// if (Math.abs(width - offsetWidth) < 1) {\n// return [width, height];\n// }\n// }\n\n// return [offsetWidth, offsetHeight];\n// };\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'TabNavList',\n inheritAttrs: false,\n props: tabNavListProps(),\n slots: Object as CustomSlotsType<{\n moreIcon?: any;\n leftExtra?: any;\n rightExtra?: any;\n tabBarExtraContent?: any;\n default?: any;\n }>,\n emits: ['tabClick', 'tabScroll'],\n setup(props, { attrs, slots }) {\n const { tabs, prefixCls } = useInjectTabs();\n const tabsWrapperRef = shallowRef();\n const tabListRef = shallowRef();\n const operationsRef = shallowRef<{ $el: HTMLDivElement }>();\n const innerAddButtonRef = shallowRef();\n const [setRef, btnRefs] = useRefs();\n const tabPositionTopOrBottom = computed(\n () => props.tabPosition === 'top' || props.tabPosition === 'bottom',\n );\n\n const [transformLeft, setTransformLeft] = useSyncState(0, (next, prev) => {\n if (tabPositionTopOrBottom.value && props.onTabScroll) {\n props.onTabScroll({ direction: next > prev ? 'left' : 'right' });\n }\n });\n const [transformTop, setTransformTop] = useSyncState(0, (next, prev) => {\n if (!tabPositionTopOrBottom.value && props.onTabScroll) {\n props.onTabScroll({ direction: next > prev ? 'top' : 'bottom' });\n }\n });\n\n const [wrapperScrollWidth, setWrapperScrollWidth] = useState(0);\n const [wrapperScrollHeight, setWrapperScrollHeight] = useState(0);\n const [wrapperWidth, setWrapperWidth] = useState(null);\n const [wrapperHeight, setWrapperHeight] = useState(null);\n const [addWidth, setAddWidth] = useState(0);\n const [addHeight, setAddHeight] = useState(0);\n\n const [tabSizes, setTabSizes] = useRafState(new Map());\n const tabOffsets = useOffsets(tabs, tabSizes);\n // ========================== Util =========================\n const operationsHiddenClassName = computed(() => `${prefixCls.value}-nav-operations-hidden`);\n\n const transformMin = shallowRef(0);\n const transformMax = shallowRef(0);\n\n watchEffect(() => {\n if (!tabPositionTopOrBottom.value) {\n transformMin.value = Math.min(0, wrapperHeight.value - wrapperScrollHeight.value);\n transformMax.value = 0;\n } else if (props.rtl) {\n transformMin.value = 0;\n transformMax.value = Math.max(0, wrapperScrollWidth.value - wrapperWidth.value);\n } else {\n transformMin.value = Math.min(0, wrapperWidth.value - wrapperScrollWidth.value);\n transformMax.value = 0;\n }\n });\n\n const alignInRange = (value: number): number => {\n if (value < transformMin.value) {\n return transformMin.value;\n }\n if (value > transformMax.value) {\n return transformMax.value;\n }\n return value;\n };\n\n // ========================= Mobile ========================\n const touchMovingRef = shallowRef();\n const [lockAnimation, setLockAnimation] = useState();\n\n const doLockAnimation = () => {\n setLockAnimation(Date.now());\n };\n\n const clearTouchMoving = () => {\n clearTimeout(touchMovingRef.value);\n };\n const doMove = (setState: (fn: (val: number) => number) => void, offset: number) => {\n setState((value: number) => {\n const newValue = alignInRange(value + offset);\n\n return newValue;\n });\n };\n useTouchMove(tabsWrapperRef, (offsetX, offsetY) => {\n if (tabPositionTopOrBottom.value) {\n // Skip scroll if place is enough\n if (wrapperWidth.value >= wrapperScrollWidth.value) {\n return false;\n }\n\n doMove(setTransformLeft, offsetX);\n } else {\n if (wrapperHeight.value >= wrapperScrollHeight.value) {\n return false;\n }\n\n doMove(setTransformTop, offsetY);\n }\n\n clearTouchMoving();\n doLockAnimation();\n\n return true;\n });\n\n watch(lockAnimation, () => {\n clearTouchMoving();\n if (lockAnimation.value) {\n touchMovingRef.value = setTimeout(() => {\n setLockAnimation(0);\n }, 100);\n }\n });\n\n // ========================= Scroll ========================\n const scrollToTab = (key = props.activeKey) => {\n const tabOffset = tabOffsets.value.get(key) || {\n width: 0,\n height: 0,\n left: 0,\n right: 0,\n top: 0,\n };\n\n if (tabPositionTopOrBottom.value) {\n // ============ Align with top & bottom ============\n let newTransform = transformLeft.value;\n\n // RTL\n if (props.rtl) {\n if (tabOffset.right < transformLeft.value) {\n newTransform = tabOffset.right;\n } else if (tabOffset.right + tabOffset.width > transformLeft.value + wrapperWidth.value) {\n newTransform = tabOffset.right + tabOffset.width - wrapperWidth.value;\n }\n }\n // LTR\n else if (tabOffset.left < -transformLeft.value) {\n newTransform = -tabOffset.left;\n } else if (tabOffset.left + tabOffset.width > -transformLeft.value + wrapperWidth.value) {\n newTransform = -(tabOffset.left + tabOffset.width - wrapperWidth.value);\n }\n\n setTransformTop(0);\n setTransformLeft(alignInRange(newTransform));\n } else {\n // ============ Align with left & right ============\n let newTransform = transformTop.value;\n\n if (tabOffset.top < -transformTop.value) {\n newTransform = -tabOffset.top;\n } else if (tabOffset.top + tabOffset.height > -transformTop.value + wrapperHeight.value) {\n newTransform = -(tabOffset.top + tabOffset.height - wrapperHeight.value);\n }\n\n setTransformLeft(0);\n setTransformTop(alignInRange(newTransform));\n }\n };\n\n const visibleStart = shallowRef(0);\n const visibleEnd = shallowRef(0);\n\n watchEffect(() => {\n let unit: 'width' | 'height';\n let position: 'left' | 'top' | 'right';\n let transformSize: number;\n let basicSize: number;\n let tabContentSize: number;\n let addSize: number;\n const tabOffsetsValue = tabOffsets.value;\n if (['top', 'bottom'].includes(props.tabPosition)) {\n unit = 'width';\n basicSize = wrapperWidth.value;\n tabContentSize = wrapperScrollWidth.value;\n addSize = addWidth.value;\n position = props.rtl ? 'right' : 'left';\n transformSize = Math.abs(transformLeft.value);\n } else {\n unit = 'height';\n basicSize = wrapperHeight.value;\n tabContentSize = wrapperScrollWidth.value;\n addSize = addHeight.value;\n position = 'top';\n transformSize = -transformTop.value;\n }\n let mergedBasicSize = basicSize;\n if (tabContentSize + addSize > basicSize && tabContentSize < basicSize) {\n mergedBasicSize = basicSize - addSize;\n }\n\n const tabsVal = tabs.value;\n if (!tabsVal.length) {\n return ([visibleStart.value, visibleEnd.value] = [0, 0]);\n }\n\n const len = tabsVal.length;\n let endIndex = len;\n for (let i = 0; i < len; i += 1) {\n const offset = tabOffsetsValue.get(tabsVal[i].key) || DEFAULT_SIZE;\n if (offset[position] + offset[unit] > transformSize + mergedBasicSize) {\n endIndex = i - 1;\n break;\n }\n }\n let startIndex = 0;\n for (let i = len - 1; i >= 0; i -= 1) {\n const offset = tabOffsetsValue.get(tabsVal[i].key) || DEFAULT_SIZE;\n if (offset[position] < transformSize) {\n startIndex = i + 1;\n break;\n }\n }\n\n return ([visibleStart.value, visibleEnd.value] = [startIndex, endIndex]);\n });\n const updateTabSizes = () => {\n setTabSizes(() => {\n const newSizes: TabSizeMap = new Map();\n const listRect = tabListRef.value?.getBoundingClientRect();\n tabs.value.forEach(({ key }) => {\n const btnRef = btnRefs.value.get(key);\n const btnNode = (btnRef as any)?.$el || btnRef;\n if (btnNode) {\n const [width, height, left, top] = getTabSize(btnNode, listRect);\n newSizes.set(key, { width, height, left, top });\n }\n });\n return newSizes;\n });\n };\n\n watch(\n () => tabs.value.map(tab => tab.key).join('%%'),\n () => {\n updateTabSizes();\n },\n { flush: 'post' },\n );\n const onListHolderResize = () => {\n // Update wrapper records\n const offsetWidth = tabsWrapperRef.value?.offsetWidth || 0;\n const offsetHeight = tabsWrapperRef.value?.offsetHeight || 0;\n const addDom = innerAddButtonRef.value?.$el || {};\n const newAddWidth = addDom.offsetWidth || 0;\n const newAddHeight = addDom.offsetHeight || 0;\n setWrapperWidth(offsetWidth);\n setWrapperHeight(offsetHeight);\n setAddWidth(newAddWidth);\n setAddHeight(newAddHeight);\n\n const newWrapperScrollWidth = (tabListRef.value?.offsetWidth || 0) - newAddWidth;\n const newWrapperScrollHeight = (tabListRef.value?.offsetHeight || 0) - newAddHeight;\n\n setWrapperScrollWidth(newWrapperScrollWidth);\n setWrapperScrollHeight(newWrapperScrollHeight);\n\n // Update buttons records\n updateTabSizes();\n };\n\n // ======================== Dropdown =======================\n const hiddenTabs = computed(() => [\n ...tabs.value.slice(0, visibleStart.value),\n ...tabs.value.slice(visibleEnd.value + 1),\n ]);\n\n // =================== Link & Operations ===================\n const [inkStyle, setInkStyle] = useState();\n\n const activeTabOffset = computed(() => tabOffsets.value.get(props.activeKey));\n\n // Delay set ink style to avoid remove tab blink\n const inkBarRafRef = shallowRef();\n const cleanInkBarRaf = () => {\n raf.cancel(inkBarRafRef.value);\n };\n\n watch([activeTabOffset, tabPositionTopOrBottom, () => props.rtl], () => {\n const newInkStyle: CSSProperties = {};\n\n if (activeTabOffset.value) {\n if (tabPositionTopOrBottom.value) {\n if (props.rtl) {\n newInkStyle.right = toPx(activeTabOffset.value.right);\n } else {\n newInkStyle.left = toPx(activeTabOffset.value.left);\n }\n\n newInkStyle.width = toPx(activeTabOffset.value.width);\n } else {\n newInkStyle.top = toPx(activeTabOffset.value.top);\n newInkStyle.height = toPx(activeTabOffset.value.height);\n }\n }\n\n cleanInkBarRaf();\n inkBarRafRef.value = raf(() => {\n setInkStyle(newInkStyle);\n });\n });\n\n watch(\n [() => props.activeKey, activeTabOffset, tabOffsets, tabPositionTopOrBottom],\n () => {\n scrollToTab();\n },\n { flush: 'post' },\n );\n\n watch(\n [() => props.rtl, () => props.tabBarGutter, () => props.activeKey, () => tabs.value],\n () => {\n onListHolderResize();\n },\n { flush: 'post' },\n );\n\n const ExtraContent = ({ position, prefixCls, extra }: ExtraContentProps) => {\n if (!extra) return null;\n const content = extra?.({ position });\n return content ?
{content}
: null;\n };\n\n onBeforeUnmount(() => {\n clearTouchMoving();\n cleanInkBarRaf();\n });\n\n return () => {\n const {\n id,\n animated,\n activeKey,\n rtl,\n editable,\n locale,\n tabPosition,\n tabBarGutter,\n onTabClick,\n } = props;\n const { class: className, style } = attrs;\n const pre = prefixCls.value;\n // ========================= Render ========================\n const hasDropdown = !!hiddenTabs.value.length;\n const wrapPrefix = `${pre}-nav-wrap`;\n let pingLeft: boolean;\n let pingRight: boolean;\n let pingTop: boolean;\n let pingBottom: boolean;\n\n if (tabPositionTopOrBottom.value) {\n if (rtl) {\n pingRight = transformLeft.value > 0;\n pingLeft = transformLeft.value + wrapperWidth.value < wrapperScrollWidth.value;\n } else {\n pingLeft = transformLeft.value < 0;\n pingRight = -transformLeft.value + wrapperWidth.value < wrapperScrollWidth.value;\n }\n } else {\n pingTop = transformTop.value < 0;\n pingBottom = -transformTop.value + wrapperHeight.value < wrapperScrollHeight.value;\n }\n\n const tabNodeStyle: CSSProperties = {};\n if (tabPosition === 'top' || tabPosition === 'bottom') {\n tabNodeStyle[rtl ? 'marginRight' : 'marginLeft'] =\n typeof tabBarGutter === 'number' ? `${tabBarGutter}px` : tabBarGutter;\n } else {\n tabNodeStyle.marginTop =\n typeof tabBarGutter === 'number' ? `${tabBarGutter}px` : tabBarGutter;\n }\n\n const tabNodes = tabs.value.map((tab, i) => {\n const { key } = tab;\n return (\n {\n onTabClick(key, e);\n }}\n onFocus={() => {\n scrollToTab(key);\n doLockAnimation();\n if (!tabsWrapperRef.value) {\n return;\n }\n // Focus element will make scrollLeft change which we should reset back\n if (!rtl) {\n tabsWrapperRef.value.scrollLeft = 0;\n }\n tabsWrapperRef.value.scrollTop = 0;\n }}\n v-slots={slots}\n >\n );\n });\n return (\n {\n // No need animation when use keyboard\n doLockAnimation();\n }}\n >\n \n\n \n \n \n \n {tabNodes}\n \n\n \n \n \n \n \n \n\n \n \n \n );\n };\n },\n});\n" }, { "path": "components/tabs/src/TabPanelList/TabPane.tsx", "content": "import { defineComponent, ref, watch, computed } from 'vue';\nimport type { CSSProperties, ExtractPropTypes } from 'vue';\nimport PropTypes from '../../../_util/vue-types';\nimport type { CustomSlotsType } from '../../../_util/type';\n\nconst tabPaneProps = () => ({\n tab: PropTypes.any,\n disabled: { type: Boolean },\n forceRender: { type: Boolean },\n closable: { type: Boolean },\n animated: { type: Boolean },\n active: { type: Boolean },\n destroyInactiveTabPane: { type: Boolean },\n\n // Pass by TabPaneList\n prefixCls: { type: String },\n tabKey: { type: [String, Number] },\n id: { type: String },\n // closeIcon: PropTypes.any,\n});\n\nexport type TabPaneProps = Partial>>;\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'ATabPane',\n inheritAttrs: false,\n __ANT_TAB_PANE: true,\n props: tabPaneProps(),\n slots: Object as CustomSlotsType<{\n closeIcon: any;\n tab: any;\n default: any;\n }>,\n setup(props, { attrs, slots }) {\n const visited = ref(props.forceRender);\n watch(\n [() => props.active, () => props.destroyInactiveTabPane],\n () => {\n if (props.active) {\n visited.value = true;\n } else if (props.destroyInactiveTabPane) {\n visited.value = false;\n }\n },\n { immediate: true },\n );\n const mergedStyle = computed(() => {\n if (!props.active) {\n if (props.animated) {\n return {\n visibility: 'hidden',\n height: 0,\n overflowY: 'hidden',\n };\n } else {\n return { display: 'none' };\n }\n }\n return {};\n });\n\n return () => {\n const { prefixCls, forceRender, id, active, tabKey } = props;\n return (\n \n {(active || visited.value || forceRender) && slots.default?.()}\n \n );\n };\n },\n});\n" }, { "path": "components/tabs/src/TabPanelList/index.tsx", "content": "import { useInjectTabs } from '../TabContext';\nimport type { TabPosition, AnimatedConfig } from '../interface';\nimport type { Key } from '../../../_util/type';\nimport type { PropType } from 'vue';\nimport { defineComponent } from 'vue';\nimport { cloneElement } from '../../../_util/vnode';\n\nexport interface TabPanelListProps {\n activeKey: Key;\n id: string;\n rtl: boolean;\n animated?: AnimatedConfig;\n tabPosition?: TabPosition;\n destroyInactiveTabPane?: boolean;\n}\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'TabPanelList',\n inheritAttrs: false,\n props: {\n activeKey: { type: [String, Number] as PropType },\n id: { type: String },\n rtl: { type: Boolean },\n animated: { type: Object as PropType, default: undefined as AnimatedConfig },\n tabPosition: { type: String as PropType },\n destroyInactiveTabPane: { type: Boolean },\n },\n setup(props) {\n const { tabs, prefixCls } = useInjectTabs();\n return () => {\n const { id, activeKey, animated, tabPosition, rtl, destroyInactiveTabPane } = props;\n const tabPaneAnimated = animated.tabPane;\n const pre = prefixCls.value;\n const activeIndex = tabs.value.findIndex(tab => tab.key === activeKey);\n return (\n
\n \n {tabs.value.map(tab => {\n return cloneElement(tab.node, {\n key: tab.key,\n prefixCls: pre,\n tabKey: tab.key,\n id,\n animated: tabPaneAnimated,\n active: tab.key === activeKey,\n destroyInactiveTabPane,\n });\n })}\n
\n \n );\n };\n },\n});\n" }, { "path": "components/tabs/src/Tabs.tsx", "content": "// Accessibility https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role\nimport TabNavList from './TabNavList';\nimport TabPanelList from './TabPanelList';\nimport type {\n TabPosition,\n RenderTabBar,\n TabsLocale,\n EditableConfig,\n AnimatedConfig,\n OnTabScroll,\n Tab,\n} from './interface';\nimport { defineComponent, computed, onMounted, watchEffect } from 'vue';\nimport type { CSSProperties, ExtractPropTypes } from 'vue';\nimport {\n camelize,\n flattenChildren,\n initDefaultProps,\n isValidElement,\n} from '../../_util/props-util';\nimport useConfigInject from '../../config-provider/hooks/useConfigInject';\nimport useState from '../../_util/hooks/useState';\nimport isMobile from '../../vc-util/isMobile';\nimport useMergedState from '../../_util/hooks/useMergedState';\nimport classNames from '../../_util/classNames';\nimport CloseOutlined from '@ant-design/icons-vue/CloseOutlined';\nimport PlusOutlined from '@ant-design/icons-vue/PlusOutlined';\nimport devWarning from '../../vc-util/devWarning';\nimport type { SizeType } from '../../config-provider';\nimport { useProvideTabs } from './TabContext';\nimport {\n arrayType,\n stringType,\n someType,\n functionType,\n objectType,\n booleanType,\n} from '../../_util/type';\nimport type { CustomSlotsType, Key } from '../../_util/type';\nimport pick from 'lodash-es/pick';\nimport PropTypes from '../../_util/vue-types';\nimport type { MouseEventHandler } from '../../_util/EventInterface';\nimport omit from '../../_util/omit';\nimport useStyle from '../style';\nexport type TabsType = 'line' | 'card' | 'editable-card';\nexport type TabsPosition = 'top' | 'right' | 'bottom' | 'left';\n\n// Used for accessibility\nlet uuid = 0;\n\nexport const tabsProps = () => {\n return {\n prefixCls: { type: String },\n id: { type: String },\n popupClassName: String,\n getPopupContainer: functionType<\n ((triggerNode?: HTMLElement | undefined) => HTMLElement) | undefined\n >(),\n activeKey: { type: [String, Number] },\n defaultActiveKey: { type: [String, Number] },\n direction: stringType<'ltr' | 'rtl'>(),\n animated: someType([Boolean, Object]),\n renderTabBar: functionType(),\n tabBarGutter: { type: Number },\n tabBarStyle: objectType(),\n tabPosition: stringType(),\n destroyInactiveTabPane: booleanType(),\n\n hideAdd: Boolean,\n type: stringType(),\n size: stringType(),\n centered: Boolean,\n onEdit: functionType<(e: MouseEvent | KeyboardEvent | Key, action: 'add' | 'remove') => void>(),\n onChange: functionType<(activeKey: Key) => void>(),\n onTabClick: functionType<(activeKey: Key, e: KeyboardEvent | MouseEvent) => void>(),\n onTabScroll: functionType(),\n 'onUpdate:activeKey': functionType<(activeKey: Key) => void>(),\n // Accessibility\n locale: objectType(),\n onPrevClick: functionType(),\n onNextClick: functionType(),\n tabBarExtraContent: PropTypes.any,\n };\n};\n\nexport type TabsProps = Partial>>;\n\nfunction parseTabList(children: any[]): Tab[] {\n return children\n .map(node => {\n if (isValidElement(node)) {\n const props = { ...(node.props || {}) };\n for (const [k, v] of Object.entries(props)) {\n delete props[k];\n props[camelize(k)] = v;\n }\n const slots = node.children || {};\n const key = node.key !== undefined ? node.key : undefined;\n const {\n tab = slots.tab,\n disabled,\n forceRender,\n closable,\n animated,\n active,\n destroyInactiveTabPane,\n } = props;\n return {\n key,\n ...props,\n node,\n closeIcon: slots.closeIcon,\n tab,\n disabled: disabled === '' || disabled,\n forceRender: forceRender === '' || forceRender,\n closable: closable === '' || closable,\n animated: animated === '' || animated,\n active: active === '' || active,\n destroyInactiveTabPane: destroyInactiveTabPane === '' || destroyInactiveTabPane,\n };\n }\n\n return null;\n })\n .filter(tab => tab);\n}\nconst InternalTabs = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'InternalTabs',\n inheritAttrs: false,\n props: {\n ...initDefaultProps(tabsProps(), {\n tabPosition: 'top',\n animated: {\n inkBar: true,\n tabPane: false,\n },\n }),\n tabs: arrayType(),\n },\n slots: Object as CustomSlotsType<{\n tabBarExtraContent?: any;\n leftExtra?: any;\n rightExtra?: any;\n moreIcon?: any;\n addIcon?: any;\n removeIcon?: any;\n renderTabBar?: any;\n default: any;\n }>,\n // emits: ['tabClick', 'tabScroll', 'change', 'update:activeKey'],\n setup(props, { attrs, slots }) {\n devWarning(\n !(props.onPrevClick !== undefined) && !(props.onNextClick !== undefined),\n 'Tabs',\n '`onPrevClick / @prevClick` and `onNextClick / @nextClick` has been removed. Please use `onTabScroll / @tabScroll` instead.',\n );\n devWarning(\n !(props.tabBarExtraContent !== undefined),\n 'Tabs',\n '`tabBarExtraContent` prop has been removed. Please use `rightExtra` slot instead.',\n );\n devWarning(\n !(slots.tabBarExtraContent !== undefined),\n 'Tabs',\n '`tabBarExtraContent` slot is deprecated. Please use `rightExtra` slot instead.',\n );\n const { prefixCls, direction, size, rootPrefixCls, getPopupContainer } = useConfigInject(\n 'tabs',\n props,\n );\n const [wrapSSR, hashId] = useStyle(prefixCls);\n const rtl = computed(() => direction.value === 'rtl');\n const mergedAnimated = computed(() => {\n const { animated, tabPosition } = props;\n if (animated === false || ['left', 'right'].includes(tabPosition)) {\n return {\n inkBar: false,\n tabPane: false,\n };\n } else if (animated === true) {\n return {\n inkBar: true,\n tabPane: true,\n };\n } else {\n return {\n inkBar: true,\n tabPane: false,\n ...(typeof animated === 'object' ? animated : {}),\n };\n }\n });\n\n // ======================== Mobile ========================\n const [mobile, setMobile] = useState(false);\n onMounted(() => {\n // Only update on the client side\n setMobile(isMobile());\n });\n\n // ====================== Active Key ======================\n const [mergedActiveKey, setMergedActiveKey] = useMergedState(() => props.tabs[0]?.key, {\n value: computed(() => props.activeKey),\n defaultValue: props.defaultActiveKey,\n });\n const [activeIndex, setActiveIndex] = useState(() =>\n props.tabs.findIndex(tab => tab.key === mergedActiveKey.value),\n );\n\n watchEffect(() => {\n let newActiveIndex = props.tabs.findIndex(tab => tab.key === mergedActiveKey.value);\n if (newActiveIndex === -1) {\n newActiveIndex = Math.max(0, Math.min(activeIndex.value, props.tabs.length - 1));\n setMergedActiveKey(props.tabs[newActiveIndex]?.key);\n }\n setActiveIndex(newActiveIndex);\n });\n\n // ===================== Accessibility ====================\n const [mergedId, setMergedId] = useMergedState(null, {\n value: computed(() => props.id),\n });\n\n const mergedTabPosition = computed(() => {\n if (mobile.value && !['left', 'right'].includes(props.tabPosition)) {\n return 'top';\n } else {\n return props.tabPosition;\n }\n });\n\n onMounted(() => {\n if (!props.id) {\n setMergedId(`rc-tabs-${process.env.NODE_ENV === 'test' ? 'test' : uuid}`);\n uuid += 1;\n }\n });\n\n // ======================== Events ========================\n const onInternalTabClick = (key: Key, e: MouseEvent | KeyboardEvent) => {\n props.onTabClick?.(key, e);\n const isActiveChanged = key !== mergedActiveKey.value;\n setMergedActiveKey(key);\n if (isActiveChanged) {\n props.onChange?.(key);\n }\n };\n\n useProvideTabs({\n tabs: computed(() => props.tabs),\n prefixCls,\n });\n\n return () => {\n const {\n id,\n type,\n tabBarGutter,\n tabBarStyle,\n locale,\n destroyInactiveTabPane,\n renderTabBar = slots.renderTabBar,\n onTabScroll,\n hideAdd,\n centered,\n } = props;\n // ======================== Render ========================\n const sharedProps = {\n id: mergedId.value,\n activeKey: mergedActiveKey.value,\n animated: mergedAnimated.value,\n tabPosition: mergedTabPosition.value,\n rtl: rtl.value,\n mobile: mobile.value,\n };\n\n let editable: EditableConfig | undefined;\n if (type === 'editable-card') {\n editable = {\n onEdit: (editType, { key, event }) => {\n props.onEdit?.(editType === 'add' ? event : key!, editType);\n },\n removeIcon: () => ,\n addIcon: slots.addIcon ? slots.addIcon : () => ,\n showAdd: hideAdd !== true,\n };\n }\n\n let tabNavBar;\n\n const tabNavBarProps = {\n ...sharedProps,\n moreTransitionName: `${rootPrefixCls.value}-slide-up`,\n editable,\n locale,\n tabBarGutter,\n onTabClick: onInternalTabClick,\n onTabScroll,\n style: tabBarStyle,\n getPopupContainer: getPopupContainer.value,\n popupClassName: classNames(props.popupClassName, hashId.value),\n };\n\n if (renderTabBar) {\n tabNavBar = renderTabBar({ ...tabNavBarProps, DefaultTabBar: TabNavList });\n } else {\n tabNavBar = (\n \n );\n }\n const pre = prefixCls.value;\n\n return wrapSSR(\n \n {tabNavBar}\n \n ,\n );\n };\n },\n});\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'ATabs',\n inheritAttrs: false,\n props: initDefaultProps(tabsProps(), {\n tabPosition: 'top',\n animated: {\n inkBar: true,\n tabPane: false,\n },\n }),\n slots: Object as CustomSlotsType<{\n tabBarExtraContent?: any;\n leftExtra?: any;\n rightExtra?: any;\n moreIcon?: any;\n addIcon?: any;\n removeIcon?: any;\n renderTabBar?: any;\n default?: any;\n }>,\n // emits: ['tabClick', 'tabScroll', 'change', 'update:activeKey'],\n setup(props, { attrs, slots, emit }) {\n const handleChange = (key: string) => {\n emit('update:activeKey', key);\n emit('change', key);\n };\n return () => {\n const tabs = parseTabList(flattenChildren(slots.default?.()));\n return (\n \n );\n };\n },\n});\n" }, { "path": "components/tabs/src/hooks/useOffsets.ts", "content": "import type { Ref } from 'vue';\nimport { ref, watchEffect } from 'vue';\nimport type { TabSizeMap, TabOffsetMap, Tab, TabOffset } from '../interface';\n\nconst DEFAULT_SIZE = { width: 0, height: 0, left: 0, top: 0 };\n\nexport default function useOffsets(\n tabs: Ref,\n tabSizes: Ref,\n // holderScrollWidth: Ref,\n): Ref {\n const offsetMap = ref(new Map());\n watchEffect(() => {\n const map: TabOffsetMap = new Map();\n const tabsValue = tabs.value;\n const lastOffset = tabSizes.value.get(tabsValue[0]?.key) || DEFAULT_SIZE;\n const rightOffset = lastOffset.left + lastOffset.width;\n\n for (let i = 0; i < tabsValue.length; i += 1) {\n const { key } = tabsValue[i];\n let data = tabSizes.value.get(key);\n\n // Reuse last one when not exist yet\n if (!data) {\n data = tabSizes.value.get(tabsValue[i - 1]?.key) || DEFAULT_SIZE;\n }\n\n const entity = (map.get(key) || { ...data }) as TabOffset;\n\n // Right\n entity.right = rightOffset - entity.left - entity.width;\n\n // Update entity\n map.set(key, entity);\n }\n offsetMap.value = new Map(map);\n });\n\n return offsetMap;\n}\n" }, { "path": "components/tabs/src/hooks/useRaf.ts", "content": "import type { Ref } from 'vue';\nimport { shallowRef, onBeforeUnmount } from 'vue';\nimport raf from '../../../_util/raf';\n\nexport default function useRaf(callback: Callback) {\n const rafRef = shallowRef();\n const removedRef = shallowRef(false);\n\n function trigger(...args: any[]) {\n if (!removedRef.value) {\n raf.cancel(rafRef.value);\n rafRef.value = raf(() => {\n callback(...args);\n });\n }\n }\n\n onBeforeUnmount(() => {\n removedRef.value = true;\n raf.cancel(rafRef.value);\n });\n\n return trigger;\n}\n\ntype Callback = (ori: T) => T;\n\nexport function useRafState(\n defaultState: T | (() => T),\n): [Ref, (updater: Callback) => void] {\n const batchRef = shallowRef[]>([]);\n const state: Ref = shallowRef(\n typeof defaultState === 'function' ? (defaultState as any)() : defaultState,\n );\n\n const flushUpdate = useRaf(() => {\n let value = state.value;\n batchRef.value.forEach(callback => {\n value = callback(value);\n });\n batchRef.value = [];\n\n state.value = value;\n });\n\n function updater(callback: Callback) {\n batchRef.value.push(callback);\n flushUpdate();\n }\n\n return [state, updater];\n}\n" }, { "path": "components/tabs/src/hooks/useSyncState.ts", "content": "import type { Ref } from 'vue';\nimport { ref } from 'vue';\n\ntype Updater = (prev: T) => T;\n\nexport default function useSyncState(\n defaultState: T,\n onChange: (newValue: T, prevValue: T) => void,\n): [Ref, (updater: T | Updater) => void] {\n const stateRef = ref(defaultState);\n\n function setState(updater: any) {\n const newValue = typeof updater === 'function' ? updater(stateRef.value) : updater;\n if (newValue !== stateRef.value) {\n onChange(newValue, stateRef.value as T);\n }\n stateRef.value = newValue;\n }\n\n return [stateRef as Ref, setState];\n}\n" }, { "path": "components/tabs/src/hooks/useTouchMove.ts", "content": "import type { Ref } from 'vue';\nimport { ref, onBeforeUnmount, onMounted } from 'vue';\nimport useState from '../../../_util/hooks/useState';\n\ntype TouchEventHandler = (e: TouchEvent) => void;\ntype WheelEventHandler = (e: WheelEvent) => void;\n\nconst MIN_SWIPE_DISTANCE = 0.1;\nconst STOP_SWIPE_DISTANCE = 0.01;\nconst REFRESH_INTERVAL = 20;\nconst SPEED_OFF_MULTIPLE = 0.995 ** REFRESH_INTERVAL;\n// ================================= Hook =================================\nexport default function useTouchMove(\n domRef: Ref,\n onOffset: (offsetX: number, offsetY: number) => boolean,\n) {\n const [touchPosition, setTouchPosition] = useState<{ x: number; y: number }>();\n const [lastTimestamp, setLastTimestamp] = useState(0);\n const [lastTimeDiff, setLastTimeDiff] = useState(0);\n const [lastOffset, setLastOffset] = useState<{ x: number; y: number }>();\n const motionInterval = ref();\n\n // ========================= Events =========================\n // >>> Touch events\n function onTouchStart(e: TouchEvent) {\n const { screenX, screenY } = e.touches[0];\n setTouchPosition({ x: screenX, y: screenY });\n clearInterval(motionInterval.value);\n }\n\n function onTouchMove(e: TouchEvent) {\n if (!touchPosition.value) return;\n\n e.preventDefault();\n const { screenX, screenY } = e.touches[0];\n const offsetX = screenX - touchPosition.value.x;\n const offsetY = screenY - touchPosition.value.y;\n onOffset(offsetX, offsetY);\n setTouchPosition({ x: screenX, y: screenY });\n const now = Date.now();\n setLastTimeDiff(now - lastTimestamp.value);\n setLastTimestamp(now);\n setLastOffset({ x: offsetX, y: offsetY });\n }\n\n function onTouchEnd() {\n if (!touchPosition.value) return;\n const lastOffsetValue = lastOffset.value;\n setTouchPosition(null);\n setLastOffset(null);\n\n // Swipe if needed\n if (lastOffsetValue) {\n const distanceX = lastOffsetValue.x / lastTimeDiff.value;\n const distanceY = lastOffsetValue.y / lastTimeDiff.value;\n const absX = Math.abs(distanceX);\n const absY = Math.abs(distanceY);\n\n // Skip swipe if low distance\n if (Math.max(absX, absY) < MIN_SWIPE_DISTANCE) return;\n\n let currentX = distanceX;\n let currentY = distanceY;\n\n motionInterval.value = setInterval(() => {\n if (Math.abs(currentX) < STOP_SWIPE_DISTANCE && Math.abs(currentY) < STOP_SWIPE_DISTANCE) {\n clearInterval(motionInterval.value);\n return;\n }\n\n currentX *= SPEED_OFF_MULTIPLE;\n currentY *= SPEED_OFF_MULTIPLE;\n onOffset(currentX * REFRESH_INTERVAL, currentY * REFRESH_INTERVAL);\n }, REFRESH_INTERVAL);\n }\n }\n\n // >>> Wheel event\n const lastWheelDirectionRef = ref<'x' | 'y'>();\n\n function onWheel(e: WheelEvent) {\n const { deltaX, deltaY } = e;\n\n // Convert both to x & y since wheel only happened on PC\n let mixed = 0;\n const absX = Math.abs(deltaX);\n const absY = Math.abs(deltaY);\n if (absX === absY) {\n mixed = lastWheelDirectionRef.value === 'x' ? deltaX : deltaY;\n } else if (absX > absY) {\n mixed = deltaX;\n lastWheelDirectionRef.value = 'x';\n } else {\n mixed = deltaY;\n lastWheelDirectionRef.value = 'y';\n }\n\n if (onOffset(-mixed, -mixed)) {\n e.preventDefault();\n }\n }\n\n // ========================= Effect =========================\n const touchEventsRef = ref<{\n onTouchStart: TouchEventHandler;\n onTouchMove: TouchEventHandler;\n onTouchEnd: TouchEventHandler;\n onWheel: WheelEventHandler;\n }>({\n onTouchStart,\n onTouchMove,\n onTouchEnd,\n onWheel,\n });\n function onProxyTouchStart(e: TouchEvent) {\n touchEventsRef.value.onTouchStart(e);\n }\n function onProxyTouchMove(e: TouchEvent) {\n touchEventsRef.value.onTouchMove(e);\n }\n function onProxyTouchEnd(e: TouchEvent) {\n touchEventsRef.value.onTouchEnd(e);\n }\n function onProxyWheel(e: WheelEvent) {\n touchEventsRef.value.onWheel(e);\n }\n onMounted(() => {\n document.addEventListener('touchmove', onProxyTouchMove, { passive: false });\n document.addEventListener('touchend', onProxyTouchEnd, { passive: false });\n\n // No need to clean up since element removed\n domRef.value?.addEventListener('touchstart', onProxyTouchStart, { passive: false });\n domRef.value?.addEventListener('wheel', onProxyWheel, { passive: false });\n });\n\n onBeforeUnmount(() => {\n document.removeEventListener('touchmove', onProxyTouchMove);\n document.removeEventListener('touchend', onProxyTouchEnd);\n });\n}\n" }, { "path": "components/tabs/src/index.ts", "content": "// base rc-tabs 11.12.0\nimport Tabs from './Tabs';\nimport type { TabsProps } from './Tabs';\nimport TabPane from './TabPanelList/TabPane';\nimport type { TabPaneProps } from './TabPanelList/TabPane';\n\nexport type { TabsProps, TabPaneProps };\n\nexport { TabPane };\n\nexport default Tabs;\n" }, { "path": "components/tabs/src/interface.ts", "content": "import type { Key, VueNode } from '../../_util/type';\nimport type { TabPaneProps } from './TabPanelList/TabPane';\n\nexport type TabSizeMap = Map;\n\nexport interface TabOffset {\n width: number;\n height: number;\n left: number;\n right: number;\n top: number;\n}\nexport type TabOffsetMap = Map;\n\nexport type TabPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface Tab extends TabPaneProps {\n key: Key;\n node: VueNode;\n}\n\nexport type RenderTabBar = (props: { DefaultTabBar: any; [key: string]: any }) => VueNode;\n\nexport interface TabsLocale {\n dropdownAriaLabel?: string;\n removeAriaLabel?: string;\n addAriaLabel?: string;\n}\n\nexport interface EditableConfig {\n onEdit: (type: 'add' | 'remove', info: { key?: Key; event: MouseEvent | KeyboardEvent }) => void;\n showAdd?: boolean;\n removeIcon?: () => VueNode;\n addIcon?: () => VueNode;\n}\n\nexport interface AnimatedConfig {\n inkBar?: boolean;\n tabPane?: boolean;\n}\n\nexport type OnTabScroll = (info: { direction: 'left' | 'right' | 'top' | 'bottom' }) => void;\n\nexport type TabBarExtraPosition = 'left' | 'right';\n\nexport type TabBarExtraMap = Partial>;\n\nexport type TabBarExtraContent = VueNode;\n" }, { "path": "components/tabs/style/index.ts", "content": "import { CSSObject } from '../../_util/cssinjs';\nimport type { FullToken, GenerateStyle } from '../../theme/internal';\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal';\nimport { genFocusStyle, resetComponent, textEllipsis } from '../../style';\nimport genMotionStyle from './motion';\n\nexport interface ComponentToken {\n zIndexPopup: number;\n}\n\nexport interface TabsToken extends FullToken<'Tabs'> {\n tabsCardHorizontalPadding: string;\n tabsCardHeight: number;\n tabsCardGutter: number;\n tabsHoverColor: string;\n tabsActiveColor: string;\n tabsHorizontalGutter: number;\n tabsCardHeadBackground: string;\n dropdownEdgeChildVerticalPadding: number;\n tabsNavWrapPseudoWidth: number;\n tabsActiveTextShadow: string;\n tabsDropdownHeight: number;\n tabsDropdownWidth: number;\n}\n\nconst genCardStyle: GenerateStyle = (token: TabsToken): CSSObject => {\n const {\n componentCls,\n tabsCardHorizontalPadding,\n tabsCardHeadBackground,\n tabsCardGutter,\n colorSplit,\n } = token;\n return {\n [`${componentCls}-card`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n margin: 0,\n padding: tabsCardHorizontalPadding,\n background: tabsCardHeadBackground,\n border: `${token.lineWidth}px ${token.lineType} ${colorSplit}`,\n transition: `all ${token.motionDurationSlow} ${token.motionEaseInOut}`,\n },\n\n [`${componentCls}-tab-active`]: {\n color: token.colorPrimary,\n background: token.colorBgContainer,\n },\n\n [`${componentCls}-ink-bar`]: {\n visibility: 'hidden',\n },\n },\n\n // ========================== Top & Bottom ==========================\n [`&${componentCls}-top, &${componentCls}-bottom`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-tab + ${componentCls}-tab`]: {\n marginLeft: {\n _skip_check_: true,\n value: `${tabsCardGutter}px`,\n },\n },\n },\n },\n\n [`&${componentCls}-top`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n borderRadius: `${token.borderRadiusLG}px ${token.borderRadiusLG}px 0 0`,\n },\n\n [`${componentCls}-tab-active`]: {\n borderBottomColor: token.colorBgContainer,\n },\n },\n },\n\n [`&${componentCls}-bottom`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n borderRadius: `0 0 ${token.borderRadiusLG}px ${token.borderRadiusLG}px`,\n },\n\n [`${componentCls}-tab-active`]: {\n borderTopColor: token.colorBgContainer,\n },\n },\n },\n\n // ========================== Left & Right ==========================\n [`&${componentCls}-left, &${componentCls}-right`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-tab + ${componentCls}-tab`]: {\n marginTop: `${tabsCardGutter}px`,\n },\n },\n },\n\n [`&${componentCls}-left`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n borderRadius: {\n _skip_check_: true,\n value: `${token.borderRadiusLG}px 0 0 ${token.borderRadiusLG}px`,\n },\n },\n\n [`${componentCls}-tab-active`]: {\n borderRightColor: {\n _skip_check_: true,\n value: token.colorBgContainer,\n },\n },\n },\n },\n\n [`&${componentCls}-right`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n borderRadius: {\n _skip_check_: true,\n value: `0 ${token.borderRadiusLG}px ${token.borderRadiusLG}px 0`,\n },\n },\n\n [`${componentCls}-tab-active`]: {\n borderLeftColor: {\n _skip_check_: true,\n value: token.colorBgContainer,\n },\n },\n },\n },\n },\n };\n};\n\nconst genDropdownStyle: GenerateStyle = (token: TabsToken): CSSObject => {\n const { componentCls, tabsHoverColor, dropdownEdgeChildVerticalPadding } = token;\n return {\n [`${componentCls}-dropdown`]: {\n ...resetComponent(token),\n\n position: 'absolute',\n top: -9999,\n left: {\n _skip_check_: true,\n value: -9999,\n },\n zIndex: token.zIndexPopup,\n display: 'block',\n\n '&-hidden': {\n display: 'none',\n },\n\n [`${componentCls}-dropdown-menu`]: {\n maxHeight: token.tabsDropdownHeight,\n margin: 0,\n padding: `${dropdownEdgeChildVerticalPadding}px 0`,\n overflowX: 'hidden',\n overflowY: 'auto',\n textAlign: {\n _skip_check_: true,\n value: 'left',\n },\n listStyleType: 'none',\n backgroundColor: token.colorBgContainer,\n backgroundClip: 'padding-box',\n borderRadius: token.borderRadiusLG,\n outline: 'none',\n boxShadow: token.boxShadowSecondary,\n\n '&-item': {\n ...textEllipsis,\n display: 'flex',\n alignItems: 'center',\n minWidth: token.tabsDropdownWidth,\n margin: 0,\n padding: `${token.paddingXXS}px ${token.paddingSM}px`,\n color: token.colorText,\n fontWeight: 'normal',\n fontSize: token.fontSize,\n lineHeight: token.lineHeight,\n cursor: 'pointer',\n transition: `all ${token.motionDurationSlow}`,\n\n '> span': {\n flex: 1,\n whiteSpace: 'nowrap',\n },\n\n '&-remove': {\n flex: 'none',\n marginLeft: {\n _skip_check_: true,\n value: token.marginSM,\n },\n color: token.colorTextDescription,\n fontSize: token.fontSizeSM,\n background: 'transparent',\n border: 0,\n cursor: 'pointer',\n\n '&:hover': {\n color: tabsHoverColor,\n },\n },\n\n '&:hover': {\n background: token.controlItemBgHover,\n },\n\n '&-disabled': {\n '&, &:hover': {\n color: token.colorTextDisabled,\n background: 'transparent',\n cursor: 'not-allowed',\n },\n },\n },\n },\n },\n };\n};\n\nconst genPositionStyle: GenerateStyle = (token: TabsToken): CSSObject => {\n const { componentCls, margin, colorSplit } = token;\n return {\n // ========================== Top & Bottom ==========================\n [`${componentCls}-top, ${componentCls}-bottom`]: {\n flexDirection: 'column',\n\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n margin: `0 0 ${margin}px 0`,\n\n '&::before': {\n position: 'absolute',\n right: {\n _skip_check_: true,\n value: 0,\n },\n left: {\n _skip_check_: true,\n value: 0,\n },\n borderBottom: `${token.lineWidth}px ${token.lineType} ${colorSplit}`,\n content: \"''\",\n },\n\n [`${componentCls}-ink-bar`]: {\n height: token.lineWidthBold,\n\n '&-animated': {\n transition: `width ${token.motionDurationSlow}, left ${token.motionDurationSlow},\n right ${token.motionDurationSlow}`,\n },\n },\n\n [`${componentCls}-nav-wrap`]: {\n '&::before, &::after': {\n top: 0,\n bottom: 0,\n width: token.controlHeight,\n },\n\n '&::before': {\n left: {\n _skip_check_: true,\n value: 0,\n },\n boxShadow: token.boxShadowTabsOverflowLeft,\n },\n\n '&::after': {\n right: {\n _skip_check_: true,\n value: 0,\n },\n boxShadow: token.boxShadowTabsOverflowRight,\n },\n\n [`&${componentCls}-nav-wrap-ping-left::before`]: {\n opacity: 1,\n },\n [`&${componentCls}-nav-wrap-ping-right::after`]: {\n opacity: 1,\n },\n },\n },\n },\n\n [`${componentCls}-top`]: {\n [`> ${componentCls}-nav,\n > div > ${componentCls}-nav`]: {\n '&::before': {\n bottom: 0,\n },\n\n [`${componentCls}-ink-bar`]: {\n bottom: 0,\n },\n },\n },\n\n [`${componentCls}-bottom`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n order: 1,\n marginTop: `${margin}px`,\n marginBottom: 0,\n\n '&::before': {\n top: 0,\n },\n\n [`${componentCls}-ink-bar`]: {\n top: 0,\n },\n },\n\n [`> ${componentCls}-content-holder, > div > ${componentCls}-content-holder`]: {\n order: 0,\n },\n },\n\n // ========================== Left & Right ==========================\n [`${componentCls}-left, ${componentCls}-right`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n flexDirection: 'column',\n minWidth: token.controlHeight * 1.25,\n\n // >>>>>>>>>>> Tab\n [`${componentCls}-tab`]: {\n padding: `${token.paddingXS}px ${token.paddingLG}px`,\n textAlign: 'center',\n },\n\n [`${componentCls}-tab + ${componentCls}-tab`]: {\n margin: `${token.margin}px 0 0 0`,\n },\n\n // >>>>>>>>>>> Nav\n [`${componentCls}-nav-wrap`]: {\n flexDirection: 'column',\n\n '&::before, &::after': {\n right: {\n _skip_check_: true,\n value: 0,\n },\n left: {\n _skip_check_: true,\n value: 0,\n },\n height: token.controlHeight,\n },\n\n '&::before': {\n top: 0,\n boxShadow: token.boxShadowTabsOverflowTop,\n },\n\n '&::after': {\n bottom: 0,\n boxShadow: token.boxShadowTabsOverflowBottom,\n },\n\n [`&${componentCls}-nav-wrap-ping-top::before`]: {\n opacity: 1,\n },\n\n [`&${componentCls}-nav-wrap-ping-bottom::after`]: {\n opacity: 1,\n },\n },\n\n // >>>>>>>>>>> Ink Bar\n [`${componentCls}-ink-bar`]: {\n width: token.lineWidthBold,\n\n '&-animated': {\n transition: `height ${token.motionDurationSlow}, top ${token.motionDurationSlow}`,\n },\n },\n\n [`${componentCls}-nav-list, ${componentCls}-nav-operations`]: {\n flex: '1 0 auto', // fix safari scroll problem\n flexDirection: 'column',\n },\n },\n },\n\n [`${componentCls}-left`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-ink-bar`]: {\n right: {\n _skip_check_: true,\n value: 0,\n },\n },\n },\n\n [`> ${componentCls}-content-holder, > div > ${componentCls}-content-holder`]: {\n marginLeft: {\n _skip_check_: true,\n value: `-${token.lineWidth}px`,\n },\n borderLeft: {\n _skip_check_: true,\n value: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,\n },\n\n [`> ${componentCls}-content > ${componentCls}-tabpane`]: {\n paddingLeft: {\n _skip_check_: true,\n value: token.paddingLG,\n },\n },\n },\n },\n\n [`${componentCls}-right`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n order: 1,\n\n [`${componentCls}-ink-bar`]: {\n left: {\n _skip_check_: true,\n value: 0,\n },\n },\n },\n\n [`> ${componentCls}-content-holder, > div > ${componentCls}-content-holder`]: {\n order: 0,\n marginRight: {\n _skip_check_: true,\n value: -token.lineWidth,\n },\n borderRight: {\n _skip_check_: true,\n value: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,\n },\n\n [`> ${componentCls}-content > ${componentCls}-tabpane`]: {\n paddingRight: {\n _skip_check_: true,\n value: token.paddingLG,\n },\n },\n },\n },\n };\n};\n\nconst genSizeStyle: GenerateStyle = (token: TabsToken): CSSObject => {\n const { componentCls, padding } = token;\n return {\n [componentCls]: {\n '&-small': {\n [`> ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n padding: `${token.paddingXS}px 0`,\n fontSize: token.fontSize,\n },\n },\n },\n\n '&-large': {\n [`> ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n padding: `${padding}px 0`,\n fontSize: token.fontSizeLG,\n },\n },\n },\n },\n\n [`${componentCls}-card`]: {\n [`&${componentCls}-small`]: {\n [`> ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n padding: `${token.paddingXXS * 1.5}px ${padding}px`,\n },\n },\n [`&${componentCls}-bottom`]: {\n [`> ${componentCls}-nav ${componentCls}-tab`]: {\n borderRadius: `0 0 ${token.borderRadius}px ${token.borderRadius}px`,\n },\n },\n [`&${componentCls}-top`]: {\n [`> ${componentCls}-nav ${componentCls}-tab`]: {\n borderRadius: `${token.borderRadius}px ${token.borderRadius}px 0 0`,\n },\n },\n [`&${componentCls}-right`]: {\n [`> ${componentCls}-nav ${componentCls}-tab`]: {\n borderRadius: {\n _skip_check_: true,\n value: `0 ${token.borderRadius}px ${token.borderRadius}px 0`,\n },\n },\n },\n [`&${componentCls}-left`]: {\n [`> ${componentCls}-nav ${componentCls}-tab`]: {\n borderRadius: {\n _skip_check_: true,\n value: `${token.borderRadius}px 0 0 ${token.borderRadius}px`,\n },\n },\n },\n },\n\n [`&${componentCls}-large`]: {\n [`> ${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n padding: `${token.paddingXS}px ${padding}px ${token.paddingXXS * 1.5}px`,\n },\n },\n },\n },\n };\n};\n\nconst genTabStyle: GenerateStyle = (token: TabsToken) => {\n const { componentCls, tabsActiveColor, tabsHoverColor, iconCls, tabsHorizontalGutter } = token;\n\n const tabCls = `${componentCls}-tab`;\n\n return {\n [tabCls]: {\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n padding: `${token.paddingSM}px 0`,\n fontSize: `${token.fontSize}px`,\n background: 'transparent',\n border: 0,\n outline: 'none',\n cursor: 'pointer',\n '&-btn, &-remove': {\n '&:focus:not(:focus-visible), &:active': {\n color: tabsActiveColor,\n },\n ...genFocusStyle(token),\n },\n '&-btn': {\n outline: 'none',\n transition: 'all 0.3s',\n },\n '&-remove': {\n flex: 'none',\n marginRight: {\n _skip_check_: true,\n value: -token.marginXXS,\n },\n marginLeft: {\n _skip_check_: true,\n value: token.marginXS,\n },\n color: token.colorTextDescription,\n fontSize: token.fontSizeSM,\n background: 'transparent',\n border: 'none',\n outline: 'none',\n cursor: 'pointer',\n transition: `all ${token.motionDurationSlow}`,\n '&:hover': {\n color: token.colorTextHeading,\n },\n },\n '&:hover': {\n color: tabsHoverColor,\n },\n\n [`&${tabCls}-active ${tabCls}-btn`]: {\n color: token.colorPrimary,\n textShadow: token.tabsActiveTextShadow,\n },\n\n [`&${tabCls}-disabled`]: {\n color: token.colorTextDisabled,\n cursor: 'not-allowed',\n },\n [`&${tabCls}-disabled ${tabCls}-btn, &${tabCls}-disabled ${componentCls}-remove`]: {\n '&:focus, &:active': {\n color: token.colorTextDisabled,\n },\n },\n [`& ${tabCls}-remove ${iconCls}`]: {\n margin: 0,\n },\n [iconCls]: {\n marginRight: {\n _skip_check_: true,\n value: token.marginSM,\n },\n },\n },\n\n [`${tabCls} + ${tabCls}`]: {\n margin: {\n _skip_check_: true,\n value: `0 0 0 ${tabsHorizontalGutter}px`,\n },\n },\n };\n};\n\nconst genRtlStyle: GenerateStyle = (token: TabsToken) => {\n const { componentCls, tabsHorizontalGutter, iconCls, tabsCardGutter } = token;\n const rtlCls = `${componentCls}-rtl`;\n return {\n [rtlCls]: {\n direction: 'rtl',\n\n [`${componentCls}-nav`]: {\n [`${componentCls}-tab`]: {\n margin: {\n _skip_check_: true,\n value: `0 0 0 ${tabsHorizontalGutter}px`,\n },\n\n [`${componentCls}-tab:last-of-type`]: {\n marginLeft: {\n _skip_check_: true,\n value: 0,\n },\n },\n\n [iconCls]: {\n marginRight: {\n _skip_check_: true,\n value: 0,\n },\n marginLeft: {\n _skip_check_: true,\n value: `${token.marginSM}px`,\n },\n },\n\n [`${componentCls}-tab-remove`]: {\n marginRight: {\n _skip_check_: true,\n value: `${token.marginXS}px`,\n },\n marginLeft: {\n _skip_check_: true,\n value: `-${token.marginXXS}px`,\n },\n\n [iconCls]: {\n margin: 0,\n },\n },\n },\n },\n\n [`&${componentCls}-left`]: {\n [`> ${componentCls}-nav`]: {\n order: 1,\n },\n\n [`> ${componentCls}-content-holder`]: {\n order: 0,\n },\n },\n\n [`&${componentCls}-right`]: {\n [`> ${componentCls}-nav`]: {\n order: 0,\n },\n\n [`> ${componentCls}-content-holder`]: {\n order: 1,\n },\n },\n\n // ====================== Card ======================\n [`&${componentCls}-card${componentCls}-top, &${componentCls}-card${componentCls}-bottom`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-tab + ${componentCls}-tab`]: {\n marginRight: {\n _skip_check_: true,\n value: `${tabsCardGutter}px`,\n },\n marginLeft: { _skip_check_: true, value: 0 },\n },\n },\n },\n },\n\n [`${componentCls}-dropdown-rtl`]: {\n direction: 'rtl',\n },\n\n [`${componentCls}-menu-item`]: {\n [`${componentCls}-dropdown-rtl`]: {\n textAlign: {\n _skip_check_: true,\n value: 'right',\n },\n },\n },\n };\n};\n\nconst genTabsStyle: GenerateStyle = (token: TabsToken): CSSObject => {\n const {\n componentCls,\n tabsCardHorizontalPadding,\n tabsCardHeight,\n tabsCardGutter,\n tabsHoverColor,\n tabsActiveColor,\n colorSplit,\n } = token;\n\n return {\n [componentCls]: {\n ...resetComponent(token),\n display: 'flex',\n\n // ========================== Navigation ==========================\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n position: 'relative',\n display: 'flex',\n flex: 'none',\n alignItems: 'center',\n\n [`${componentCls}-nav-wrap`]: {\n position: 'relative',\n display: 'flex',\n flex: 'auto',\n alignSelf: 'stretch',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n transform: 'translate(0)', // Fix chrome render bug\n\n // >>>>> Ping shadow\n '&::before, &::after': {\n position: 'absolute',\n zIndex: 1,\n opacity: 0,\n transition: `opacity ${token.motionDurationSlow}`,\n content: \"''\",\n pointerEvents: 'none',\n },\n },\n\n [`${componentCls}-nav-list`]: {\n position: 'relative',\n display: 'flex',\n transition: `opacity ${token.motionDurationSlow}`,\n },\n\n // >>>>>>>> Operations\n [`${componentCls}-nav-operations`]: {\n display: 'flex',\n alignSelf: 'stretch',\n },\n\n [`${componentCls}-nav-operations-hidden`]: {\n position: 'absolute',\n visibility: 'hidden',\n pointerEvents: 'none',\n },\n\n [`${componentCls}-nav-more`]: {\n position: 'relative',\n padding: tabsCardHorizontalPadding,\n background: 'transparent',\n border: 0,\n\n '&::after': {\n position: 'absolute',\n right: {\n _skip_check_: true,\n value: 0,\n },\n bottom: 0,\n left: {\n _skip_check_: true,\n value: 0,\n },\n height: token.controlHeightLG / 8,\n transform: 'translateY(100%)',\n content: \"''\",\n },\n },\n\n [`${componentCls}-nav-add`]: {\n minWidth: `${tabsCardHeight}px`,\n marginLeft: {\n _skip_check_: true,\n value: `${tabsCardGutter}px`,\n },\n padding: `0 ${token.paddingXS}px`,\n background: 'transparent',\n border: `${token.lineWidth}px ${token.lineType} ${colorSplit}`,\n borderRadius: `${token.borderRadiusLG}px ${token.borderRadiusLG}px 0 0`,\n outline: 'none',\n cursor: 'pointer',\n color: token.colorText,\n transition: `all ${token.motionDurationSlow} ${token.motionEaseInOut}`,\n\n '&:hover': {\n color: tabsHoverColor,\n },\n\n '&:active, &:focus:not(:focus-visible)': {\n color: tabsActiveColor,\n },\n\n ...genFocusStyle(token),\n },\n },\n\n [`${componentCls}-extra-content`]: {\n flex: 'none',\n },\n\n // ============================ InkBar ============================\n [`${componentCls}-ink-bar`]: {\n position: 'absolute',\n background: token.colorPrimary,\n pointerEvents: 'none',\n },\n\n // ============================= Tabs =============================\n ...genTabStyle(token),\n\n // =========================== TabPanes ===========================\n [`${componentCls}-content`]: {\n position: 'relative',\n display: 'flex',\n width: '100%',\n\n ['&-animated']: {\n transition: 'margin 0.3s',\n },\n },\n\n [`${componentCls}-content-holder`]: {\n flex: 'auto',\n minWidth: 0,\n minHeight: 0,\n },\n\n [`${componentCls}-tabpane`]: {\n outline: 'none',\n flex: 'none',\n width: '100%',\n },\n },\n\n [`${componentCls}-centered`]: {\n [`> ${componentCls}-nav, > div > ${componentCls}-nav`]: {\n [`${componentCls}-nav-wrap`]: {\n [`&:not([class*='${componentCls}-nav-wrap-ping'])`]: {\n justifyContent: 'center',\n },\n },\n },\n },\n };\n};\n\n// ============================== Export ==============================\nexport default genComponentStyleHook(\n 'Tabs',\n token => {\n const tabsCardHeight = token.controlHeightLG;\n\n const tabsToken = mergeToken(token, {\n tabsHoverColor: token.colorPrimaryHover,\n tabsActiveColor: token.colorPrimaryActive,\n\n tabsCardHorizontalPadding: `${\n (tabsCardHeight - Math.round(token.fontSize * token.lineHeight)) / 2 - token.lineWidth\n }px ${token.padding}px`,\n tabsCardHeight,\n tabsCardGutter: token.marginXXS / 2,\n tabsHorizontalGutter: 32, // Fixed Value\n tabsCardHeadBackground: token.colorFillAlter,\n dropdownEdgeChildVerticalPadding: token.paddingXXS,\n tabsActiveTextShadow: '0 0 0.25px currentcolor',\n tabsDropdownHeight: 200,\n tabsDropdownWidth: 120,\n });\n\n return [\n genSizeStyle(tabsToken),\n genRtlStyle(tabsToken),\n genPositionStyle(tabsToken),\n genDropdownStyle(tabsToken),\n genCardStyle(tabsToken),\n genTabsStyle(tabsToken),\n genMotionStyle(tabsToken),\n ];\n },\n token => ({\n zIndexPopup: token.zIndexPopupBase + 50,\n }),\n);\n" }, { "path": "components/tabs/style/motion.ts", "content": "import type { TabsToken } from '.';\nimport { initSlideMotion } from '../../style/motion';\nimport type { GenerateStyle } from '../../theme/internal';\n\nconst genMotionStyle: GenerateStyle = token => {\n const { componentCls, motionDurationSlow } = token;\n\n return [\n {\n [componentCls]: {\n [`${componentCls}-switch`]: {\n '&-appear, &-enter': {\n transition: 'none',\n\n '&-start': {\n opacity: 0,\n },\n '&-active': {\n opacity: 1,\n transition: `opacity ${motionDurationSlow}`,\n },\n },\n\n '&-leave': {\n position: 'absolute',\n transition: 'none',\n inset: 0,\n\n '&-start': {\n opacity: 1,\n },\n '&-active': {\n opacity: 0,\n transition: `opacity ${motionDurationSlow}`,\n },\n },\n },\n },\n },\n\n // Follow code may reuse in other components\n [initSlideMotion(token, 'slide-up'), initSlideMotion(token, 'slide-down')],\n ];\n};\n\nexport default genMotionStyle;\n" }, { "path": "components/tag/CheckableTag.tsx", "content": "import type { ExtractPropTypes, PropType } from 'vue';\nimport { defineComponent, computed } from 'vue';\nimport classNames from '../_util/classNames';\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\nimport useStyle from './style';\n\nconst checkableTagProps = () => ({\n prefixCls: String,\n checked: { type: Boolean, default: undefined },\n onChange: {\n type: Function as PropType<(checked: boolean) => void>,\n },\n onClick: {\n type: Function as PropType<(e: MouseEvent) => void>,\n },\n 'onUpdate:checked': Function as PropType<(checked: boolean) => void>,\n});\nexport type CheckableTagProps = Partial>>;\n\nconst CheckableTag = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'ACheckableTag',\n inheritAttrs: false,\n props: checkableTagProps(),\n // emits: ['update:checked', 'change', 'click'],\n setup(props, { slots, emit, attrs }) {\n const { prefixCls } = useConfigInject('tag', props);\n // Style\n const [wrapSSR, hashId] = useStyle(prefixCls);\n\n const handleClick = (e: MouseEvent) => {\n const { checked } = props;\n emit('update:checked', !checked);\n emit('change', !checked);\n emit('click', e);\n };\n\n const cls = computed(() =>\n classNames(prefixCls.value, hashId.value, {\n [`${prefixCls.value}-checkable`]: true,\n [`${prefixCls.value}-checkable-checked`]: props.checked,\n }),\n );\n\n return () => {\n return wrapSSR(\n \n {slots.default?.()}\n ,\n );\n };\n },\n});\n\nexport default CheckableTag;\n" }, { "path": "components/tag/__tests__/__snapshots__/demo.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders ./components/tag/demo/basic.vue correctly 1`] = `
Tag 1LinkTag 2Prevent Default
`;\n\nexports[`renders ./components/tag/demo/border-less.vue correctly 1`] = `\n
\n
Tag 1
\n \n
Tag 2
\n \n
Tag 3
\n \n
Tag 4
\n \n
\n
\n \n
\n
\n
processing
\n \n
success
\n \n
error
\n \n
warning
\n \n
magenta
\n \n
red
\n \n
volcano
\n \n
orange
\n \n
gold
\n \n
lime
\n \n
green
\n \n
cyan
\n \n
blue
\n \n
geekblue
\n \n
purple
\n \n
\n`;\n\nexports[`renders ./components/tag/demo/checkable.vue correctly 1`] = `
Tag1Tag2Tag3
`;\n\nexports[`renders ./components/tag/demo/colorful.vue correctly 1`] = `\n

Presets:

\n
pinkredorangegreencyanbluepurple
\n

Custom:

\n
#f50#2db7f5#87d068#108ee9
\n`;\n\nexports[`renders ./components/tag/demo/control.vue correctly 1`] = `\nUnremovable\nTag 2\nTag 3Tag 3Tag 3Tag 3...\n New Tag\n\n`;\n\nexports[`renders ./components/tag/demo/hot-tags.vue correctly 1`] = `\nCategories:\nMovies\nBooks\nMusic\nSports\n`;\n\nexports[`renders ./components/tag/demo/icon.vue correctly 1`] = `\n Twitter \n\n Youtube \n\n Facebook \n\n LinkedIn \n\n`;\n\nexports[`renders ./components/tag/demo/status.vue correctly 1`] = `\n
Without icon
\n
successprocessingerrorwarningdefault
\n
With icon
\n
success \n processing \n error \n warning \n waiting \n stop \n \n
\n`;\n" }, { "path": "components/tag/__tests__/__snapshots__/index.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Tag visibility can be controlled by visible with hidden as initial value 1`] = ``;\n\nexports[`Tag visibility can be controlled by visible with hidden as initial value 2`] = ``;\n\nexports[`Tag visibility can be controlled by visible with hidden as initial value 3`] = ``;\n\nexports[`Tag visibility can be controlled by visible with visible as initial value 1`] = ``;\n\nexports[`Tag visibility can be controlled by visible with visible as initial value 2`] = ``;\n\nexports[`Tag visibility can be controlled by visible with visible as initial value 3`] = ``;\n" }, { "path": "components/tag/__tests__/demo.test.js", "content": "import demoTest from '../../../tests/shared/demoTest';\n\ndemoTest('tag');\n" }, { "path": "components/tag/__tests__/index.test.js", "content": "import { mount } from '@vue/test-utils';\nimport { asyncExpect } from '../../../tests/utils';\nimport Tag from '..';\nimport mountTest from '../../../tests/shared/mountTest';\n\ndescribe('Tag', () => {\n mountTest(Tag);\n mountTest(Tag.CheckableTag);\n it('should be closable', async () => {\n const onClose = jest.fn();\n const wrapper = mount(\n {\n render() {\n return ;\n },\n },\n { sync: false, attachTo: 'body' },\n );\n await asyncExpect(() => {\n expect(wrapper.findAll('.anticon-close').length).toBe(1);\n expect(\n wrapper.findAll('.ant-tag').filter(w => w.element.classList.contains('ant-tag-hidden'))\n .length,\n ).toBe(0);\n wrapper.find('.anticon-close').trigger('click');\n expect(onClose).toBeCalled();\n });\n await asyncExpect(() => {\n expect(\n wrapper.findAll('.ant-tag').filter(w => w.element.classList.contains('ant-tag-hidden'))\n .length,\n ).toBe(1);\n });\n });\n\n it('should not be closed when prevent default', async () => {\n const onClose = e => {\n e.preventDefault();\n };\n const wrapper = mount(\n {\n render() {\n return ;\n },\n },\n { sync: false, attachTo: 'body' },\n );\n await asyncExpect(() => {\n expect(wrapper.findAll('.anticon-close').length).toBe(1);\n expect(\n wrapper.findAll('.ant-tag').filter(w => w.element.classList.contains('ant-tag-hidden'))\n .length,\n ).toBe(0);\n wrapper.find('.anticon-close').trigger('click');\n });\n // await asyncExpect(() => {\n // expect(\n // wrapper.findAll('.ant-tag').filter(w => {\n // const style = window.getComputedStyle(w.element, null);\n // return style.display !== 'none';\n // }).length,\n // ).toBe(1);\n // });\n });\n describe('visibility', () => {\n it('can be controlled by visible with visible as initial value', async () => {\n const wrapper = mount(Tag, { props: { visible: true }, sync: false });\n await asyncExpect(() => {\n expect(wrapper.html()).toMatchSnapshot();\n wrapper.setProps({ visible: false });\n });\n await asyncExpect(() => {\n expect(wrapper.html()).toMatchSnapshot();\n wrapper.setProps({ visible: true });\n });\n await asyncExpect(() => {\n expect(wrapper.html()).toMatchSnapshot();\n });\n });\n\n it('can be controlled by visible with hidden as initial value', async () => {\n const wrapper = mount(Tag, { props: { visible: false }, sync: false });\n await asyncExpect(() => {\n expect(wrapper.html()).toMatchSnapshot();\n wrapper.setProps({ visible: true });\n });\n await asyncExpect(() => {\n expect(wrapper.html()).toMatchSnapshot();\n wrapper.setProps({ visible: false });\n });\n await asyncExpect(() => {\n expect(wrapper.html()).toMatchSnapshot();\n });\n });\n });\n});\n" }, { "path": "components/tag/demo/basic.vue", "content": "\n---\norder: 0\ntitle:\n zh-CN: 基本用法\n en-US: Basic Usage\n---\n\n## zh-CN\n\n基本标签的用法，可以通过添加 `closable` 变为可关闭标签。可关闭标签具有 `close` 两个事件。\n\n## en-US\nUsage of basic Tag, and it could be closable by set `closable` property. Closable Tag supports `close` events.\n\n\n\n\n\n" }, { "path": "components/tag/demo/border-less.vue", "content": "\n---\norder: 7\ntitle:\n zh-CN: 无边框\n en-US: Border Less\n---\n\n## zh-CN\n\n无边框模式。\n\n## en-US\nborder less.\n\n\n\n\n" }, { "path": "components/tag/demo/checkable.vue", "content": "\n---\norder: 1\ntitle:\n zh-CN: 可选择标签\n en-US: Checkable\n---\n\n## zh-CN\n\n可通过 `CheckableTag` 实现类似 Checkbox 的效果，点击切换选中效果。\n> 该组件为完全受控组件，不支持非受控用法。\n\n## en-US\n\n`CheckableTag` works like Checkbox, click it to toggle checked state.\n> it is an absolute controlled component and has no uncontrolled mode.\n\n\n\n\n\n" }, { "path": "components/tag/demo/colorful.vue", "content": "\n---\norder: 2\ntitle:\n zh-CN: 多彩标签\n en-US: Colorful Tag\n---\n\n## zh-CN\n\n我们添加了多种预设色彩的标签样式，用作不同场景使用。如果预设值不能满足你的需求，可以设置为具体的色值。\n\n## en-US\n\nWe preset a series of colorful tag styles for use in different situations. You can also set it to a hex color string for custom color.\n\n\n\n\n" }, { "path": "components/tag/demo/control.vue", "content": "\n---\norder: 5\ntitle:\n zh-CN: 动态添加和删除\n en-US: Add & Remove Dynamically\n---\n\n## zh-CN\n\n用数组生成一组标签，可以动态添加和删除。\n\n## en-US\n\nGenerating a set of Tags by array, you can add and remove dynamically.\n\n\n\n\n\n" }, { "path": "components/tag/demo/hot-tags.vue", "content": "\n---\norder: 5\ntitle:\n zh-CN: 热门标签\n en-US: Hot Tags\n---\n\n## zh-CN\n\n选择你感兴趣的话题。\n\n## en-US\n\nSelect your favourite topics.\n\n\n\n\n\n" }, { "path": "components/tag/demo/icon.vue", "content": "\n---\norder: 6\ntitle:\n zh-CN: 图标按钮\n en-US: Icon\n---\n\n## zh-CN\n\n当需要在 `Tag` 内嵌入 `Icon` 时，可以设置 `icon` 属性，或者直接在 `Tag` 内使用 `Icon` 组件。\n如果想控制 `Icon` 具体的位置，只能直接使用 `Icon` 组件，而非 `icon` 属性。\n\n## en-US\n\n`Tag` components can contain an `Icon`. This is done by setting the `icon` property or placing an `Icon` component within the `Tag`.\nIf you want specific control over the positioning and placement of the `Icon`, then that should be done by placing the `Icon` component within the `Tag` rather than using the `icon` property.\n\n\n\n\n" }, { "path": "components/tag/demo/index.vue", "content": "\n\n\n" }, { "path": "components/tag/demo/status.vue", "content": "\n---\norder: 7\ntitle:\n zh-CN: 预设状态的标签\n en-US: Status Tag\n---\n\n## zh-CN\n\n预设五种状态颜色，可以通过设置 `color` 为 `success`、 `processing`、`error`、`default`、`warning` 来代表不同的状态。\n\n## en-US\n\nWe preset five different colors, you can set color property such as `success`,`processing`,`error`,`default` and `warning` to indicate specific status.\n\n\n\n\n\n" }, { "path": "components/tag/index.en-US.md", "content": "---\ncategory: Components\ntype: Data Display\ntitle: Tag\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*_SBsSrKLg00AAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JPNAQYrVkYkAAAAAAAAAAAAADrJ8AQ/original\n---\n\nTag for categorizing or markup.\n\n## When To Use\n\n- It can be used to tag by dimension or property.\n- When categorizing.\n\n## API\n\n### Tag\n\n| Property | Description | Type | Default | Version |\n| --------- | ----------------------------- | ------------- | ------- | ------- |\n| closable | Whether the Tag can be closed | boolean | `false` | |\n| closeIcon | Custom close icon | VNode \\| slot | - | 2.0.0 |\n| color | Color of the Tag | string | - | |\n| icon | Set the icon of tag | VNode \\| slot | - | 2.0.0 |\n| bordered | Whether has border style | boolean | `true` | 4.x |\n\n### Tag Events\n\n| Events Name | Description | Arguments |\n| ----------- | ------------------------------------ | ----------- |\n| close | Callback executed when tag is closed | (e) => void |\n\n### Tag.CheckableTag\n\n| Property | Description | Type | Default |\n| ---------------- | --------------------- | ------- | ------- |\n| checked(v-model) | Checked status of Tag | boolean | `false` |\n\n### Tag.CheckableTag Events\n\n| Events Name | Description | Arguments |\n| ----------- | ----------------------------------------------- | ----------------- |\n| change | Callback executed when Tag is checked/unchecked | (checked) => void |\n" }, { "path": "components/tag/index.tsx", "content": "import type { HTMLAttributes, App, PropType, ExtractPropTypes, Plugin, CSSProperties } from 'vue';\nimport { shallowRef, defineComponent, watchEffect, computed } from 'vue';\nimport classNames from '../_util/classNames';\nimport PropTypes from '../_util/vue-types';\nimport CloseOutlined from '@ant-design/icons-vue/CloseOutlined';\nimport Wave from '../_util/wave';\nimport type { PresetColorType, PresetStatusColorType } from '../_util/colors';\nimport { isPresetColor, isPresetStatusColor } from '../_util/colors';\nimport { eventType } from '../_util/type';\nimport type { CustomSlotsType, LiteralUnion } from '../_util/type';\n\nimport CheckableTag from './CheckableTag';\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\nimport warning from '../_util/warning';\n\nimport useStyle from './style';\n\nexport const tagProps = () => ({\n prefixCls: String,\n color: {\n type: String as PropType>,\n },\n closable: { type: Boolean, default: false },\n closeIcon: PropTypes.any,\n /** @deprecated `visible` will be removed in next major version. */\n visible: { type: Boolean, default: undefined },\n onClose: {\n type: Function as PropType<(e: MouseEvent) => void>,\n },\n onClick: eventType<(e: MouseEvent) => void>(),\n 'onUpdate:visible': Function as PropType<(vis: boolean) => void>,\n icon: PropTypes.any,\n bordered: { type: Boolean, default: true },\n});\n\nexport type TagProps = HTMLAttributes & Partial>>;\n\nconst Tag = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'ATag',\n inheritAttrs: false,\n props: tagProps(),\n // emits: ['update:visible', 'close'],\n slots: Object as CustomSlotsType<{\n closeIcon: any;\n icon: any;\n default: any;\n }>,\n setup(props, { slots, emit, attrs }) {\n const { prefixCls, direction } = useConfigInject('tag', props);\n\n const [wrapSSR, hashId] = useStyle(prefixCls);\n\n const visible = shallowRef(true);\n\n // Warning for deprecated usage\n if (process.env.NODE_ENV !== 'production') {\n warning(\n props.visible === undefined,\n 'Tag',\n '`visible` is deprecated, please use `` instead.',\n );\n }\n\n watchEffect(() => {\n if (props.visible !== undefined) {\n visible.value = props.visible!;\n }\n });\n\n const handleCloseClick = (e: MouseEvent) => {\n e.stopPropagation();\n emit('update:visible', false);\n emit('close', e);\n\n if (e.defaultPrevented) {\n return;\n }\n if (props.visible === undefined) {\n visible.value = false;\n }\n };\n\n // const isPresetColor = computed(() => {\n // const { color } = props;\n // if (!color) {\n // return false;\n // }\n // return PresetColorRegex.test(color) || PresetStatusColorRegex.test(color);\n // });\n\n const isInternalColor = computed(\n () => isPresetColor(props.color) || isPresetStatusColor(props.color),\n );\n\n const tagClassName = computed(() =>\n classNames(prefixCls.value, hashId.value, {\n [`${prefixCls.value}-${props.color}`]: isInternalColor.value,\n [`${prefixCls.value}-has-color`]: props.color && !isInternalColor.value,\n [`${prefixCls.value}-hidden`]: !visible.value,\n [`${prefixCls.value}-rtl`]: direction.value === 'rtl',\n [`${prefixCls.value}-borderless`]: !props.bordered,\n }),\n );\n const handleClick = (e: MouseEvent) => {\n emit('click', e);\n };\n return () => {\n const {\n icon = slots.icon?.(),\n color,\n closeIcon = slots.closeIcon?.(),\n closable = false,\n } = props;\n\n const renderCloseIcon = () => {\n if (closable) {\n return closeIcon ? (\n \n {closeIcon}\n \n ) : (\n \n );\n }\n return null;\n };\n\n const tagStyle = {\n backgroundColor: color && !isInternalColor.value ? color : undefined,\n };\n\n const iconNode = icon || null;\n const children = slots.default?.();\n const kids = iconNode ? (\n <>\n {iconNode}\n {children}\n \n ) : (\n children\n );\n\n const isNeedWave = props.onClick !== undefined;\n const tagNode = (\n \n {kids}\n {renderCloseIcon()}\n \n );\n\n return wrapSSR(isNeedWave ? {tagNode} : tagNode);\n };\n },\n});\n\nTag.CheckableTag = CheckableTag;\n\nTag.install = function (app: App) {\n app.component(Tag.name, Tag);\n app.component(CheckableTag.name, CheckableTag);\n return app;\n};\n\nexport { CheckableTag };\n\nexport default Tag as typeof Tag &\n Plugin & {\n readonly CheckableTag: typeof CheckableTag;\n };\n" }, { "path": "components/tag/index.zh-CN.md", "content": "---\ncategory: Components\nsubtitle: 标签\ntype: 数据展示\ntitle: Tag\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*_SBsSrKLg00AAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JPNAQYrVkYkAAAAAAAAAAAAADrJ8AQ/original\n---\n\n进行标记和分类的小标签。\n\n## 何时使用\n\n- 用于标记事物的属性和维度。\n- 进行分类。\n\n## API\n\n### Tag\n\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\n| --------- | ---------------- | ------------- | ------ | ----- |\n| closable | 标签是否可以关闭 | boolean | false | |\n| closeIcon | 自定义关闭按钮 | VNode \\| slot | - | 2.0.0 |\n| color | 标签色 | string | - | |\n| icon | 设置图标 | VNode \\| slot | - | 2.0.0 |\n| bordered | 是否有边框 | boolean | `true` | 4.x |\n\n### 事件\n\n| 事件名称 | 说明 | 回调参数 |\n| -------- | ------------ | ----------- |\n| close | 关闭时的回调 | (e) => void |\n\n### Tag.CheckableTag\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ---------------- | ------------------ | ------- | ------ |\n| checked(v-model) | 设置标签的选中状态 | boolean | false |\n\n### 事件\n\n| 事件名称 | 说明 | 回调参数 |\n| -------- | -------------------- | ----------------- |\n| change | 点击标签时触发的回调 | (checked) => void |\n" }, { "path": "components/tag/style/index.ts", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { FullToken } from '../../theme/internal';\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal';\nimport { genPresetColor, resetComponent } from '../../style';\nimport type { CSSProperties } from 'vue';\nimport { capitalize } from '../../_util/util';\n\nexport interface ComponentToken {}\n\ninterface TagToken extends FullToken<'Tag'> {\n tagFontSize: number;\n tagLineHeight: CSSProperties['lineHeight'];\n tagDefaultBg: string;\n tagDefaultColor: string;\n tagIconSize: number;\n tagPaddingHorizontal: number;\n tagBorderlessBg: string;\n}\n\n// ============================== Styles ==============================\n\ntype CssVariableType = 'Success' | 'Info' | 'Error' | 'Warning';\n\nconst genTagStatusStyle = (\n token: TagToken,\n status: 'success' | 'processing' | 'error' | 'warning',\n cssVariableType: CssVariableType,\n): CSSObject => {\n const capitalizedCssVariableType = capitalize(cssVariableType);\n return {\n [`${token.componentCls}-${status}`]: {\n color: token[`color${cssVariableType}`],\n background: token[`color${capitalizedCssVariableType}Bg`],\n borderColor: token[`color${capitalizedCssVariableType}Border`],\n [`&${token.componentCls}-borderless`]: {\n borderColor: 'transparent',\n },\n },\n };\n};\n\nconst genPresetStyle = (token: TagToken) =>\n genPresetColor(token, (colorKey, { textColor, lightBorderColor, lightColor, darkColor }) => ({\n [`${token.componentCls}-${colorKey}`]: {\n color: textColor,\n background: lightColor,\n borderColor: lightBorderColor,\n\n // Inverse color\n '&-inverse': {\n color: token.colorTextLightSolid,\n background: darkColor,\n borderColor: darkColor,\n },\n [`&${token.componentCls}-borderless`]: {\n borderColor: 'transparent',\n },\n },\n }));\n\nconst genBaseStyle = (token: TagToken): CSSObject => {\n const { paddingXXS, lineWidth, tagPaddingHorizontal, componentCls } = token;\n const paddingInline = tagPaddingHorizontal - lineWidth;\n const iconMarginInline = paddingXXS - lineWidth;\n\n return {\n // Result\n [componentCls]: {\n ...resetComponent(token),\n display: 'inline-block',\n height: 'auto',\n marginInlineEnd: token.marginXS,\n paddingInline,\n fontSize: token.tagFontSize,\n lineHeight: `${token.tagLineHeight}px`,\n whiteSpace: 'nowrap',\n background: token.tagDefaultBg,\n border: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`,\n borderRadius: token.borderRadiusSM,\n opacity: 1,\n transition: `all ${token.motionDurationMid}`,\n textAlign: 'start',\n\n // RTL\n [`&${componentCls}-rtl`]: {\n direction: 'rtl',\n },\n\n '&, a, a:hover': {\n color: token.tagDefaultColor,\n },\n\n [`${componentCls}-close-icon`]: {\n marginInlineStart: iconMarginInline,\n color: token.colorTextDescription,\n fontSize: token.tagIconSize,\n cursor: 'pointer',\n transition: `all ${token.motionDurationMid}`,\n\n '&:hover': {\n color: token.colorTextHeading,\n },\n },\n\n [`&${componentCls}-has-color`]: {\n borderColor: 'transparent',\n\n [`&, a, a:hover, ${token.iconCls}-close, ${token.iconCls}-close:hover`]: {\n color: token.colorTextLightSolid,\n },\n },\n\n [`&-checkable`]: {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n cursor: 'pointer',\n\n [`&:not(${componentCls}-checkable-checked):hover`]: {\n color: token.colorPrimary,\n backgroundColor: token.colorFillSecondary,\n },\n\n '&:active, &-checked': {\n color: token.colorTextLightSolid,\n },\n\n '&-checked': {\n backgroundColor: token.colorPrimary,\n '&:hover': {\n backgroundColor: token.colorPrimaryHover,\n },\n },\n\n '&:active': {\n backgroundColor: token.colorPrimaryActive,\n },\n },\n\n [`&-hidden`]: {\n display: 'none',\n },\n\n // To ensure that a space will be placed between character and `Icon`.\n [`> ${token.iconCls} + span, > span + ${token.iconCls}`]: {\n marginInlineStart: paddingInline,\n },\n },\n [`${componentCls}-borderless`]: {\n borderColor: 'transparent',\n background: token.tagBorderlessBg,\n },\n };\n};\n\n// ============================== Export ==============================\nexport default genComponentStyleHook('Tag', token => {\n const { fontSize, lineHeight, lineWidth, fontSizeIcon } = token;\n const tagHeight = Math.round(fontSize * lineHeight);\n\n const tagFontSize = token.fontSizeSM;\n const tagLineHeight = tagHeight - lineWidth * 2;\n const tagDefaultBg = token.colorFillAlter;\n const tagDefaultColor = token.colorText;\n\n const tagToken = mergeToken(token, {\n tagFontSize,\n tagLineHeight,\n tagDefaultBg,\n tagDefaultColor,\n tagIconSize: fontSizeIcon - 2 * lineWidth, // Tag icon is much more smaller\n tagPaddingHorizontal: 8, // Fixed padding.\n tagBorderlessBg: token.colorFillTertiary,\n });\n\n return [\n genBaseStyle(tagToken),\n genPresetStyle(tagToken),\n genTagStatusStyle(tagToken, 'success', 'Success'),\n genTagStatusStyle(tagToken, 'processing', 'Info'),\n genTagStatusStyle(tagToken, 'error', 'Error'),\n genTagStatusStyle(tagToken, 'warning', 'Warning'),\n ];\n});\n" }, { "path": "components/theme/__tests__/util.test.js", "content": "import getAlphaColor from '../util/getAlphaColor';\n\ndescribe('util', () => {\n describe('getAlphaColor', () => {\n it('should not process color with alpha', () => {\n expect(getAlphaColor('rgba(0, 0, 0, 0.5)', 'rgba(255, 255, 255)')).toBe('rgba(0, 0, 0, 0.5)');\n });\n });\n});\n" }, { "path": "components/theme/convertLegacyToken.ts", "content": "import type { MapToken } from './interface';\nimport formatToken from './util/alias';\n\nexport default function convertLegacyToken(mapToken: MapToken) {\n const token = formatToken(mapToken as any);\n\n const raw = {\n theme: 'default',\n 'ant-prefix': 'ant',\n 'html-selector': 'html',\n\n // -------- Colors -----------\n // >>> Primary\n 'primary-color': token.colorPrimary,\n 'primary-color-hover': token.colorPrimaryHover,\n 'primary-color-active': token.colorPrimaryActive,\n 'primary-color-outline': 'fade(@primary-color, @outline-fade)',\n 'processing-color': token.colorPrimary,\n\n // >>> Info\n 'info-color': token.colorInfo,\n 'info-color-deprecated-bg': token.colorInfoBg,\n 'info-color-deprecated-border': token.colorInfoBorder,\n\n // >>> Success\n 'success-color': token.colorSuccess,\n 'success-color-hover': token.colorSuccessBgHover,\n 'success-color-active': token.colorSuccessActive,\n 'success-color-outline': 'fade(@success-color, @outline-fade)',\n 'success-color-deprecated-bg': token.colorSuccessBg,\n 'success-color-deprecated-border': token.colorSuccessBorder,\n\n // >>> Warning\n 'warning-color': token.colorWarning,\n 'warning-color-hover': token.colorWarningHover,\n 'warning-color-active': token.colorWarningActive,\n 'warning-color-outline': 'fade(@warning-color, @outline-fade)',\n 'warning-color-deprecated-bg': token.colorWarningBg,\n 'warning-color-deprecated-border': token.colorWarningBorder,\n\n // >>> Error\n 'error-color': token.colorError,\n 'error-color-hover': token.colorErrorHover,\n 'error-color-active': token.colorErrorActive,\n 'error-color-outline': 'fade(@error-color, @outline-fade)',\n 'error-color-deprecated-bg': token.colorErrorBg,\n 'error-color-deprecated-border': token.colorErrorBorder,\n\n 'highlight-color': token.colorHighlight,\n 'normal-color': '#d9d9d9',\n white: token.colorWhite,\n black: '#000',\n\n // Color used by default to control hover and active backgrounds and for\n // alert info backgrounds.\n 'primary-1': token.colorPrimaryBg,\n 'primary-2': token.colorPrimaryBgHover,\n 'primary-3': token.colorPrimaryBorder,\n 'primary-4': token.colorPrimaryBorderHover,\n 'primary-5': token.colorPrimaryHover,\n 'primary-6': token.colorPrimary,\n 'primary-7': token.colorPrimaryActive,\n 'primary-8': token.colorPrimaryTextHover,\n 'primary-9': token.colorPrimaryText,\n 'primary-10': token.colorPrimaryTextActive,\n\n // Base Scaffolding Variables\n // ---\n // Background color for ``\n 'body-background': token.colorBgBase,\n\n // Base background color for most components\n 'component-background': token.colorBgContainer,\n\n // Popover background color\n 'popover-background': token.colorBgElevated,\n 'popover-customize-border-color': token.colorSplit,\n 'font-family': token.fontFamily,\n 'code-family': \"'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace\",\n 'text-color': token.colorText,\n 'text-color-secondary': token.colorTextSecondary,\n 'text-color-inverse': token.colorWhite,\n 'icon-color': token.colorIcon,\n 'icon-color-hover': token.colorIconHover,\n 'heading-color': token.colorTextHeading,\n 'text-color-dark': 'fade(@white, 85%)',\n 'text-color-secondary-dark': 'fade(@white, 65%)',\n 'text-selection-bg': token.colorPrimary,\n 'font-variant-base': 'tabular-nums',\n 'font-feature-settings-base': 'tnum',\n 'font-size-base': token.fontSize,\n 'font-size-lg': token.fontSizeLG,\n 'font-size-sm': token.fontSizeSM,\n 'heading-1-size': token.fontSizeHeading1,\n 'heading-2-size': token.fontSizeHeading2,\n 'heading-3-size': token.fontSizeHeading3,\n 'heading-4-size': token.fontSizeHeading4,\n 'heading-5-size': token.fontSizeHeading5,\n\n // https://github.com/ant-design/ant-design/issues/20210\n 'line-height-base': token.lineHeight,\n 'border-radius-base': token.borderRadius,\n 'border-radius-sm': token.borderRadiusSM,\n\n // control border\n 'control-border-radius': token.borderRadius,\n\n // arrow border\n 'arrow-border-radius': token.borderRadiusSM, // 2px;\n\n // vertical paddings\n 'padding-lg': token.paddingLG,\n 'padding-md': token.padding,\n 'padding-sm': token.paddingSM,\n 'padding-xs': token.paddingXS,\n 'padding-xss': token.paddingXXS,\n\n // vertical padding for all form controls\n 'control-padding-horizontal': token.paddingSM, //@padding-sm;\n 'control-padding-horizontal-sm': token.paddingXS, // @padding-xs;\n\n // vertical margins\n 'margin-lg': token.marginLG,\n 'margin-md': token.margin,\n 'margin-sm': token.marginSM,\n 'margin-xs': token.marginXS,\n 'margin-xss': token.marginXXS,\n\n // height rules\n 'height-base': token.controlHeight,\n 'height-lg': token.controlHeightLG,\n 'height-sm': token.controlHeightSM,\n\n // The background colors for active and hover states for things like\n // list items or table cells.\n 'item-active-bg': token.controlItemBgActive,\n 'item-hover-bg': token.controlItemBgHover,\n\n // ICONFONT\n 'iconfont-css-prefix': 'anticon',\n\n // LINK\n 'link-color': token.colorLink,\n 'link-hover-color': token.colorLinkHover,\n 'link-active-color': token.colorLinkActive,\n 'link-decoration': 'none',\n 'link-hover-decoration': 'none',\n 'link-focus-decoration': 'none',\n 'link-focus-outline': 0,\n\n // Animation\n 'ease-base-out': token.motionEaseOut,\n 'ease-base-in': 'cubic-bezier(0.9, 0, 0.3, 0.7)',\n 'ease-out': token.motionEaseOut,\n 'ease-in': 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n 'ease-in-out': token.motionEaseInOut,\n 'ease-out-back': token.motionEaseOutBack,\n 'ease-in-back': 'cubic-bezier(0.71, -0.46, 0.88, 0.6)',\n 'ease-in-out-back': 'cubic-bezier(0.71, -0.46, 0.29, 1.46)',\n 'ease-out-circ': token.motionEaseOutCirc,\n 'ease-in-circ': 'cubic-bezier(0.6, 0.04, 0.98, 0.34)',\n 'ease-in-out-circ': token.motionEaseInOutCirc,\n 'ease-out-quint': token.motionEaseOutQuint,\n 'ease-in-quint': token.motionEaseInQuint,\n 'ease-in-out-quint': 'cubic-bezier(0.86, 0, 0.07, 1)',\n\n // Border color\n 'border-color-base': token.colorBorder,\n 'border-color-split': token.colorSplit,\n 'border-color-inverse': token.colorWhite,\n 'border-width-base': token.lineWidth,\n 'border-style-base': 'solid',\n\n // Outline\n 'outline-blur-size': 0,\n 'outline-width': token.controlOutlineWidth,\n 'outline-color': token.controlOutline,\n 'outline-fade': '20%',\n 'background-color-light': 'hsv(0, 0, 98%)', // background of header and selected item\n 'background-color-base': 'hsv(0, 0, 96%)', // Default grey background color\n\n // Disabled states\n 'disabled-color': token.colorTextDisabled,\n 'disabled-bg': token.colorBgContainerDisabled,\n 'disabled-active-bg': token.colorBgContainerDisabled, // tint(@black, 90%);\n 'disabled-color-dark': 'fade(#fff, 35%)',\n\n // Shadow\n 'shadow-color': 'rgba(0, 0, 0, 0.15)',\n 'shadow-color-inverse': token.colorBgContainer,\n 'box-shadow-base': token.boxShadow,\n 'shadow-1-up': token.boxShadowDrawerUp,\n 'shadow-1-down': token.boxShadowDrawerDown,\n 'shadow-1-left': token.boxShadowDrawerLeft,\n 'shadow-1-right': token.boxShadowDrawerRight,\n 'shadow-2': token.boxShadowSecondary,\n\n // ==========================================================================\n // == Components ==\n // ==========================================================================\n // Buttons\n 'btn-font-weight': '400',\n 'btn-border-radius-base': '@border-radius-base',\n 'btn-border-radius-sm': '@border-radius-base',\n 'btn-border-width': '@border-width-base',\n 'btn-border-style': '@border-style-base',\n 'btn-shadow': '0 2px 0 rgba(0, 0, 0, 0.015)',\n 'btn-primary-shadow': '0 2px 0 rgba(0, 0, 0, 0.045)',\n 'btn-text-shadow': '0 -1px 0 rgba(0, 0, 0, 0.12)',\n\n 'btn-primary-color': '#fff',\n 'btn-primary-bg': '@primary-color',\n\n 'btn-default-color': '@text-color',\n 'btn-default-bg': '@component-background',\n 'btn-default-border': '@border-color-base',\n\n 'btn-danger-color': '#fff',\n 'btn-danger-bg': '@error-color',\n 'btn-danger-border': '@error-color',\n\n 'btn-disable-color': '@disabled-color',\n 'btn-disable-bg': '@disabled-bg',\n 'btn-disable-border': '@border-color-base',\n\n 'btn-default-ghost-color': '@component-background',\n 'btn-default-ghost-bg': 'transparent',\n 'btn-default-ghost-border': '@component-background',\n\n 'btn-font-size-lg': '@font-size-lg',\n 'btn-font-size-sm': '@font-size-base',\n 'btn-padding-horizontal-base': '@padding-md - 1px',\n 'btn-padding-horizontal-lg': '@btn-padding-horizontal-base',\n 'btn-padding-horizontal-sm': '@padding-xs - 1px',\n\n 'btn-height-base': '@height-base',\n 'btn-height-lg': '@height-lg',\n 'btn-height-sm': '@height-sm',\n\n 'btn-line-height': '@line-height-base',\n\n 'btn-circle-size': '@btn-height-base',\n 'btn-circle-size-lg': '@btn-height-lg',\n 'btn-circle-size-sm': '@btn-height-sm',\n\n 'btn-square-size': '@btn-height-base',\n 'btn-square-size-lg': '@btn-height-lg',\n 'btn-square-size-sm': '@btn-height-sm',\n 'btn-square-only-icon-size': '@font-size-base + 2px',\n 'btn-square-only-icon-size-sm': '@font-size-base',\n 'btn-square-only-icon-size-lg': '@btn-font-size-lg + 2px',\n\n 'btn-group-border': '@primary-5',\n\n 'btn-link-hover-bg': 'transparent',\n 'btn-text-hover-bg': 'rgba(0, 0, 0, 0.018)',\n\n // Checkbox\n 'checkbox-size': '16px',\n 'checkbox-color': '@primary-color',\n 'checkbox-check-color': '#fff',\n 'checkbox-check-bg': '@checkbox-check-color',\n 'checkbox-border-width': '@border-width-base',\n 'checkbox-border-radius': '@border-radius-base',\n 'checkbox-group-item-margin-right': '8px',\n\n // Descriptions\n 'descriptions-bg': '#fafafa',\n 'descriptions-title-margin-bottom': '20px',\n 'descriptions-default-padding': '@padding-md @padding-lg',\n 'descriptions-middle-padding': '@padding-sm @padding-lg',\n 'descriptions-small-padding': '@padding-xs @padding-md',\n 'descriptions-item-padding-bottom': '@padding-md',\n 'descriptions-item-trailing-colon': 'true',\n 'descriptions-item-label-colon-margin-right': '8px',\n 'descriptions-item-label-colon-margin-left': '2px',\n 'descriptions-extra-color': '@text-color',\n\n // Divider\n 'divider-text-padding': '1em',\n 'divider-orientation-margin': '5%',\n 'divider-color': 'rgba(0, 0, 0, 6%)',\n 'divider-vertical-gutter': '8px',\n\n // Dropdown\n 'dropdown-selected-color': '@primary-color',\n 'dropdown-menu-submenu-disabled-bg': '@component-background',\n 'dropdown-selected-bg': '@item-active-bg',\n\n // Empty\n 'empty-font-size': '@font-size-base',\n\n // Radio\n 'radio-size': '16px',\n 'radio-top': '0.2em',\n 'radio-border-width': '1px',\n 'radio-dot-size': '@radio-size - 8px',\n 'radio-dot-color': '@primary-color',\n 'radio-dot-disabled-color': 'fade(@black, 20%)',\n 'radio-solid-checked-color': '@component-background',\n\n // Radio buttons\n 'radio-button-bg': '@btn-default-bg',\n 'radio-button-checked-bg': '@btn-default-bg',\n 'radio-button-color': '@btn-default-color',\n 'radio-button-hover-color': '@primary-5',\n 'radio-button-active-color': '@primary-7',\n 'radio-button-padding-horizontal': '@padding-md - 1px',\n 'radio-disabled-button-checked-bg': '@disabled-active-bg',\n 'radio-disabled-button-checked-color': '@disabled-color',\n 'radio-wrapper-margin-right': '8px',\n\n // Media queries breakpoints\n // @screen-xs and @screen-xs-min is not used in Grid\n // smallest break point is @screen-md\n 'screen-xs': '480px',\n 'screen-xs-min': '@screen-xs',\n // 👆 Extra small screen / phone\n\n // 👇 Small screen / tablet\n 'screen-sm': '576px',\n 'screen-sm-min': '@screen-sm',\n\n // Medium screen / desktop\n 'screen-md': '768px',\n 'screen-md-min': '@screen-md',\n\n // Large screen / wide desktop\n 'screen-lg': '992px',\n 'screen-lg-min': '@screen-lg',\n\n // Extra large screen / full hd\n 'screen-xl': '1200px',\n 'screen-xl-min': '@screen-xl',\n\n // Extra extra large screen / large desktop\n 'screen-xxl': '1600px',\n 'screen-xxl-min': '@screen-xxl',\n\n // provide a maximum\n 'screen-xs-max': '(@screen-sm-min - 1px)',\n 'screen-sm-max': '(@screen-md-min - 1px)',\n 'screen-md-max': '(@screen-lg-min - 1px)',\n 'screen-lg-max': '(@screen-xl-min - 1px)',\n 'screen-xl-max': '(@screen-xxl-min - 1px)',\n\n // Grid system\n 'grid-columns': '24',\n\n // Layout\n 'layout-body-background': '#f0f2f5',\n 'layout-header-background': '#001529',\n 'layout-header-height': '64px',\n 'layout-header-padding': '0 50px',\n 'layout-header-color': '@text-color',\n 'layout-footer-padding': '24px 50px',\n 'layout-footer-background': '@layout-body-background',\n 'layout-sider-background': '@layout-header-background',\n 'layout-trigger-height': '48px',\n 'layout-trigger-background': '#002140',\n 'layout-trigger-color': '#fff',\n 'layout-zero-trigger-width': '36px',\n 'layout-zero-trigger-height': '42px',\n // Layout light theme\n 'layout-sider-background-light': '#fff',\n 'layout-trigger-background-light': '#fff',\n 'layout-trigger-color-light': '@text-color',\n\n // z-index list, order by `z-index`\n 'zindex-badge': 'auto',\n 'zindex-table-fixed': '2',\n 'zindex-affix': '10',\n 'zindex-back-top': '10',\n 'zindex-picker-panel': '10',\n 'zindex-popup-close': '10',\n 'zindex-modal': '1000',\n 'zindex-modal-mask': '1000',\n 'zindex-message': '1010',\n 'zindex-notification': '1010',\n 'zindex-popover': '1030',\n 'zindex-dropdown': '1050',\n 'zindex-picker': '1050',\n 'zindex-popoconfirm': '1060',\n 'zindex-tooltip': '1070',\n 'zindex-image': '1080',\n\n // Animation\n 'animation-duration-slow': '0.3s', // Modal\n 'animation-duration-base': '0.2s',\n 'animation-duration-fast': '0.1s', // Tooltip\n\n //CollapsePanel\n 'collapse-panel-border-radius': '@border-radius-base',\n\n //Dropdown\n 'dropdown-menu-bg': '@component-background',\n 'dropdown-vertical-padding': '5px',\n 'dropdown-edge-child-vertical-padding': '4px',\n 'dropdown-font-size': '@font-size-base',\n 'dropdown-line-height': '22px',\n\n // Form\n // ---\n 'label-required-color': '@highlight-color',\n 'label-color': '@heading-color',\n 'form-warning-input-bg': '@input-bg',\n 'form-item-margin-bottom': '24px',\n 'form-item-trailing-colon': 'true',\n 'form-vertical-label-padding': '0 0 8px',\n 'form-vertical-label-margin': '0',\n 'form-item-label-font-size': '@font-size-base',\n 'form-item-label-height': '@input-height-base',\n 'form-item-label-colon-margin-right': '8px',\n 'form-item-label-colon-margin-left': '2px',\n 'form-error-input-bg': '@input-bg',\n\n // Input\n // ---\n 'input-height-base': '@height-base',\n 'input-height-lg': '@height-lg',\n 'input-height-sm': '@height-sm',\n 'input-padding-horizontal': '@control-padding-horizontal - 1px',\n 'input-padding-horizontal-base': '@input-padding-horizontal',\n 'input-padding-horizontal-sm': '@control-padding-horizontal-sm - 1px',\n 'input-padding-horizontal-lg': '@input-padding-horizontal',\n 'input-padding-vertical-base': `max(\n (round(((@input-height-base - @font-size-base * @line-height-base) / 2) * 10) / 10) -\n @border-width-base,\n 3px\n)`,\n 'input-padding-vertical-sm': `max(\n (round(((@input-height-sm - @font-size-base * @line-height-base) / 2) * 10) / 10) -\n @border-width-base,\n 0\n)`,\n 'input-padding-vertical-lg': `(\n ceil(((@input-height-lg - @font-size-lg * @line-height-base) / 2) * 10) / 10\n ) - @border-width-base`,\n 'input-placeholder-color': 'hsv(0, 0, 75%)',\n 'input-color': '@text-color',\n 'input-icon-color': '@input-color',\n 'input-border-color': '@border-color-base',\n 'input-bg': '@component-background',\n 'input-number-hover-border-color': '@input-hover-border-color',\n 'input-number-handler-active-bg': '#f4f4f4',\n 'input-number-handler-hover-bg': '@primary-5',\n 'input-number-handler-bg': '@component-background',\n 'input-number-handler-border-color': '@border-color-base',\n 'input-addon-bg': '@background-color-light',\n 'input-hover-border-color': '@primary-5',\n 'input-disabled-bg': '@disabled-bg',\n 'input-outline-offset': '0 0',\n 'input-icon-hover-color': 'fade(@black, 85%)',\n 'input-disabled-color': '@disabled-color',\n\n // Mentions\n // ---\n 'mentions-dropdown-bg': '@component-background',\n 'mentions-dropdown-menu-item-hover-bg': '@mentions-dropdown-bg',\n\n // Select\n // ---\n 'select-border-color': '@border-color-base',\n 'select-item-selected-color': '@text-color',\n 'select-item-selected-font-weight': '600',\n 'select-dropdown-bg': '@component-background',\n 'select-item-selected-bg': '@primary-1',\n 'select-item-active-bg': '@item-hover-bg',\n 'select-dropdown-vertical-padding': '@dropdown-vertical-padding',\n 'select-dropdown-font-size': '@dropdown-font-size',\n 'select-dropdown-line-height': '@dropdown-line-height',\n 'select-dropdown-height': '32px',\n 'select-background': '@component-background',\n 'select-clear-background': '@select-background',\n 'select-selection-item-bg': '@background-color-base',\n 'select-selection-item-border-color': '@border-color-split',\n 'select-single-item-height-lg': '40px',\n 'select-multiple-item-height': '@input-height-base - @input-padding-vertical-base * 2', // Normal 24px\n 'select-multiple-item-height-lg': '32px',\n 'select-multiple-item-spacing-half': 'ceil((@input-padding-vertical-base / 2))',\n 'select-multiple-disabled-background': '@input-disabled-bg',\n 'select-multiple-item-disabled-color': '#bfbfbf',\n 'select-multiple-item-disabled-border-color': '@select-border-color',\n\n // Cascader\n // ---\n 'cascader-bg': '@component-background',\n 'cascader-item-selected-bg': '@primary-1',\n 'cascader-menu-bg': '@component-background',\n 'cascader-menu-border-color-split': '@border-color-split',\n\n // Cascader\n // ----\n 'cascader-dropdown-vertical-padding': '@dropdown-vertical-padding',\n 'cascader-dropdown-edge-child-vertical-padding': '@dropdown-edge-child-vertical-padding',\n 'cascader-dropdown-font-size': '@dropdown-font-size',\n 'cascader-dropdown-line-height': '@dropdown-line-height',\n\n // Anchor\n // ---\n 'anchor-bg': 'transparent',\n 'anchor-border-color': '@border-color-split',\n 'anchor-link-top': '4px',\n 'anchor-link-left': '16px',\n 'anchor-link-padding': '@anchor-link-top 0 @anchor-link-top @anchor-link-left',\n\n // Tooltip\n // ---\n // Tooltip max width\n 'tooltip-max-width': '250px',\n // Tooltip text color\n 'tooltip-color': '#fff',\n // Tooltip background color\n 'tooltip-bg': 'rgba(0, 0, 0, 0.75)',\n // Tooltip arrow width\n 'tooltip-arrow-width': '8px * sqrt(2)',\n // Tooltip distance with trigger\n 'tooltip-distance': '@tooltip-arrow-width - 1px + 4px',\n // Tooltip arrow color\n 'tooltip-arrow-color': '@tooltip-bg',\n 'tooltip-border-radius': '@border-radius-base',\n\n // Popover\n // ---\n // Popover body background color\n 'popover-bg': '@component-background',\n // Popover text color\n 'popover-color': '@text-color',\n // Popover maximum width\n 'popover-min-width': '177px',\n 'popover-min-height': '32px',\n // Popover arrow width\n 'popover-arrow-width': '@tooltip-arrow-width',\n // Popover arrow color\n 'popover-arrow-color': '@popover-bg',\n // Popover outer arrow width\n // Popover outer arrow color\n 'popover-arrow-outer-color': '@popover-bg',\n // Popover distance with trigger\n 'popover-distance': '@popover-arrow-width + 4px',\n 'popover-padding-horizontal': '@padding-md',\n\n // Modal\n // --\n 'modal-header-padding-vertical': '@padding-md',\n 'modal-header-padding-horizontal': '@padding-lg',\n 'modal-body-padding': '@padding-lg',\n 'modal-header-bg': '@component-background',\n 'modal-header-padding': '@modal-header-padding-vertical @modal-header-padding-horizontal',\n 'modal-header-border-width': '@border-width-base',\n 'modal-header-border-style': '@border-style-base',\n 'modal-header-title-line-height': '22px',\n 'modal-header-title-font-size': '@font-size-lg',\n 'modal-header-border-color-split': '@border-color-split',\n 'modal-header-close-size':\n '@modal-header-title-line-height + 2 * @modal-header-padding-vertical',\n 'modal-content-bg': '@component-background',\n 'modal-heading-color': '@heading-color',\n 'modal-close-color': '@text-color-secondary',\n 'modal-footer-bg': 'transparent',\n 'modal-footer-border-color-split': '@border-color-split',\n 'modal-footer-border-style': '@border-style-base',\n 'modal-footer-padding-vertical': '10px',\n 'modal-footer-padding-horizontal': '16px',\n 'modal-footer-border-width': '@border-width-base',\n 'modal-mask-bg': 'fade(@black, 45%)',\n 'modal-confirm-body-padding': '32px 32px 24px',\n 'modal-confirm-title-font-size': '@font-size-lg',\n 'modal-border-radius': '@border-radius-base',\n\n // Progress\n // --\n 'progress-default-color': '@processing-color',\n 'progress-remaining-color': '@background-color-base',\n 'progress-info-text-color': '@progress-text-color',\n 'progress-radius': '100px',\n 'progress-steps-item-bg': '#f3f3f3',\n 'progress-text-font-size': '1em',\n 'progress-text-color': '@text-color', // This is for circle text color, should be renamed better\n 'progress-circle-text-font-size': '1em',\n // Menu\n // ---\n 'menu-inline-toplevel-item-height': '40px',\n 'menu-item-height': '40px',\n 'menu-item-group-height': '@line-height-base',\n 'menu-collapsed-width': '80px',\n 'menu-bg': '@component-background',\n 'menu-popup-bg': '@component-background',\n 'menu-item-color': '@text-color',\n 'menu-inline-submenu-bg': '@background-color-light',\n 'menu-highlight-color': '@primary-color',\n 'menu-highlight-danger-color': '@error-color',\n 'menu-item-active-bg': '@primary-1',\n 'menu-item-active-danger-bg': '@red-1',\n 'menu-item-active-border-width': '3px',\n 'menu-item-group-title-color': '@text-color-secondary',\n 'menu-item-vertical-margin': '4px',\n 'menu-item-font-size': '@font-size-base',\n 'menu-item-boundary-margin': '8px',\n 'menu-item-padding-horizontal': '20px',\n 'menu-item-padding': '0 @menu-item-padding-horizontal',\n 'menu-horizontal-line-height': '46px',\n 'menu-icon-margin-right': '10px',\n 'menu-icon-size': '@menu-item-font-size',\n 'menu-icon-size-lg': '@font-size-lg',\n 'menu-item-group-title-font-size': '@menu-item-font-size',\n\n // dark theme\n 'menu-dark-color': '@text-color-secondary-dark',\n 'menu-dark-danger-color': '@error-color',\n 'menu-dark-bg': '@layout-header-background',\n 'menu-dark-arrow-color': '#fff',\n 'menu-dark-inline-submenu-bg': '#000c17',\n 'menu-dark-highlight-color': '#fff',\n 'menu-dark-item-active-bg': '@primary-color',\n 'menu-dark-item-active-danger-bg': '@error-color',\n 'menu-dark-selected-item-icon-color': '@white',\n 'menu-dark-selected-item-text-color': '@white',\n 'menu-dark-item-hover-bg': 'transparent',\n // Spin\n // ---\n 'spin-dot-size-sm': '14px',\n 'spin-dot-size': '20px',\n 'spin-dot-size-lg': '32px',\n\n // Table\n // --\n 'table-bg': '@component-background',\n 'table-header-bg': '@background-color-light',\n 'table-header-color': '@heading-color',\n 'table-header-sort-bg': '@background-color-base',\n 'table-body-sort-bg': '#fafafa',\n 'table-row-hover-bg': '@background-color-light',\n 'table-selected-row-color': 'inherit',\n 'table-selected-row-bg': '@primary-1',\n 'table-body-selected-sort-bg': '@table-selected-row-bg',\n 'table-selected-row-hover-bg': 'darken(@table-selected-row-bg, 2%)',\n 'table-expanded-row-bg': '#fbfbfb',\n 'table-padding-vertical': '16px',\n 'table-padding-horizontal': '16px',\n 'table-padding-vertical-md': '(@table-padding-vertical * 3 / 4)',\n 'table-padding-horizontal-md': '(@table-padding-horizontal / 2)',\n 'table-padding-vertical-sm': '(@table-padding-vertical / 2)',\n 'table-padding-horizontal-sm': '(@table-padding-horizontal / 2)',\n 'table-border-color': '@border-color-split',\n 'table-border-radius-base': '@border-radius-base',\n 'table-footer-bg': '@background-color-light',\n 'table-footer-color': '@heading-color',\n 'table-header-bg-sm': '@table-header-bg',\n 'table-font-size': '@font-size-base',\n 'table-font-size-md': '@table-font-size',\n 'table-font-size-sm': '@table-font-size',\n 'table-header-cell-split-color': 'rgba(0, 0, 0, 0.06)',\n // Sorter\n // Legacy: `table-header-sort-active-bg` is used for hover not real active\n 'table-header-sort-active-bg': 'rgba(0, 0, 0, 0.04)',\n 'table-fixed-header-sort-active-bg': 'hsv(0, 0, 96%)',\n\n // Filter\n 'table-header-filter-active-bg': 'rgba(0, 0, 0, 0.04)',\n 'table-filter-btns-bg': 'inherit',\n 'table-filter-dropdown-bg': '@component-background',\n 'table-expand-icon-bg': '@component-background',\n 'table-selection-column-width': '32px',\n // Sticky\n 'table-sticky-scroll-bar-bg': 'fade(#000, 35%)',\n 'table-sticky-scroll-bar-radius': '4px',\n\n // Tag\n // --\n 'tag-border-radius': '@border-radius-base',\n 'tag-default-bg': '@background-color-light',\n 'tag-default-color': '@text-color',\n 'tag-font-size': '@font-size-sm',\n 'tag-line-height': '20px',\n\n // TimePicker\n // ---\n 'picker-bg': '@component-background',\n 'picker-basic-cell-hover-color': '@item-hover-bg',\n 'picker-basic-cell-active-with-range-color': '@primary-1',\n 'picker-basic-cell-hover-with-range-color': 'lighten(@primary-color, 35%)',\n 'picker-basic-cell-disabled-bg': 'rgba(0, 0, 0, 0.04)',\n 'picker-border-color': '@border-color-split',\n 'picker-date-hover-range-border-color': 'lighten(@primary-color, 20%)',\n 'picker-date-hover-range-color': '@picker-basic-cell-hover-with-range-color',\n 'picker-time-panel-column-width': '56px',\n 'picker-time-panel-column-height': '224px',\n 'picker-time-panel-cell-height': '28px',\n 'picker-panel-cell-height': '24px',\n 'picker-panel-cell-width': '36px',\n 'picker-text-height': '40px',\n 'picker-panel-without-time-cell-height': '66px',\n\n // Calendar\n // ---\n 'calendar-bg': '@component-background',\n 'calendar-input-bg': '@input-bg',\n 'calendar-border-color': '@border-color-inverse',\n 'calendar-item-active-bg': '@item-active-bg',\n 'calendar-column-active-bg': 'fade(@calendar-item-active-bg, 20%)',\n 'calendar-full-bg': '@calendar-bg',\n 'calendar-full-panel-bg': '@calendar-full-bg',\n\n // Carousel\n // ---\n 'carousel-dot-width': '16px',\n 'carousel-dot-height': '3px',\n 'carousel-dot-active-width': '24px',\n\n // Badge\n // ---\n 'badge-height': '20px',\n 'badge-height-sm': '14px',\n 'badge-dot-size': '6px',\n 'badge-font-size': '@font-size-sm',\n 'badge-font-size-sm': '@font-size-sm',\n 'badge-font-weight': 'normal',\n 'badge-status-size': '6px',\n 'badge-text-color': '@component-background',\n 'badge-color': '@highlight-color',\n\n // Rate\n // ---\n 'rate-star-color': '@yellow-6',\n 'rate-star-bg': '@border-color-split',\n 'rate-star-size': '20px',\n 'rate-star-hover-scale': 'scale(1.1)',\n\n // Card\n // ---\n 'card-head-color': '@heading-color',\n 'card-head-background': 'transparent',\n 'card-head-font-size': '@font-size-lg',\n 'card-head-font-size-sm': '@font-size-base',\n 'card-head-padding': '16px',\n 'card-head-padding-sm': '(@card-head-padding / 2)',\n 'card-head-height': '48px',\n 'card-head-height-sm': '36px',\n 'card-inner-head-padding': '12px',\n 'card-padding-base': '24px',\n 'card-padding-base-sm': '(@card-padding-base / 2)',\n 'card-actions-background': '@component-background',\n 'card-actions-li-margin': '12px 0',\n 'card-skeleton-bg': '#cfd8dc',\n 'card-background': '@component-background',\n 'card-shadow': `0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12),\n 0 5px 12px 4px rgba(0, 0, 0, 0.09)`,\n 'card-radius': '@border-radius-base',\n 'card-head-tabs-margin-bottom': '-17px',\n 'card-head-extra-color': '@text-color',\n\n // Comment\n // ---\n 'comment-bg': 'inherit',\n 'comment-padding-base': '@padding-md 0',\n 'comment-nest-indent': '44px',\n 'comment-font-size-base': '@font-size-base',\n 'comment-font-size-sm': '@font-size-sm',\n 'comment-author-name-color': '@text-color-secondary',\n 'comment-author-time-color': '#ccc',\n 'comment-action-color': '@text-color-secondary',\n 'comment-action-hover-color': '#595959',\n 'comment-actions-margin-bottom': 'inherit',\n 'comment-actions-margin-top': '@margin-sm',\n 'comment-content-detail-p-margin-bottom': 'inherit',\n\n // Tabs\n // ---\n 'tabs-card-head-background': '@background-color-light',\n 'tabs-card-height': '40px',\n 'tabs-card-active-color': '@primary-color',\n 'tabs-card-horizontal-padding': `(\n (@tabs-card-height - floor(@font-size-base * @line-height-base)) / 2\n ) - @border-width-base @padding-md`,\n 'tabs-card-horizontal-padding-sm': '6px @padding-md',\n 'tabs-card-horizontal-padding-lg': '7px @padding-md 6px',\n 'tabs-title-font-size': '@font-size-base',\n 'tabs-title-font-size-lg': '@font-size-lg',\n 'tabs-title-font-size-sm': '@font-size-base',\n 'tabs-ink-bar-color': '@primary-color',\n 'tabs-bar-margin': '0 0 @margin-md 0',\n 'tabs-horizontal-gutter': '32px',\n 'tabs-horizontal-margin': '0 0 0 @tabs-horizontal-gutter',\n 'tabs-horizontal-margin-rtl': '0 0 0 32px',\n 'tabs-horizontal-padding': '@padding-sm 0',\n 'tabs-horizontal-padding-lg': '@padding-md 0',\n 'tabs-horizontal-padding-sm': '@padding-xs 0',\n 'tabs-vertical-padding': '@padding-xs @padding-lg',\n 'tabs-vertical-margin': '@margin-md 0 0 0',\n 'tabs-scrolling-size': '32px',\n 'tabs-highlight-color': '@primary-color',\n 'tabs-hover-color': '@primary-5',\n 'tabs-active-color': '@primary-7',\n 'tabs-card-gutter': '2px',\n 'tabs-card-tab-active-border-top': '2px solid transparent',\n\n // BackTop\n // ---\n 'back-top-color': '#fff',\n 'back-top-bg': '@text-color-secondary',\n 'back-top-hover-bg': '@text-color',\n\n // Avatar\n // ---\n 'avatar-size-base': '32px',\n 'avatar-size-lg': '40px',\n 'avatar-size-sm': '24px',\n 'avatar-font-size-base': '18px',\n 'avatar-font-size-lg': '24px',\n 'avatar-font-size-sm': '14px',\n 'avatar-bg': '#ccc',\n 'avatar-color': '#fff',\n 'avatar-border-radius': '@border-radius-base',\n 'avatar-group-overlapping': '-8px',\n 'avatar-group-space': '3px',\n 'avatar-group-border-color': '#fff',\n\n // Switch\n // ---\n 'switch-height': '22px',\n 'switch-sm-height': '16px',\n 'switch-min-width': '44px',\n 'switch-sm-min-width': '28px',\n 'switch-disabled-opacity': '0.4',\n 'switch-color': '@primary-color',\n 'switch-bg': '@component-background',\n 'switch-shadow-color': 'fade(#00230b, 20%)',\n 'switch-padding': '2px',\n 'switch-inner-margin-min': 'ceil(@switch-height * 0.3)',\n 'switch-inner-margin-max': 'ceil(@switch-height * 1.1)',\n 'switch-sm-inner-margin-min': 'ceil(@switch-sm-height * 0.3)',\n 'switch-sm-inner-margin-max': 'ceil(@switch-sm-height * 1.1)',\n\n // Pagination\n // ---\n 'pagination-item-bg': '@component-background',\n 'pagination-item-size': '@height-base',\n 'pagination-item-size-sm': '24px',\n 'pagination-font-family': '@font-family',\n 'pagination-font-weight-active': '500',\n 'pagination-item-bg-active': '@component-background',\n 'pagination-item-link-bg': '@component-background',\n 'pagination-item-disabled-color-active': '@disabled-color',\n 'pagination-item-disabled-bg-active': '@disabled-active-bg',\n 'pagination-item-input-bg': '@component-background',\n 'pagination-mini-options-size-changer-top': '0px',\n\n // PageHeader\n // ---\n 'page-header-padding': '@padding-lg',\n 'page-header-padding-vertical': '@padding-md',\n 'page-header-padding-breadcrumb': '@padding-sm',\n 'page-header-content-padding-vertical': '@padding-sm',\n 'page-header-back-color': '#000',\n 'page-header-ghost-bg': 'inherit',\n 'page-header-heading-title': '@heading-4-size',\n 'page-header-heading-sub-title': '14px',\n 'page-header-tabs-tab-font-size': '16px',\n\n // Breadcrumb\n // ---\n 'breadcrumb-base-color': '@text-color-secondary',\n 'breadcrumb-last-item-color': '@text-color',\n 'breadcrumb-font-size': '@font-size-base',\n 'breadcrumb-icon-font-size': '@font-size-base',\n 'breadcrumb-link-color': '@text-color-secondary',\n 'breadcrumb-link-color-hover': '@text-color',\n 'breadcrumb-separator-color': '@text-color-secondary',\n 'breadcrumb-separator-margin': '0 @padding-xs',\n\n // Slider\n // ---\n 'slider-margin': '10px 6px 10px',\n 'slider-rail-background-color': '@background-color-base',\n 'slider-rail-background-color-hover': '#e1e1e1',\n 'slider-track-background-color': '@primary-3',\n 'slider-track-background-color-hover': '@primary-4',\n 'slider-handle-border-width': '2px',\n 'slider-handle-background-color': '@component-background',\n 'slider-handle-color': '@primary-3',\n 'slider-handle-color-hover': '@primary-4',\n 'slider-handle-color-focus': 'tint(@primary-color, 20%)',\n 'slider-handle-color-focus-shadow': 'fade(@primary-color, 12%)',\n 'slider-handle-color-tooltip-open': '@primary-color',\n 'slider-handle-size': '14px',\n 'slider-handle-margin-top': '-5px',\n 'slider-handle-margin-left': '-5px',\n 'slider-handle-shadow': '0',\n 'slider-dot-border-color': '@border-color-split',\n 'slider-dot-border-color-active': 'tint(@primary-color, 50%)',\n 'slider-disabled-color': '@disabled-color',\n 'slider-disabled-background-color': '@component-background',\n\n // Tree\n // ---\n 'tree-bg': '@component-background',\n 'tree-title-height': '24px',\n 'tree-child-padding': '18px',\n 'tree-directory-selected-color': '#fff',\n 'tree-directory-selected-bg': '@primary-color',\n 'tree-node-hover-bg': '@item-hover-bg',\n 'tree-node-selected-bg': '@primary-2',\n\n // Collapse\n // ---\n 'collapse-header-padding': '@padding-sm @padding-md',\n 'collapse-header-padding-extra': '40px',\n 'collapse-header-bg': '@background-color-light',\n 'collapse-content-padding': '@padding-md',\n 'collapse-content-bg': '@component-background',\n 'collapse-header-arrow-left': '16px',\n\n // Skeleton\n // ---\n 'skeleton-color': 'rgba(190, 190, 190, 0.2)',\n 'skeleton-to-color': 'shade(@skeleton-color, 5%)',\n 'skeleton-paragraph-margin-top': '28px',\n 'skeleton-paragraph-li-margin-top': '@margin-md',\n 'skeleton-paragraph-li-height': '16px',\n 'skeleton-title-height': '16px',\n 'skeleton-title-paragraph-margin-top': '@margin-lg',\n\n // Transfer\n // ---\n 'transfer-header-height': '40px',\n 'transfer-item-height': '@height-base',\n 'transfer-disabled-bg': '@disabled-bg',\n 'transfer-list-height': '200px',\n 'transfer-item-hover-bg': '@item-hover-bg',\n 'transfer-item-selected-hover-bg': 'darken(@item-active-bg, 2%)',\n 'transfer-item-padding-vertical': '6px',\n 'transfer-list-search-icon-top': '12px',\n\n // Message\n // ---\n 'message-notice-content-padding': '10px 16px',\n 'message-notice-content-bg': '@component-background',\n // Motion\n // ---\n 'wave-animation-width': '6px',\n\n // Alert\n // ---\n 'alert-success-border-color': token.colorSuccessBorder,\n 'alert-success-bg-color': token.colorSuccessBg,\n 'alert-success-icon-color': token.colorSuccess,\n 'alert-info-border-color': token.colorInfoBorder,\n 'alert-info-bg-color': token.colorInfoBg,\n 'alert-info-icon-color': token.colorInfo,\n 'alert-warning-border-color': token.colorWarningBorder,\n 'alert-warning-bg-color': token.colorWarningBg,\n 'alert-warning-icon-color': token.colorWarning,\n 'alert-error-border-color': token.colorErrorBorder,\n 'alert-error-bg-color': token.colorErrorBg,\n 'alert-error-icon-color': '@error-color',\n 'alert-message-color': '@heading-color',\n 'alert-text-color': '@text-color',\n 'alert-close-color': '@text-color-secondary',\n 'alert-close-hover-color': '@icon-color-hover',\n 'alert-padding-vertical': '@padding-xs',\n 'alert-padding-horizontal': '@padding-md - 1px',\n 'alert-no-icon-padding-vertical': '@padding-xs',\n 'alert-with-description-no-icon-padding-vertical': '@padding-md - 1px',\n 'alert-with-description-padding-vertical': '@padding-md - 1px',\n 'alert-with-description-padding': `@alert-with-description-padding-vertical 15px\n @alert-with-description-no-icon-padding-vertical @alert-with-description-icon-size`,\n 'alert-icon-top': '8px + @font-size-base * (@line-height-base / 2) - (@font-size-base / 2)',\n 'alert-with-description-icon-size': '24px',\n\n // List\n // ---\n 'list-header-background': 'transparent',\n 'list-footer-background': 'transparent',\n 'list-empty-text-padding': '@padding-md',\n 'list-item-padding': '@padding-sm 0',\n 'list-item-padding-sm': '@padding-xs @padding-md',\n 'list-item-padding-lg': '16px 24px',\n 'list-item-meta-margin-bottom': '@padding-md',\n 'list-item-meta-avatar-margin-right': '@padding-md',\n 'list-item-meta-title-margin-bottom': '@padding-sm',\n 'list-customize-card-bg': '@component-background',\n 'list-item-meta-description-font-size': '@font-size-base',\n\n // Statistic\n // ---\n 'statistic-title-font-size': '@font-size-base',\n 'statistic-content-font-size': '24px',\n 'statistic-unit-font-size': '24px',\n 'statistic-font-family': '@font-family',\n\n // Drawer\n // ---\n 'drawer-header-padding': '@padding-md @padding-lg',\n 'drawer-body-padding': '@padding-lg',\n 'drawer-bg': '@component-background',\n 'drawer-footer-padding-vertical': '@modal-footer-padding-vertical',\n 'drawer-footer-padding-horizontal': '@modal-footer-padding-horizontal',\n 'drawer-header-close-size': '56px',\n 'drawer-title-font-size': '@font-size-lg',\n 'drawer-title-line-height': '22px',\n\n // Timeline\n // ---\n 'timeline-width': '2px',\n 'timeline-color': '@border-color-split',\n 'timeline-dot-border-width': '2px',\n 'timeline-dot-color': '@primary-color',\n 'timeline-dot-bg': '@component-background',\n 'timeline-item-padding-bottom': '20px',\n\n // Typography\n // ---\n 'typography-title-font-weight': '600',\n 'typography-title-margin-top': '1.2em',\n 'typography-title-margin-bottom': '0.5em',\n\n // Upload\n // ---\n 'upload-actions-color': '@text-color-secondary',\n\n // Steps\n // ---\n 'process-tail-color': '@border-color-split',\n 'steps-nav-arrow-color': 'fade(@black, 25%)',\n 'steps-background': '@component-background',\n 'steps-icon-size': '32px',\n 'steps-icon-custom-size': '@steps-icon-size',\n 'steps-icon-custom-top': '0px',\n 'steps-icon-custom-font-size': '24px',\n 'steps-icon-top': '-0.5px',\n 'steps-icon-font-size': '@font-size-lg',\n 'steps-icon-margin': '0 8px 0 0',\n 'steps-title-line-height': '@height-base',\n 'steps-small-icon-size': '24px',\n 'steps-small-icon-margin': '0 8px 0 0',\n 'steps-dot-size': '8px',\n 'steps-dot-top': '2px',\n 'steps-current-dot-size': '10px',\n 'steps-description-max-width': '140px',\n 'steps-nav-content-max-width': 'auto',\n 'steps-vertical-icon-width': '16px',\n 'steps-vertical-tail-width': '16px',\n 'steps-vertical-tail-width-sm': '12px',\n\n // Notification\n // ---\n 'notification-bg': '@component-background',\n 'notification-padding-vertical': '16px',\n 'notification-padding-horizontal': '24px',\n\n // Result\n // ---\n 'result-title-font-size': '24px',\n 'result-subtitle-font-size': '@font-size-base',\n 'result-icon-font-size': '72px',\n 'result-extra-margin': '24px 0 0 0',\n\n // Image\n // ---\n 'image-size-base': '48px',\n 'image-font-size-base': '24px',\n 'image-bg': '#f5f5f5',\n 'image-color': '#fff',\n 'image-mask-font-size': '16px',\n 'image-preview-operation-size': '18px',\n 'image-preview-operation-color': '@text-color-dark',\n 'image-preview-operation-disabled-color': 'fade(@image-preview-operation-color, 25%)',\n\n // Segmented\n // ---\n 'segmented-bg': 'fade(@black, 4%)',\n 'segmented-hover-bg': 'fade(@black, 6%)',\n 'segmented-selected-bg': '@white',\n 'segmented-label-color': 'fade(@black, 65%)',\n 'segmented-label-hover-color': '#262626',\n } as const;\n\n // Fill colors. e.g. '@red-1', '@yellow-6'\n Object.keys(token).forEach((key: any) => {\n if (key !== key.toLowerCase()) {\n return;\n }\n\n const value = token[key];\n if (typeof value === 'string') {\n raw[key] = value;\n }\n });\n\n // Convert to string\n const returnData: Record = {} as any;\n\n Object.keys(raw).forEach(key => {\n const value = raw[key];\n\n if (typeof value === 'function') {\n returnData[key] = value(raw);\n } else if (typeof value === 'number' && !key.includes('line-height')) {\n returnData[key] = `${value}px`;\n } else {\n returnData[key] = `${value}`;\n }\n });\n\n return returnData;\n}\n" }, { "path": "components/theme/index.ts", "content": "/* eslint-disable import/prefer-default-export */\nimport { defaultConfig, useToken as useInternalToken } from './internal';\nimport type { GlobalToken } from './interface';\nimport defaultAlgorithm from './themes/default';\nimport darkAlgorithm from './themes/dark';\nimport compactAlgorithm from './themes/compact';\n\n// ZombieJ: We export as object to user but array in internal.\n// This is used to minimize the bundle size for antd package but safe to refactor as object also.\n// Please do not export internal `useToken` directly to avoid something export unexpected.\n/** Get current context Design Token. Will be different if you are using nest theme config. */\nfunction useToken() {\n const [theme, token, hashId] = useInternalToken();\n\n return { theme, token, hashId };\n}\n\nexport { type GlobalToken };\n\nexport default {\n /** @private Test Usage. Do not use in production. */\n defaultConfig,\n\n /** Default seedToken */\n defaultSeed: defaultConfig.token,\n\n useToken,\n defaultAlgorithm,\n darkAlgorithm,\n compactAlgorithm,\n};\n" }, { "path": "components/theme/interface/alias.ts", "content": "import type { CSSProperties } from 'vue';\nimport type { MapToken } from './maps';\n\n// ======================================================================\n// == Alias Token ==\n// ======================================================================\n// 🔥🔥🔥🔥🔥🔥🔥 DO NOT MODIFY THIS. PLEASE CONTACT DESIGNER. 🔥🔥🔥🔥🔥🔥🔥\n\nexport interface AliasToken extends MapToken {\n // Background\n colorFillContentHover: string;\n colorFillAlter: string;\n colorFillContent: string;\n\n colorBgContainerDisabled: string;\n colorBgTextHover: string;\n colorBgTextActive: string;\n\n // Border\n colorBorderBg: string;\n /**\n * @nameZH 分割线颜色\n * @desc 用于作为分割线的颜色，此颜色和 colorBorderSecondary 的颜色一致，但是用的是透明色。\n */\n colorSplit: string;\n\n // Text\n colorTextPlaceholder: string;\n colorTextDisabled: string;\n colorTextHeading: string;\n colorTextLabel: string;\n colorTextDescription: string;\n colorTextLightSolid: string;\n\n /** Weak action. Such as `allowClear` or Alert close button */\n colorIcon: string;\n /** Weak action hover color. Such as `allowClear` or Alert close button */\n colorIconHover: string;\n\n colorLink: string;\n colorLinkHover: string;\n colorLinkActive: string;\n\n colorHighlight: string;\n\n controlOutline: string;\n colorWarningOutline: string;\n colorErrorOutline: string;\n\n // Font\n /** Operation icon in Select, Cascader, etc. icon fontSize. Normal is same as fontSizeSM */\n fontSizeIcon: number;\n\n /** For heading like h1, h2, h3 or option selected item */\n fontWeightStrong: number;\n\n // Control\n controlOutlineWidth: number;\n controlItemBgHover: string; // Note. It also is a color\n controlItemBgActive: string; // Note. It also is a color\n controlItemBgActiveHover: string; // Note. It also is a color\n controlInteractiveSize: number;\n controlItemBgActiveDisabled: string; // Note. It also is a color\n\n // Padding\n paddingXXS: number;\n paddingXS: number;\n paddingSM: number;\n padding: number;\n paddingMD: number;\n paddingLG: number;\n paddingXL: number;\n\n // Padding Content\n paddingContentHorizontalLG: number;\n paddingContentHorizontal: number;\n paddingContentHorizontalSM: number;\n paddingContentVerticalLG: number;\n paddingContentVertical: number;\n paddingContentVerticalSM: number;\n\n // Margin\n marginXXS: number;\n marginXS: number;\n marginSM: number;\n margin: number;\n marginMD: number;\n marginLG: number;\n marginXL: number;\n marginXXL: number;\n\n // =============== Legacy: should be remove ===============\n opacityLoading: number;\n\n boxShadow: string;\n boxShadowSecondary: string;\n boxShadowTertiary: string;\n\n linkDecoration: CSSProperties['textDecoration'];\n linkHoverDecoration: CSSProperties['textDecoration'];\n linkFocusDecoration: CSSProperties['textDecoration'];\n\n controlPaddingHorizontal: number;\n controlPaddingHorizontalSM: number;\n\n // Media queries breakpoints\n screenXS: number;\n screenXSMin: number;\n screenXSMax: number;\n screenSM: number;\n screenSMMin: number;\n screenSMMax: number;\n screenMD: number;\n screenMDMin: number;\n screenMDMax: number;\n screenLG: number;\n screenLGMin: number;\n screenLGMax: number;\n screenXL: number;\n screenXLMin: number;\n screenXLMax: number;\n screenXXL: number;\n screenXXLMin: number;\n screenXXLMax: number;\n screenXXXL: number;\n screenXXXLMin: number;\n\n /** Used for DefaultButton, Switch which has default outline */\n controlTmpOutline: string;\n\n // FIXME: component box-shadow, should be removed\n /** @internal */\n boxShadowPopoverArrow: string;\n /** @internal */\n boxShadowCard: string;\n /** @internal */\n boxShadowDrawerRight: string;\n /** @internal */\n boxShadowDrawerLeft: string;\n /** @internal */\n boxShadowDrawerUp: string;\n /** @internal */\n boxShadowDrawerDown: string;\n /** @internal */\n boxShadowTabsOverflowLeft: string;\n /** @internal */\n boxShadowTabsOverflowRight: string;\n /** @internal */\n boxShadowTabsOverflowTop: string;\n /** @internal */\n boxShadowTabsOverflowBottom: string;\n}\n" }, { "path": "components/theme/interface/components.ts", "content": "import type { ComponentToken as AlertComponentToken } from '../../alert/style';\nimport type { ComponentToken as AnchorComponentToken } from '../../anchor/style';\nimport type { ComponentToken as AvatarComponentToken } from '../../avatar/style';\nimport type { ComponentToken as ButtonComponentToken } from '../../button/style';\nimport type { ComponentToken as FloatButtonComponentToken } from '../../float-button/style';\nimport type { ComponentToken as CalendarComponentToken } from '../../calendar/style';\nimport type { ComponentToken as CardComponentToken } from '../../card/style';\nimport type { ComponentToken as CarouselComponentToken } from '../../carousel/style';\nimport type { ComponentToken as CascaderComponentToken } from '../../cascader/style';\nimport type { ComponentToken as CheckboxComponentToken } from '../../checkbox/style';\nimport type { ComponentToken as CollapseComponentToken } from '../../collapse/style';\nimport type { ComponentToken as DatePickerComponentToken } from '../../date-picker/style';\nimport type { ComponentToken as DividerComponentToken } from '../../divider/style';\nimport type { ComponentToken as DropdownComponentToken } from '../../dropdown/style';\nimport type { ComponentToken as DrawerComponentToken } from '../../drawer/style';\nimport type { ComponentToken as EmptyComponentToken } from '../../empty/style';\nimport type { ComponentToken as ImageComponentToken } from '../../image/style';\nimport type { ComponentToken as InputNumberComponentToken } from '../../input-number/style';\nimport type { ComponentToken as LayoutComponentToken } from '../../layout/style';\nimport type { ComponentToken as ListComponentToken } from '../../list/style';\nimport type { ComponentToken as MentionsComponentToken } from '../../mentions/style';\nimport type { ComponentToken as MenuComponentToken } from '../../menu/style';\nimport type { ComponentToken as MessageComponentToken } from '../../message/style';\nimport type { ComponentToken as ModalComponentToken } from '../../modal/style';\nimport type { ComponentToken as NotificationComponentToken } from '../../notification/style';\nimport type { ComponentToken as PopconfirmComponentToken } from '../../popconfirm/style';\nimport type { ComponentToken as PopoverComponentToken } from '../../popover/style';\nimport type { ComponentToken as ProgressComponentToken } from '../../progress/style';\nimport type { ComponentToken as RadioComponentToken } from '../../radio/style';\nimport type { ComponentToken as RateComponentToken } from '../../rate/style';\nimport type { ComponentToken as ResultComponentToken } from '../../result/style';\nimport type { ComponentToken as SegmentedComponentToken } from '../../segmented/style';\nimport type { ComponentToken as SelectComponentToken } from '../../select/style';\nimport type { ComponentToken as SkeletonComponentToken } from '../../skeleton/style';\nimport type { ComponentToken as SliderComponentToken } from '../../slider/style';\nimport type { ComponentToken as SpaceComponentToken } from '../../space/style';\nimport type { ComponentToken as SpinComponentToken } from '../../spin/style';\nimport type { ComponentToken as StepsComponentToken } from '../../steps/style';\nimport type { ComponentToken as TableComponentToken } from '../../table/style';\nimport type { ComponentToken as TabsComponentToken } from '../../tabs/style';\nimport type { ComponentToken as TagComponentToken } from '../../tag/style';\nimport type { ComponentToken as TimelineComponentToken } from '../../timeline/style';\nimport type { ComponentToken as TooltipComponentToken } from '../../tooltip/style';\nimport type { ComponentToken as TransferComponentToken } from '../../transfer/style';\nimport type { ComponentToken as TypographyComponentToken } from '../../typography/style';\nimport type { ComponentToken as UploadComponentToken } from '../../upload/style';\nimport type { ComponentToken as TourComponentToken } from '../../tour/style';\nimport type { ComponentToken as QRCodeComponentToken } from '../../qrcode/style';\nimport type { ComponentToken as AppComponentToken } from '../../app/style';\nimport type { ComponentToken as WaveToken } from '../../_util/wave/style';\nimport type { ComponentToken as FlexToken } from '../../flex/style';\n\nexport interface ComponentTokenMap {\n Affix?: {};\n Alert?: AlertComponentToken;\n Anchor?: AnchorComponentToken;\n Avatar?: AvatarComponentToken;\n Badge?: {};\n Button?: ButtonComponentToken;\n Breadcrumb?: {};\n Card?: CardComponentToken;\n Carousel?: CarouselComponentToken;\n Cascader?: CascaderComponentToken;\n Checkbox?: CheckboxComponentToken;\n Collapse?: CollapseComponentToken;\n Comment?: {};\n DatePicker?: DatePickerComponentToken;\n Descriptions?: {};\n Divider?: DividerComponentToken;\n Drawer?: DrawerComponentToken;\n Dropdown?: DropdownComponentToken;\n Empty?: EmptyComponentToken;\n FloatButton?: FloatButtonComponentToken;\n Form?: {};\n Grid?: {};\n Image?: ImageComponentToken;\n Input?: {};\n InputNumber?: InputNumberComponentToken;\n Layout?: LayoutComponentToken;\n List?: ListComponentToken;\n Mentions?: MentionsComponentToken;\n Notification?: NotificationComponentToken;\n PageHeader?: {};\n Pagination?: {};\n Popover?: PopoverComponentToken;\n Popconfirm?: PopconfirmComponentToken;\n Rate?: RateComponentToken;\n Radio?: RadioComponentToken;\n Result?: ResultComponentToken;\n Segmented?: SegmentedComponentToken;\n Select?: SelectComponentToken;\n Skeleton?: SkeletonComponentToken;\n Slider?: SliderComponentToken;\n Spin?: SpinComponentToken;\n Statistic?: {};\n Switch?: {};\n Tag?: TagComponentToken;\n Tree?: {};\n TreeSelect?: {};\n Typography?: TypographyComponentToken;\n Timeline?: TimelineComponentToken;\n Transfer?: TransferComponentToken;\n Tabs?: TabsComponentToken;\n Calendar?: CalendarComponentToken;\n Steps?: StepsComponentToken;\n Menu?: MenuComponentToken;\n Modal?: ModalComponentToken;\n Message?: MessageComponentToken;\n Upload?: UploadComponentToken;\n Tooltip?: TooltipComponentToken;\n Table?: TableComponentToken;\n Space?: SpaceComponentToken;\n Progress?: ProgressComponentToken;\n Tour?: TourComponentToken;\n QRCode?: QRCodeComponentToken;\n App?: AppComponentToken;\n Flex?: FlexToken;\n\n // /** @private Internal TS definition. Do not use. */\n Wave?: WaveToken;\n}\n" }, { "path": "components/theme/interface/index.ts", "content": "import type { ComponentTokenMap } from './components';\nimport type { AliasToken } from './alias';\n\nexport type OverrideToken = {\n [key in keyof ComponentTokenMap]: Partial & Partial;\n};\n\n/** Final token which contains the components level override */\nexport type GlobalToken = AliasToken & ComponentTokenMap;\n\nexport { PresetColors } from './presetColors';\nexport type { PresetColorType, ColorPalettes, PresetColorKey } from './presetColors';\nexport type { SeedToken } from './seeds';\nexport type {\n MapToken,\n ColorMapToken,\n ColorNeutralMapToken,\n CommonMapToken,\n HeightMapToken,\n SizeMapToken,\n FontMapToken,\n StyleMapToken,\n} from './maps';\nexport type { AliasToken } from './alias';\nexport type { ComponentTokenMap } from './components';\n" }, { "path": "components/theme/interface/maps/colors.ts", "content": "export interface ColorNeutralMapToken {\n /**\n * @internal\n */\n colorTextBase: string;\n\n /**\n * @internal\n */\n colorBgBase: string;\n\n // ---------- Text ---------- //\n\n /**\n * @nameZH 一级文本色\n * @desc 最深的文本色。为了符合W3C标准，默认的文本颜色使用了该色，同时这个颜色也是最深的中性色。\n */\n colorText: string;\n\n /**\n * @nameZH 二级文本色\n * @desc 作为第二梯度的文本色，一般用在不那么需要强化文本颜色的场景，例如 Label 文本、Menu 的文本选中态等场景。\n */\n colorTextSecondary: string;\n\n /**\n * @nameZH 三级文本色\n * @desc 第三级文本色一般用于描述性文本，例如表单的中的补充说明文本、列表的描述性文本等场景。\n */\n colorTextTertiary: string;\n\n /**\n * @nameZH 四级文本色\n * @desc 第四级文本色是最浅的文本色，例如表单的输入提示文本、禁用色文本等。\n */\n colorTextQuaternary: string;\n\n // ---------- Border ---------- //\n\n /**\n * @nameZH 一级边框色\n * @nameEN Default Border Color\n * @desc 默认使用的边框颜色, 用于分割不同的元素，例如：表单的分割线、卡片的分割线等。\n * @descEN Default border color, used to separate different elements, such as: form separator, card separator, etc.\n */\n colorBorder: string;\n\n /**\n * @nameZH 二级边框色\n * @nameEN Secondary Border Color\n * @desc 比默认使用的边框色要浅一级，此颜色和 colorSplit 的颜色一致。使用的是实色。\n * @descEN Slightly lighter than the default border color, this color is the same as `colorSplit`. Solid color is used.\n */\n colorBorderSecondary: string;\n\n // ---------- Fill ---------- //\n\n /**\n * @nameZH 一级填充色\n * @desc 最深的填充色，用于拉开与二、三级填充色的区分度，目前只用在 Slider 的 hover 效果。\n */\n colorFill: string;\n\n /**\n * @nameZH 二级填充色\n * @desc 二级填充色可以较为明显地勾勒出元素形体，如 Rate、Skeleton 等。也可以作为三级填充色的 Hover 状态，如 Table 等。\n */\n colorFillSecondary: string;\n\n /**\n * @nameZH 三级填充色\n * @desc 三级填充色用于勾勒出元素形体的场景，如 Slider、Segmented 等。如无强调需求的情况下，建议使用三级填色作为默认填色。\n */\n colorFillTertiary: string;\n\n /**\n * @nameZH 四级填充色\n * @desc 最弱一级的填充色，适用于不易引起注意的色块，例如斑马纹、区分边界的色块等。\n */\n colorFillQuaternary: string;\n\n // ---------- Surface ---------- //\n\n /**\n * @nameZH 布局背景色\n * @desc 该色用于页面整体布局的背景色，只有需要在页面中处于 B1 的视觉层级时才会使用该 token，其他用法都是错误的\n */\n colorBgLayout: string;\n\n /**\n * @nameZH 组件容器背景色\n * @desc 组件的容器背景色，例如：默认按钮、输入框等。务必不要将其与 `colorBgElevated` 混淆。\n */\n colorBgContainer: string;\n\n /**\n * @nameZH 浮层容器背景色\n * @desc 浮层容器背景色，在暗色模式下该 token 的色值会比 `colorBgContainer` 要亮一些。例如：模态框、弹出框、菜单等。\n */\n colorBgElevated: string;\n\n /**\n * @nameZH 引起注意的背景色\n * @desc 该色用于引起用户强烈关注注意的背景色，目前只用在 Tooltip 的背景色上。\n */\n colorBgSpotlight: string;\n}\n\n/**\n * 品牌色梯度变量\n */\ninterface ColorPrimaryMapToken {\n /**\n * @nameZH 品牌主色\n * @desc 品牌色是体现产品特性和传播理念最直观的视觉元素之一，用于产品的主色调、主按钮、主图标、主文本等 */\n colorPrimary: string; // 6\n\n /**\n * @nameZH 主色浅色背景色\n * @nameEN Light Background Color of Primary Color\n * @desc 主色浅色背景颜色，一般用于视觉层级较弱的选中状态。\n * @descEN Light background color of primary color, usually used for weak visual level selection state.\n */\n colorPrimaryBg: string; // 1\n\n /**\n * @nameZH 主色浅色背景悬浮态\n * @desc 与主色浅色背景颜色相对应的悬浮态颜色。\n */\n colorPrimaryBgHover: string; // 2\n\n /**\n * @nameZH 主色描边色\n * @desc 主色梯度下的描边用色，用在 Slider 组件的描边上\n */\n colorPrimaryBorder: string; // 3\n\n /**\n * @nameZH 主色描边色悬浮态\n * @desc 主色梯度下的描边用色的悬浮态，Slider 、Button 等组件的描边 Hover 时会使用\n */\n colorPrimaryBorderHover: string; // 4\n\n /**\n * @nameZH 主色悬浮态\n * @desc 主色梯度下的悬浮态，使用频率很高\n */\n colorPrimaryHover: string; // 5\n\n /**\n * @nameZH 主色激活态\n * @desc 主色梯度下的深色激活态\n */\n colorPrimaryActive: string; // 7\n\n /**\n * @nameZH 主色文本悬浮态\n * @desc 主色梯度下的文本悬浮态\n */\n colorPrimaryTextHover: string; // 8\n\n /**\n * @nameZH 主色文本\n * @desc 主色梯度下的文本颜色\n */\n colorPrimaryText: string; // 9\n\n /**\n * @nameZH 主色文本\n * @desc 主色梯度下的文本激活态\n */\n colorPrimaryTextActive: string; // 10\n}\n\ninterface ColorSuccessMapToken {\n /**\n * @nameZH 成功色的浅色背景颜色\n * @nameEN Light Background Color of Success Color\n * @desc 成功色的浅色背景颜色，用于 Tag 和 Alert 的成功态背景色\n * @descEN Light background color of success color, used for Tag and Alert success state background color\n */\n colorSuccessBg: string; // 1\n\n /**\n * @nameZH 成功色的浅色背景色悬浮态\n * @nameEN Hover State Color of Light Success Background\n * @desc 成功色浅色背景颜色，一般用于视觉层级较弱的选中状态，不过 antd 目前没有使用到该 token\n * @descEN Light background color of success color, but antd does not use this token currently\n */\n colorSuccessBgHover: string; // 2\n\n /**\n * @nameZH 成功色的描边色\n * @desc 成功色的描边色，用于 Tag 和 Alert 的成功态描边色\n */\n colorSuccessBorder: string; // 3\n\n /**\n * @nameZH 成功色的描边色悬浮态\n * @desc 成功色的描边色悬浮态\n */\n colorSuccessBorderHover: string; // 4\n\n /**\n * @nameZH 成功色的深色悬浮态\n * @desc 成功色的深色悬浮态\n */\n colorSuccessHover: string; // 5\n\n /**\n * @nameZH 成功色\n * @desc 默认的成功色，如 Result、Progress 等组件中都有使用该颜色\n */\n colorSuccess: string; // 6\n\n /**\n * @nameZH 成功色的深色激活态\n * @desc 成功色的深色激活态\n */\n colorSuccessActive: string; // 7\n\n /**\n * @nameZH 成功色的文本悬浮态\n * @desc 成功色的文本悬浮态\n */\n colorSuccessTextHover: string; // 8\n\n /**\n * @nameZH 成功色的文本默认态\n * @desc 成功色的文本默认态\n */\n colorSuccessText: string; // 9\n\n /**\n * @nameZH 成功色的文本激活态\n * @desc 成功色的文本激活态\n */\n colorSuccessTextActive: string; // 10\n}\n\ninterface ColorWarningMapToken {\n /**\n * @nameZH 警戒色的浅色背景颜色\n */\n colorWarningBg: string; // 1\n\n /**\n * @nameZH 警戒色的浅色背景色悬浮态\n * @desc 警戒色的浅色背景色悬浮态\n */\n colorWarningBgHover: string; // 2\n\n /**\n * @nameZH 警戒色的描边色\n * @desc 警戒色的描边色\n */\n colorWarningBorder: string; // 3\n\n /**\n * @nameZH 警戒色的描边色悬浮态\n * @desc 警戒色的描边色悬浮态\n */\n colorWarningBorderHover: string; // 4\n\n /**\n * @nameZH 警戒色的深色悬浮态\n * @desc 警戒色的深色悬浮态\n */\n colorWarningHover: string; // 5\n\n /**\n * @nameZH 警戒色\n * @desc 最常用的警戒色，例如 Notification、 Alert等警告类组件或 Input 输入类等组件会使用该颜色\n */\n colorWarning: string; // 6\n\n /**\n * @nameZH 警戒色的深色激活态\n * @desc 警戒色的深色激活态\n */\n colorWarningActive: string; // 7\n\n /**\n * @nameZH 警戒色的文本悬浮态\n * @desc 警戒色的文本悬浮态\n */\n colorWarningTextHover: string; // 8\n\n /**\n * @nameZH 警戒色的文本默认态\n * @desc 警戒色的文本默认态\n */\n colorWarningText: string; // 9\n\n /**\n * @nameZH 警戒色的文本激活态\n * @desc 警戒色的文本激活态\n */\n colorWarningTextActive: string; // 10\n}\n\ninterface ColorInfoMapToken {\n /**\n * @nameZH 信息色的浅色背景颜色\n * @desc 信息色的浅色背景颜色\n */\n colorInfoBg: string; // 1\n\n /**\n * @nameZH 信息色的浅色背景色悬浮态\n * @desc 信息色的浅色背景色悬浮态\n */\n colorInfoBgHover: string; // 2\n\n /**\n * @nameZH 信息色的描边色\n */\n colorInfoBorder: string; // 3\n\n /**\n * @nameZH 信息色的描边色悬浮态\n */\n colorInfoBorderHover: string; // 4\n\n /**\n * @nameZH 信息色的深色悬浮态\n */\n colorInfoHover: string; // 5\n\n /**\n * @nameZH 信息色\n */\n colorInfo: string; // 6\n\n /**\n * @nameZH 信息色的深色激活态\n */\n colorInfoActive: string; // 7\n\n /**\n * @nameZH 信息色的文本悬浮态\n */\n colorInfoTextHover: string; // 8\n\n /**\n * @nameZH 信息色的文本默认态\n */\n colorInfoText: string; // 9\n\n /**\n * @nameZH 信息色的文本激活态\n */\n colorInfoTextActive: string; // 10\n}\n\ninterface ColorErrorMapToken {\n /**\n * @nameZH 错误色的浅色背景颜色\n */\n colorErrorBg: string; // 1\n\n /**\n * @nameZH 错误色的浅色背景色悬浮态\n */\n colorErrorBgHover: string; // 2\n\n /**\n * @nameZH 错误色的描边色\n */\n colorErrorBorder: string; // 3\n\n /**\n * @nameZH 错误色的描边色悬浮态\n */\n colorErrorBorderHover: string; // 4\n\n /**\n * @nameZH 错误色的深色悬浮态\n */\n colorErrorHover: string; // 5\n\n /**\n * @nameZH 错误色\n */\n colorError: string; // 6\n\n /**\n * @nameZH 错误色的深色激活态\n */\n colorErrorActive: string; // 7\n\n /**\n * @nameZH 错误色的文本悬浮态\n */\n colorErrorTextHover: string; // 8\n\n /**\n * @nameZH 错误色的文本默认态\n */\n colorErrorText: string; // 9\n\n /**\n * @nameZH 错误色的文本激活态\n */\n colorErrorTextActive: string; // 10\n}\n\nexport interface ColorMapToken\n extends ColorNeutralMapToken,\n ColorPrimaryMapToken,\n ColorSuccessMapToken,\n ColorWarningMapToken,\n ColorErrorMapToken,\n ColorInfoMapToken {\n /**\n * @nameZH 纯白色\n * @desc 不随主题变化的纯白色\n * @descEN Pure white color don't changed by theme\n * @default #FFFFFF\n */\n colorWhite: string;\n\n /**\n * @nameZH 浮层的背景蒙层颜色\n * @nameEN Background color of the mask\n * @desc 浮层的背景蒙层颜色，用于遮罩浮层下面的内容，Modal、Drawer 等组件的蒙层使用的是该 token\n * @descEN The background color of the mask, used to cover the content below the mask, Modal, Drawer and other components use this token\n */\n colorBgMask: string;\n\n /**\n * @nameZH 纯黑色\n * @desc 不随主题变化的纯黑色\n * @default #0000\n */\n // colorBlack: string;\n}\n" }, { "path": "components/theme/interface/maps/font.ts", "content": "export interface FontMapToken {\n // Font Size\n fontSizeSM: number;\n fontSize: number;\n fontSizeLG: number;\n fontSizeXL: number;\n\n /**\n * @nameZH 一级标题字号\n * @desc H1 标签所使用的字号\n * @default 38\n */\n fontSizeHeading1: number;\n /**\n * @nameZH 二级标题字号\n * @desc h2 标签所使用的字号\n * @default 30\n */\n fontSizeHeading2: number;\n /**\n * @nameZH 三级标题字号\n * @desc h3 标签使用的字号\n * @default 24\n */\n fontSizeHeading3: number;\n /**\n * @nameZH 四级标题字号\n * @desc h4 标签使用的字号\n * @default 20\n */\n fontSizeHeading4: number;\n /**\n * @nameZH 五级标题字号\n * @desc h5 标签使用的字号\n * @default 16\n */\n fontSizeHeading5: number;\n\n // LineHeight\n lineHeight: number;\n lineHeightLG: number;\n lineHeightSM: number;\n\n lineHeightHeading1: number;\n lineHeightHeading2: number;\n lineHeightHeading3: number;\n lineHeightHeading4: number;\n lineHeightHeading5: number;\n}\n" }, { "path": "components/theme/interface/maps/index.ts", "content": "import type { ColorPalettes } from '../presetColors';\nimport type { SeedToken } from '../seeds';\nimport type { SizeMapToken, HeightMapToken } from './size';\nimport type { ColorMapToken } from './colors';\nimport type { StyleMapToken } from './style';\nimport type { FontMapToken } from './font';\n\nexport * from './colors';\nexport * from './style';\nexport * from './size';\nexport * from './font';\n\nexport interface CommonMapToken extends StyleMapToken {\n // Motion\n motionDurationFast: string;\n motionDurationMid: string;\n motionDurationSlow: string;\n}\n\n// ======================================================================\n// == Map Token ==\n// ======================================================================\n// 🔥🔥🔥🔥🔥🔥🔥 DO NOT MODIFY THIS. PLEASE CONTACT DESIGNER. 🔥🔥🔥🔥🔥🔥🔥\n\nexport interface MapToken\n extends SeedToken,\n ColorPalettes,\n ColorMapToken,\n SizeMapToken,\n HeightMapToken,\n StyleMapToken,\n FontMapToken,\n CommonMapToken {}\n" }, { "path": "components/theme/interface/maps/size.ts", "content": "export interface SizeMapToken {\n /**\n * @nameZH XXL\n * @default 48\n */\n sizeXXL: number;\n /**\n * @nameZH XL\n * @default 32\n */\n sizeXL: number;\n /**\n * @nameZH LG\n * @default 24\n */\n sizeLG: number;\n /**\n * @nameZH MD\n * @default 20\n */\n sizeMD: number;\n /** Same as size by default, but could be larger in compact mode */\n sizeMS: number;\n /**\n * @nameZH 默认\n * @desc 默认尺寸\n * @default 16\n */\n size: number;\n /**\n * @nameZH SM\n * @default 12\n */\n sizeSM: number;\n /**\n * @nameZH XS\n * @default 8\n */\n sizeXS: number;\n /**\n * @nameZH XXS\n * @default 4\n */\n sizeXXS: number;\n}\n\nexport interface HeightMapToken {\n // Control\n /** Only Used for control inside component like Multiple Select inner selection item */\n\n /**\n * @nameZH 更小的组件高度\n * @nameEN XS component height\n */\n controlHeightXS: number;\n\n /**\n * @nameZH 较小的组件高度\n * @nameEN SM component height\n */\n controlHeightSM: number;\n\n /**\n * @nameZH 较高的组件高度\n * @nameEN LG component height\n */\n controlHeightLG: number;\n}\n" }, { "path": "components/theme/interface/maps/style.ts", "content": "export interface StyleMapToken {\n /**\n * @nameZH 线宽\n * @nameEN Line Width\n * @desc 描边类组件的默认线宽，如 Button、Input、Select 等输入类控件。\n * @descEN The default line width of the outline class components, such as Button, Input, Select, etc.\n * @default 1\n */\n lineWidthBold: number;\n\n /**\n * @nameZH XS号圆角\n * @desc XS号圆角，用于组件中的一些小圆角，如 Segmented 、Arrow 等一些内部圆角的组件样式中。\n * @descEN XS size border radius, used in some small border radius components, such as Segmented, Arrow and other components.\n * @default 2\n */\n borderRadiusXS: number;\n /**\n * @nameZH SM号圆角\n * @nameEN SM Border Radius\n * @desc SM号圆角，用于组件小尺寸下的圆角，如 Button、Input、Select 等输入类控件在 small size 下的圆角\n * @descEN SM size border radius, used in small size components, such as Button, Input, Select and other input components in small size\n * @default 4\n */\n borderRadiusSM: number;\n /**\n * @nameZH LG号圆角\n * @nameEN LG Border Radius\n * @desc LG号圆角，用于组件中的一些大圆角，如 Card、Modal 等一些组件样式。\n * @descEN LG size border radius, used in some large border radius components, such as Card, Modal and other components.\n * @default 8\n */\n borderRadiusLG: number;\n /**\n * @default 4\n */\n borderRadiusOuter: number;\n}\n" }, { "path": "components/theme/interface/presetColors.ts", "content": "export const PresetColors = [\n 'blue',\n 'purple',\n 'cyan',\n 'green',\n 'magenta',\n 'pink',\n 'red',\n 'orange',\n 'yellow',\n 'volcano',\n 'geekblue',\n 'lime',\n 'gold',\n] as const;\n\nexport type PresetColorKey = (typeof PresetColors)[number];\n\nexport type PresetColorType = Record;\n\ntype ColorPaletteKeyIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;\n\nexport type ColorPalettes = {\n [key in `${keyof PresetColorType}-${ColorPaletteKeyIndex}`]: string;\n};\n" }, { "path": "components/theme/interface/seeds.ts", "content": "import type { PresetColorType } from './presetColors';\n// ======================================================================\n// == Seed Token ==\n// ======================================================================\n// 🔥🔥🔥🔥🔥🔥🔥 DO NOT MODIFY THIS. PLEASE CONTACT DESIGNER. 🔥🔥🔥🔥🔥🔥🔥\n\nexport interface SeedToken extends PresetColorType {\n // ---------- Color ---------- //\n\n /**\n * @nameZH 品牌主色\n * @nameEN Brand Color\n * @desc 品牌色是体现产品特性和传播理念最直观的视觉元素之一。在你完成品牌主色的选取之后，我们会自动帮你生成一套完整的色板，并赋予它们有效的设计语义\n * @descEN Brand color is one of the most direct visual elements to reflect the characteristics and communication of the product. After you have selected the brand color, we will automatically generate a complete color palette and assign it effective design semantics.\n */\n colorPrimary: string;\n\n /**\n * @nameZH 成功色\n * @nameEN Success Color\n * @desc 用于表示操作成功的 Token 序列，如 Result、Progress 等组件会使用该组梯度变量。\n * @descEN Used to represent the token sequence of operation success, such as Result, Progress and other components will use these map tokens.\n */\n colorSuccess: string;\n\n /**\n * @nameZH 警戒色\n * @nameEN Warning Color\n * @desc 用于表示操作警告的 Token 序列，如 Notification、 Alert等警告类组件或 Input 输入类等组件会使用该组梯度变量。\n * @descEN Used to represent the warning map token, such as Notification, Alert, etc. Alert or Control component(like Input) will use these map tokens.\n */\n colorWarning: string;\n\n /**\n * @nameZH 错误色\n * @nameEN Error Color\n * @desc 用于表示操作失败的 Token 序列，如失败按钮、错误状态提示（Result）组件等。\n * @descEN Used to represent the visual elements of the operation failure, such as the error Button, error Result component, etc.\n */\n colorError: string;\n\n /**\n * @nameZH 信息色\n * @nameEN Info Color\n * @desc 用于表示操作信息的 Token 序列，如 Alert 、Tag、 Progress 等组件都有用到该组梯度变量。\n * @descEN Used to represent the operation information of the Token sequence, such as Alert, Tag, Progress, and other components use these map tokens.\n */\n colorInfo: string;\n\n /**\n * @nameZH 基础文本色\n * @nameEN Seed Text Color\n * @desc 用于派生文本色梯度的基础变量，v5 中我们添加了一层文本色的派生算法可以产出梯度明确的文本色的梯度变量。但**请不要在代码中直接使用该 Seed Token**！\n * @descEN Used to derive the base variable of the text color gradient. In v5, we added a layer of text color derivation algorithm to produce gradient variables of text color gradient. But please do not use this Seed Token directly in the code!\n */\n colorTextBase: string;\n\n /**\n * @nameZH 基础背景色\n * @nameEN Seed Background Color\n * @desc 用于派生背景色梯度的基础变量，v5 中我们添加了一层背景色的派生算法可以产出梯度明确的背景色的梯度变量。但 **请不要在代码中直接使用该 Seed Token** ！\n * @descEN Used to derive the base variable of the background color gradient. In v5, we added a layer of background color derivation algorithm to produce map token of background color. But PLEASE DO NOT USE this Seed Token directly in the code!\n */\n colorBgBase: string;\n\n // ---------- Font ---------- //\n\n /**\n * @nameZH 字体\n * @nameEN FontFamily\n * @desc Ant Design 的字体家族中优先使用系统默认的界面字体，同时提供了一套利于屏显的备用字体库，来维护在不同平台以及浏览器的显示下，字体始终保持良好的易读性和可读性，体现了友好、稳定和专业的特性。\n */\n fontFamily: string;\n\n /**\n * @nameZH 默认字号\n * @nameEN Default Font Size\n * @desc 设计系统中使用最广泛的字体大小，文本梯度也将基于该字号进行派生。\n * @default 14\n */\n fontSize: number;\n\n // ---------- Line ---------- //\n\n /**\n * @nameZH 基础线宽\n * @nameEN Base Line Width\n * @desc 用于控制组件边框、分割线等的宽度\n * @descEN Border width of base components\n */\n lineWidth: number;\n\n /**\n * @nameZH 线条样式\n * @nameEN Line Style\n * @desc 用于控制组件边框、分割线等的样式，默认是实线\n * @descEN Border style of base components\n */\n lineType: string;\n\n // ---------- BorderRadius ---------- //\n\n /**\n * @nameZH 基础圆角\n * @nameEN Base Border Radius\n * @descEN Border radius of base components\n * @desc 基础组件的圆角大小，例如按钮、输入框、卡片等\n */\n borderRadius: number;\n\n // ---------- Size ---------- //\n\n /**\n * @nameZH 尺寸变化单位\n * @nameEN Size Change Unit\n * @desc 用于控制组件尺寸的变化单位，在 Ant Design 中我们的基础单位为 4 ，便于更加细致地控制尺寸梯度\n * @descEN The unit of size change, in Ant Design, our base unit is 4, which is more fine-grained control of the size step\n * @default 4\n */\n sizeUnit: number;\n\n /**\n * @nameZH 尺寸步长\n * @nameEN Size Base Step\n * @desc 用于控制组件尺寸的基础步长，尺寸步长结合尺寸变化单位，就可以派生各种尺寸梯度。通过调整步长即可得到不同的布局模式，例如 V5 紧凑模式下的尺寸步长为 2\n * @descEN The base step of size change, the size step combined with the size change unit, can derive various size steps. By adjusting the step, you can get different layout modes, such as the size step of the compact mode of V5 is 2\n * @default 4\n */\n sizeStep: number;\n\n /**\n * @nameZH 组件箭头尺寸\n */\n sizePopupArrow: number;\n\n /**\n * @nameZH 基础高度\n * @nameEN Base Control Height\n * @desc Ant Design 中按钮和输入框等基础控件的高度\n * @descEN The height of the basic controls such as buttons and input boxes in Ant Design\n * @default 32\n */\n controlHeight: number;\n\n // ---------- zIndex ---------- //\n\n /**\n * @nameZH 基础 zIndex\n * @nameEN Base zIndex\n * @desc 所有组件的基础 Z 轴值，用于一些悬浮类的组件的可以基于该值 Z 轴控制层级，例如 BackTop、 Affix 等\n * @descEN The base Z axis value of all components, which can be used to control the level of some floating components based on the Z axis value, such as BackTop, Affix, etc.\n *\n * @default 0\n */\n zIndexBase: number;\n\n /**\n * @nameZH 浮层基础 zIndex\n * @nameEN popup base zIndex\n * @desc 浮层类组件的基础 Z 轴值，用于一些悬浮类的组件的可以基于该值 Z 轴控制层级，例如 FloatButton、 Affix、Modal 等\n * @descEN Base zIndex of component like FloatButton, Affix which can be cover by large popup\n * @default 1000\n */\n zIndexPopupBase: number;\n\n // ---------- Opacity ---------- //\n\n /**\n * @nameZH 图片不透明度\n * @nameEN Define default Image opacity. Useful when in dark-like theme\n */\n opacityImage: number;\n\n // ---------- motion ---------- //\n // TODO: 缺一个懂 motion 的人来收敛 Motion 相关的 Token\n\n /**\n * @nameZH 动画时长变化单位\n * @nameEN Animation Duration Unit\n * @desc 用于控制动画时长的变化单位\n * @descEN The unit of animation duration change\n * @default 100ms\n */\n motionUnit: number;\n\n /**\n * @nameZH 动画基础时长\n */\n motionBase: number;\n\n motionEaseOutCirc: string;\n\n motionEaseInOutCirc: string;\n\n motionEaseInOut: string;\n\n motionEaseOutBack: string;\n\n motionEaseInBack: string;\n\n motionEaseInQuint: string;\n\n motionEaseOutQuint: string;\n\n motionEaseOut: string;\n\n // ---------- Style ---------- //\n\n /**\n * @nameZH 线框风格\n * @nameEN Wireframe Style\n * @desc 用于将组件的视觉效果变为线框化，如果需要使用 V4 的效果，需要开启配置项\n * @default false\n */\n wireframe: boolean;\n}\n" }, { "path": "components/theme/internal.ts", "content": "import type { CSSInterpolation, Theme } from '../_util/cssinjs';\nimport { createTheme, useCacheToken, useStyleRegister } from '../_util/cssinjs';\n\nimport version from '../version';\nimport type {\n AliasToken,\n GlobalToken,\n MapToken,\n OverrideToken,\n PresetColorType,\n PresetColorKey,\n SeedToken,\n} from './interface';\nimport { PresetColors } from './interface';\nimport defaultDerivative from './themes/default';\nimport defaultSeedToken from './themes/seed';\nimport formatToken from './util/alias';\nimport type { FullToken } from './util/genComponentStyleHook';\nimport genComponentStyleHook from './util/genComponentStyleHook';\nimport statisticToken, { merge as mergeToken, statistic } from './util/statistic';\nimport type { VueNode } from '../_util/type';\nimport { objectType } from '../_util/type';\nimport type { ComputedRef, InjectionKey, Ref } from 'vue';\nimport {\n triggerRef,\n unref,\n defineComponent,\n provide,\n computed,\n inject,\n watch,\n shallowRef,\n} from 'vue';\n\nconst defaultTheme = createTheme(defaultDerivative);\n\nexport {\n // colors\n PresetColors,\n // Statistic\n statistic,\n statisticToken,\n mergeToken,\n // hooks\n useStyleRegister,\n genComponentStyleHook,\n};\nexport type {\n SeedToken,\n AliasToken,\n PresetColorType,\n PresetColorKey,\n // FIXME: Remove this type\n AliasToken as DerivativeToken,\n FullToken,\n};\n\n// ================================ Context =================================\n// To ensure snapshot stable. We disable hashed in test env.\nexport const defaultConfig = {\n token: defaultSeedToken,\n hashed: true,\n};\n\nexport interface DesignTokenContext {\n token: Partial;\n theme?: Theme;\n components?: OverrideToken;\n hashed?: string | boolean;\n}\n//defaultConfig\nconst DesignTokenContextKey: InjectionKey> =\n Symbol('DesignTokenContext');\n\nexport const globalDesignTokenApi = shallowRef();\n\nexport const useDesignTokenProvider = (value: ComputedRef) => {\n provide(DesignTokenContextKey, value);\n watch(\n value,\n () => {\n globalDesignTokenApi.value = unref(value);\n triggerRef(globalDesignTokenApi);\n },\n { immediate: true, deep: true },\n );\n};\n\nexport const useDesignTokenInject = () => {\n return inject(\n DesignTokenContextKey,\n computed(() => globalDesignTokenApi.value || defaultConfig),\n );\n};\nexport const DesignTokenProvider = defineComponent({\n props: {\n value: objectType(),\n },\n setup(props, { slots }) {\n useDesignTokenProvider(computed(() => props.value));\n return () => {\n return slots.default?.();\n };\n },\n});\n// ================================== Hook ==================================\nexport function useToken(): [\n ComputedRef>,\n ComputedRef,\n ComputedRef,\n] {\n const designTokenContext = inject>(\n DesignTokenContextKey,\n computed(() => globalDesignTokenApi.value || defaultConfig),\n );\n\n const salt = computed(() => `${version}-${designTokenContext.value.hashed || ''}`);\n\n const mergedTheme = computed(() => designTokenContext.value.theme || defaultTheme);\n\n const cacheToken = useCacheToken(\n mergedTheme,\n computed(() => [defaultSeedToken, designTokenContext.value.token]),\n computed(() => ({\n salt: salt.value,\n override: {\n override: designTokenContext.value.token,\n ...designTokenContext.value.components,\n },\n formatToken,\n })),\n );\n\n return [\n mergedTheme,\n computed(() => cacheToken.value[0]),\n computed(() => (designTokenContext.value.hashed ? cacheToken.value[1] : '')),\n ];\n}\n\nexport type UseComponentStyleResult = [(node: VueNode) => VueNode, Ref];\n\nexport type GenerateStyle<\n ComponentToken extends object = AliasToken,\n ReturnType = CSSInterpolation,\n> = (token: ComponentToken) => ReturnType;\n" }, { "path": "components/theme/themes/ColorMap.ts", "content": "import type { ColorNeutralMapToken } from '../interface';\n\nexport interface ColorMap {\n 1: string;\n 2: string;\n 3: string;\n 4: string;\n 5: string;\n 6: string;\n 7: string;\n 8: string;\n 9: string;\n 10: string;\n}\n\nexport type GenerateColorMap = (baseColor: string) => ColorMap;\nexport type GenerateNeutralColorMap = (\n bgBaseColor: string,\n textBaseColor: string,\n) => ColorNeutralMapToken;\n" }, { "path": "components/theme/themes/compact/genCompactSizeMapToken.ts", "content": "import type { SeedToken, SizeMapToken } from '../../interface';\n\nexport default function genSizeMapToken(token: SeedToken): SizeMapToken {\n const { sizeUnit, sizeStep } = token;\n\n const compactSizeStep = sizeStep - 2;\n\n return {\n sizeXXL: sizeUnit * (compactSizeStep + 10),\n sizeXL: sizeUnit * (compactSizeStep + 6),\n sizeLG: sizeUnit * (compactSizeStep + 2),\n sizeMD: sizeUnit * (compactSizeStep + 2),\n sizeMS: sizeUnit * (compactSizeStep + 1),\n size: sizeUnit * compactSizeStep,\n sizeSM: sizeUnit * compactSizeStep,\n sizeXS: sizeUnit * (compactSizeStep - 1),\n sizeXXS: sizeUnit * (compactSizeStep - 1),\n };\n}\n" }, { "path": "components/theme/themes/compact/index.ts", "content": "import genControlHeight from '../shared/genControlHeight';\nimport type { MapToken, SeedToken } from '../../interface';\nimport defaultAlgorithm from '../default';\nimport genCompactSizeMapToken from './genCompactSizeMapToken';\nimport genFontMapToken from '../shared/genFontMapToken';\nimport type { DerivativeFunc } from '../../../_util/cssinjs';\n\nconst derivative: DerivativeFunc = (token, mapToken) => {\n const mergedMapToken = mapToken ?? defaultAlgorithm(token);\n\n const fontSize = mergedMapToken.fontSizeSM; // Smaller size font-size as base\n const controlHeight = mergedMapToken.controlHeight - 4;\n\n return {\n ...mergedMapToken,\n ...genCompactSizeMapToken(mapToken ?? token),\n\n // font\n ...genFontMapToken(fontSize),\n\n // controlHeight\n controlHeight,\n ...genControlHeight({ ...mergedMapToken, controlHeight }),\n };\n};\n\nexport default derivative;\n" }, { "path": "components/theme/themes/dark/colorAlgorithm.ts", "content": "import { TinyColor } from '@ctrl/tinycolor';\n\nexport const getAlphaColor = (baseColor: string, alpha: number) =>\n new TinyColor(baseColor).setAlpha(alpha).toRgbString();\n\nexport const getSolidColor = (baseColor: string, brightness: number) => {\n const instance = new TinyColor(baseColor);\n return instance.lighten(brightness).toHexString();\n};\n" }, { "path": "components/theme/themes/dark/colors.ts", "content": "import { generate } from '@ant-design/colors';\nimport type { GenerateColorMap, GenerateNeutralColorMap } from '../ColorMap';\nimport { getAlphaColor, getSolidColor } from './colorAlgorithm';\n\nexport const generateColorPalettes: GenerateColorMap = (baseColor: string) => {\n const colors = generate(baseColor, { theme: 'dark' });\n return {\n 1: colors[0],\n 2: colors[1],\n 3: colors[2],\n 4: colors[3],\n 5: colors[6],\n 6: colors[5],\n 7: colors[4],\n 8: colors[6],\n 9: colors[5],\n 10: colors[4],\n // 8: colors[9],\n // 9: colors[8],\n // 10: colors[7],\n };\n};\n\nexport const generateNeutralColorPalettes: GenerateNeutralColorMap = (\n bgBaseColor: string,\n textBaseColor: string,\n) => {\n const colorBgBase = bgBaseColor || '#000';\n const colorTextBase = textBaseColor || '#fff';\n\n return {\n colorBgBase,\n colorTextBase,\n\n colorText: getAlphaColor(colorTextBase, 0.85),\n colorTextSecondary: getAlphaColor(colorTextBase, 0.65),\n colorTextTertiary: getAlphaColor(colorTextBase, 0.45),\n colorTextQuaternary: getAlphaColor(colorTextBase, 0.25),\n\n colorFill: getAlphaColor(colorTextBase, 0.18),\n colorFillSecondary: getAlphaColor(colorTextBase, 0.12),\n colorFillTertiary: getAlphaColor(colorTextBase, 0.08),\n colorFillQuaternary: getAlphaColor(colorTextBase, 0.04),\n\n colorBgElevated: getSolidColor(colorBgBase, 12),\n colorBgContainer: getSolidColor(colorBgBase, 8),\n colorBgLayout: getSolidColor(colorBgBase, 0),\n colorBgSpotlight: getSolidColor(colorBgBase, 26),\n\n colorBorder: getSolidColor(colorBgBase, 26),\n colorBorderSecondary: getSolidColor(colorBgBase, 19),\n };\n};\n" }, { "path": "components/theme/themes/dark/index.ts", "content": "import { generate } from '@ant-design/colors';\nimport type { DerivativeFunc } from '../../../_util/cssinjs';\nimport type { ColorPalettes, MapToken, PresetColorType, SeedToken } from '../../interface';\nimport { defaultPresetColors } from '../seed';\nimport genColorMapToken from '../shared/genColorMapToken';\nimport { generateColorPalettes, generateNeutralColorPalettes } from './colors';\nimport defaultAlgorithm from '../default';\n\nconst derivative: DerivativeFunc = (token, mapToken) => {\n const colorPalettes = Object.keys(defaultPresetColors)\n .map((colorKey: keyof PresetColorType) => {\n const colors = generate(token[colorKey], { theme: 'dark' });\n\n return new Array(10).fill(1).reduce((prev, _, i) => {\n prev[`${colorKey}-${i + 1}`] = colors[i];\n return prev;\n }, {}) as ColorPalettes;\n })\n .reduce((prev, cur) => {\n prev = {\n ...prev,\n ...cur,\n };\n return prev;\n }, {} as ColorPalettes);\n\n const mergedMapToken = mapToken ?? defaultAlgorithm(token);\n\n return {\n ...mergedMapToken,\n\n // Dark tokens\n ...colorPalettes,\n // Colors\n ...genColorMapToken(token, {\n generateColorPalettes,\n generateNeutralColorPalettes,\n }),\n };\n};\n\nexport default derivative;\n" }, { "path": "components/theme/themes/default/colorAlgorithm.ts", "content": "import { TinyColor } from '@ctrl/tinycolor';\n\nexport const getAlphaColor = (baseColor: string, alpha: number) =>\n new TinyColor(baseColor).setAlpha(alpha).toRgbString();\n\nexport const getSolidColor = (baseColor: string, brightness: number) => {\n const instance = new TinyColor(baseColor);\n return instance.darken(brightness).toHexString();\n};\n" }, { "path": "components/theme/themes/default/colors.ts", "content": "import { generate } from '@ant-design/colors';\nimport type { GenerateColorMap, GenerateNeutralColorMap } from '../ColorMap';\nimport { getAlphaColor, getSolidColor } from './colorAlgorithm';\n\nexport const generateColorPalettes: GenerateColorMap = (baseColor: string) => {\n const colors = generate(baseColor);\n return {\n 1: colors[0],\n 2: colors[1],\n 3: colors[2],\n 4: colors[3],\n 5: colors[4],\n 6: colors[5],\n 7: colors[6],\n 8: colors[4],\n 9: colors[5],\n 10: colors[6],\n // 8: colors[7],\n // 9: colors[8],\n // 10: colors[9],\n };\n};\n\nexport const generateNeutralColorPalettes: GenerateNeutralColorMap = (\n bgBaseColor: string,\n textBaseColor: string,\n) => {\n const colorBgBase = bgBaseColor || '#fff';\n const colorTextBase = textBaseColor || '#000';\n\n return {\n colorBgBase,\n colorTextBase,\n\n colorText: getAlphaColor(colorTextBase, 0.88),\n colorTextSecondary: getAlphaColor(colorTextBase, 0.65),\n colorTextTertiary: getAlphaColor(colorTextBase, 0.45),\n colorTextQuaternary: getAlphaColor(colorTextBase, 0.25),\n\n colorFill: getAlphaColor(colorTextBase, 0.15),\n colorFillSecondary: getAlphaColor(colorTextBase, 0.06),\n colorFillTertiary: getAlphaColor(colorTextBase, 0.04),\n colorFillQuaternary: getAlphaColor(colorTextBase, 0.02),\n\n colorBgLayout: getSolidColor(colorBgBase, 4),\n colorBgContainer: getSolidColor(colorBgBase, 0),\n colorBgElevated: getSolidColor(colorBgBase, 0),\n colorBgSpotlight: getAlphaColor(colorTextBase, 0.85),\n\n colorBorder: getSolidColor(colorBgBase, 15),\n colorBorderSecondary: getSolidColor(colorBgBase, 6),\n };\n};\n" }, { "path": "components/theme/themes/default/index.ts", "content": "import { generate } from '@ant-design/colors';\nimport genControlHeight from '../shared/genControlHeight';\nimport genSizeMapToken from '../shared/genSizeMapToken';\nimport type { ColorPalettes, MapToken, PresetColorType, SeedToken } from '../../interface';\nimport { defaultPresetColors } from '../seed';\nimport genColorMapToken from '../shared/genColorMapToken';\nimport genCommonMapToken from '../shared/genCommonMapToken';\nimport { generateColorPalettes, generateNeutralColorPalettes } from './colors';\nimport genFontMapToken from '../shared/genFontMapToken';\n\nexport default function derivative(token: SeedToken): MapToken {\n const colorPalettes = Object.keys(defaultPresetColors)\n .map((colorKey: keyof PresetColorType) => {\n const colors = generate(token[colorKey]);\n\n return new Array(10).fill(1).reduce((prev, _, i) => {\n prev[`${colorKey}-${i + 1}`] = colors[i];\n return prev;\n }, {}) as ColorPalettes;\n })\n .reduce((prev, cur) => {\n prev = {\n ...prev,\n ...cur,\n };\n return prev;\n }, {} as ColorPalettes);\n\n return {\n ...token,\n ...colorPalettes,\n // Colors\n ...genColorMapToken(token, {\n generateColorPalettes,\n generateNeutralColorPalettes,\n }),\n // Font\n ...genFontMapToken(token.fontSize),\n // Size\n ...genSizeMapToken(token),\n // Height\n ...genControlHeight(token),\n // Others\n ...genCommonMapToken(token),\n };\n}\n" }, { "path": "components/theme/themes/seed.ts", "content": "import type { PresetColorType, SeedToken } from '../internal';\n\nexport const defaultPresetColors: PresetColorType = {\n blue: '#1677ff',\n purple: '#722ED1',\n cyan: '#13C2C2',\n green: '#52C41A',\n magenta: '#EB2F96',\n pink: '#eb2f96',\n red: '#F5222D',\n orange: '#FA8C16',\n yellow: '#FADB14',\n volcano: '#FA541C',\n geekblue: '#2F54EB',\n gold: '#FAAD14',\n lime: '#A0D911',\n};\n\nconst seedToken: SeedToken = {\n // preset color palettes\n ...defaultPresetColors,\n\n // Color\n colorPrimary: '#1677ff',\n colorSuccess: '#52c41a',\n colorWarning: '#faad14',\n colorError: '#ff4d4f',\n colorInfo: '#1677ff',\n colorTextBase: '',\n\n colorBgBase: '',\n\n // Font\n fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n'Noto Color Emoji'`,\n fontSize: 14,\n\n // Line\n lineWidth: 1,\n lineType: 'solid',\n\n // Motion\n motionUnit: 0.1,\n motionBase: 0,\n motionEaseOutCirc: 'cubic-bezier(0.08, 0.82, 0.17, 1)',\n motionEaseInOutCirc: 'cubic-bezier(0.78, 0.14, 0.15, 0.86)',\n motionEaseOut: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n motionEaseInOut: 'cubic-bezier(0.645, 0.045, 0.355, 1)',\n motionEaseOutBack: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)',\n motionEaseInBack: 'cubic-bezier(0.71, -0.46, 0.88, 0.6)',\n motionEaseInQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n motionEaseOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',\n\n // Radius\n borderRadius: 6,\n\n // Size\n sizeUnit: 4,\n sizeStep: 4,\n sizePopupArrow: 16,\n\n // Control Base\n controlHeight: 32,\n\n // zIndex\n zIndexBase: 0,\n zIndexPopupBase: 1000,\n\n // Image\n opacityImage: 1,\n\n // Wireframe\n wireframe: false,\n};\nexport default seedToken;\n" }, { "path": "components/theme/themes/shared/genColorMapToken.ts", "content": "import { TinyColor } from '@ctrl/tinycolor';\nimport type { ColorMapToken, SeedToken } from '../../interface';\nimport type { GenerateColorMap, GenerateNeutralColorMap } from '../ColorMap';\n\ninterface PaletteGenerators {\n generateColorPalettes: GenerateColorMap;\n generateNeutralColorPalettes: GenerateNeutralColorMap;\n}\n\nexport default function genColorMapToken(\n seed: SeedToken,\n { generateColorPalettes, generateNeutralColorPalettes }: PaletteGenerators,\n): ColorMapToken {\n const {\n colorSuccess: colorSuccessBase,\n colorWarning: colorWarningBase,\n colorError: colorErrorBase,\n colorInfo: colorInfoBase,\n colorPrimary: colorPrimaryBase,\n colorBgBase,\n colorTextBase,\n } = seed;\n\n const primaryColors = generateColorPalettes(colorPrimaryBase);\n const successColors = generateColorPalettes(colorSuccessBase);\n const warningColors = generateColorPalettes(colorWarningBase);\n const errorColors = generateColorPalettes(colorErrorBase);\n const infoColors = generateColorPalettes(colorInfoBase);\n const neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase);\n\n return {\n ...neutralColors,\n\n colorPrimaryBg: primaryColors[1],\n colorPrimaryBgHover: primaryColors[2],\n colorPrimaryBorder: primaryColors[3],\n colorPrimaryBorderHover: primaryColors[4],\n colorPrimaryHover: primaryColors[5],\n colorPrimary: primaryColors[6],\n colorPrimaryActive: primaryColors[7],\n colorPrimaryTextHover: primaryColors[8],\n colorPrimaryText: primaryColors[9],\n colorPrimaryTextActive: primaryColors[10],\n\n colorSuccessBg: successColors[1],\n colorSuccessBgHover: successColors[2],\n colorSuccessBorder: successColors[3],\n colorSuccessBorderHover: successColors[4],\n colorSuccessHover: successColors[4],\n colorSuccess: successColors[6],\n colorSuccessActive: successColors[7],\n colorSuccessTextHover: successColors[8],\n colorSuccessText: successColors[9],\n colorSuccessTextActive: successColors[10],\n\n colorErrorBg: errorColors[1],\n colorErrorBgHover: errorColors[2],\n colorErrorBorder: errorColors[3],\n colorErrorBorderHover: errorColors[4],\n colorErrorHover: errorColors[5],\n colorError: errorColors[6],\n colorErrorActive: errorColors[7],\n colorErrorTextHover: errorColors[8],\n colorErrorText: errorColors[9],\n colorErrorTextActive: errorColors[10],\n\n colorWarningBg: warningColors[1],\n colorWarningBgHover: warningColors[2],\n colorWarningBorder: warningColors[3],\n colorWarningBorderHover: warningColors[4],\n colorWarningHover: warningColors[4],\n colorWarning: warningColors[6],\n colorWarningActive: warningColors[7],\n colorWarningTextHover: warningColors[8],\n colorWarningText: warningColors[9],\n colorWarningTextActive: warningColors[10],\n\n colorInfoBg: infoColors[1],\n colorInfoBgHover: infoColors[2],\n colorInfoBorder: infoColors[3],\n colorInfoBorderHover: infoColors[4],\n colorInfoHover: infoColors[4],\n colorInfo: infoColors[6],\n colorInfoActive: infoColors[7],\n colorInfoTextHover: infoColors[8],\n colorInfoText: infoColors[9],\n colorInfoTextActive: infoColors[10],\n\n colorBgMask: new TinyColor('#000').setAlpha(0.45).toRgbString(),\n colorWhite: '#fff',\n };\n}\n" }, { "path": "components/theme/themes/shared/genCommonMapToken.ts", "content": "import type { CommonMapToken, SeedToken } from '../../interface';\nimport genRadius from './genRadius';\n\nexport default function genCommonMapToken(token: SeedToken): CommonMapToken {\n const { motionUnit, motionBase, borderRadius, lineWidth } = token;\n\n return {\n // motion\n motionDurationFast: `${(motionBase + motionUnit).toFixed(1)}s`,\n motionDurationMid: `${(motionBase + motionUnit * 2).toFixed(1)}s`,\n motionDurationSlow: `${(motionBase + motionUnit * 3).toFixed(1)}s`,\n\n // line\n lineWidthBold: lineWidth + 1,\n\n // radius\n ...genRadius(borderRadius),\n };\n}\n" }, { "path": "components/theme/themes/shared/genControlHeight.ts", "content": "import type { HeightMapToken, SeedToken } from '../../interface';\n\nconst genControlHeight = (token: SeedToken): HeightMapToken => {\n const { controlHeight } = token;\n\n return {\n controlHeightSM: controlHeight * 0.75,\n controlHeightXS: controlHeight * 0.5,\n controlHeightLG: controlHeight * 1.25,\n };\n};\n\nexport default genControlHeight;\n" }, { "path": "components/theme/themes/shared/genFontMapToken.ts", "content": "import type { FontMapToken } from '../../interface';\nimport genFontSizes from './genFontSizes';\n\nconst genFontMapToken = (fontSize: number): FontMapToken => {\n const fontSizePairs = genFontSizes(fontSize);\n const fontSizes = fontSizePairs.map(pair => pair.size);\n const lineHeights = fontSizePairs.map(pair => pair.lineHeight);\n\n return {\n fontSizeSM: fontSizes[0],\n fontSize: fontSizes[1],\n fontSizeLG: fontSizes[2],\n fontSizeXL: fontSizes[3],\n\n fontSizeHeading1: fontSizes[6],\n fontSizeHeading2: fontSizes[5],\n fontSizeHeading3: fontSizes[4],\n fontSizeHeading4: fontSizes[3],\n fontSizeHeading5: fontSizes[2],\n\n lineHeight: lineHeights[1],\n lineHeightLG: lineHeights[2],\n lineHeightSM: lineHeights[0],\n\n lineHeightHeading1: lineHeights[6],\n lineHeightHeading2: lineHeights[5],\n lineHeightHeading3: lineHeights[4],\n lineHeightHeading4: lineHeights[3],\n lineHeightHeading5: lineHeights[2],\n };\n};\n\nexport default genFontMapToken;\n" }, { "path": "components/theme/themes/shared/genFontSizes.ts", "content": "// https://zhuanlan.zhihu.com/p/32746810\nexport default function getFontSizes(base: number) {\n const fontSizes = new Array(10).fill(null).map((_, index) => {\n const i = index - 1;\n const baseSize = base * 2.71828 ** (i / 5);\n const intSize = index > 1 ? Math.floor(baseSize) : Math.ceil(baseSize);\n\n // Convert to even\n return Math.floor(intSize / 2) * 2;\n });\n\n fontSizes[1] = base;\n\n return fontSizes.map(size => {\n const height = size + 8;\n\n return {\n size,\n lineHeight: height / size,\n };\n });\n}\n" }, { "path": "components/theme/themes/shared/genRadius.ts", "content": "import type { MapToken } from '../../interface';\n\nconst genRadius = (\n radiusBase: number,\n): Pick<\n MapToken,\n 'borderRadiusXS' | 'borderRadiusSM' | 'borderRadiusLG' | 'borderRadius' | 'borderRadiusOuter'\n> => {\n let radiusLG = radiusBase;\n let radiusSM = radiusBase;\n let radiusXS = radiusBase;\n let radiusOuter = radiusBase;\n\n // radiusLG\n if (radiusBase < 6 && radiusBase >= 5) {\n radiusLG = radiusBase + 1;\n } else if (radiusBase < 16 && radiusBase >= 6) {\n radiusLG = radiusBase + 2;\n } else if (radiusBase >= 16) {\n radiusLG = 16;\n }\n\n // radiusSM\n if (radiusBase < 7 && radiusBase >= 5) {\n radiusSM = 4;\n } else if (radiusBase < 8 && radiusBase >= 7) {\n radiusSM = 5;\n } else if (radiusBase < 14 && radiusBase >= 8) {\n radiusSM = 6;\n } else if (radiusBase < 16 && radiusBase >= 14) {\n radiusSM = 7;\n } else if (radiusBase >= 16) {\n radiusSM = 8;\n }\n\n // radiusXS\n if (radiusBase < 6 && radiusBase >= 2) {\n radiusXS = 1;\n } else if (radiusBase >= 6) {\n radiusXS = 2;\n }\n\n // radiusOuter\n if (radiusBase > 4 && radiusBase < 8) {\n radiusOuter = 4;\n } else if (radiusBase >= 8) {\n radiusOuter = 6;\n }\n\n return {\n borderRadius: radiusBase > 16 ? 16 : radiusBase,\n borderRadiusXS: radiusXS,\n borderRadiusSM: radiusSM,\n borderRadiusLG: radiusLG,\n borderRadiusOuter: radiusOuter,\n };\n};\n\nexport default genRadius;\n" }, { "path": "components/theme/themes/shared/genSizeMapToken.ts", "content": "import type { SeedToken, SizeMapToken } from '../../interface';\n\nexport default function genSizeMapToken(token: SeedToken): SizeMapToken {\n const { sizeUnit, sizeStep } = token;\n\n return {\n sizeXXL: sizeUnit * (sizeStep + 8), // 48\n sizeXL: sizeUnit * (sizeStep + 4), // 32\n sizeLG: sizeUnit * (sizeStep + 2), // 24\n sizeMD: sizeUnit * (sizeStep + 1), // 20\n sizeMS: sizeUnit * sizeStep, // 16\n size: sizeUnit * sizeStep, // 16\n sizeSM: sizeUnit * (sizeStep - 1), // 12\n sizeXS: sizeUnit * (sizeStep - 2), // 8\n sizeXXS: sizeUnit * (sizeStep - 3), // 4\n };\n}\n" }, { "path": "components/theme/util/alias.ts", "content": "import { TinyColor } from '@ctrl/tinycolor';\nimport type { AliasToken, MapToken, OverrideToken, SeedToken } from '../interface';\nimport getAlphaColor from './getAlphaColor';\nimport seedToken from '../themes/seed';\n\n/** Raw merge of `@ant-design/cssinjs` token. Which need additional process */\ntype RawMergedToken = MapToken & OverrideToken & { override: Partial };\n\n/**\n * Seed (designer) > Derivative (designer) > Alias (developer).\n *\n * Merge seed & derivative & override token and generate alias token for developer.\n */\nexport default function formatToken(derivativeToken: RawMergedToken): AliasToken {\n const { override, ...restToken } = derivativeToken;\n const overrideTokens = { ...override };\n\n Object.keys(seedToken).forEach(token => {\n delete overrideTokens[token as keyof SeedToken];\n });\n\n const mergedToken = {\n ...restToken,\n ...overrideTokens,\n };\n\n const screenXS = 480;\n const screenSM = 576;\n const screenMD = 768;\n const screenLG = 992;\n const screenXL = 1200;\n const screenXXL = 1600;\n const screenXXXL = 2000;\n\n // Generate alias token\n const aliasToken: AliasToken = {\n ...mergedToken,\n\n colorLink: mergedToken.colorInfoText,\n colorLinkHover: mergedToken.colorInfoHover,\n colorLinkActive: mergedToken.colorInfoActive,\n\n // ============== Background ============== //\n colorFillContent: mergedToken.colorFillSecondary,\n colorFillContentHover: mergedToken.colorFill,\n colorFillAlter: mergedToken.colorFillQuaternary,\n colorBgContainerDisabled: mergedToken.colorFillTertiary,\n\n // ============== Split ============== //\n colorBorderBg: mergedToken.colorBgContainer,\n colorSplit: getAlphaColor(mergedToken.colorBorderSecondary, mergedToken.colorBgContainer),\n\n // ============== Text ============== //\n colorTextPlaceholder: mergedToken.colorTextQuaternary,\n colorTextDisabled: mergedToken.colorTextQuaternary,\n colorTextHeading: mergedToken.colorText,\n colorTextLabel: mergedToken.colorTextSecondary,\n colorTextDescription: mergedToken.colorTextTertiary,\n colorTextLightSolid: mergedToken.colorWhite,\n colorHighlight: mergedToken.colorError,\n colorBgTextHover: mergedToken.colorFillSecondary,\n colorBgTextActive: mergedToken.colorFill,\n\n colorIcon: mergedToken.colorTextTertiary,\n colorIconHover: mergedToken.colorText,\n\n colorErrorOutline: getAlphaColor(mergedToken.colorErrorBg, mergedToken.colorBgContainer),\n colorWarningOutline: getAlphaColor(mergedToken.colorWarningBg, mergedToken.colorBgContainer),\n\n // Font\n fontSizeIcon: mergedToken.fontSizeSM,\n\n // Control\n lineWidth: mergedToken.lineWidth,\n controlOutlineWidth: mergedToken.lineWidth * 2,\n // Checkbox size and expand icon size\n controlInteractiveSize: mergedToken.controlHeight / 2,\n\n controlItemBgHover: mergedToken.colorFillTertiary,\n controlItemBgActive: mergedToken.colorPrimaryBg,\n controlItemBgActiveHover: mergedToken.colorPrimaryBgHover,\n controlItemBgActiveDisabled: mergedToken.colorFill,\n controlTmpOutline: mergedToken.colorFillQuaternary,\n controlOutline: getAlphaColor(mergedToken.colorPrimaryBg, mergedToken.colorBgContainer),\n\n lineType: mergedToken.lineType,\n borderRadius: mergedToken.borderRadius,\n borderRadiusXS: mergedToken.borderRadiusXS,\n borderRadiusSM: mergedToken.borderRadiusSM,\n borderRadiusLG: mergedToken.borderRadiusLG,\n\n fontWeightStrong: 600,\n\n opacityLoading: 0.65,\n\n linkDecoration: 'none',\n linkHoverDecoration: 'none',\n linkFocusDecoration: 'none',\n\n controlPaddingHorizontal: 12,\n controlPaddingHorizontalSM: 8,\n\n paddingXXS: mergedToken.sizeXXS,\n paddingXS: mergedToken.sizeXS,\n paddingSM: mergedToken.sizeSM,\n padding: mergedToken.size,\n paddingMD: mergedToken.sizeMD,\n paddingLG: mergedToken.sizeLG,\n paddingXL: mergedToken.sizeXL,\n\n paddingContentHorizontalLG: mergedToken.sizeLG,\n paddingContentVerticalLG: mergedToken.sizeMS,\n paddingContentHorizontal: mergedToken.sizeMS,\n paddingContentVertical: mergedToken.sizeSM,\n paddingContentHorizontalSM: mergedToken.size,\n paddingContentVerticalSM: mergedToken.sizeXS,\n\n marginXXS: mergedToken.sizeXXS,\n marginXS: mergedToken.sizeXS,\n marginSM: mergedToken.sizeSM,\n margin: mergedToken.size,\n marginMD: mergedToken.sizeMD,\n marginLG: mergedToken.sizeLG,\n marginXL: mergedToken.sizeXL,\n marginXXL: mergedToken.sizeXXL,\n\n boxShadow: `\n 0 1px 2px 0 rgba(0, 0, 0, 0.03),\n 0 1px 6px -1px rgba(0, 0, 0, 0.02),\n 0 2px 4px 0 rgba(0, 0, 0, 0.02)\n `,\n boxShadowSecondary: `\n 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n 0 3px 6px -4px rgba(0, 0, 0, 0.12),\n 0 9px 28px 8px rgba(0, 0, 0, 0.05)\n `,\n boxShadowTertiary: `\n 0 1px 2px 0 rgba(0, 0, 0, 0.03),\n 0 1px 6px -1px rgba(0, 0, 0, 0.02),\n 0 2px 4px 0 rgba(0, 0, 0, 0.02)\n `,\n\n screenXS,\n screenXSMin: screenXS,\n screenXSMax: screenSM - 1,\n screenSM,\n screenSMMin: screenSM,\n screenSMMax: screenMD - 1,\n screenMD,\n screenMDMin: screenMD,\n screenMDMax: screenLG - 1,\n screenLG,\n screenLGMin: screenLG,\n screenLGMax: screenXL - 1,\n screenXL,\n screenXLMin: screenXL,\n screenXLMax: screenXXL - 1,\n screenXXL,\n screenXXLMin: screenXXL,\n screenXXLMax: screenXXXL - 1,\n screenXXXL,\n screenXXXLMin: screenXXXL,\n\n // FIXME: component box-shadow, should be removed\n boxShadowPopoverArrow: '3px 3px 7px rgba(0, 0, 0, 0.1)',\n boxShadowCard: `\n 0 1px 2px -2px ${new TinyColor('rgba(0, 0, 0, 0.16)').toRgbString()},\n 0 3px 6px 0 ${new TinyColor('rgba(0, 0, 0, 0.12)').toRgbString()},\n 0 5px 12px 4px ${new TinyColor('rgba(0, 0, 0, 0.09)').toRgbString()}\n `,\n boxShadowDrawerRight: `\n -6px 0 16px 0 rgba(0, 0, 0, 0.08),\n -3px 0 6px -4px rgba(0, 0, 0, 0.12),\n -9px 0 28px 8px rgba(0, 0, 0, 0.05)\n `,\n boxShadowDrawerLeft: `\n 6px 0 16px 0 rgba(0, 0, 0, 0.08),\n 3px 0 6px -4px rgba(0, 0, 0, 0.12),\n 9px 0 28px 8px rgba(0, 0, 0, 0.05)\n `,\n boxShadowDrawerUp: `\n 0 6px 16px 0 rgba(0, 0, 0, 0.08),\n 0 3px 6px -4px rgba(0, 0, 0, 0.12),\n 0 9px 28px 8px rgba(0, 0, 0, 0.05)\n `,\n boxShadowDrawerDown: `\n 0 -6px 16px 0 rgba(0, 0, 0, 0.08),\n 0 -3px 6px -4px rgba(0, 0, 0, 0.12),\n 0 -9px 28px 8px rgba(0, 0, 0, 0.05)\n `,\n boxShadowTabsOverflowLeft: 'inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)',\n boxShadowTabsOverflowRight: 'inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)',\n boxShadowTabsOverflowTop: 'inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)',\n boxShadowTabsOverflowBottom: 'inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)',\n\n // Override AliasToken\n ...overrideTokens,\n };\n\n return aliasToken;\n}\n" }, { "path": "components/theme/util/genComponentStyleHook.ts", "content": "/* eslint-disable no-redeclare */\n\nimport { useStyleRegister } from '../../_util/cssinjs';\nimport type { CSSInterpolation } from '../../_util/cssinjs';\nimport { genCommonStyle, genLinkStyle } from '../../style';\nimport type { UseComponentStyleResult } from '../internal';\nimport { mergeToken, statisticToken, useToken } from '../internal';\nimport type { ComponentTokenMap, GlobalToken } from '../interface';\nimport type { Ref } from 'vue';\nimport { computed } from 'vue';\nimport { useConfigContextInject } from '../../config-provider/context';\n\nexport type OverrideTokenWithoutDerivative = ComponentTokenMap;\nexport type OverrideComponent = keyof OverrideTokenWithoutDerivative;\nexport type GlobalTokenWithComponent = GlobalToken &\n ComponentTokenMap[ComponentName];\n\nexport interface StyleInfo {\n hashId: string;\n prefixCls: string;\n rootPrefixCls: string;\n iconPrefixCls: string;\n overrideComponentToken: ComponentTokenMap[ComponentName];\n}\n\nexport type TokenWithCommonCls = T & {\n /** Wrap component class with `.` prefix */\n componentCls: string;\n /** Origin prefix which do not have `.` prefix */\n prefixCls: string;\n /** Wrap icon class with `.` prefix */\n iconCls: string;\n /** Wrap ant prefixCls class with `.` prefix */\n antCls: string;\n};\nexport type FullToken = TokenWithCommonCls<\n GlobalTokenWithComponent\n>;\n\nexport default function genComponentStyleHook(\n component: ComponentName,\n styleFn: (token: FullToken, info: StyleInfo) => CSSInterpolation,\n getDefaultToken?:\n | OverrideTokenWithoutDerivative[ComponentName]\n | ((token: GlobalToken) => OverrideTokenWithoutDerivative[ComponentName]),\n) {\n return (_prefixCls?: Ref): UseComponentStyleResult => {\n const prefixCls = computed(() => _prefixCls?.value);\n const [theme, token, hashId] = useToken();\n const { getPrefixCls, iconPrefixCls } = useConfigContextInject();\n const rootPrefixCls = computed(() => getPrefixCls());\n const sharedInfo = computed(() => {\n return {\n theme: theme.value,\n token: token.value,\n hashId: hashId.value,\n path: ['Shared', rootPrefixCls.value],\n };\n });\n // Generate style for all a tags in antd component.\n useStyleRegister(sharedInfo, () => [\n {\n // Link\n '&': genLinkStyle(token.value),\n },\n ]);\n const componentInfo = computed(() => {\n return {\n theme: theme.value,\n token: token.value,\n hashId: hashId.value,\n path: [component, prefixCls.value, iconPrefixCls.value],\n };\n });\n return [\n useStyleRegister(componentInfo, () => {\n const { token: proxyToken, flush } = statisticToken(token.value);\n\n const defaultComponentToken =\n typeof getDefaultToken === 'function'\n ? (getDefaultToken as any)(proxyToken)\n : getDefaultToken;\n const mergedComponentToken = { ...defaultComponentToken, ...token.value[component] };\n\n const componentCls = `.${prefixCls.value}`;\n const mergedToken = mergeToken<\n TokenWithCommonCls>\n >(\n proxyToken,\n {\n componentCls,\n prefixCls: prefixCls.value,\n iconCls: `.${iconPrefixCls.value}`,\n antCls: `.${rootPrefixCls.value}`,\n },\n mergedComponentToken,\n );\n const styleInterpolation = styleFn(mergedToken as unknown as FullToken, {\n hashId: hashId.value,\n prefixCls: prefixCls.value,\n rootPrefixCls: rootPrefixCls.value,\n iconPrefixCls: iconPrefixCls.value,\n overrideComponentToken: token.value[component],\n });\n flush(component, mergedComponentToken);\n return [genCommonStyle(token.value, prefixCls.value), styleInterpolation];\n }),\n hashId,\n ];\n };\n}\n" }, { "path": "components/theme/util/getAlphaColor.ts", "content": "import { TinyColor } from '@ctrl/tinycolor';\n\nfunction isStableColor(color: number): boolean {\n return color >= 0 && color <= 255;\n}\n\nfunction getAlphaColor(frontColor: string, backgroundColor: string): string {\n const { r: fR, g: fG, b: fB, a: originAlpha } = new TinyColor(frontColor).toRgb();\n if (originAlpha < 1) {\n return frontColor;\n }\n\n const { r: bR, g: bG, b: bB } = new TinyColor(backgroundColor).toRgb();\n\n for (let fA = 0.01; fA <= 1; fA += 0.01) {\n const r = Math.round((fR - bR * (1 - fA)) / fA);\n const g = Math.round((fG - bG * (1 - fA)) / fA);\n const b = Math.round((fB - bB * (1 - fA)) / fA);\n if (isStableColor(r) && isStableColor(g) && isStableColor(b)) {\n return new TinyColor({ r, g, b, a: Math.round(fA * 100) / 100 }).toRgbString();\n }\n }\n\n // fallback\n /* istanbul ignore next */\n return new TinyColor({ r: fR, g: fG, b: fB, a: 1 }).toRgbString();\n}\n\nexport default getAlphaColor;\n" }, { "path": "components/theme/util/statistic.ts", "content": "declare const CSSINJS_STATISTIC: any;\n\nconst enableStatistic =\n process.env.NODE_ENV !== 'production' || typeof CSSINJS_STATISTIC !== 'undefined';\nlet recording = true;\n\n/**\n * This function will do as `Object.assign` in production. But will use Object.defineProperty:get to\n * pass all value access in development. To support statistic field usage with alias token.\n */\nexport function merge(...objs: Partial[]): T {\n /* istanbul ignore next */\n if (!enableStatistic) {\n return Object.assign({}, ...objs);\n }\n\n recording = false;\n\n const ret = {} as T;\n\n objs.forEach(obj => {\n const keys = Object.keys(obj);\n\n keys.forEach(key => {\n Object.defineProperty(ret, key, {\n configurable: true,\n enumerable: true,\n get: () => (obj as any)[key],\n });\n });\n });\n\n recording = true;\n return ret;\n}\n\n/** @private Internal Usage. Not use in your production. */\nexport const statistic: Record<\n string,\n { global: string[]; component: Record }\n> = {};\n\n/** @private Internal Usage. Not use in your production. */\n// eslint-disable-next-line camelcase\nexport const _statistic_build_: typeof statistic = {};\n\n/* istanbul ignore next */\nfunction noop() {}\n\n/** Statistic token usage case. Should use `merge` function if you do not want spread record. */\nexport default function statisticToken(token: T) {\n let tokenKeys: Set | undefined;\n let proxy = token;\n let flush: (componentName: string, componentToken: Record) => void =\n noop;\n\n if (enableStatistic) {\n tokenKeys = new Set();\n\n proxy = new Proxy(token, {\n get(obj: any, prop: any) {\n if (recording) {\n tokenKeys!.add(prop);\n }\n return obj[prop];\n },\n });\n\n flush = (componentName, componentToken) => {\n statistic[componentName] = { global: Array.from(tokenKeys!), component: componentToken };\n };\n }\n\n return { token: proxy, keys: tokenKeys, flush };\n}\n" }, { "path": "components/time-picker/__tests__/__snapshots__/demo.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders ./components/time-picker/demo/12hours.vue correctly 1`] = `\n
\n
\n
\n
\n \n \n
\n \n
\n
\n \n
\n
\n
\n \n \n
\n \n
\n
\n \n
\n
\n
\n \n \n
\n \n
\n
\n \n
\n`;\n\nexports[`renders ./components/time-picker/demo/addon.vue correctly 1`] = `\n
\n
\n
\n
\n \n \n
\n \n
\n
\n \n
\n
\n
\n \n \n
\n \n
\n
\n \n
\n`;\n\nexports[`renders ./components/time-picker/demo/basic.vue correctly 1`] = `\n
\n
\n
\n
\n \n
\n \n
\n
\n \n
\n
\n
\n \n
\n \n
\n
\n \n
\n`;\n\nexports[`renders ./components/time-picker/demo/bordered.vue correctly 1`] = `\n
\n
\n
\n
\n \n \n
\n \n
\n
\n \n
\n
\n
\n
\n
\n
\n \n \n \n
\n
\n \n
\n`;\n\nexports[`renders ./components/time-picker/demo/disabled.vue correctly 1`] = `\n
\n
\n \n \n
\n \n
\n`;\n\nexports[`renders ./components/time-picker/demo/hide-column.vue correctly 1`] = `\n
\n
\n \n
\n \n
\n`;\n\nexports[`renders ./components/time-picker/demo/interval-options.vue correctly 1`] = `\n
\n
\n \n \n
\n \n
\n`;\n\nexports[`renders ./components/time-picker/demo/placement.vue correctly 1`] = `\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n \n
\n
\n \n
\n
\n
\n
\n
\n
\n \n \n \n
\n
\n \n
\n`;\n\nexports[`renders ./components/time-picker/demo/range-picker.vue correctly 1`] = `\n
\n
\n
\n
\n
\n \n \n \n
\n`;\n\nexports[`renders ./components/time-picker/demo/size.vue correctly 1`] = `\n
\n
\n
\n
\n \n
\n \n
\n
\n \n
\n
\n
\n \n
\n \n
\n
\n \n
\n
\n
\n \n
\n \n
\n
\n \n
\n`;\n\nexports[`renders ./components/time-picker/demo/status.vue correctly 1`] = `\n
\n
\n
\n
\n \n \n
\n \n
\n
\n \n
\n
\n
\n \n \n
\n \n
\n
\n \n
\n
\n
\n
\n
\n
\n \n \n \n
\n
\n \n
\n
\n
\n
\n
\n
\n \n \n \n
\n
\n \n
\n`;\n\nexports[`renders ./components/time-picker/demo/suffix.vue correctly 1`] = `\n
\n
\n \n
\n \n
\n`;\n\nexports[`renders ./components/time-picker/demo/value.vue correctly 1`] = `\n
\n
\n

use value and @change

\n
\n \n
\n
\n
\n \n \n
\n \n
\n
\n \n
\n

v-model

\n
\n \n
\n
\n
\n \n \n
\n \n
\n
\n \n
\n

Do not change

\n
\n \n
\n
\n
\n \n
\n \n
\n
\n \n
\n`;\n" }, { "path": "components/time-picker/__tests__/__snapshots__/index.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`TimePicker not render clean icon when allowClear is false 1`] = `\n
\n
\n \n \n
\n \n
\n`;\n" }, { "path": "components/time-picker/__tests__/demo.test.js", "content": "import demoTest from '../../../tests/shared/demoTest';\n\ndemoTest('time-picker');\n" }, { "path": "components/time-picker/__tests__/index.test.js", "content": "import { mount } from '@vue/test-utils';\nimport TimePicker from '..';\nimport dayjs from 'dayjs';\nimport focusTest from '../../../tests/shared/focusTest';\nimport mountTest from '../../../tests/shared/mountTest';\nimport { sleep } from '../../../tests/utils';\n\ndescribe('TimePicker', () => {\n const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});\n beforeEach(() => {\n document.body.innerHTML = '';\n });\n afterEach(() => {\n errorSpy.mockReset();\n });\n\n afterAll(() => {\n errorSpy.mockRestore();\n });\n\n focusTest(TimePicker);\n mountTest(TimePicker);\n\n it('renders addon correctly', async () => {\n mount(\n {\n render() {\n return (\n (\n \n )}\n />\n );\n },\n },\n { sync: false, attachTo: 'body' },\n );\n await sleep();\n expect(document.getElementsByClassName('my-btn').length).toBeTruthy();\n expect(errorSpy).toHaveBeenCalledWith(\n 'Warning: [ant-design-vue: TimePicker] `addon` is deprecated. Please use `v-slot:renderExtraFooter` instead.',\n );\n });\n\n it('not render clean icon when allowClear is false', () => {\n const wrapper = mount({\n render() {\n return ;\n },\n });\n expect(wrapper.html()).toMatchSnapshot();\n });\n});\n" }, { "path": "components/time-picker/date-fns.tsx", "content": "import createTimePicker from './time-picker';\nimport dateFnsGenerateConfig from '../vc-picker/generate/dateFns';\nimport type { App } from 'vue';\nimport type { PickerTimeProps, RangePickerTimeProps } from '../date-picker/generatePicker';\n\nconst { TimePicker, TimeRangePicker } = createTimePicker(dateFnsGenerateConfig);\n\nexport interface TimeRangePickerProps extends Omit, 'picker'> {\n popupClassName?: string;\n valueFormat?: string;\n}\nexport interface TimePickerProps extends Omit, 'picker'> {\n popupClassName?: string;\n valueFormat?: string;\n}\n/* istanbul ignore next */\nexport { TimePicker, TimeRangePicker };\nexport default Object.assign(TimePicker, {\n TimePicker,\n TimeRangePicker,\n install: (app: App) => {\n app.component(TimePicker.name, TimePicker);\n app.component(TimeRangePicker.name, TimeRangePicker);\n return app;\n },\n});\n" }, { "path": "components/time-picker/dayjs.tsx", "content": "import type { Dayjs } from 'dayjs';\nimport createTimePicker from './time-picker';\nimport dayjsGenerateConfig from '../vc-picker/generate/dayjs';\nimport type { App } from 'vue';\nimport type { PickerTimeProps, RangePickerTimeProps } from '../date-picker/generatePicker';\n\nconst { TimePicker, TimeRangePicker } = createTimePicker(dayjsGenerateConfig);\n\nexport interface TimeRangePickerProps extends Omit, 'picker'> {\n popupClassName?: string;\n valueFormat?: string;\n}\nexport interface TimePickerProps extends Omit, 'picker'> {\n popupClassName?: string;\n valueFormat?: string;\n}\n\n/* istanbul ignore next */\nexport { TimePicker, TimeRangePicker };\nexport default Object.assign(TimePicker, {\n TimePicker,\n TimeRangePicker,\n install: (app: App) => {\n app.component(TimePicker.name, TimePicker);\n app.component(TimeRangePicker.name, TimeRangePicker);\n return app;\n },\n});\n" }, { "path": "components/time-picker/demo/12hours.vue", "content": "\n---\norder: 2\ntitle:\n zh-CN: 12 小时制\n en-US: 12 hours\n---\n\n## zh-CN\n\n12 小时制的时间选择器，默认的 format 为 `h:mm:ss a`。\n\n## en-US\n\nTimePicker of 12 hours format, with default format `h:mm:ss a`.\n\n\n\n\n\n" }, { "path": "components/time-picker/demo/addon.vue", "content": "\n---\norder: 1\ntitle:\n zh-CN: 附加内容\n en-US: Addon\n---\n\n## zh-CN\n\n在 TimePicker 选择框底部显示自定义的内容。\n\n## en-US\n\nRender addon contents to timepicker panel's bottom.\n\n\n\n\n\n" }, { "path": "components/time-picker/demo/basic.vue", "content": "\n---\norder: 0\ntitle:\n zh-CN: 基本\n en-US: Basic\n---\n\n## zh-CN\n\n点击 TimePicker，然后可以在浮层中选择或者输入某一时间。\n\n## en-US\n\nClick `TimePicker`, and then we could select or input a time in panel.\n\n\n\n\n\n" }, { "path": "components/time-picker/demo/bordered.vue", "content": "\n---\norder: 14\ntitle:\n zh-CN: 无边框\n en-US: Bordered-less\n---\n\n## zh-CN\n\n无边框样式。\n\n## en-US\n\nBordered-less style component.\n\n\n\n\n" }, { "path": "components/time-picker/demo/disabled.vue", "content": "\n---\norder: 3\ntitle:\n zh-CN: 禁用\n en-US: Disabled\n---\n\n## zh-CN\n\n禁用时间选择。\n\n## en-US\n\nA disabled state of the `TimePicker`.\n\n\n\n\n\n" }, { "path": "components/time-picker/demo/hide-column.vue", "content": "\n---\norder: 4\ntitle:\n zh-CN: 选择时分\n en-US: Hour and minute\n---\n\n## zh-CN\n\nTimePicker 浮层中的列会随着 `format` 变化，当略去 `format` 中的某部分时，浮层中对应的列也会消失。\n\n## en-US\n\nWhile part of `format` is omitted, the corresponding column in panel will disappear, too.\n\n\n\n\n\n" }, { "path": "components/time-picker/demo/index.vue", "content": "\n\n\n\n" }, { "path": "components/time-picker/demo/interval-options.vue", "content": "\n---\norder: 5\ntitle:\n zh-CN: 步长选项\n en-US: Interval option\n---\n\n## zh-CN\n\n可以使用 `hourStep` `minuteStep` `secondStep` 按步长展示可选的时分秒。\n\n## en-US\n\nShow stepped options by `hourStep` `minuteStep` `secondStep`.\n\n\n\n\n\n" }, { "path": "components/time-picker/demo/placement.vue", "content": "\n---\norder: 28\ntitle:\n zh-CN: 弹出位置\n en-US: Popup Placement\n---\n\n## zh-CN\n\n可以通过 `placement` 手动指定弹出的位置。\n\n## en-US\n\nYou can manually specify the position of the popup via `placement`.\n\n\n\n\n\n" }, { "path": "components/time-picker/demo/range-picker.vue", "content": "\n---\norder: 13\ntitle:\n zh-CN: 范围选择器\n en-US: Time Range Picker\n---\n\n## zh-CN\n\n通过 `TimeRangePicker` 使用时间范围选择器。\n\n## en-US\n\nUse time range picker with `TimeRangePicker`.\n\n\n\n\n" }, { "path": "components/time-picker/demo/size.vue", "content": "\n---\norder: 6\ntitle:\n zh-CN: 三种大小\n en-US: Three Sizes\n---\n\n## zh-CN\n\n三种大小的输入框，大的用在表单中，中的为默认。\n\n## en-US\n\nThe input box comes in three sizes. large is used in the form, while the medium size is the default.\n\n\n\n\n\n" }, { "path": "components/time-picker/demo/status.vue", "content": "\n---\norder: 19\nversion: 3.3.0\ntitle:\n zh-CN: 自定义状态\n en-US: Status\n---\n\n## zh-CN\n\n使用 `status` 为 DatePicker 添加状态，可选 `error` 或者 `warning`。\n\n## en-US\n\nAdd status to DatePicker with `status`, which could be `error` or `warning`.\n\n\n\n\n" }, { "path": "components/time-picker/demo/suffix.vue", "content": "\n---\norder: 7\ntitle:\n zh-CN: 后缀图标\n en-US: Suffix\n---\n\n## zh-CN\n\n点击 TimePicker，然后可以在浮层中选择或者输入某一时间。\n\n## en-US\n\nClick `TimePicker`, and then we could select or input a time in panel.\n\n\n\n\n\n" }, { "path": "components/time-picker/demo/value.vue", "content": "\n---\norder: 8\ndebugger: true\ntitle:\n zh-CN: 受控组件\n en-US: Under Control\n---\n\n## zh-CN\n\nvalue 和 onChange 需要配合使用。也可以直接使用v-model。\n\n## en-US\n\n`value` and `@change` should be used together or use v-model.\n\n\n\n\n\n" }, { "path": "components/time-picker/index.en-US.md", "content": "---\ncategory: Components\ntype: Data Entry\ntitle: TimePicker\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*kGmGSLk_1fwAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*1hDmQJIDFJQAAAAAAAAAAAAADrJ8AQ/original\n---\n\nTo select/input a time.\n\n## When To Use\n\nBy clicking the input box, you can select a time from a popup panel.\n\n## API\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| allowClear | Whether allow clearing text | boolean | true | |\n| autofocus | If get focus when component mounted | boolean | false | |\n| bordered | Whether has border style | boolean | true | |\n| clearIcon | The custom clear icon | v-slot:clearIcon | - | |\n| clearText | The clear tooltip of icon | string | clear | |\n| disabled | Determine whether the TimePicker is disabled | boolean | false | |\n| disabledTime | To specify the time that cannot be selected | [DisabledTime](#disabledtime) | - | 3.3.0 |\n| format | To set the time format | string | `HH:mm:ss` | |\n| getPopupContainer | To set the container of the floating layer, while the default is to create a div element in body | function(trigger) | - | |\n| hideDisabledOptions | Whether hide the options that can not be selected | boolean | false | |\n| hourStep | Interval between hours in picker | number | 1 | |\n| inputReadOnly | Set the `readonly` attribute of the input tag (avoids virtual keyboard on touch devices) | boolean | false | |\n| minuteStep | Interval between minutes in picker | number | 1 | |\n| open(v-model) | Whether to popup panel | boolean | false | |\n| placeholder | Display when there's no value | string \\| \\[string, string] | `Select a time` | |\n| placement | The position where the selection box pops up | `bottomLeft` `bottomRight` `topLeft` `topRight` | bottomLeft | |\n| popupClassName | The className of panel | string | - | |\n| popupStyle | The style of panel | CSSProperties | - | |\n| renderExtraFooter | Called from time picker panel to render some addon to its bottom | v-slot:renderExtraFooter | - | |\n| secondStep | Interval between seconds in picker | number | 1 | |\n| showNow | Whether to show `Now` button on panel | boolean | - | |\n| suffixIcon | The custom suffix icon | v-slot:suffixIcon | - | |\n| use12Hours | Display as 12 hours format, with default format `h:mm:ss a` | boolean | false | |\n| value(v-model) | To set time | [dayjs](https://day.js.org/) | - | |\n| valueFormat | optional, format of binding value. If not specified, the binding value will be a Date object | string, [date formats](https://day.js.org/docs/en/display/format) | - | |\n\n#### DisabledTime\n\n```typescript\ntype DisabledTime = (now: Dayjs) => {\n disabledHours?: () => number[];\n disabledMinutes?: (selectedHour: number) => number[];\n disabledSeconds?: (selectedHour: number, selectedMinute: number) => number[];\n};\n```\n\n### events\n\n| Events Name | Description | Arguments |\n| --- | --- | --- |\n| change | a callback function, can be executed when the selected time is changing | function(time: dayjs \\| string, timeString: string): void |\n| openChange | a callback function which will be called while panel opening/closing | (open: boolean): void |\n\n## Methods\n\n| Name | Description |\n| ------- | ------------ |\n| blur() | remove focus |\n| focus() | get focus |\n\n### TimeRangePicker\n\nSame props from [RangePicker](/components/date-picker/#rangepicker) of DatePicker. And includes additional props:\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| order | Order start and end time | boolean | true | |\n| disabledTime | To specify the time that cannot be selected | [RangeDisabledTime](#rangedisabledtime) | - | 3.3.0 |\n\n#### RangeDisabledTime\n\n```typescript\ntype RangeDisabledTime = (\n now: Dayjs,\n type = 'start' | 'end',\n) => {\n disabledHours?: () => number[];\n disabledMinutes?: (selectedHour: number) => number[];\n disabledSeconds?: (selectedHour: number, selectedMinute: number) => number[];\n};\n```\n\n## FAQ\n\n### How to use DatePicker with customize date library（like moment.js \\| dayjs \\| date-fns）？\n\nPlease refer [replace date](/docs/vue/replace-date)\n" }, { "path": "components/time-picker/index.tsx", "content": "import TimePicker from './dayjs';\nexport * from './dayjs';\nexport interface TimePickerLocale {\n placeholder?: string;\n rangePlaceholder?: [string, string];\n}\n\nexport default TimePicker;\n" }, { "path": "components/time-picker/index.zh-CN.md", "content": "---\ncategory: Components\ntype: 数据录入\ntitle: TimePicker\nsubtitle: 时间选择框\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*kGmGSLk_1fwAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*1hDmQJIDFJQAAAAAAAAAAAAADrJ8AQ/original\n---\n\n输入或选择时间的控件。\n\n## 何时使用\n\n当用户需要输入一个时间，可以点击标准输入框，弹出时间面板进行选择。\n\n## API\n\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\n| --- | --- | --- | --- | --- |\n| allowClear | 是否展示清除按钮 | boolean | true | |\n| autofocus | 自动获取焦点 | boolean | false | |\n| bordered | 是否有边框 | boolean | true | |\n| clearIcon | 自定义的清除图标 | v-slot:clearIcon | - | |\n| clearText | 清除按钮的提示文案 | string | clear | |\n| disabled | 禁用全部操作 | boolean | false | |\n| disabledTime | 不可选择的时间 | [DisabledTime](#disabledtime) | - | 3.3.0 |\n| format | 展示的时间格式 | string | `HH:mm:ss` | |\n| getPopupContainer | 定义浮层的容器，默认为 body 上新建 div | function(trigger) | - | |\n| hideDisabledOptions | 隐藏禁止选择的选项 | boolean | false | |\n| hourStep | 小时选项间隔 | number | 1 | |\n| inputReadOnly | 设置输入框为只读（避免在移动设备上打开虚拟键盘） | boolean | false | |\n| minuteStep | 分钟选项间隔 | number | 1 | |\n| open(v-model) | 面板是否打开 | boolean | false | |\n| placeholder | 没有值的时候显示的内容 | string \\| \\[string, string] | `请选择时间` | |\n| placement | 选择框弹出的位置 | `bottomLeft` `bottomRight` `topLeft` `topRight` | bottomLeft | |\n| popupClassName | 弹出层类名 | string | - | |\n| popupStyle | 弹出层样式对象 | object | - | |\n| renderExtraFooter | 选择框底部显示自定义的内容 | v-slot:renderExtraFooter | - | |\n| secondStep | 秒选项间隔 | number | 1 | |\n| showNow | 面板是否显示“此刻”按钮 | boolean | - | |\n| status | 设置校验状态 | 'error' \\| 'warning' | - | 3.3.0 |\n| suffixIcon | 自定义的选择框后缀图标 | v-slot:suffixIcon | - | |\n| use12Hours | 使用 12 小时制，为 true 时 `format` 默认为 `h:mm:ss a` | boolean | false | |\n| value(v-model) | 当前时间 | [dayjs](https://day.js.org/) | - | |\n| valueFormat | 可选，绑定值的格式，对 value、defaultValue 起作用。不指定则绑定值为 dayjs 对象 | string，[具体格式](https://day.js.org/docs/zh-CN/display/format) | - | |\n\n#### DisabledTime\n\n```typescript\ntype DisabledTime = (now: Dayjs) => {\n disabledHours?: () => number[];\n disabledMinutes?: (selectedHour: number) => number[];\n disabledSeconds?: (selectedHour: number, selectedMinute: number) => number[];\n};\n```\n\n### 事件\n\n| 事件名称 | 说明 | 回调参数 |\n| ---------- | --------------------- | --------------------------------------------------------- |\n| change | 时间发生变化的回调 | function(time: dayjs \\| string, timeString: string): void |\n| openChange | 面板打开/关闭时的回调 | (open: boolean): void |\n\n## 方法\n\n| 名称 | 描述 |\n| ------- | -------- |\n| blur() | 移除焦点 |\n| focus() | 获取焦点 |\n\n### TimeRangePicker\n\n属性与 DatePicker 的 [RangePicker](/components/date-picker/#rangepicker) 相同。还包含以下属性：\n\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\n| ------------ | -------------------- | --------------------------------------- | ------ | ----- |\n| order | 始末时间是否自动排序 | boolean | true | |\n| disabledTime | 不可选择的时间 | [RangeDisabledTime](#pangedisabledtime) | - | 3.3.0 |\n\n#### RangeDisabledTime\n\n```typescript\ntype RangeDisabledTime = (\n now: Dayjs,\n type = 'start' | 'end',\n) => {\n disabledHours?: () => number[];\n disabledMinutes?: (selectedHour: number) => number[];\n disabledSeconds?: (selectedHour: number, selectedMinute: number) => number[];\n};\n```\n\n## FAQ\n\n### 如何在 DatePicker 中使用自定义日期库（如 moment.js \\| dayjs \\| date-fns）？\n\n请参考[《自定义日期库》](/docs/vue/replace-date-cn)\n" }, { "path": "components/time-picker/locale/ar_EG.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'اختيار الوقت',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/az_AZ.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Vaxtı seç',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/bg_BG.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Избор на час',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/bn_BD.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'সময় নির্বাচন',\n rangePlaceholder: ['সময় শুরু', 'শেষ সময়'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/by_BY.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Выберыце час',\n rangePlaceholder: ['Час пачатку', 'Час заканчэння'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/ca_ES.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Seleccionar hora',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/ckb_IQ.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'کات هەڵبژێرە',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/cs_CZ.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Vybrat čas',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/da_DK.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Vælg tid',\n rangePlaceholder: ['Starttidspunkt', 'Sluttidspunkt'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/de_DE.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Zeit auswählen',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/el_GR.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Επιλέξτε ώρα',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/en_GB.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Select time',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/en_US.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Select time',\n rangePlaceholder: ['Start time', 'End time'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/es_ES.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Seleccionar hora',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/et_EE.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Vali aeg',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/fa_IR.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'انتخاب زمان',\n rangePlaceholder: ['زمان شروع', 'زمان پایان'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/fi_FI.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Valitse aika',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/fr_BE.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: \"Sélectionner l'heure\",\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/fr_CA.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: \"Sélectionner l'heure\",\n rangePlaceholder: ['Heure de début', 'Heure de fin'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/fr_FR.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: \"Sélectionner l'heure\",\n rangePlaceholder: ['Heure de début', 'Heure de fin'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/ga_IE.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Roghnaigh am',\n rangePlaceholder: ['Am tosaigh', 'Am deiridh'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/gl_ES.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Escolla hora',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/he_IL.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'בחר שעה',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/hi_IN.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'समय का चयन करें',\n rangePlaceholder: ['आरंभिक समय', 'अंत समय'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/hr_HR.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Odaberite vrijeme',\n rangePlaceholder: ['Vrijeme početka', 'Vrijeme završetka'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/hu_HU.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Válasszon időt',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/id_ID.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Pilih waktu',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/is_IS.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Velja tíma',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/it_IT.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: \"Selezionare l'orario\",\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/ja_JP.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: '時間を選択',\n rangePlaceholder: ['開始時間', '終了時間'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/ka_GE.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'აირჩიეთ დრო',\n rangePlaceholder: ['საწყისი თარიღი', 'საბოლოო თარიღი'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/kk_KZ.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Уақытты таңдаңыз',\n rangePlaceholder: ['Бастау уақыты', 'Аяқталу уақыты'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/km_KH.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'រើសម៉ោង',\n rangePlaceholder: ['ម៉ោងចប់ផ្ដើម', 'ម៉ោងបញ្ចប់'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/kmr_IQ.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Demê hilbijêre',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/kn_IN.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'ಸಮಯ ಆಯ್ಕೆಮಾಡಿ',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/ko_KR.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: '시간 선택',\n rangePlaceholder: ['시작 시간', '종료 시간'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/lt_LT.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Pasirinkite laiką',\n rangePlaceholder: ['Pradžios laikas', 'Pabaigos laikas'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/lv_LV.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Izvēlieties laiku',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/mk_MK.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Избери време',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/ml_IN.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'സമയം തിരഞ്ഞെടുക്കുക',\n rangePlaceholder: ['ആരംഭ സമയം', 'അവസാന സമയം'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/mn_MN.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Цаг сонгох',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/ms_MY.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Sila pilih masa',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/nb_NO.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Velg tid',\n rangePlaceholder: ['Starttid', 'Sluttid'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/nl_BE.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Selecteer tijd',\n rangePlaceholder: ['Start tijd', 'Eind tijd'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/nl_NL.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Selecteer tijd',\n rangePlaceholder: ['Start tijd', 'Eind tijd'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/pl_PL.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Wybierz godzinę',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/pt_BR.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Hora',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/pt_PT.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Hora',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/ro_RO.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Selectează ora',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/ru_RU.ts", "content": "/** Created by Andrey Gayvoronsky on 13/04/16. */\nimport type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Выберите время',\n rangePlaceholder: ['Время начала', 'Время окончания'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/sk_SK.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Vybrať čas',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/sl_SI.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Izberite čas',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/sr_RS.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Izaberi vreme',\n rangePlaceholder: ['Vreme početka', 'Vreme završetka'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/sv_SE.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Välj tid',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/ta_IN.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'நேரத்தைத் தேர்ந்தெடுக்கவும்',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/th_TH.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'เลือกเวลา',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/tr_TR.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Zaman seç',\n rangePlaceholder: ['Başlangıç zamanı', 'Bitiş zamanı'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/uk_UA.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Оберіть час',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/ur_PK.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'وقت منتخب کریں',\n rangePlaceholder: ['وقت منتخب کریں', 'آخر وقت'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/vi_VN.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: 'Chọn thời gian',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/zh_CN.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: '请选择时间',\n rangePlaceholder: ['开始时间', '结束时间'],\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/locale/zh_TW.ts", "content": "import type { TimePickerLocale } from '../index';\n\nconst locale: TimePickerLocale = {\n placeholder: '請選擇時間',\n};\n\nexport default locale;\n" }, { "path": "components/time-picker/moment.tsx", "content": "import type { Moment } from 'moment';\nimport createTimePicker from './time-picker';\nimport momentGenerateConfig from '../vc-picker/generate/moment';\nimport type { App } from 'vue';\nimport type { PickerTimeProps, RangePickerTimeProps } from '../date-picker/generatePicker';\n\nconst { TimePicker, TimeRangePicker } = createTimePicker(momentGenerateConfig);\n\nexport interface TimeRangePickerProps extends Omit, 'picker'> {\n popupClassName?: string;\n valueFormat?: string;\n}\nexport interface TimePickerProps extends Omit, 'picker'> {\n popupClassName?: string;\n valueFormat?: string;\n}\n/* istanbul ignore next */\nexport { TimePicker, TimeRangePicker };\nexport default Object.assign(TimePicker, {\n TimePicker,\n TimeRangePicker,\n install: (app: App) => {\n app.component(TimePicker.name, TimePicker);\n app.component(TimeRangePicker.name, TimeRangePicker);\n return app;\n },\n});\n" }, { "path": "components/time-picker/time-picker.tsx", "content": "import type { ExtractPropTypes } from 'vue';\nimport { defineComponent, ref } from 'vue';\nimport type { RangePickerTimeProps } from '../date-picker/generatePicker';\nimport generatePicker from '../date-picker/generatePicker';\nimport {\n commonProps,\n datePickerProps,\n rangePickerProps,\n} from '../date-picker/generatePicker/props';\nimport type { CommonProps, DatePickerProps } from '../date-picker/generatePicker/props';\nimport type { GenerateConfig } from '../vc-picker/generate';\nimport type { PanelMode, RangeValue } from '../vc-picker/interface';\nimport type { RangePickerSharedProps } from '../vc-picker/RangePicker';\nimport devWarning from '../vc-util/devWarning';\nimport { useInjectFormItemContext } from '../form/FormItemContext';\nimport omit from '../_util/omit';\n\nimport type { InputStatus } from '../_util/statusUtils';\nimport { booleanType, stringType } from '../_util/type';\nimport type { CustomSlotsType } from '../_util/type';\n\nexport interface TimePickerLocale {\n placeholder?: string;\n rangePlaceholder?: [string, string];\n}\n\nexport const timePickerProps = () => ({\n format: String,\n showNow: booleanType(),\n showHour: booleanType(),\n showMinute: booleanType(),\n showSecond: booleanType(),\n use12Hours: booleanType(),\n hourStep: Number,\n minuteStep: Number,\n secondStep: Number,\n hideDisabledOptions: booleanType(),\n popupClassName: String,\n status: stringType(),\n});\ntype CommonTimePickerProps = Partial>>;\nexport type TimeRangePickerProps = Omit<\n RangePickerTimeProps,\n 'picker' | 'defaultPickerValue' | 'defaultValue' | 'value' | 'onChange' | 'onPanelChange' | 'onOk'\n> & {\n popupClassName?: string;\n valueFormat?: string;\n defaultPickerValue?: RangeValue | RangeValue;\n defaultValue?: RangeValue | RangeValue;\n value?: RangeValue | RangeValue;\n onChange?: (\n value: RangeValue | RangeValue | null,\n dateString: [string, string],\n ) => void;\n 'onUpdate:value'?: (value: RangeValue | RangeValue | null) => void;\n onPanelChange?: (\n values: RangeValue | RangeValue,\n modes: [PanelMode, PanelMode],\n ) => void;\n onOk?: (dates: RangeValue | RangeValue) => void;\n};\n\nexport type TimePickerProps = CommonProps &\n DatePickerProps &\n CommonTimePickerProps & {\n addon?: () => void;\n };\n\nfunction createTimePicker<\n DateType,\n DTimePickerProps extends TimePickerProps = TimePickerProps,\n DTimeRangePickerProps extends TimeRangePickerProps = TimeRangePickerProps,\n>(generateConfig: GenerateConfig) {\n const DatePicker = generatePicker(generateConfig, {\n ...timePickerProps(),\n order: { type: Boolean, default: true },\n });\n\n const { TimePicker: InternalTimePicker, RangePicker: InternalRangePicker } = DatePicker as any;\n const TimePicker = defineComponent({\n name: 'ATimePicker',\n inheritAttrs: false,\n props: {\n ...commonProps(),\n ...datePickerProps(),\n ...timePickerProps(),\n addon: { type: Function },\n } as any,\n slots: Object as CustomSlotsType<{\n addon?: any;\n renderExtraFooter?: any;\n suffixIcon?: any;\n clearIcon?: any;\n default: any;\n }>,\n setup(p, { slots, expose, emit, attrs }) {\n const props = p as unknown as DTimePickerProps;\n const formItemContext = useInjectFormItemContext();\n devWarning(\n !(slots.addon || props.addon),\n 'TimePicker',\n '`addon` is deprecated. Please use `v-slot:renderExtraFooter` instead.',\n );\n const pickerRef = ref();\n expose({\n focus: () => {\n pickerRef.value?.focus();\n },\n blur: () => {\n pickerRef.value?.blur();\n },\n });\n const onChange = (value: DateType | string, dateString: string) => {\n emit('update:value', value);\n emit('change', value, dateString);\n formItemContext.onFieldChange();\n };\n const onOpenChange = (open: boolean) => {\n emit('update:open', open);\n emit('openChange', open);\n };\n const onFocus = (e: FocusEvent) => {\n emit('focus', e);\n };\n const onBlur = (e: FocusEvent) => {\n emit('blur', e);\n formItemContext.onFieldBlur();\n };\n const onOk = (value: DateType) => {\n emit('ok', value);\n };\n return () => {\n const { id = formItemContext.id.value } = props;\n //restProps.addon\n return (\n \n );\n };\n },\n });\n\n const TimeRangePicker = defineComponent({\n name: 'ATimeRangePicker',\n inheritAttrs: false,\n props: {\n ...commonProps(),\n ...rangePickerProps(),\n ...timePickerProps(),\n order: { type: Boolean, default: true },\n } as any,\n slots: Object as CustomSlotsType<{\n renderExtraFooter?: any;\n suffixIcon?: any;\n clearIcon?: any;\n default: any;\n }>,\n setup(p, { slots, expose, emit, attrs }) {\n const props = p as unknown as DTimeRangePickerProps;\n const pickerRef = ref();\n const formItemContext = useInjectFormItemContext();\n expose({\n focus: () => {\n pickerRef.value?.focus();\n },\n blur: () => {\n pickerRef.value?.blur();\n },\n });\n const onChange = (\n values: RangeValue | RangeValue,\n dateStrings: [string, string],\n ) => {\n emit('update:value', values);\n emit('change', values, dateStrings);\n formItemContext.onFieldChange();\n };\n const onOpenChange = (open: boolean) => {\n emit('update:open', open);\n emit('openChange', open);\n };\n const onFocus = (e: FocusEvent) => {\n emit('focus', e);\n };\n const onBlur = (e: FocusEvent) => {\n emit('blur', e);\n formItemContext.onFieldBlur();\n };\n const onPanelChange = (\n values: RangeValue | RangeValue,\n modes: [PanelMode, PanelMode],\n ) => {\n emit('panelChange', values, modes);\n };\n const onOk = (values: RangeValue) => {\n emit('ok', values);\n };\n const onCalendarChange: RangePickerSharedProps['onCalendarChange'] = (\n values: RangeValue | RangeValue,\n dateStrings: [string, string],\n info,\n ) => {\n emit('calendarChange', values, dateStrings, info);\n };\n return () => {\n const { id = formItemContext.id.value } = props;\n return (\n \n );\n };\n },\n });\n\n return {\n TimePicker,\n TimeRangePicker,\n };\n}\n\nexport default createTimePicker;\n" }, { "path": "components/timeline/Timeline.tsx", "content": "import type { ExtractPropTypes } from 'vue';\nimport { cloneVNode, defineComponent } from 'vue';\nimport classNames from '../_util/classNames';\nimport PropTypes from '../_util/vue-types';\nimport { filterEmpty } from '../_util/props-util';\nimport initDefaultProps from '../_util/props-util/initDefaultProps';\nimport TimelineItem from './TimelineItem';\nimport LoadingOutlined from '@ant-design/icons-vue/LoadingOutlined';\n\nimport { tuple, booleanType } from '../_util/type';\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\n\n// CSSINJS\nimport useStyle from './style';\nimport type { CustomSlotsType } from '../_util/type';\n\nexport const timelineProps = () => ({\n prefixCls: String,\n /** 指定最后一个幽灵节点是否存在或内容 */\n pending: PropTypes.any,\n pendingDot: PropTypes.any,\n reverse: booleanType(),\n mode: PropTypes.oneOf(tuple('left', 'alternate', 'right', '')),\n});\n\nexport type TimelineProps = Partial>>;\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'ATimeline',\n inheritAttrs: false,\n props: initDefaultProps(timelineProps(), {\n reverse: false,\n mode: '',\n }),\n slots: Object as CustomSlotsType<{\n pending?: any;\n pendingDot?: any;\n default?: any;\n }>,\n setup(props, { slots, attrs }) {\n const { prefixCls, direction } = useConfigInject('timeline', props);\n\n // style\n const [wrapSSR, hashId] = useStyle(prefixCls);\n\n const getPositionCls = (ele, idx: number) => {\n const eleProps = ele.props || {};\n if (props.mode === 'alternate') {\n if (eleProps.position === 'right') return `${prefixCls.value}-item-right`;\n if (eleProps.position === 'left') return `${prefixCls.value}-item-left`;\n return idx % 2 === 0 ? `${prefixCls.value}-item-left` : `${prefixCls.value}-item-right`;\n }\n if (props.mode === 'left') return `${prefixCls.value}-item-left`;\n if (props.mode === 'right') return `${prefixCls.value}-item-right`;\n if (eleProps.position === 'right') return `${prefixCls.value}-item-right`;\n return '';\n };\n\n return () => {\n const {\n pending = slots.pending?.(),\n pendingDot = slots.pendingDot?.(),\n reverse,\n mode,\n } = props;\n const pendingNode = typeof pending === 'boolean' ? null : pending;\n const children = filterEmpty(slots.default?.());\n\n const pendingItem = pending ? (\n }>\n {pendingNode}\n \n ) : null;\n\n if (pendingItem) {\n children.push(pendingItem);\n }\n\n const timeLineItems = reverse ? children.reverse() : children;\n\n const itemsCount = timeLineItems.length;\n const lastCls = `${prefixCls.value}-item-last`;\n const items = timeLineItems.map((ele, idx) => {\n const pendingClass = idx === itemsCount - 2 ? lastCls : '';\n const readyClass = idx === itemsCount - 1 ? lastCls : '';\n return cloneVNode(ele, {\n class: classNames([\n !reverse && !!pending ? pendingClass : readyClass,\n getPositionCls(ele, idx),\n ]),\n });\n });\n const hasLabelItem = timeLineItems.some(\n item => !!(item.props?.label || item.children?.label),\n );\n const classString = classNames(\n prefixCls.value,\n {\n [`${prefixCls.value}-pending`]: !!pending,\n [`${prefixCls.value}-reverse`]: !!reverse,\n [`${prefixCls.value}-${mode}`]: !!mode && !hasLabelItem,\n [`${prefixCls.value}-label`]: hasLabelItem,\n [`${prefixCls.value}-rtl`]: direction.value === 'rtl',\n },\n attrs.class,\n hashId.value,\n );\n return wrapSSR(\n
    \n {items}\n
,\n );\n };\n },\n});\n" }, { "path": "components/timeline/TimelineItem.tsx", "content": "import type { ExtractPropTypes } from 'vue';\nimport { computed, defineComponent } from 'vue';\nimport PropTypes from '../_util/vue-types';\nimport initDefaultProps from '../_util/props-util/initDefaultProps';\n\nimport { tuple, booleanType } from '../_util/type';\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\nimport type { CustomSlotsType } from '../_util/type';\n\nexport const timelineItemProps = () => ({\n prefixCls: String,\n color: String,\n dot: PropTypes.any,\n pending: booleanType(),\n position: PropTypes.oneOf(tuple('left', 'right', '')).def(''),\n label: PropTypes.any,\n});\n\nexport type TimelineItemProps = Partial>>;\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'ATimelineItem',\n props: initDefaultProps(timelineItemProps(), {\n color: 'blue',\n pending: false,\n }),\n slots: Object as CustomSlotsType<{\n dot?: any;\n label?: any;\n default?: any;\n }>,\n setup(props, { slots }) {\n const { prefixCls } = useConfigInject('timeline', props);\n const itemClassName = computed(() => ({\n [`${prefixCls.value}-item`]: true,\n [`${prefixCls.value}-item-pending`]: props.pending,\n }));\n\n const customColor = computed(() =>\n /blue|red|green|gray/.test(props.color || '') ? undefined : props.color || 'blue',\n );\n const dotClassName = computed(() => ({\n [`${prefixCls.value}-item-head`]: true,\n [`${prefixCls.value}-item-head-${props.color || 'blue'}`]: !customColor.value,\n }));\n return () => {\n const { label = slots.label?.(), dot = slots.dot?.() } = props;\n return (\n
  • \n {label &&
    {label}
    }\n
    \n \n {dot}\n
    \n
    {slots.default?.()}
    \n
    • \n );\n };\n },\n});\n" }, { "path": "components/timeline/__tests__/__snapshots__/demo.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders ./components/timeline/demo/alternate.vue correctly 1`] = `\n
      \n
    • \n \n
      \n
      \n \n
      \n
      Create a services site 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      Solve initial network problems 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n
      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      Network problems being solved 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      Create a services site 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n
      Technical testing 2015-09-01
      \n
      • \n
    \n`;\n\nexports[`renders ./components/timeline/demo/basic.vue correctly 1`] = `\n
      \n
    • \n \n
      \n
      \n \n
      \n
      Create a services site 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      Solve initial network problems 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      Technical testing 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      Network problems being solved 2015-09-01
      \n
      • \n
    \n`;\n\nexports[`renders ./components/timeline/demo/color.vue correctly 1`] = `\n
      \n
    • \n \n
      \n
      \n \n
      \n
      Create a services site 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      Create a services site 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      \n

      Solve initial network problems 1

      \n

      Solve initial network problems 2

      \n

      Solve initial network problems 3 2015-09-01

      \n
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      \n

      Technical testing 1

      \n

      Technical testing 2

      \n

      Technical testing 3 2015-09-01

      \n
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      \n

      Technical testing 1

      \n

      Technical testing 2

      \n

      Technical testing 3 2015-09-01

      \n
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      \n

      Technical testing 1

      \n

      Technical testing 2

      \n

      Technical testing 3 2015-09-01

      \n
      \n
      • \n
    • \n \n
      \n
      \n
      \n

      Custom color testing

      \n
      \n
      • \n
    \n`;\n\nexports[`renders ./components/timeline/demo/custom.vue correctly 1`] = `\n
      \n
    • \n \n
      \n
      \n \n
      \n
      Create a services site 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      Solve initial network problems 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n
      Technical testing 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      Network problems being solved 2015-09-01
      \n
      • \n
    \n`;\n\nexports[`renders ./components/timeline/demo/label.vue correctly 1`] = `\n
    \n
      \n
    • \n
      2015-09-01
      \n
      \n
      \n \n
      \n
      Create a services
      \n
      • \n
    • \n
      2015-09-01 09:12:11
      \n
      \n
      \n \n
      \n
      Solve initial network problems
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      Technical testing
      \n
      • \n
    • \n
      2015-09-01 09:12:11
      \n
      \n
      \n \n
      \n
      Network problems being solved
      \n
      • \n
    \n`;\n\nexports[`renders ./components/timeline/demo/pending.vue correctly 1`] = `\n
    \n
      \n
    • \n \n
      \n
      \n \n
      \n
      Create a services site 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      Solve initial network problems 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      Technical testing 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n
      Recording...
      \n
      • \n
    \n
    \n`;\n\nexports[`renders ./components/timeline/demo/right.vue correctly 1`] = `\n
      \n
    • \n \n
      \n
      \n \n
      \n
      Create a services site 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      Solve initial network problems 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n
      Technical testing 2015-09-01
      \n
      • \n
    • \n \n
      \n
      \n \n
      \n
      Network problems being solved 2015-09-01
      \n
      • \n
    \n`;\n" }, { "path": "components/timeline/__tests__/demo.test.js", "content": "import demoTest from '../../../tests/shared/demoTest';\n\ndemoTest('timeline');\n" }, { "path": "components/timeline/__tests__/index.test.js", "content": "import TimeLine from '..';\nimport mountTest from '../../../tests/shared/mountTest';\n\ndescribe('Tag', () => {\n mountTest(TimeLine);\n mountTest(TimeLine.Item);\n});\n" }, { "path": "components/timeline/demo/alternate.vue", "content": "\n---\norder: 4\ntitle:\n zh-CN: 交替展现\n en-US: Alternate\n---\n\n## zh-CN\n\n内容在时间轴两侧轮流出现。\n\n## en-US\n\nAlternate timeline.\n\n\n\n\n\n" }, { "path": "components/timeline/demo/basic.vue", "content": "\n---\norder: 0\ntitle:\n zh-CN: 基本用法\n en-US: Basic usage\n---\n\n## zh-CN\n\n基本的时间轴。\n\n## en-US\n\nBasic timeline.\n\n\n\n\n" }, { "path": "components/timeline/demo/color.vue", "content": "\n---\norder: 1\ntitle:\n zh-CN: 圆圈颜色\n en-US: Color\n---\n\n## zh-CN\n\n圆圈颜色，绿色用于已完成、成功状态，红色表示告警或错误状态，蓝色可表示正在进行或其他默认状态。\n\n## en-US\n\nSet the color of circles. `green` means completed or success status, `red` means warning or error, and `blue` means ongoing or other default status.\n\n\n\n\n\n" }, { "path": "components/timeline/demo/custom.vue", "content": "\n---\norder: 3\ntitle:\n zh-CN: 自定义时间轴点\n en-US: Custom\n---\n\n## zh-CN\n\n可以设置为图标或其他自定义元素。\n\n## en-US\n\nSet a node as an icon or other custom element.\n\n\n\n\n\n" }, { "path": "components/timeline/demo/index.vue", "content": "\n\n" }, { "path": "components/timeline/demo/label.vue", "content": "\n---\norder: 5\ntitle:\n zh-CN: 标签\n en-US: Label\n---\n\n## zh-CN\n\n使用 `label` 标签单独展示时间。\n\n## en-US\n\nUse `label` show time alone.\n\n\n\n\n\n" }, { "path": "components/timeline/demo/pending.vue", "content": "\n---\norder: 2\ntitle:\n zh-CN: 最后一个及排序\n en-US: Last node\n---\n\n## zh-CN\n\n当任务状态正在发生，还在记录过程中，可用幽灵节点来表示当前的时间节点，当 `pending` 为真值时展示幽灵节点，如果 `pending` 是 `VNode` 可用于定制该节点内容，同时 `pendingDot` 将可以用于定制其轴点。reverse 属性用于控制节点排序，为 false 时按正序排列，为 true 时按倒序排列。\n\n## en-US\n\nWhen the timeline is incomplete and ongoing, put a ghost node at last. Set `pending` as truthy value to enable displaying pending item. You can customize the `pending` content by passing a `VNode`. Meanwhile, `slot=\"pendingDot\"` is used to customize the dot of the pending item.\n`reverse={true}` is used for reversing nodes.\n\n\n\n\n\n" }, { "path": "components/timeline/demo/right.vue", "content": "\n---\norder: 5\ntitle:\n zh-CN: 右侧时间轴点\n en-US: Right alternate\n---\n\n## zh-CN\n\n时间轴点可以在内容的右边。\n\n## en-US\n\nRight alternate timeline.\n\n\n\n\n\n" }, { "path": "components/timeline/index.en-US.md", "content": "---\ncategory: Components\ntype: Data Display\ntitle: Timeline\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*FkTySqNt3sYAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*yIl9S4hAIBcAAAAAAAAAAAAADrJ8AQ/original\n---\n\nVertical display timeline.\n\n## When To Use\n\n- When a series of information needs to be ordered by time (ascending or descending).\n- When you need a timeline to make a visual connection.\n\n## API\n\n```html\n\n step1 2015-09-01\n step2 2015-09-01\n step3 2015-09-01\n step4 2015-09-01\n\n```\n\n### Timeline\n\nTimeline\n\n| Property | Description | Type | Default |\n| --- | --- | --- | --- |\n| mode | By sending `alternate` the timeline will distribute the nodes to the left and right. | `left` \\| `alternate` \\| `right` | `left` |\n| pending | Set the last ghost node's existence or its content | boolean\\|string\\|slot | `false` |\n| pendingDot | Set the dot of the last ghost node when pending is true | string\\|slot | `` |\n| reverse | reverse nodes or not | boolean | false |\n\n### Timeline.Item\n\nNode of timeline\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| color | Set the circle's color to `blue`, `red`, `green` or other custom colors | string | `blue` | |\n| dot | Customize timeline dot | string\\|slot | - | |\n| label | Set the label | string \\| slot | - | 3.0 |\n| position | Customize node position | `left` \\| `right` | - | |\n" }, { "path": "components/timeline/index.tsx", "content": "import type { App, Plugin } from 'vue';\nimport Timeline, { timelineProps } from './Timeline';\nimport TimelineItem, { timelineItemProps } from './TimelineItem';\n\nexport type { TimelineProps } from './Timeline';\nexport type { TimelineItemProps } from './TimelineItem';\n\nTimeline.Item = TimelineItem;\n\n/* istanbul ignore next */\nTimeline.install = function (app: App) {\n app.component(Timeline.name, Timeline);\n app.component(TimelineItem.name, TimelineItem);\n return app;\n};\nexport { TimelineItem, timelineProps, timelineItemProps };\nexport default Timeline as typeof Timeline &\n Plugin & {\n readonly Item: typeof TimelineItem;\n };\n" }, { "path": "components/timeline/index.zh-CN.md", "content": "---\ncategory: Components\ntype: 数据展示\ntitle: Timeline\nsubtitle: 时间轴\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*FkTySqNt3sYAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*yIl9S4hAIBcAAAAAAAAAAAAADrJ8AQ/original\n---\n\n垂直展示的时间流信息。\n\n## 何时使用\n\n- 当有一系列信息需按时间排列时，可正序和倒序。\n- 需要有一条时间轴进行视觉上的串联时。\n\n## API\n\n```html\n\n 创建服务现场 2015-09-01\n 初步排除网络异常 2015-09-01\n 技术测试异常 2015-09-01\n 网络异常正在修复 2015-09-01\n\n```\n\n### Timeline\n\n时间轴。\n\n| 参数 | 说明 | 类型 | 默认值 |\n| --- | --- | --- | --- |\n| mode | 通过设置 `mode` 可以改变时间轴和内容的相对位置 | `left` \\| `alternate` \\| `right` | |\n| pending | 指定最后一个幽灵节点是否存在或内容 | boolean\\|string\\|slot | false |\n| pendingDot | 当最后一个幽灵节点存在時，指定其时间图点 | string\\|slot | `` |\n| reverse | 节点排序 | boolean | false |\n\n### Timeline.Item\n\n时间轴的每一个节点。\n\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\n| -------- | ----------------------------------------------- | ----------------- | ------ | ---- |\n| color | 指定圆圈颜色 `blue, red, green`，或自定义的色值 | string | blue | |\n| dot | 自定义时间轴点 | string\\|slot | - | |\n| label | 设置标签 | string \\| slot | - | 3.0 |\n| position | 自定义节点位置 | `left` \\| `right` | - | |\n" }, { "path": "components/timeline/style/index.tsx", "content": "import type { CSSObject } from '../../_util/cssinjs';\nimport type { FullToken, GenerateStyle } from '../../theme/internal';\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal';\nimport { resetComponent } from '../../style';\n\nexport interface ComponentToken {}\n\ninterface TimelineToken extends FullToken<'Timeline'> {\n timeLineItemPaddingBottom: number;\n timeLineItemHeadSize: number;\n timeLineItemCustomHeadPaddingVertical: number;\n timeLineItemTailWidth: number;\n timeLinePaddingInlineEnd: number;\n timeLineHeadBorderWidth: number;\n}\n\nconst genTimelineStyle: GenerateStyle = token => {\n const { componentCls } = token;\n\n return {\n [componentCls]: {\n ...resetComponent(token),\n margin: 0,\n padding: 0,\n listStyle: 'none',\n\n [`${componentCls}-item`]: {\n position: 'relative',\n margin: 0,\n paddingBottom: token.timeLineItemPaddingBottom,\n fontSize: token.fontSize,\n listStyle: 'none',\n\n '&-tail': {\n position: 'absolute',\n insetBlockStart: token.timeLineItemHeadSize,\n insetInlineStart: (token.timeLineItemHeadSize - token.timeLineItemTailWidth) / 2,\n height: `calc(100% - ${token.timeLineItemHeadSize}px)`,\n borderInlineStart: `${token.timeLineItemTailWidth}px ${token.lineType} ${token.colorSplit}`,\n },\n\n '&-pending': {\n [`${componentCls}-item-head`]: {\n fontSize: token.fontSizeSM,\n backgroundColor: 'transparent',\n },\n\n [`${componentCls}-item-tail`]: {\n display: 'none',\n },\n },\n\n '&-head': {\n position: 'absolute',\n width: token.timeLineItemHeadSize,\n height: token.timeLineItemHeadSize,\n backgroundColor: token.colorBgContainer,\n border: `${token.timeLineHeadBorderWidth}px ${token.lineType} transparent`,\n borderRadius: '50%',\n\n '&-blue': {\n color: token.colorPrimary,\n borderColor: token.colorPrimary,\n },\n\n '&-red': {\n color: token.colorError,\n borderColor: token.colorError,\n },\n\n '&-green': {\n color: token.colorSuccess,\n borderColor: token.colorSuccess,\n },\n\n '&-gray': {\n color: token.colorTextDisabled,\n borderColor: token.colorTextDisabled,\n },\n },\n\n '&-head-custom': {\n position: 'absolute',\n insetBlockStart: token.timeLineItemHeadSize / 2,\n insetInlineStart: token.timeLineItemHeadSize / 2,\n width: 'auto',\n height: 'auto',\n marginBlockStart: 0,\n paddingBlock: token.timeLineItemCustomHeadPaddingVertical,\n lineHeight: 1,\n textAlign: 'center',\n border: 0,\n borderRadius: 0,\n transform: `translate(-50%, -50%)`,\n },\n\n '&-content': {\n position: 'relative',\n insetBlockStart: -(token.fontSize * token.lineHeight - token.fontSize) + token.lineWidth,\n marginInlineStart: token.margin + token.timeLineItemHeadSize,\n marginInlineEnd: 0,\n marginBlockStart: 0,\n marginBlockEnd: 0,\n wordBreak: 'break-word',\n },\n\n '&-last': {\n [`> ${componentCls}-item-tail`]: {\n display: 'none',\n },\n\n [`> ${componentCls}-item-content`]: {\n minHeight: token.controlHeightLG * 1.2,\n },\n },\n },\n\n [`&${componentCls}-alternate,\n &${componentCls}-right,\n &${componentCls}-label`]: {\n [`${componentCls}-item`]: {\n '&-tail, &-head, &-head-custom': {\n insetInlineStart: '50%',\n },\n\n '&-head': {\n marginInlineStart: `-${token.marginXXS}px`,\n\n '&-custom': {\n marginInlineStart: token.timeLineItemTailWidth / 2,\n },\n },\n\n '&-left': {\n [`${componentCls}-item-content`]: {\n insetInlineStart: `calc(50% - ${token.marginXXS}px)`,\n width: `calc(50% - ${token.marginSM}px)`,\n textAlign: 'start',\n },\n },\n\n '&-right': {\n [`${componentCls}-item-content`]: {\n width: `calc(50% - ${token.marginSM}px)`,\n margin: 0,\n textAlign: 'end',\n },\n },\n },\n },\n\n [`&${componentCls}-right`]: {\n [`${componentCls}-item-right`]: {\n [`${componentCls}-item-tail,\n ${componentCls}-item-head,\n ${componentCls}-item-head-custom`]: {\n insetInlineStart: `calc(100% - ${\n (token.timeLineItemHeadSize + token.timeLineItemTailWidth) / 2\n }px)`,\n },\n\n [`${componentCls}-item-content`]: {\n width: `calc(100% - ${token.timeLineItemHeadSize + token.marginXS}px)`,\n },\n },\n },\n\n [`&${componentCls}-pending\n ${componentCls}-item-last\n ${componentCls}-item-tail`]: {\n display: 'block',\n height: `calc(100% - ${token.margin}px)`,\n borderInlineStart: `${token.timeLineItemTailWidth}px dotted ${token.colorSplit}`,\n },\n\n [`&${componentCls}-reverse\n ${componentCls}-item-last\n ${componentCls}-item-tail`]: {\n display: 'none',\n },\n\n [`&${componentCls}-reverse ${componentCls}-item-pending`]: {\n [`${componentCls}-item-tail`]: {\n insetBlockStart: token.margin,\n display: 'block',\n height: `calc(100% - ${token.margin}px)`,\n borderInlineStart: `${token.timeLineItemTailWidth}px dotted ${token.colorSplit}`,\n },\n\n [`${componentCls}-item-content`]: {\n minHeight: token.controlHeightLG * 1.2,\n },\n },\n\n [`&${componentCls}-label`]: {\n [`${componentCls}-item-label`]: {\n position: 'absolute',\n insetBlockStart:\n -(token.fontSize * token.lineHeight - token.fontSize) + token.timeLineItemTailWidth,\n width: `calc(50% - ${token.marginSM}px)`,\n textAlign: 'end',\n },\n\n [`${componentCls}-item-right`]: {\n [`${componentCls}-item-label`]: {\n insetInlineStart: `calc(50% + ${token.marginSM}px)`,\n width: `calc(50% - ${token.marginSM}px)`,\n textAlign: 'start',\n },\n },\n },\n\n // ====================== RTL =======================\n '&-rtl': {\n direction: 'rtl',\n\n [`${componentCls}-item-head-custom`]: {\n transform: `translate(50%, -50%)`,\n },\n },\n },\n };\n};\n\n// ============================== Export ==============================\nexport default genComponentStyleHook('Timeline', token => {\n const timeLineToken = mergeToken(token, {\n timeLineItemPaddingBottom: token.padding * 1.25,\n timeLineItemHeadSize: 10,\n timeLineItemCustomHeadPaddingVertical: token.paddingXXS,\n timeLinePaddingInlineEnd: 2,\n timeLineItemTailWidth: token.lineWidthBold,\n timeLineHeadBorderWidth: token.wireframe ? token.lineWidthBold : token.lineWidth * 3,\n });\n\n return [genTimelineStyle(timeLineToken)];\n});\n" }, { "path": "components/tooltip/Tooltip.tsx", "content": "import type { CSSProperties, ExtractPropTypes } from 'vue';\nimport { computed, watch, defineComponent, ref } from 'vue';\nimport VcTooltip from '../vc-tooltip';\nimport classNames from '../_util/classNames';\nimport PropTypes from '../_util/vue-types';\nimport warning from '../_util/warning';\nimport {\n getStyle,\n filterEmpty,\n isValidElement,\n initDefaultProps,\n isFragment,\n} from '../_util/props-util';\nimport { cloneElement } from '../_util/vnode';\nexport type { TriggerType, TooltipPlacement } from './abstractTooltipProps';\nimport abstractTooltipProps from './abstractTooltipProps';\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\nimport getPlacements from '../_util/placements';\nimport firstNotUndefined from '../_util/firstNotUndefined';\nimport raf from '../_util/raf';\n\nimport { parseColor } from './util';\nexport type { AdjustOverflow, PlacementsConfig } from '../_util/placements';\nimport useStyle from './style';\nimport { getTransitionName } from '../_util/transition';\nimport type { CustomSlotsType } from '../_util/type';\n\n// https://github.com/react-component/tooltip\n// https://github.com/yiminghe/dom-align\nexport interface TooltipAlignConfig {\n points?: [string, string];\n offset?: [number | string, number | string];\n targetOffset?: [number | string, number | string];\n overflow?: { adjustX: boolean; adjustY: boolean };\n useCssRight?: boolean;\n useCssBottom?: boolean;\n useCssTransform?: boolean;\n}\nconst splitObject = (\n obj: T,\n keys: (keyof T)[],\n): Record<'picked' | 'omitted', T> => {\n const picked: T = {} as T;\n const omitted: T = { ...obj };\n keys.forEach(key => {\n if (obj && key in obj) {\n picked[key] = obj[key];\n delete omitted[key];\n }\n });\n return { picked, omitted };\n};\n\nexport const tooltipProps = () => ({\n ...abstractTooltipProps(),\n title: PropTypes.any,\n});\n\nexport const tooltipDefaultProps = () => ({\n trigger: 'hover',\n align: {},\n placement: 'top',\n mouseEnterDelay: 0.1,\n mouseLeaveDelay: 0.1,\n arrowPointAtCenter: false,\n autoAdjustOverflow: true,\n});\n\nexport type TooltipProps = Partial>>;\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'ATooltip',\n inheritAttrs: false,\n props: initDefaultProps(tooltipProps(), {\n trigger: 'hover',\n align: {},\n placement: 'top',\n mouseEnterDelay: 0.1,\n mouseLeaveDelay: 0.1,\n arrowPointAtCenter: false,\n autoAdjustOverflow: true,\n }),\n slots: Object as CustomSlotsType<{\n title?: any;\n default?: any;\n }>,\n // emits: ['update:visible', 'visibleChange'],\n setup(props, { slots, emit, attrs, expose }) {\n if (process.env.NODE_ENV !== 'production') {\n [\n ['visible', 'open'],\n ['onVisibleChange', 'onOpenChange'],\n ].forEach(([deprecatedName, newName]) => {\n warning(\n props[deprecatedName] === undefined,\n 'Tooltip',\n `\\`${deprecatedName}\\` is deprecated, please use \\`${newName}\\` instead.`,\n );\n });\n }\n\n const { prefixCls, getPopupContainer, direction, rootPrefixCls } = useConfigInject(\n 'tooltip',\n props,\n );\n const mergedOpen = computed(() => props.open ?? props.visible);\n const innerOpen = ref(firstNotUndefined([props.open, props.visible]));\n\n const tooltip = ref();\n\n let rafId: any;\n watch(mergedOpen, val => {\n raf.cancel(rafId);\n rafId = raf(() => {\n innerOpen.value = !!val;\n });\n });\n const isNoTitle = () => {\n const title = props.title ?? slots.title;\n return !title && title !== 0;\n };\n\n const handleVisibleChange = (val: boolean) => {\n const noTitle = isNoTitle();\n if (mergedOpen.value === undefined) {\n innerOpen.value = noTitle ? false : val;\n }\n if (!noTitle) {\n emit('update:visible', val);\n emit('visibleChange', val);\n emit('update:open', val);\n emit('openChange', val);\n }\n };\n\n const getPopupDomNode = () => {\n return tooltip.value.getPopupDomNode();\n };\n\n expose({\n getPopupDomNode,\n open: innerOpen,\n forcePopupAlign: () => tooltip.value?.forcePopupAlign(),\n });\n\n const tooltipPlacements = computed(() => {\n const { builtinPlacements, autoAdjustOverflow, arrow, arrowPointAtCenter } = props;\n let mergedArrowPointAtCenter = arrowPointAtCenter;\n\n if (typeof arrow === 'object') {\n mergedArrowPointAtCenter = arrow.pointAtCenter ?? arrowPointAtCenter;\n }\n return (\n builtinPlacements ||\n getPlacements({\n arrowPointAtCenter: mergedArrowPointAtCenter,\n autoAdjustOverflow,\n })\n );\n });\n const isTrueProps = (val: boolean | '') => {\n return val || val === '';\n };\n const getDisabledCompatibleChildren = (ele: any) => {\n const elementType = ele.type as any;\n if (typeof elementType === 'object' && ele.props) {\n if (\n ((elementType.__ANT_BUTTON === true || elementType === 'button') &&\n isTrueProps(ele.props.disabled)) ||\n (elementType.__ANT_SWITCH === true &&\n (isTrueProps(ele.props.disabled) || isTrueProps(ele.props.loading))) ||\n (elementType.__ANT_RADIO === true && isTrueProps(ele.props.disabled))\n ) {\n // Pick some layout related style properties up to span\n // Prevent layout bugs like https://github.com/ant-design/ant-design/issues/5254\n const { picked, omitted } = splitObject(getStyle(ele), [\n 'position',\n 'left',\n 'right',\n 'top',\n 'bottom',\n 'float',\n 'display',\n 'zIndex',\n ]);\n const spanStyle: CSSProperties = {\n display: 'inline-block', // default inline-block is important\n ...picked,\n cursor: 'not-allowed',\n lineHeight: 1, // use the true height of child nodes\n width: ele.props && ele.props.block ? '100%' : undefined,\n };\n const buttonStyle: CSSProperties = {\n ...omitted,\n pointerEvents: 'none',\n };\n const child = cloneElement(\n ele,\n {\n style: buttonStyle,\n },\n true,\n );\n return (\n \n {child}\n \n );\n }\n }\n return ele;\n };\n\n const getOverlay = () => {\n return props.title ?? slots.title?.();\n };\n\n const onPopupAlign = (domNode: HTMLElement, align: any) => {\n const placements = tooltipPlacements.value;\n // 当前返回的位置\n const placement = Object.keys(placements).find(\n key =>\n placements[key].points[0] === align.points?.[0] &&\n placements[key].points[1] === align.points?.[1],\n );\n if (placement) {\n // 根据当前坐标设置动画点\n const rect = domNode.getBoundingClientRect();\n const transformOrigin = {\n top: '50%',\n left: '50%',\n };\n if (placement.indexOf('top') >= 0 || placement.indexOf('Bottom') >= 0) {\n transformOrigin.top = `${rect.height - align.offset[1]}px`;\n } else if (placement.indexOf('Top') >= 0 || placement.indexOf('bottom') >= 0) {\n transformOrigin.top = `${-align.offset[1]}px`;\n }\n if (placement.indexOf('left') >= 0 || placement.indexOf('Right') >= 0) {\n transformOrigin.left = `${rect.width - align.offset[0]}px`;\n } else if (placement.indexOf('right') >= 0 || placement.indexOf('Left') >= 0) {\n transformOrigin.left = `${-align.offset[0]}px`;\n }\n domNode.style.transformOrigin = `${transformOrigin.left} ${transformOrigin.top}`;\n }\n };\n const colorInfo = computed(() => parseColor(prefixCls.value, props.color));\n const injectFromPopover = computed(() => (attrs as any)['data-popover-inject']);\n const [wrapSSR, hashId] = useStyle(\n prefixCls,\n computed(() => !injectFromPopover.value),\n );\n return () => {\n const { openClassName, overlayClassName, overlayStyle, overlayInnerStyle } = props;\n let children = filterEmpty(slots.default?.()) ?? null;\n children = children.length === 1 ? children[0] : children;\n\n let tempVisible = innerOpen.value;\n // Hide tooltip when there is no title\n if (mergedOpen.value === undefined && isNoTitle()) {\n tempVisible = false;\n }\n if (!children) {\n return null;\n }\n const child = getDisabledCompatibleChildren(\n isValidElement(children) && !isFragment(children) ? children : {children},\n );\n const childCls = classNames({\n [openClassName || `${prefixCls.value}-open`]: true,\n [child.props && child.props.class]: child.props && child.props.class,\n });\n const customOverlayClassName = classNames(\n overlayClassName,\n {\n [`${prefixCls.value}-rtl`]: direction.value === 'rtl',\n },\n\n colorInfo.value.className,\n hashId.value,\n );\n const formattedOverlayInnerStyle = {\n ...colorInfo.value.overlayStyle,\n ...overlayInnerStyle,\n };\n const arrowContentStyle = colorInfo.value.arrowStyle;\n const vcTooltipProps = {\n ...attrs,\n ...(props as TooltipProps),\n prefixCls: prefixCls.value,\n arrow: !!props.arrow,\n getPopupContainer: getPopupContainer?.value,\n builtinPlacements: tooltipPlacements.value,\n visible: tempVisible,\n ref: tooltip,\n overlayClassName: customOverlayClassName,\n overlayStyle: { ...arrowContentStyle, ...overlayStyle },\n overlayInnerStyle: formattedOverlayInnerStyle,\n onVisibleChange: handleVisibleChange,\n onPopupAlign,\n transitionName: getTransitionName(\n rootPrefixCls.value,\n 'zoom-big-fast',\n props.transitionName,\n ),\n };\n return wrapSSR(\n ,\n overlay: getOverlay,\n }}\n >\n {innerOpen.value ? cloneElement(child, { class: childCls }) : child}\n ,\n );\n };\n },\n});\n" }, { "path": "components/tooltip/__tests__/__snapshots__/demo.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders ./components/tooltip/demo/arrow-point-at-center.vue correctly 1`] = `\n
    \n
    \n \n
    \n \n
    \n \n
    \n \n
    \n`;\n\nexports[`renders ./components/tooltip/demo/auto-adjust-overflow.vue correctly 1`] = `\n
    \n
    \n \n
    \n`;\n\nexports[`renders ./components/tooltip/demo/basic.vue correctly 1`] = ` Tooltip will show when mouse enter. `;\n\nexports[`renders ./components/tooltip/demo/color.vue correctly 1`] = `\n
    \n
    Presets
    \n
    \n \n \n \n \n \n \n \n \n \n \n \n \n \n
    \n
    Custom
    \n
    \n \n \n \n \n
    \n
    \n`;\n\nexports[`renders ./components/tooltip/demo/placement.vue correctly 1`] = `\n
    \n
    \n \n \n \n
    \n
    \n \n \n \n
    \n
    \n \n \n \n
    \n
    \n \n \n \n
    \n
    \n`;\n" }, { "path": "components/tooltip/__tests__/demo.test.js", "content": "import demoTest from '../../../tests/shared/demoTest';\n\ndemoTest('tooltip');\n" }, { "path": "components/tooltip/__tests__/tooltip.test.js", "content": "import { asyncExpect } from '../../../tests/utils';\nimport { mount } from '@vue/test-utils';\nimport Tooltip from '..';\nimport mountTest from '../../../tests/shared/mountTest';\n\ndescribe('Tooltip', () => {\n mountTest(Tooltip);\n it('check `onOpenChange` arguments', async () => {\n const onOpenChange = jest.fn();\n const wrapper = mount(\n {\n props: ['title', 'open'],\n render() {\n const props = {\n title: this.title || '',\n mouseEnterDelay: 0,\n mouseLeaveDelay: 0,\n onOpenChange,\n };\n if (this.open !== undefined) {\n props.open = this.open;\n }\n return (\n \n
    Hello world!
    \n     \n );\n },\n },\n { sync: false, attachTo: 'body' },\n );\n\n let div = null;\n let lastCount = null;\n await asyncExpect(() => {\n // `title` is empty.\n div = document.getElementById('hello');\n div.dispatchEvent(new MouseEvent('mouseenter'));\n });\n await asyncExpect(() => {\n expect(onOpenChange).not.toHaveBeenCalled();\n expect(wrapper.vm.$refs.tooltip.open).toBe(false);\n });\n await asyncExpect(() => {\n div.dispatchEvent(new MouseEvent('mouseleave'));\n });\n await asyncExpect(() => {\n expect(onOpenChange).not.toHaveBeenCalled();\n expect(wrapper.vm.$refs.tooltip.open).toBe(false);\n });\n await asyncExpect(() => {\n // update `title` value.\n wrapper.setProps({ title: 'Have a nice day!' });\n });\n await asyncExpect(() => {\n document.getElementById('hello').dispatchEvent(new MouseEvent('mouseenter'));\n });\n await asyncExpect(() => {\n expect(onOpenChange).toHaveBeenLastCalledWith(true);\n expect(wrapper.vm.$refs.tooltip.open).toBe(true);\n }, 0);\n await asyncExpect(() => {\n document.getElementById('hello').dispatchEvent(new MouseEvent('mouseleave'));\n });\n await asyncExpect(() => {\n expect(onOpenChange).toHaveBeenLastCalledWith(false);\n expect(wrapper.vm.$refs.tooltip.open).toBe(false);\n });\n await asyncExpect(() => {\n // add `open` props.\n wrapper.setProps({ open: false });\n });\n await asyncExpect(() => {\n document.getElementById('hello').dispatchEvent(new MouseEvent('mouseenter'));\n });\n await asyncExpect(() => {\n expect(onOpenChange).toHaveBeenLastCalledWith(true);\n expect(wrapper.vm.$refs.tooltip.open).toBe(false);\n });\n await asyncExpect(() => {\n // always trigger onOpenChange\n document.getElementById('hello').dispatchEvent(new MouseEvent('mouseleave'));\n lastCount = onOpenChange.mock.calls.length;\n });\n await asyncExpect(() => {\n expect(onOpenChange.mock.calls.length).toBe(lastCount); // no change with lastCount\n expect(wrapper.vm.$refs.tooltip.open).toBe(false);\n });\n });\n});\n" }, { "path": "components/tooltip/abstractTooltipProps.ts", "content": "import type { CSSProperties, PropType } from 'vue';\nimport type { AlignType, BuildInPlacements } from '../vc-trigger/interface';\nimport type { AdjustOverflow } from '../_util/placements';\nexport type TriggerType = 'hover' | 'focus' | 'click' | 'contextmenu';\nimport type { PresetColorType } from '../_util/colors';\nimport type { LiteralUnion } from '../_util/type';\nimport { objectType } from '../_util/type';\nexport type TooltipPlacement =\n | 'top'\n | 'left'\n | 'right'\n | 'bottom'\n | 'topLeft'\n | 'topRight'\n | 'bottomLeft'\n | 'bottomRight'\n | 'leftTop'\n | 'leftBottom'\n | 'rightTop'\n | 'rightBottom';\n\nexport default () => ({\n trigger: [String, Array] as PropType,\n open: { type: Boolean, default: undefined },\n /** @deprecated Please use `open` instead. */\n visible: { type: Boolean, default: undefined },\n placement: String as PropType,\n color: String as PropType>,\n transitionName: String,\n overlayStyle: objectType(),\n overlayInnerStyle: objectType(),\n overlayClassName: String,\n openClassName: String,\n prefixCls: String,\n mouseEnterDelay: Number,\n mouseLeaveDelay: Number,\n getPopupContainer: Function as PropType<(triggerNode: HTMLElement) => HTMLElement>,\n /**@deprecated Please use `arrow={{ pointAtCenter: true }}` instead. */\n arrowPointAtCenter: { type: Boolean, default: undefined },\n arrow: {\n type: [Boolean, Object] as PropType,\n default: true as boolean | { pointAtCenter?: boolean },\n },\n autoAdjustOverflow: {\n type: [Boolean, Object] as PropType,\n default: undefined as boolean | AdjustOverflow,\n },\n destroyTooltipOnHide: { type: Boolean, default: undefined },\n align: objectType(),\n builtinPlacements: objectType(),\n children: Array,\n /** @deprecated Please use `onOpenChange` instead. */\n onVisibleChange: Function as PropType<(vis: boolean) => void>,\n /** @deprecated Please use `onUpdate:open` instead. */\n 'onUpdate:visible': Function as PropType<(vis: boolean) => void>,\n onOpenChange: Function as PropType<(vis: boolean) => void>,\n 'onUpdate:open': Function as PropType<(vis: boolean) => void>,\n});\n" }, { "path": "components/tooltip/demo/arrow-point-at-center.vue", "content": "\n---\norder: 2\ntitle:\n zh-CN: 箭头指向\n en-US: Arrow pointing at the center\n---\n\n## zh-CN\n\n设置了 `arrowPointAtCenter` 后，箭头将指向目标元素的中心。\n\n## en-US\n\nBy specifying `arrowPointAtCenter` prop, the arrow will point to the center of the target element.\n\n\n\n\n" }, { "path": "components/tooltip/demo/arrow.vue", "content": "\n---\norder: 6\ntitle:\n zh-CN: 箭头展示\n en-US: Arrow show\n---\n\n## zh-CN\n支持显示、隐藏以及将箭头保持居中定位。\n\n## en-US\n\nSupport show, hide or keep arrow in the center.\n\n\n\n\n\n" }, { "path": "components/tooltip/demo/auto-adjust-overflow.vue", "content": "\n---\norder: 3\ntitle:\n zh-CN: 自动调整位置\n en-US: Adjust placement automatically\n---\n\n## zh-CN\n\n气泡框不可见时自动调整位置。\n\n## en-US\n\nAdjust popup placement automatically when popup is invisible.\n\n\n\n\n\n" }, { "path": "components/tooltip/demo/basic.vue", "content": "\n---\norder: 0\ntitle:\n zh-CN: 基本用法\n en-US: Basic usage\n---\n\n## zh-CN\n\n最简单的用法。\n\n## en-US\n\nThe simplest usage.\n\n\n\n\n" }, { "path": "components/tooltip/demo/color.vue", "content": "\n---\norder: 4\ntitle:\n zh-CN: 多彩文字提示\n en-US: Colorful Tooltip\n---\n\n## zh-CN\n\n我们添加了多种预设色彩的文字提示样式，用作不同场景使用。\n\n## en-US\n\nWe preset a series of colorful Tooltip styles for use in different situations.\n\n\n\n\n\n\n\n\n" }, { "path": "components/tooltip/demo/index.vue", "content": "\n\n" }, { "path": "components/tooltip/demo/placement.vue", "content": "\n---\norder: 1\ntitle:\n zh-CN: 位置\n en-US: Placement\n---\n\n## zh-CN\n\n位置有 12 个方向。\n\n## en-US\n\nThere are 12 placement options available.\n\n\n\n\n\n\n" }, { "path": "components/tooltip/index.en-US.md", "content": "---\ncategory: Components\ntype: Data Display\ntitle: Tooltip\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*3u9eSZO_4c0AAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*gwrhTozoTC4AAAAAAAAAAAAADrJ8AQ/original\n---\n\nA simple text popup tip.\n\n## When To Use\n\n- The tip is shown on mouse enter, and is hidden on mouse leave. The Tooltip doesn't support complex text or operations.\n- To provide an explanation of a 'button/text/operation'. It's often used instead of the html 'title' attribute.\n\n## API\n\n| Property | Description | Type | Default |\n| -------- | ----------------------------- | ------------ | ------- |\n| title | The text shown in the tooltip | string\\|slot | - |\n\n### Common API\n\nThe following APIs are shared by Tooltip, Popconfirm, Popover.\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| align | this value will be merged into placement's config, please refer to the settings [dom-align](https://github.com/yiminghe/dom-align) | Object | - | |\n| arrowPointAtCenter | Whether the arrow is pointed at the center of target | boolean | `false` | |\n| arrow | Change arrow's visible state and change whether the arrow is pointed at the center of target. | boolean \\| { pointAtCenter: boolean} | `true` | 4.2.0 |\n| autoAdjustOverflow | Whether to adjust popup placement automatically when popup is off screen | boolean | `true` | |\n| color | The background color | string | - | |\n| destroyTooltipOnHide | Whether to destroy tooltip on hide | boolean | false | |\n| getPopupContainer | The DOM container of the tip, the default behavior is to create a `div` element in `body`. | (triggerNode: HTMLElement) => HTMLElement | () => document.body | |\n| mouseEnterDelay | Delay in seconds, before tooltip is shown on mouse enter | number | 0.1 | |\n| mouseLeaveDelay | Delay in seconds, before tooltip is hidden on mouse leave | number | 0.1 | |\n| overlayClassName | Class name of the tooltip card | string | - | |\n| overlayStyle | Style of the tooltip card | object | - | |\n| overlayInnerStyle | Style of the tooltip inner content | object | - | 4.0.0 |\n| placement | The position of the tooltip relative to the target, which can be one of `top` `left` `right` `bottom` `topLeft` `topRight` `bottomLeft` `bottomRight` `leftTop` `leftBottom` `rightTop` `rightBottom` | string | `top` | |\n| trigger | Tooltip trigger mode | `hover` \\| `focus` \\| `click` \\| `contextmenu` | `hover` | |\n| open(v-model) | Whether the floating tooltip card is open or not, Use `visible` under 4.0.0 | boolean | `false` | 4.0.0 |\n\n### events\n\n| Events Name | Description | Arguments | Version |\n| --- | --- | --- | --- |\n| openChange | Callback executed when visibility of the tooltip card is changed | (visible) => void | 4.0 |\n\n## Note\n\nPlease ensure that the child node of `Tooltip` accepts `mouseenter`, `mouseleave`, `focus`, `click` events.\n" }, { "path": "components/tooltip/index.ts", "content": "import { withInstall } from '../_util/type';\nimport ToolTip, { tooltipProps } from './Tooltip';\n\nexport type {\n TooltipProps,\n AdjustOverflow,\n PlacementsConfig,\n TooltipAlignConfig,\n TooltipPlacement,\n} from './Tooltip';\n\nexport { tooltipProps };\n\nexport default withInstall(ToolTip);\n" }, { "path": "components/tooltip/index.zh-CN.md", "content": "---\ncategory: Components\ntype: 数据展示\ntitle: Tooltip\nsubtitle: 文字提示\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*3u9eSZO_4c0AAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*gwrhTozoTC4AAAAAAAAAAAAADrJ8AQ/original\n---\n\n警告提示，展现需要关注的信息。\n\n## 何时使用\n\n- 当某个页面需要向用户显示警告的信息时。\n- 非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。\n\n## API\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ----- | -------- | ------------ | ------ |\n| title | 提示文字 | string\\|slot | - |\n\n### 共同的 API\n\n以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。\n\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\n| --- | --- | --- | --- | --- |\n| align | 该值将合并到 placement 的配置中，设置参考 [dom-align](https://github.com/yiminghe/dom-align) | Object | - | |\n| arrowPointAtCenter | 箭头是否指向目标元素中心 | boolean | `false` | |\n| arrow | 修改箭头的显示状态以及修改箭头是否指向目标元素中心 | boolean \\| { pointAtCenter: boolean} | `true` | 4.2.0 |\n| autoAdjustOverflow | 气泡被遮挡时自动调整位置 | boolean | `true` | |\n| color | 背景颜色 | string | - | |\n| destroyTooltipOnHide | 隐藏后是否销毁 tooltip | boolean | false | |\n| getPopupContainer | 浮层渲染父节点，默认渲染到 body 上 | (triggerNode: HTMLElement) => HTMLElement | () => document.body | |\n| mouseEnterDelay | 鼠标移入后延时多少才显示 Tooltip，单位：秒 | number | 0.1 | |\n| mouseLeaveDelay | 鼠标移出后延时多少才隐藏 Tooltip，单位：秒 | number | 0.1 | |\n| overlayClassName | 卡片类名 | string | - | |\n| overlayStyle | 卡片样式 | object | - | |\n| overlayInnerStyle | 卡片内容区域样式 | object | - | 4.0 |\n| placement | 气泡框位置，可选 `top` `left` `right` `bottom` `topLeft` `topRight` `bottomLeft` `bottomRight` `leftTop` `leftBottom` `rightTop` `rightBottom` | string | top | |\n| trigger | 触发行为，可选 `hover/focus/click/contextmenu` | string | hover | |\n| open(v-model) | 用于手动控制浮层显隐, 小于 4.0.0 使用 `visible` | boolean | false | 4.0 |\n\n### 事件\n\n| 事件名称 | 说明 | 回调参数 | 版本 |\n| ---------- | -------------- | ----------------- | ---- |\n| openChange | 显示隐藏的回调 | (visible) => void | 4.0 |\n\n## 注意\n\n请确保 `Tooltip` 的子元素能接受 `mouseenter`、`mouseleave`、`focus`、`click` 事件。\n" }, { "path": "components/tooltip/style/index.ts", "content": "import { initZoomMotion } from '../../style/motion';\nimport type { FullToken, GenerateStyle, UseComponentStyleResult } from '../../theme/internal';\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal';\nimport { genPresetColor, resetComponent } from '../../style';\nimport getArrowStyle, { MAX_VERTICAL_CONTENT_RADIUS } from '../../style/placementArrow';\nimport { Ref } from 'vue';\n\nexport interface ComponentToken {\n zIndexPopup: number;\n colorBgDefault: string;\n}\n\ninterface TooltipToken extends FullToken<'Tooltip'> {\n // default variables\n tooltipMaxWidth: number;\n tooltipColor: string;\n tooltipBg: string;\n tooltipBorderRadius: number;\n tooltipRadiusOuter: number;\n}\n\nconst genTooltipStyle: GenerateStyle = token => {\n const {\n componentCls, // ant-tooltip\n tooltipMaxWidth,\n tooltipColor,\n tooltipBg,\n tooltipBorderRadius,\n zIndexPopup,\n controlHeight,\n boxShadowSecondary,\n paddingSM,\n paddingXS,\n tooltipRadiusOuter,\n } = token;\n\n return [\n {\n [componentCls]: {\n ...resetComponent(token),\n position: 'absolute',\n zIndex: zIndexPopup,\n display: 'block',\n '&': [{ width: 'max-content' }, { width: 'intrinsic' }],\n maxWidth: tooltipMaxWidth,\n visibility: 'visible',\n '&-hidden': {\n display: 'none',\n },\n\n '--antd-arrow-background-color': tooltipBg,\n\n // Wrapper for the tooltip content\n [`${componentCls}-inner`]: {\n minWidth: controlHeight,\n minHeight: controlHeight,\n padding: `${paddingSM / 2}px ${paddingXS}px`,\n color: tooltipColor,\n textAlign: 'start',\n textDecoration: 'none',\n wordWrap: 'break-word',\n backgroundColor: tooltipBg,\n borderRadius: tooltipBorderRadius,\n boxShadow: boxShadowSecondary,\n },\n\n // Limit left and right placement radius\n [[\n `&-placement-left`,\n `&-placement-leftTop`,\n `&-placement-leftBottom`,\n `&-placement-right`,\n `&-placement-rightTop`,\n `&-placement-rightBottom`,\n ].join(',')]: {\n [`${componentCls}-inner`]: {\n borderRadius: Math.min(tooltipBorderRadius, MAX_VERTICAL_CONTENT_RADIUS),\n },\n },\n\n [`${componentCls}-content`]: {\n position: 'relative',\n },\n\n // generator for preset color\n ...genPresetColor(token, (colorKey, { darkColor }) => ({\n [`&${componentCls}-${colorKey}`]: {\n [`${componentCls}-inner`]: {\n backgroundColor: darkColor,\n },\n [`${componentCls}-arrow`]: {\n '--antd-arrow-background-color': darkColor,\n },\n },\n })),\n\n // RTL\n '&-rtl': {\n direction: 'rtl',\n },\n },\n },\n\n // Arrow Style\n getArrowStyle(\n mergeToken(token, {\n borderRadiusOuter: tooltipRadiusOuter,\n }),\n {\n colorBg: 'var(--antd-arrow-background-color)',\n showArrowCls: '',\n contentRadius: tooltipBorderRadius,\n limitVerticalRadius: true,\n },\n ),\n\n // Pure Render\n {\n [`${componentCls}-pure`]: {\n position: 'relative',\n maxWidth: 'none',\n },\n },\n ];\n};\n\n// ============================== Export ==============================\nexport default (prefixCls: Ref, injectStyle: Ref): UseComponentStyleResult => {\n const useOriginHook = genComponentStyleHook(\n 'Tooltip',\n token => {\n // Popover use Tooltip as internal component. We do not need to handle this.\n if (injectStyle?.value === false) {\n return [];\n }\n\n const { borderRadius, colorTextLightSolid, colorBgDefault, borderRadiusOuter } = token;\n\n const TooltipToken = mergeToken(token, {\n // default variables\n tooltipMaxWidth: 250,\n tooltipColor: colorTextLightSolid,\n tooltipBorderRadius: borderRadius,\n tooltipBg: colorBgDefault,\n tooltipRadiusOuter: borderRadiusOuter > 4 ? 4 : borderRadiusOuter,\n });\n\n return [genTooltipStyle(TooltipToken), initZoomMotion(token, 'zoom-big-fast')];\n },\n ({ zIndexPopupBase, colorBgSpotlight }) => ({\n zIndexPopup: zIndexPopupBase + 70,\n colorBgDefault: colorBgSpotlight,\n }),\n );\n\n return useOriginHook(prefixCls);\n};\n" }, { "path": "components/tooltip/util.ts", "content": "import type { CSSProperties } from 'vue';\nimport classNames from '../_util/classNames';\nimport { isPresetColor } from '../_util/colors';\n\nexport function parseColor(prefixCls: string, color?: string) {\n const isInternalColor = isPresetColor(color);\n\n const className = classNames({\n [`${prefixCls}-${color}`]: color && isInternalColor,\n });\n\n const overlayStyle: CSSProperties = {};\n const arrowStyle: CSSProperties = {};\n\n if (color && !isInternalColor) {\n overlayStyle.background = color;\n // @ts-ignore\n arrowStyle['--antd-arrow-background-color'] = color;\n }\n\n return { className, overlayStyle, arrowStyle };\n}\n" }, { "path": "components/tour/__tests__/__snapshots__/demo.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders ./components/tour/demo/basic.vue correctly 1`] = `\n\n
    \n \n
    \n
    \n
    \n \n
    \n \n
    \n \n
    \n`;\n\nexports[`renders ./components/tour/demo/indicator.vue correctly 1`] = `\n\n
    \n \n
    \n
    \n
    \n \n
    \n \n
    \n \n
    \n`;\n\nexports[`renders ./components/tour/demo/mask.vue correctly 1`] = `\n\n
    \n \n
    \n
    \n
    \n \n
    \n \n
    \n \n
    \n`;\n\nexports[`renders ./components/tour/demo/non-modal.vue correctly 1`] = `\n\n
    \n \n
    \n
    \n
    \n \n
    \n \n
    \n \n
    \n`;\n\nexports[`renders ./components/tour/demo/placement.vue correctly 1`] = `\n\n`;\n" }, { "path": "components/tour/__tests__/demo.test.js", "content": "import demoTest from '../../../tests/shared/demoTest';\n\ndemoTest('tour');\n" }, { "path": "components/tour/__tests__/index.test.js", "content": "import Tour from '..';\nimport mountTest from '../../../tests/shared/mountTest';\nimport { mount } from '@vue/test-utils';\n\ndescribe('Tour', () => {\n mountTest(Tour);\n\n it('The Tour should render successfully ', function () {\n const wrapper = mount({\n setup() {\n return () => {\n return ;\n };\n },\n });\n expect(wrapper.find('.Tour').exists()).toBe(true);\n });\n});\n" }, { "path": "components/tour/demo/basic.vue", "content": "\n---\norder: 0\ntitle:\n zh-CN: 基本用法\n en-US: Basic usage\n---\n\n## zh-CN\n\n最简单的用法。\n\n## en-US\n\nThe most basic usage.\n\n \n\n\n\n\n\n" }, { "path": "components/tour/demo/index.vue", "content": "\n\n" }, { "path": "components/tour/demo/indicator.vue", "content": "\n---\norder: 4\ntitle:\n zh-CN: 自定义指示器\n en-US: custom indicator\n---\n\n## zh-CN\n\n自定义指示器。\n\n## en-US\n\nCustom indicator.\n\n \n\n\n\n\n\n" }, { "path": "components/tour/demo/mask.vue", "content": "\n---\norder: 3\ntitle:\n zh-CN: 自定义遮罩样式\n en-US: custom mask style\n---\n\n## zh-CN\n\n自定义遮罩样式。\n\n## en-US\n\ncustom mask style.\n\n \n\n\n\n\n\n" }, { "path": "components/tour/demo/non-modal.vue", "content": "\n---\norder: 1\ntitle:\n zh-CN: 非模态\n en-US: Non modal\n---\n\n## zh-CN\n\n使用 `mask={false}` 可以将引导变为非模态，同时为了强调引导本身，建议与 `type=\"primary\"` 组合使用。\n\n## en-US\n\nUse `mask={false}` to make Tour non-modal. At the meantime it is recommended to use with `type=\"primary\"` to emphasize the guide itself.\n \n \n\n\n\n\n\n" }, { "path": "components/tour/demo/placement.vue", "content": "\n---\norder: 2\ntitle:\n zh-CN: 位置\n en-US: Placement\n---\n \n## zh-CN\n\n改变引导相对于目标的位置，共有 12 种位置可供选择。当 `target={null}` 时引导将会展示在正中央。\n\n## en-US\n\nChange the placement of the guide relative to the target, there are 12 placements available. When `target={null}` the guide will show in the center.\n\n \n\n\n\n\n\n" }, { "path": "components/tour/index.en-US.md", "content": "---\ncategory: Components\ntype: Data Display\ntitle: Tour\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*8CC_Tbe3_e4AAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*nF6hQpM0XtEAAAAAAAAAAAAADrJ8AQ/original\ntag: New\n---\n\nA popup component for guiding users through a product. Available since `4.0.0`.\n\n## When To Use\n\nUse when you want to guide users through a product.\n\n## API\n\n### Tour\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| arrow | Whether to show the arrow, including the configuration whether to point to the center of the element | `boolean`\\|`{ pointAtCenter: boolean}` | `true` | |\n| placement | Position of the guide card relative to the target element | `left` `leftTop` `leftBottom` `right` `rightTop` `rightBottom` `top` `topLeft` `topRight` `bottom` `bottomLeft` `bottomRight` | `bottom` | |\n| mask | Whether to enable masking, change mask style and fill color by pass custom props | `boolean` \\| `{ style?: CSSProperties; color?: string; }` | `true` | |\n| type | Type, affects the background color and text color | `default` `primary` | `default` | |\n| open | Open tour | `boolean` | - | |\n| current(v-model) | What is the current step | `number` | - | |\n| scrollIntoViewOptions | support pass custom scrollIntoView options | `boolean` \\| `ScrollIntoViewOptions` | `true` | |\n| indicatorsRender | custom indicator | `v-slot:indicatorsRender=\"{current, total}\"` | - | |\n| zIndex | Tour's zIndex | `number` | `1001` | |\n\n### Tour events\n\n| Events Name | Description | Arguments | Version |\n| --- | --- | --- | --- | --- |\n| close | Callback function on shutdown | `Function` | - | |\n| finish | Callback function on finished | `Function` | - | |\n| change | Callback when the step changes. Current is the previous step | `(current: number) => void` |\n\n### TourStep\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| target | Get the element the guide card points to. Empty makes it show in center of screen | `() => HTMLElement` `HTMLElement` | - | |\n| arrow | Whether to show the arrow, including the configuration whether to point to the center of the element | `boolean` `{ pointAtCenter: boolean}` | `true` | |\n| cover | Displayed pictures or videos | `VueNode` | - | |\n| title | title | `VueNode` | - | |\n| description | description | `VueNode` | - | |\n| placement | Position of the guide card relative to the target element | `left` `leftTop` `leftBottom` `right` `rightTop` `rightBottom` `top` `topLeft` `topRight` `bottom` `bottomLeft` `bottomRight` | `bottom` | |\n| mask | Whether to enable masking, change mask style and fill color by pass custom props, the default follows the `mask` property of Tour | `boolean` \\| `{ style?: CSSProperties; color?: string; }` | `true` | |\n| type | Type, affects the background color and text color | `default` `primary` | `default` | |\n| nextButtonProps | Properties of the Next button | `{ children: VueNode; onClick: Function }` | - | |\n| prevButtonProps | Properties of the previous button | `{ children: VueNode; onClick: Function }` | - | |\n| scrollIntoViewOptions | support pass custom scrollIntoView options, the default follows the `scrollIntoViewOptions` property of Tour | `boolean` \\| `ScrollIntoViewOptions` | `true` | |\n\n### TourStep events\n\n| Events Name | Description | Arguments | Version |\n| ----------- | ----------------------------- | ---------- | ------- | --- |\n| close | Callback function on shutdown | `Function` | - | |\n" }, { "path": "components/tour/index.tsx", "content": "import { computed, defineComponent, toRefs } from 'vue';\nimport VCTour from '../vc-tour';\nimport classNames from '../_util/classNames';\nimport TourPanel from './panelRender';\nimport type { TourProps, TourStepProps } from './interface';\nimport { tourProps } from './interface';\nimport useConfigInject from '../config-provider/hooks/useConfigInject';\nimport type { VueNode } from '../_util/type';\nimport { withInstall } from '../_util/type';\nimport useMergedType from './useMergedType';\n\n// CSSINJS\nimport useStyle from './style';\nimport getPlacements from '../_util/placements';\n\nexport { TourProps, TourStepProps };\n\nconst Tour = defineComponent({\n name: 'ATour',\n inheritAttrs: false,\n props: tourProps(),\n setup(props, { attrs, emit, slots }) {\n const { current, type, steps, defaultCurrent } = toRefs(props);\n const { prefixCls, direction } = useConfigInject('tour', props);\n\n // style\n const [wrapSSR, hashId] = useStyle(prefixCls);\n\n const { currentMergedType, updateInnerCurrent } = useMergedType({\n defaultType: type,\n steps,\n current,\n defaultCurrent,\n });\n return () => {\n const { steps, current, type, rootClassName, ...restProps } = props;\n\n const customClassName = classNames(\n {\n [`${prefixCls.value}-primary`]: currentMergedType.value === 'primary',\n [`${prefixCls.value}-rtl`]: direction.value === 'rtl',\n },\n hashId.value,\n rootClassName,\n );\n\n const mergedRenderPanel = (stepProps: TourStepProps, stepCurrent: number): VueNode => {\n return (\n \n );\n };\n\n const onStepChange = (stepCurrent: number) => {\n updateInnerCurrent(stepCurrent);\n emit('update:current', stepCurrent);\n emit('change', stepCurrent);\n };\n\n const builtinPlacements = computed(() =>\n getPlacements({\n arrowPointAtCenter: true,\n autoAdjustOverflow: true,\n }),\n );\n\n return wrapSSR(\n ,\n );\n };\n },\n});\n\nexport default withInstall(Tour);\n" }, { "path": "components/tour/index.zh-CN.md", "content": "---\ncategory: Components\ntype: 数据展示\ntitle: Tour\nsubtitle: 漫游式引导\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*8CC_Tbe3_e4AAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*nF6hQpM0XtEAAAAAAAAAAAAADrJ8AQ/original\ntag: New\n---\n\n用于分步引导用户了解产品功能的气泡组件。自 `4.0.0` 版本开始提供该组件。\n\n## 何时使用\n\n常用于引导用户了解产品功能。\n\n## API\n\n### Tour\n\n| 属性 | 说明 | 类型 | 默认值 | 版本 |\n| --- | --- | --- | --- | --- |\n| arrow | 是否显示箭头，包含是否指向元素中心的配置 | `boolean` \\| `{ pointAtCenter: boolean}` | `true` | |\n| placement | 引导卡片相对于目标元素的位置 | `left` `leftTop` `leftBottom` `right` `rightTop` `rightBottom` `top` `topLeft` `topRight` `bottom` `bottomLeft` `bottomRight` | `bottom` | |\n| mask | 是否启用蒙层，也可传入配置改变蒙层样式和填充色 | `boolean` \\| `{ style?: CSSProperties; color?: string; }` | `true` | |\n| type | 类型，影响底色与文字颜色 | `default` \\| `primary` | `default` | |\n| open | 打开引导 | `boolean` | - | |\n| current(v-model) | 当前处于哪一步 | `number` | - | |\n| scrollIntoViewOptions | 是否支持当前元素滚动到视窗内，也可传入配置指定滚动视窗的相关参数 | `boolean` \\| `ScrollIntoViewOptions` | `true` | |\n| indicatorsRender | 自定义指示器 | `v-slot:indicatorsRender=\"{current, total}\"` | - | |\n| zIndex | Tour 的层级 | `number` | `1001` | |\n\n### Tour events\n\n| 事件名称 | 说明 | 回调参数 | 版本 |\n| -------- | ---------------------------------------- | --------------------------- | ---- | --- |\n| close | 关闭引导时的回调函数 | `Function` | - | |\n| finish | 引导完成时的回调 | `Function` | - | |\n| change | 步骤改变时的回调，current 为当前前的步骤 | `(current: number) => void` | - | |\n\n### TourStep 引导步骤卡片\n\n| 属性 | 说明 | 类型 | 默认值 | 版本 |\n| --- | --- | --- | --- | --- |\n| target | 获取引导卡片指向的元素，为空时居中于屏幕 | `() => HTMLElement` \\| `HTMLElement` | - | |\n| arrow | 是否显示箭头，包含是否指向元素中心的配置 | `boolean` \\| `{ pointAtCenter: boolean}` | `true` | |\n| cover | 展示的图片或者视频 | `VueNode` | - | |\n| title | 标题 | `VueNode` | - | |\n| description | 主要描述部分 | `VueNode` | - | |\n| placement | 引导卡片相对于目标元素的位置 | `left` `leftTop` `leftBottom` `right` `rightTop` `rightBottom` `top` `topLeft` `topRight` `bottom` `bottomLeft` `bottomRight` `bottom` | | |\n| mask | 是否启用蒙层，也可传入配置改变蒙层样式和填充色，默认跟随 Tour 的 `mask` 属性 | `boolean` \\| `{ style?: CSSProperties; color?: string; }` | `true` | |\n| type | 类型，影响底色与文字颜色 | `default` \\| `primary` | `default` | |\n| nextButtonProps | 下一步按钮的属性 | `{ children: VueNode; onClick: Function }` | - | |\n| prevButtonProps | 上一步按钮的属性 | `{ children: VueNode; onClick: Function }` | - | |\n| scrollIntoViewOptions | 是否支持当前元素滚动到视窗内，也可传入配置指定滚动视窗的相关参数，默认跟随 Tour 的 `scrollIntoViewOptions` 属性 | `boolean` \\| `ScrollIntoViewOptions` | `true` | |\n\n### TourStep events\n\n| 事件名称 | 说明 | 回调参数 | 版本 |\n| -------- | -------------------- | ---------- | ---- | --- |\n| close | 关闭引导时的回调函数 | `Function` | - | |\n" }, { "path": "components/tour/interface.ts", "content": "import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';\nimport { tourProps as VCTourProps, tourStepProps as VCTourStepProps } from '../vc-tour';\nimport type { VueNode } from '../_util/type';\n\nexport const tourProps = () => ({\n ...VCTourProps(),\n steps: { type: Array as PropType },\n prefixCls: { type: String },\n current: { type: Number },\n type: { type: String as PropType<'default' | 'primary'> }, //\tdefault\t类型，影响底色与文字颜色\n 'onUpdate:current': Function as PropType<(val: number) => void>,\n});\n\nexport type TourProps = Partial>>;\n\nexport interface TourBtnProps {\n children?: () => VueNode;\n onClick?: () => void;\n className?: string;\n style?: CSSProperties;\n}\n\nexport const tourStepProps = () => ({\n ...VCTourStepProps(),\n cover: { type: Object as PropType }, // 展示的图片或者视频\n nextButtonProps: {\n type: Object as PropType,\n },\n prevButtonProps: {\n type: Object as PropType,\n },\n current: { type: Number },\n type: { type: String as PropType<'default' | 'primary'> }, //\tdefault\t类型，影响底色与文字颜色\n});\n\nexport type TourStepProps = Partial>>;\n\nexport interface TourLocale {\n Next: string;\n Previous: string;\n Finish: string;\n}\n" }, { "path": "components/tour/panelRender.tsx", "content": "import { computed, defineComponent, toRefs } from 'vue';\nimport classNames from '../_util/classNames';\nimport { isFunction } from '../_util/util';\nimport CloseOutlined from '@ant-design/icons-vue/CloseOutlined';\nimport { tourStepProps } from './interface';\nimport type { TourBtnProps } from './interface';\n\nimport LocaleReceiver from '../locale/LocaleReceiver';\nimport Button from '../button';\nimport type { ButtonProps } from '../button';\nimport defaultLocale from '../locale/en_US';\n\nimport type { VueNode } from '../_util/type';\n\nconst panelRender = defineComponent({\n name: 'ATourPanel',\n inheritAttrs: false,\n props: tourStepProps(),\n setup(props, { attrs, slots }) {\n const { current, total } = toRefs(props);\n\n const isLastStep = computed(() => current.value === total.value - 1);\n\n const prevBtnClick = e => {\n const prevButtonProps = props.prevButtonProps as TourBtnProps;\n props.onPrev?.(e);\n if (typeof prevButtonProps?.onClick === 'function') {\n prevButtonProps?.onClick();\n }\n };\n\n const nextBtnClick = e => {\n const nextButtonProps = props.nextButtonProps as TourBtnProps;\n if (isLastStep.value) {\n props.onFinish?.(e);\n } else {\n props.onNext?.(e);\n }\n if (typeof nextButtonProps?.onClick === 'function') {\n nextButtonProps?.onClick();\n }\n };\n\n return () => {\n const { prefixCls, title, onClose, cover, description, type: stepType, arrow } = props;\n\n const prevButtonProps = props.prevButtonProps as TourBtnProps;\n const nextButtonProps = props.nextButtonProps as TourBtnProps;\n\n let headerNode: VueNode;\n if (title) {\n headerNode = (\n
    \n
    {title}
    \n
    \n );\n }\n\n let descriptionNode: VueNode;\n if (description) {\n descriptionNode =
    {description}
    ;\n }\n\n let coverNode: VueNode;\n if (cover) {\n coverNode =
    {cover}
    ;\n }\n\n let mergeIndicatorNode: VueNode;\n\n if (slots.indicatorsRender) {\n mergeIndicatorNode = slots.indicatorsRender({ current: current.value, total });\n } else {\n mergeIndicatorNode = [...Array.from({ length: total.value }).keys()].map(\n (stepItem, index) => (\n \n ),\n );\n }\n\n const mainBtnType = stepType === 'primary' ? 'default' : 'primary';\n const secondaryBtnProps: ButtonProps = {\n type: 'default',\n ghost: stepType === 'primary',\n };\n\n return (\n \n {contextLocale => (\n \n {arrow &&
    }\n
    \n \n {coverNode}\n {headerNode}\n {descriptionNode}\n
    \n {total.value > 1 && (\n
    {mergeIndicatorNode}
    \n )}\n
    \n {current.value !== 0 ? (\n \n {isFunction(prevButtonProps?.children)\n ? prevButtonProps.children()\n : prevButtonProps?.children ?? contextLocale.Previous}\n \n ) : null}\n \n {isFunction(nextButtonProps?.children)\n ? nextButtonProps?.children()\n : isLastStep.value\n ? contextLocale.Finish\n : contextLocale.Next}\n \n
    \n
    \n
    \n
    \n )}\n     \n );\n };\n },\n});\n\nexport default panelRender;\n" }, { "path": "components/tour/style/index.ts", "content": "import { TinyColor } from '@ctrl/tinycolor';\nimport type { FullToken, GenerateStyle } from '../../theme/internal';\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal';\nimport { resetComponent } from '../../style';\nimport getArrowStyle, { MAX_VERTICAL_CONTENT_RADIUS } from '../../style/placementArrow';\n\nexport interface ComponentToken {}\n\ninterface TourToken extends FullToken<'Tour'> {\n tourZIndexPopup: number;\n indicatorWidth: number;\n indicatorHeight: number;\n tourBorderRadius: number;\n tourCloseSize: number;\n}\n\n// =============================== Base ===============================\nconst genBaseStyle: GenerateStyle = token => {\n const {\n componentCls,\n lineHeight,\n padding,\n paddingXS,\n borderRadius,\n borderRadiusXS,\n colorPrimary,\n colorText,\n colorFill,\n indicatorHeight,\n indicatorWidth,\n boxShadowTertiary,\n tourZIndexPopup,\n fontSize,\n colorBgContainer,\n fontWeightStrong,\n marginXS,\n colorTextLightSolid,\n tourBorderRadius,\n colorWhite,\n colorBgTextHover,\n tourCloseSize,\n motionDurationSlow,\n antCls,\n } = token;\n\n return [\n {\n [componentCls]: {\n ...resetComponent(token),\n\n color: colorText,\n position: 'absolute',\n zIndex: tourZIndexPopup,\n display: 'block',\n visibility: 'visible',\n fontSize,\n lineHeight,\n width: 520,\n '--antd-arrow-background-color': colorBgContainer,\n\n '&-pure': {\n maxWidth: '100%',\n position: 'relative',\n },\n\n [`&${componentCls}-hidden`]: {\n display: 'none',\n },\n\n // ============================= panel content ============================\n [`${componentCls}-content`]: {\n position: 'relative',\n },\n [`${componentCls}-inner`]: {\n textAlign: 'start',\n textDecoration: 'none',\n borderRadius: tourBorderRadius,\n boxShadow: boxShadowTertiary,\n position: 'relative',\n backgroundColor: colorBgContainer,\n border: 'none',\n backgroundClip: 'padding-box',\n\n [`${componentCls}-close`]: {\n position: 'absolute',\n top: padding,\n insetInlineEnd: padding,\n color: token.colorIcon,\n outline: 'none',\n width: tourCloseSize,\n height: tourCloseSize,\n borderRadius: token.borderRadiusSM,\n transition: `background-color ${token.motionDurationMid}, color ${token.motionDurationMid}`,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n\n '&:hover': {\n color: token.colorIconHover,\n backgroundColor: token.wireframe ? 'transparent' : token.colorFillContent,\n },\n },\n\n [`${componentCls}-cover`]: {\n textAlign: 'center',\n padding: `${padding + tourCloseSize + paddingXS}px ${padding}px 0`,\n img: {\n width: '100%',\n },\n },\n [`${componentCls}-header`]: {\n padding: `${padding}px ${padding}px ${paddingXS}px`,\n\n [`${componentCls}-title`]: {\n lineHeight,\n fontSize,\n fontWeight: fontWeightStrong,\n },\n },\n\n [`${componentCls}-description`]: {\n padding: `0 ${padding}px`,\n lineHeight,\n wordWrap: 'break-word',\n },\n\n [`${componentCls}-footer`]: {\n padding: `${paddingXS}px ${padding}px ${padding}px`,\n textAlign: 'end',\n borderRadius: `0 0 ${borderRadiusXS}px ${borderRadiusXS}px`,\n display: 'flex',\n [`${componentCls}-indicators`]: {\n display: 'inline-block',\n\n [`${componentCls}-indicator`]: {\n width: indicatorWidth,\n height: indicatorHeight,\n display: 'inline-block',\n borderRadius: '50%',\n background: colorFill,\n '&:not(:last-child)': {\n marginInlineEnd: indicatorHeight,\n },\n '&-active': {\n background: colorPrimary,\n },\n },\n },\n [`${componentCls}-buttons`]: {\n marginInlineStart: 'auto',\n [`${antCls}-btn`]: {\n marginInlineStart: marginXS,\n },\n },\n },\n },\n\n // ============================= primary type ===========================\n // `$` for panel, `&$` for pure panel\n [`${componentCls}-primary, &${componentCls}-primary`]: {\n '--antd-arrow-background-color': colorPrimary,\n\n [`${componentCls}-inner`]: {\n color: colorTextLightSolid,\n textAlign: 'start',\n textDecoration: 'none',\n backgroundColor: colorPrimary,\n borderRadius,\n boxShadow: boxShadowTertiary,\n\n [`${componentCls}-close`]: {\n color: colorTextLightSolid,\n },\n\n [`${componentCls}-indicators`]: {\n [`${componentCls}-indicator`]: {\n background: new TinyColor(colorTextLightSolid).setAlpha(0.15).toRgbString(),\n '&-active': {\n background: colorTextLightSolid,\n },\n },\n },\n\n [`${componentCls}-prev-btn`]: {\n color: colorTextLightSolid,\n borderColor: new TinyColor(colorTextLightSolid).setAlpha(0.15).toRgbString(),\n backgroundColor: colorPrimary,\n\n '&:hover': {\n backgroundColor: new TinyColor(colorTextLightSolid).setAlpha(0.15).toRgbString(),\n borderColor: 'transparent',\n },\n },\n\n [`${componentCls}-next-btn`]: {\n color: colorPrimary,\n borderColor: 'transparent',\n background: colorWhite,\n\n '&:hover': {\n background: new TinyColor(colorBgTextHover).onBackground(colorWhite).toRgbString(),\n },\n },\n },\n },\n },\n\n // ============================= mask ===========================\n [`${componentCls}-mask`]: {\n [`${componentCls}-placeholder-animated`]: {\n transition: `all ${motionDurationSlow}`,\n },\n },\n\n // =========== Limit left and right placement radius ==============\n [[\n '&-placement-left',\n '&-placement-leftTop',\n '&-placement-leftBottom',\n '&-placement-right',\n '&-placement-rightTop',\n '&-placement-rightBottom',\n ].join(',')]: {\n [`${componentCls}-inner`]: {\n borderRadius: Math.min(tourBorderRadius, MAX_VERTICAL_CONTENT_RADIUS),\n },\n },\n },\n\n // ============================= Arrow ===========================\n getArrowStyle(token, {\n colorBg: 'var(--antd-arrow-background-color)',\n contentRadius: tourBorderRadius,\n limitVerticalRadius: true,\n }),\n ];\n};\n\n// ============================== Export ==============================\nexport default genComponentStyleHook('Tour', token => {\n const { borderRadiusLG, fontSize, lineHeight } = token;\n const TourToken = mergeToken(token, {\n tourZIndexPopup: token.zIndexPopupBase + 70,\n indicatorWidth: 6,\n indicatorHeight: 6,\n tourBorderRadius: borderRadiusLG,\n tourCloseSize: fontSize * lineHeight,\n });\n return [genBaseStyle(TourToken)];\n});\n" }, { "path": "components/tour/useMergedType.ts", "content": "import type { TourProps } from './interface';\nimport type { Ref } from 'vue';\nimport { ref, computed, watch } from 'vue';\n\ninterface Props {\n defaultType?: Ref;\n steps?: Ref;\n current?: Ref;\n defaultCurrent?: Ref;\n}\n/**\n * returns the merged type of a step or the default type.\n */\nconst useMergedType = ({ defaultType, steps, current, defaultCurrent }: Props) => {\n const innerCurrent = ref(defaultCurrent?.value);\n const mergedCurrent = computed(() => current?.value);\n watch(\n mergedCurrent,\n val => {\n innerCurrent.value = val ?? defaultCurrent?.value;\n },\n { immediate: true },\n );\n const updateInnerCurrent = (val: number) => {\n innerCurrent.value = val;\n };\n const innerType = computed(() => {\n return typeof innerCurrent.value === 'number'\n ? steps && steps.value?.[innerCurrent.value]?.type\n : defaultType?.value;\n });\n\n const currentMergedType = computed(() => innerType.value ?? defaultType?.value);\n\n return { currentMergedType, updateInnerCurrent };\n};\n\nexport default useMergedType;\n" }, { "path": "components/transfer/ListBody.tsx", "content": "import type { ExtractPropTypes } from 'vue';\nimport { defineComponent, computed, ref, watch } from 'vue';\nimport classNames from '../_util/classNames';\nimport ListItem from './ListItem';\nimport Pagination from '../pagination';\nimport PropTypes from '../_util/vue-types';\nimport type { TransferItem } from '.';\nimport { booleanType } from '../_util/type';\n\nexport const transferListBodyProps = {\n prefixCls: String,\n filteredRenderItems: PropTypes.array.def([]),\n selectedKeys: PropTypes.array,\n disabled: booleanType(),\n showRemove: booleanType(),\n pagination: PropTypes.any,\n onItemSelect: Function,\n onScroll: Function,\n onItemRemove: Function,\n};\n\nexport type TransferListBodyProps = Partial>;\n\nfunction parsePagination(pagination) {\n if (!pagination) {\n return null;\n }\n\n const defaultPagination = {\n pageSize: 10,\n simple: true,\n showSizeChanger: false,\n showLessItems: false,\n };\n\n if (typeof pagination === 'object') {\n return {\n ...defaultPagination,\n ...pagination,\n };\n }\n\n return defaultPagination;\n}\n\nconst ListBody = defineComponent({\n compatConfig: { MODE: 3 },\n name: 'ListBody',\n inheritAttrs: false,\n props: transferListBodyProps,\n emits: ['itemSelect', 'itemRemove', 'scroll'],\n setup(props, { emit, expose }) {\n const current = ref(1);\n\n const handleItemSelect = (item: TransferItem) => {\n const { selectedKeys } = props;\n const checked = selectedKeys.indexOf(item.key) >= 0;\n emit('itemSelect', item.key, !checked);\n };\n\n const handleItemRemove = (item: TransferItem) => {\n emit('itemRemove', [item.key]);\n };\n\n const handleScroll = (e: Event) => {\n emit('scroll', e);\n };\n\n const mergedPagination = computed(() => parsePagination(props.pagination));\n\n watch(\n [mergedPagination, () => props.filteredRenderItems],\n () => {\n if (mergedPagination.value) {\n // Calculate the page number\n const maxPageCount = Math.ceil(\n props.filteredRenderItems.length / mergedPagination.value.pageSize,\n );\n current.value = Math.min(current.value, maxPageCount);\n }\n },\n { immediate: true },\n );\n const items = computed(() => {\n const { filteredRenderItems } = props;\n\n let displayItems = filteredRenderItems;\n\n if (mergedPagination.value) {\n displayItems = filteredRenderItems.slice(\n (current.value - 1) * mergedPagination.value.pageSize,\n current.value * mergedPagination.value.pageSize,\n );\n }\n\n return displayItems;\n });\n\n const onPageChange = (cur: number) => {\n current.value = cur;\n };\n\n expose({ items });\n\n return () => {\n const {\n prefixCls,\n filteredRenderItems,\n selectedKeys,\n disabled: globalDisabled,\n showRemove,\n } = props;\n\n let paginationNode = null;\n\n if (mergedPagination.value) {\n paginationNode = (\n \n );\n }\n\n const itemsList = items.value.map(({ renderedEl, renderedText, item }: any) => {\n const { disabled } = item;\n const checked = selectedKeys.indexOf(item.key) >= 0;\n\n return (\n \n );\n });\n return (\n <>\n \n {itemsList}\n \n {paginationNode}\n \n );\n };\n },\n});\n\nexport default ListBody;\n" }, { "path": "components/transfer/ListItem.tsx", "content": "import PropTypes from '../_util/vue-types';\nimport classNames from '../_util/classNames';\nimport type { TransferLocale } from '.';\nimport DeleteOutlined from '@ant-design/icons-vue/DeleteOutlined';\nimport defaultLocale from '../locale/en_US';\nimport Checkbox from '../checkbox';\nimport TransButton from '../_util/transButton';\nimport LocaleReceiver from '../locale-provider/LocaleReceiver';\nimport type { ExtractPropTypes } from 'vue';\nimport { defineComponent } from 'vue';\nimport { booleanType } from '../_util/type';\n\nfunction noop() {}\n\nexport const transferListItemProps = {\n renderedText: PropTypes.any,\n renderedEl: PropTypes.any,\n item: PropTypes.any,\n checked: booleanType(),\n prefixCls: String,\n disabled: booleanType(),\n showRemove: booleanType(),\n onClick: Function,\n onRemove: Function,\n};\n\nexport type TransferListItemProps = Partial>;\n\nexport default defineComponent({\n compatConfig: { MODE: 3 },\n name: 'ListItem',\n inheritAttrs: false,\n props: transferListItemProps,\n emits: ['click', 'remove'],\n setup(props, { emit }) {\n return () => {\n const { renderedText, renderedEl, item, checked, disabled, prefixCls, showRemove } = props;\n const className = classNames({\n [`${prefixCls}-content-item`]: true,\n [`${prefixCls}-content-item-disabled`]: disabled || item.disabled,\n });\n\n let title: string;\n if (typeof renderedText === 'string' || typeof renderedText === 'number') {\n title = String(renderedText);\n }\n\n return (\n \n {(transferLocale: TransferLocale) => {\n const labelNode = {renderedEl};\n if (showRemove) {\n return (\n
  • \n {labelNode}\n {\n emit('remove', item);\n }}\n >\n \n \n
    • \n );\n }\n\n return (\n {\n emit('click', item);\n }\n }\n >\n \n {labelNode}\n \n );\n }}\n     \n );\n };\n },\n});\n" }, { "path": "components/transfer/__tests__/__snapshots__/demo.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`renders ./components/transfer/demo/advanced.vue correctly 1`] = `\n
    \n
    \n
    \n 0 item\n
    \n
    \n
    \n \n
    \n
    没数据
    \n
    \n
    \n
    \n
    \n
    \n
    \n 0 item\n
    \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n
    \n
    \n
    \n`;\n\nexports[`renders ./components/transfer/demo/basic.vue correctly 1`] = `\n
    \n
    \n
    \n
    \n 2/14 itemsSource\n
    \n
    \n \n
      \n
    • content1
      • \n
    • content2
      • \n
    • content4
      • \n
    • content5
      • \n
    • content7
      • \n
    • content8
      • \n
    • content10
      • \n
    • content11
      • \n
    • content13
      • \n
    • content14
      • \n
    • content16
      • \n
    • content17
      • \n
    • content19
      • \n
    • content20
      • \n
    \n \n
    \n \n
    \n
    \n
    \n
    \n 6 itemsTarget\n
    \n
    \n \n
      \n
    • content3
      • \n
    • content6
      • \n
    • content9
      • \n
    • content12
      • \n
    • content15
      • \n
    • content18
      • \n
    \n \n
    \n \n
    \n
    \n
    \n`;\n\nexports[`renders ./components/transfer/demo/custom-item.vue correctly 1`] = `\n
    \n
    \n
    \n 0 item\n
    \n
    \n \n
    \n
    \n
    \n \n \n \n \n \n \n \n
    \n

    No data

    \n \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n 0 item\n
    \n
    \n \n
    \n
    \n
    \n \n \n \n \n \n \n \n
    \n

    No data

    \n \n
    \n
    \n
    \n \n
    \n
    \n`;\n\nexports[`renders ./components/transfer/demo/custom-select-all-labels.vue correctly 1`] = `\n
    \n
    \n
    \n
    \n Select AllSource\n
    \n
    \n \n
      \n
    • content1
      • \n
    • content2
      • \n
    • content4
      • \n
    • content5
      • \n
    • content7
      • \n
    • content8
      • \n
    • content10
      • \n
    • content11
      • \n
    • content13
      • \n
    • content14
      • \n
    • content16
      • \n
    • content17
      • \n
    • content19
      • \n
    • content20
      • \n
    \n \n
    \n \n
    \n
    \n
    \n
    \n 0/6Target\n
    \n
    \n \n
      \n
    • content3
      • \n
    • content6
      • \n
    • content9
      • \n
    • content12
      • \n
    • content15
      • \n
    • content18
      • \n
    \n \n
    \n \n
    \n
    \n
    \n`;\n\nexports[`renders ./components/transfer/demo/oneway.vue correctly 1`] = `\n
    \n
    \n
    \n
    \n 2/20 itemsSource\n
    \n
    \n \n
      \n
    • content1
      • \n
    • content2
      • \n
    • content3
      • \n
    • content4
      • \n
    • content5
      • \n
    • content6
      • \n
    • content7
      • \n
    • content8
      • \n
    • content9
      • \n
    • content10
      • \n
    • content11
      • \n
    • content12
      • \n
    • content13
      • \n
    • content14
      • \n
    • content15
      • \n
    • content16
      • \n
    • content17
      • \n
    • content18
      • \n
    • content19
      • \n
    • content20
      • \n
    \n \n
    \n \n
    \n
    \n \n
    \n
    \n
    \n \n 0 itemTarget\n
    \n
    \n \n
    \n
    \n
    \n \n \n \n \n \n \n \n
    \n

    No data

    \n \n
    \n
    \n
    \n \n
    \n
    \n
    \n`;\n\nexports[`renders ./components/transfer/demo/pagination.vue correctly 1`] = `\n
    \n
    \n
    \n
    \n \n 134 items\n
    \n
    \n \n
      \n
    • content1
      • \n
    • content2
      • \n
    • content4
      • \n
    • content5
      • \n
    • content7
      • \n
    • content8
      • \n
    • content10
      • \n
    • content11
      • \n
    • content13
      • \n
    • content14
      • \n
    \n
      \n
      • \n
    • ／14
      • \n
      • \n \n
    \n
    \n \n
    \n
    \n
    \n
    \n \n 66 items\n
    \n
    \n \n
      \n
    • content3
      • \n
    • content6
      • \n
    • content9
      • \n
    • content12
      • \n
    • content15
      • \n
    • content18
      • \n
    • content21
      • \n
    • content24
      • \n
    • content27
      • \n
    • content30
      • \n
    \n
      \n
      • \n
    • ／7
      • \n
      • \n \n
    \n
    \n \n
    \n
    \n
    \n`;\n\nexports[`renders ./components/transfer/demo/search.vue correctly 1`] = `\n
    \n
    \n
    \n 0 item\n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n \n \n \n \n \n \n \n
    \n

    No data

    \n \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n 0 item\n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n \n \n \n \n \n \n \n
    \n

    No data

    \n \n
    \n
    \n
    \n \n
    \n
    \n`;\n\nexports[`renders ./components/transfer/demo/status.vue correctly 1`] = `\n
    \n
    \n
    \n
    \n
    \n 0 item\n
    \n
    \n \n
    \n
    \n
    \n \n \n \n \n \n \n \n
    \n

    No data

    \n \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n 0 item\n
    \n
    \n \n
    \n
    \n
    \n \n \n \n \n \n \n \n
    \n

    No data

    \n \n
    \n
    \n
    \n \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n 0 item\n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n \n \n \n \n \n \n \n
    \n

    No data

    \n \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n 0 item\n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n \n \n \n \n \n \n \n
    \n

    No data

    \n \n
    \n
    \n
    \n \n
    \n
    \n
    \n \n
    \n`;\n\nexports[`renders ./components/transfer/demo/table-transfer.vue correctly 1`] = `\n
    \n
    \n
    \n
    \n 7 items\n
    \n
    \n \n
    \n
    \n
    \n \n
    \n \n
    \n \n
    \n
    \n
    \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
    \n \n
    \n \n
    \n \n     		\n Name\n \n \n Description\n \n
    \n \n \n \n content1\n \n \n description of content1\n \n
    \n \n \n \n content2\n \n \n description of content2\n \n
    \n \n \n \n content4\n \n \n description of content4\n \n
    \n \n \n \n content5\n \n \n description of content5\n \n
    \n \n \n \n content7\n \n \n description of content7\n \n
    \n \n \n \n content8\n \n \n description of content8\n \n
    \n \n \n \n content10\n \n \n description of content10\n \n
    \n
    \n
    \n \n
    \n
      \n \n
      • \n
    • 1
      • \n
      • \n \n
    \n
    \n
    \n
    \n \n \n \n \n
    \n
    \n
    \n 3 items\n
    \n
    \n \n
    \n
    \n
    \n \n
    \n \n
    \n \n
    \n
    \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
    \n \n
    \n \n
    \n \n     		\n Name\n \n
    \n \n \n \n content3\n \n
    \n \n \n \n content6\n \n
    \n \n \n \n content9\n \n
    \n
    \n
    \n \n
    \n
      \n \n
      • \n
    • 1
      • \n
      • \n \n
    \n
    \n
    \n
    \n
    \n
    \n \n
    \n \n\n`;\n\nexports[`renders ./components/transfer/demo/tree-transfer.vue correctly 1`] = `\n
    \n
    \n
    \n
    \n 5 items\n
    \n
    \n \n
    \n
    \n \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n 0-0\n \n
    \n
    \n 0-1\n \n
    \n
    \n 0-1-0\n \n
    \n
    \n 0-1-1\n \n
    \n
    \n 0-3\n \n
    \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n 0 item\n
    \n
    \n \n
    \n
    \n
    \n \n \n \n \n \n \n \n
    \n

    No data

    \n \n
    \n
    \n
    \n \n
    \n
    \n
    \n`;\n" }, { "path": "components/transfer/__tests__/__snapshots__/index.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Transfer should render correctly 1`] = `\n
    \n
    \n
    \n 1/2 items\n
    \n
    \n \n
      \n
      • \n
      • \n
    \n \n
    \n \n
    \n
    \n
    \n
    \n 1 item\n
    \n
    \n \n
      \n
      • \n
    \n \n
    \n \n
    \n
    \n`;\n\nexports[`Transfer should show sorted targetkey 1`] = `\n
    \n
    \n
    \n 1 item\n
    \n
    \n \n
      \n
    • a
      • \n
    \n \n
    \n \n
    \n
    \n
    \n
    \n 2 items\n
    \n
    \n \n
      \n
    • c
      • \n
    • b
      • \n
    \n \n
    \n \n
    \n
    \n`;\n" }, { "path": "components/transfer/__tests__/__snapshots__/list.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`List should render correctly 1`] = `\n
    \n
    \n 1/3 \n
    \n
    \n \n
      \n
      • \n
      • \n
      • \n
    \n \n
    \n \n
    \n`;\n" }, { "path": "components/transfer/__tests__/__snapshots__/search.test.js.snap", "content": "// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Search should show cross icon when input value exists 1`] = `\n\n\n`;\n\nexports[`Search should show cross icon when input value exists 2`] = `\n\n\n`;\n" }, { "path": "components/transfer/__tests__/demo.test.js", "content": "import demoTest from '../../../tests/shared/demoTest';\n\ndemoTest('transfer');\n" }, { "path": "components/transfer/__tests__/index.test.js", "content": "import { mount } from '@vue/test-utils';\nimport Transfer from '..';\nimport * as Vue from 'vue';\nimport { sleep, asyncExpect } from '../../../tests/utils';\nimport mountTest from '../../../tests/shared/mountTest';\n\nconst listCommonProps = {\n dataSource: [\n {\n key: 'a',\n title: 'a',\n },\n {\n key: 'b',\n title: 'b',\n },\n {\n key: 'c',\n title: 'c',\n disabled: true,\n },\n ],\n selectedKeys: ['a'],\n targetKeys: ['b'],\n lazy: false,\n};\n\nconst listDisabledProps = {\n dataSource: [\n {\n key: 'a',\n title: 'a',\n disabled: true,\n },\n {\n key: 'b',\n title: 'b',\n },\n ],\n selectedKeys: ['a', 'b'],\n targetKeys: [],\n lazy: false,\n};\n\nconst searchTransferProps = {\n dataSource: [\n {\n key: '0',\n title: 'content1',\n description: 'description of content1',\n chosen: false,\n },\n {\n key: '1',\n title: 'content2',\n description: 'description of content2',\n chosen: false,\n },\n {\n key: '2',\n title: 'content3',\n description: 'description of content3',\n chosen: false,\n },\n {\n key: '3',\n title: 'content4',\n description: 'description of content4',\n chosen: false,\n },\n {\n key: '4',\n title: 'content5',\n description: 'description of content5',\n chosen: false,\n },\n {\n key: '5',\n title: 'content6',\n description: 'description of content6',\n chosen: false,\n },\n ],\n selectedKeys: [],\n targetKeys: ['3', '4'],\n lazy: false,\n};\n\ndescribe('Transfer', () => {\n mountTest(Transfer);\n it('should render correctly', () => {\n const wrapper = mount({\n setup() {\n return () => ;\n },\n });\n\n expect(wrapper.html()).toMatchSnapshot();\n });\n\n it('should move selected keys to corresponding list', done => {\n const handleChange = jest.fn();\n\n const wrapper = mount(\n {\n setup() {\n return () => ;\n },\n },\n {\n sync: false,\n },\n );\n Vue.nextTick(() => {\n wrapper.findAll('.ant-btn')[0].trigger('click'); // move selected keys to right list\n expect(handleChange).toHaveBeenCalledWith(['a', 'b'], 'right', ['a']);\n done();\n });\n });\n it('should move selected keys expect disabled to corresponding list', done => {\n const handleChange = jest.fn();\n const wrapper = mount(\n {\n setup() {\n return () => ;\n },\n },\n {\n sync: false,\n },\n );\n Vue.nextTick(() => {\n wrapper.findAll('.ant-btn')[0].trigger('click');\n expect(handleChange).toHaveBeenCalledWith(['b'], 'right', ['b']);\n done();\n });\n });\n\n it('should uncheck checkbox when click on checked item', async () => {\n const handleSelectChange = jest.fn();\n\n const wrapper = mount(\n {\n setup() {\n return () => ;\n },\n },\n {\n sync: false,\n },\n );\n\n await sleep();\n wrapper.findAll('.ant-transfer-list-content-item')[0].trigger('click');\n expect(handleSelectChange).toHaveBeenLastCalledWith([], []);\n });\n\n it('should check checkbox when click on unchecked item', async () => {\n const handleSelectChange = jest.fn();\n\n const wrapper = mount(\n {\n setup() {\n return () => ;\n },\n },\n {\n sync: false,\n },\n );\n\n await sleep();\n wrapper.findAll('.ant-transfer-list-content-item')[2].trigger('click');\n await sleep();\n expect(handleSelectChange).toHaveBeenLastCalledWith(['a'], ['b']);\n });\n\n it('should not check checkbox when click on disabled item', async () => {\n const handleSelectChange = jest.fn();\n\n const wrapper = mount(\n {\n setup() {\n return () => ;\n },\n },\n {\n sync: false,\n },\n );\n\n await sleep();\n wrapper.findAll('.ant-transfer-list-content-item')[1].trigger('click');\n expect(handleSelectChange).not.toHaveBeenCalled();\n });\n\n xit('should check all item when click on check all', done => {\n const handleSelectChange = jest.fn();\n const wrapper = mount(Transfer, {\n props: listCommonProps,\n listeners: {\n selectChange: handleSelectChange,\n },\n sync: false,\n });\n Vue.nextTick(() => {\n wrapper\n .findAll('.ant-transfer-list-header input[type=\"checkbox\"]')\n .filter(n => {\n return !n.vnode.data.domProps.checked;\n })\n .trigger('change');\n expect(handleSelectChange).toHaveBeenCalledWith(['a'], ['b']);\n done();\n });\n });\n\n xit('should uncheck all item when click on uncheck all', done => {\n const handleSelectChange = jest.fn();\n const wrapper = mount(Transfer, {\n props: listCommonProps,\n listeners: {\n selectChange: handleSelectChange,\n },\n sync: false,\n });\n Vue.nextTick(() => {\n wrapper\n .findAll('.ant-transfer-list-header input[type=\"checkbox\"]')\n .filter(n => {\n return n.vnode.data.domProps.checked;\n })\n .trigger('change');\n expect(handleSelectChange).toHaveBeenCalledWith([], []);\n done();\n });\n });\n\n it('should call `filterOption` when use input in search box', done => {\n const filterOption = (inputValue, option) => inputValue === option.title;\n\n const wrapper = mount(\n {\n setup() {\n return () => (\n \n );\n },\n },\n {\n sync: false,\n },\n );\n\n Vue.nextTick(() => {\n const input = wrapper.findAll('.ant-transfer-list-body-search-wrapper input')[0];\n input.element.value = 'a';\n input.trigger('input');\n Vue.nextTick(() => {\n expect(\n wrapper\n .findAll('.ant-transfer-list-content')[0]\n .find('.ant-transfer-list-content-item')\n .findAll('input[type=\"checkbox\"]'),\n ).toHaveLength(1);\n done();\n });\n });\n });\n\n it('should display the correct count of items when filter by input', done => {\n const filterOption = (inputValue, option) => option.description.indexOf(inputValue) > -1;\n const renderFunc = item => item.title;\n const wrapper = mount(\n {\n setup() {\n return () => (\n \n );\n },\n },\n {\n sync: false,\n },\n );\n\n Vue.nextTick(() => {\n const input = wrapper.findAll('.ant-transfer-list-body-search-wrapper input')[0];\n input.element.value = 'content2';\n input.trigger('input');\n Vue.nextTick(() => {\n expect(\n wrapper\n .findAll('.ant-transfer-list')[0]\n .findAll('.ant-transfer-list-header-selected > span')[0]\n .text()\n .trim(),\n ).toEqual('1 item');\n done();\n });\n });\n });\n\n xit('should just check the filtered item when click on check all after search by input', done => {\n const filterOption = (inputValue, option) => option.description.indexOf(inputValue) > -1;\n const renderFunc = item => item.title;\n const handleSelectChange = jest.fn();\n const wrapper = mount(Transfer, {\n props: {\n ...searchTransferProps,\n showSearch: true,\n filterOption,\n render: renderFunc,\n },\n listeners: {\n selectChange: handleSelectChange,\n },\n sync: false,\n });\n Vue.nextTick(() => {\n const input = wrapper.findAll('.ant-transfer-list-body-search-wrapper input')[0];\n input.element.value = 'content2';\n input.trigger('input');\n Vue.nextTick(() => {\n wrapper\n .findAll('.ant-transfer-list')[0]\n .findAll('.ant-transfer-list-header input[type=\"checkbox\"]')\n .filter(n => {\n return !n.vnode.data.domProps.checked;\n })\n .trigger('change');\n expect(handleSelectChange).toHaveBeenCalledWith(['1'], []);\n done();\n });\n });\n });\n\n xit('should transfer just the filtered item after search by input', done => {\n const filterOption = (inputValue, option) => option.description.indexOf(inputValue) > -1;\n const renderFunc = item => item.title;\n const handleChange = jest.fn();\n const handleSelectChange = (sourceSelectedKeys, targetSelectedKeys) => {\n wrapper.setProps({\n selectedKeys: [...sourceSelectedKeys, ...targetSelectedKeys],\n });\n };\n const wrapper = mount(Transfer, {\n props: {\n ...searchTransferProps,\n showSearch: true,\n filterOption,\n render: renderFunc,\n },\n listeners: {\n selectChange: handleSelectChange,\n change: handleChange,\n },\n sync: false,\n });\n Vue.nextTick(() => {\n const input = wrapper.findAll('.ant-transfer-list-body-search-wrapper input')[0];\n input.element.value = 'content2';\n input.trigger('input');\n Vue.nextTick(() => {\n wrapper\n .findAll('.ant-transfer-list')[0]\n .findAll('.ant-transfer-list-header input[type=\"checkbox\"]')\n .filter(n => {\n return !n.element.checked;\n })\n .trigger('change');\n Vue.nextTick(() => {\n wrapper.findAll('.ant-btn')[0].trigger('click');\n expect(handleChange).toHaveBeenCalledWith(['1', '3', '4'], 'right', ['1']);\n done();\n });\n });\n });\n });\n\n xit('should check correctly when there is a search text', done => {\n const newProps = { ...listCommonProps };\n delete newProps.targetKeys;\n delete newProps.selectedKeys;\n const handleSelectChange = jest.fn();\n const wrapper = mount(Transfer, {\n props: {\n ...newProps,\n showSearch: true,\n render: item => item.title,\n },\n listeners: {\n selectChange: handleSelectChange,\n },\n sync: false,\n });\n Vue.nextTick(() => {\n wrapper\n .findAll('.ant-transfer-list-content-item')\n .filter(n => {\n return n.vnode.data.key === 'b';\n })\n .trigger('click');\n expect(handleSelectChange).toHaveBeenLastCalledWith(['b'], []);\n\n const input = wrapper.findAll('.ant-transfer-list-body-search-wrapper input')[0];\n input.element.value = 'a';\n input.trigger('input');\n Vue.nextTick(() => {\n wrapper\n .findAll('.ant-transfer-list')[0]\n .findAll('.ant-transfer-list-header input[type=\"checkbox\"]')\n .trigger('change');\n Vue.nextTick(() => {\n expect(handleSelectChange).toHaveBeenLastCalledWith(['b', 'a'], []);\n wrapper\n .findAll('.ant-transfer-list')[0]\n .findAll('.ant-transfer-list-header input[type=\"checkbox\"]')\n .trigger('change');\n expect(handleSelectChange).toHaveBeenLastCalledWith(['b'], []);\n done();\n });\n });\n });\n });\n\n it('should show sorted targetkey', () => {\n const sortedTargetKeyProps = {\n dataSource: [\n {\n key: 'a',\n title: 'a',\n },\n {\n key: 'b',\n title: 'b',\n },\n {\n key: 'c',\n title: 'c',\n },\n ],\n targetKeys: ['c', 'b'],\n lazy: false,\n };\n const wrapper = mount({\n setup() {\n return () => item.title} />;\n },\n });\n expect(wrapper.html()).toMatchSnapshot();\n });\n it('should add custom styles when their props are provided', async () => {\n const style = {\n backgroundColor: 'red',\n };\n const listStyle = {\n backgroundColor: 'blue',\n };\n const operationStyle = {\n backgroundColor: 'yellow',\n };\n const transferProps = {\n props: {\n ...listCommonProps,\n listStyle,\n operationStyle,\n },\n style,\n };\n const component = mount(\n {\n render() {\n return ;\n },\n },\n { sync: false },\n );\n await asyncExpect(() => {\n const wrapper = component.find('.ant-transfer');\n // const list = component.findAll('.ant-transfer-list');\n // const listSource = list[0];\n // const listTarget = list[list.length - 1];\n // const operation = component.findAll('.ant-transfer-operation')[0];\n expect(wrapper.element.style).toHaveProperty('backgroundColor', 'red');\n // expect(listSource.element.style).toHaveProperty('backgroundColor', 'blue');\n // expect(listTarget.element.style).toHaveProperty('backgroundColor', 'blue');\n // expect(operation.element.style).toHaveProperty('backgroundColor', 'yellow');\n });\n });\n});\n" }, { "path": "components/transfer/__tests__/list.test.js", "content": "import { mount } from '@vue/test-utils';\nimport List from '../list';\n\nconst listCommonProps = {\n prefixCls: 'ant-transfer-list',\n dataSource: [\n {\n key: 'a',\n title: 'a',\n },\n {\n key: 'b',\n title: 'b',\n },\n {\n key: 'c',\n title: 'c',\n disabled: true,\n },\n ],\n checkedKeys: ['a'],\n notFoundContent: 'Not Found',\n lazy: false,\n};\n\ndescribe('List', () => {\n it('should render correctly', () => {\n const props = {\n props: listCommonProps,\n };\n const wrapper = mount(List, props);\n expect(wrapper.html()).toMatchSnapshot();\n });\n\n it('should check top Checkbox while all available items are checked', () => {\n const props = {\n props: {\n ...listCommonProps,\n checkedKeys: ['a', 'b'],\n },\n };\n const wrapper = mount(List, props);\n expect(\n wrapper\n .findComponent({\n name: 'ACheckbox',\n })\n .props().checked,\n ).toBeTruthy();\n });\n});\n" }, { "path": "components/transfer/__tests__/search.test.js", "content": "import { mount } from '@vue/test-utils';\nimport { asyncExpect } from '../../../tests/utils';\nimport Search from '../search';\nimport Transfer from '../index';\n\ndescribe('Search', () => {\n const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});\n\n afterEach(() => {\n errorSpy.mockReset();\n });\n\n afterAll(() => {\n errorSpy.mockRestore();\n });\n\n it('should show cross icon when input value exists', () => {\n const props = {\n props: {\n value: '',\n },\n };\n const wrapper = mount(Search, props);\n\n expect(wrapper.html()).toMatchSnapshot();\n\n wrapper.setProps({ value: 'a' });\n\n expect(wrapper.html()).toMatchSnapshot();\n });\n\n it('onSearch', async () => {\n const dataSource = [\n {\n key: 'a',\n title: 'a',\n description: 'a',\n },\n {\n key: 'b',\n title: 'b',\n description: 'b',\n },\n {\n key: 'c',\n title: 'c',\n description: 'c',\n },\n ];\n\n const onSearch = jest.fn();\n const wrapper = mount(\n {\n render() {\n return (\n item.title}\n onSearch={onSearch}\n showSearch\n />\n );\n },\n },\n {\n sync: false,\n },\n );\n await asyncExpect(() => {\n const input = wrapper.findAll('.ant-input')[0];\n input.element.value = 'a';\n input.trigger('input');\n });\n\n await asyncExpect(() => {\n expect(onSearch).toBeCalledWith('left', 'a');\n });\n\n onSearch.mockReset();\n\n wrapper.findAll('.ant-input-clear-icon')[0].trigger('click');\n expect(onSearch).toBeCalledWith('left', '');\n });\n});\n" }, { "path": "components/transfer/demo/advanced.vue", "content": "\n---\norder: 3\ntitle:\n zh-CN: 高级用法\n en-US: Advanced\n---\n\n## zh-CN\n\n穿梭框高级用法，可配置操作文案，可定制宽高，可对底部进行自定义渲染。\n\n## en-US\n\nYou can customize the labels of the transfer buttons, the width and height of the columns, and what should be displayed in the footer.\n\n\n\n\n\n" }, { "path": "components/transfer/demo/basic.vue", "content": "\n---\norder: 0\ntitle:\n zh-CN: 基本用法\n en-US: Basic usage\n---\n\n## zh-CN\n\n最基本的用法，展示了 `dataSource`、`targetKeys`、每行的渲染函数 `render` 以及回调函数 `change` `selectChange` `scroll` 的用法。\n\n## en-US\n\nThe most basic usage of `Transfer` involves providing the source data and target keys arrays, plus the rendering and some callback functions.\n\n\n\n\n\n" }, { "path": "components/transfer/demo/custom-item.vue", "content": "\n---\norder: 4\ntitle:\n zh-CN: 自定义渲染行数据\n en-US: Custom datasource\n---\n\n## zh-CN\n\n自定义渲染每一个 Transfer Item，可用于渲染复杂数据。\n\n## en-US\n\nCustom each Transfer Item, and in this way you can render a complex datasource.\n\n\n\n\n\n" }, { "path": "components/transfer/demo/custom-select-all-labels.vue", "content": "\n---\norder: 4\ntitle:\n zh-CN: 自定义全选文字\n en-US: Custom Select All Labels\n---\n\n\n## zh-CN\n\n自定义穿梭框全选按钮的文字。\n\n## en-US\n\nCustom the labels for select all checkboxs.\n\n\n\n\n\n" }, { "path": "components/transfer/demo/index.vue", "content": "\n\n" }, { "path": "components/transfer/demo/oneway.vue", "content": "\n---\norder: 1\ntitle:\n zh-CN: 单向样式\n en-US: One Way\n---\n\n## zh-CN\n\n通过 `oneWay` 将 Transfer 转为单向样式。\n\n## en-US\n\nUse `oneWay` to makes Transfer to one way style.\n\n\n\n\n\n" }, { "path": "components/transfer/demo/pagination.vue", "content": "\n---\norder: 5\ntitle:\n zh-CN: 分页\n en-US: Pagination\n---\n\n## zh-CN\n\n大数据下使用分页。\n\n## en-US\n\nlarge count of items with pagination.\n\n\n\n\n\n" }, { "path": "components/transfer/demo/search.vue", "content": "\n---\norder: 2\ntitle:\n zh-CN: 带搜索框\n en-US: Search\n---\n\n## zh-CN\n\n带搜索框的穿梭框，可以自定义搜索函数。\n\n## en-US\n\nTransfer with a search box.\n\n\n\n\n\n" }, { "path": "components/transfer/demo/status.vue", "content": "\n---\norder: 19\nversion: 3.3.0\ntitle:\n zh-CN: 自定义状态\n en-US: Status\n---\n\n## zh-CN\n\n使用 `status` 为 DatePicker 添加状态，可选 `error` 或者 `warning`。\n\n## en-US\n\nAdd status to DatePicker with `status`, which could be `error` or `warning`.\n\n\n\n\n" }, { "path": "components/transfer/demo/table-transfer.vue", "content": "\n---\norder: 6\ntitle:\n zh-CN: 表格穿梭框\n en-US: Table Transfer\n---\n\n## zh-CN\n\n使用 Table 组件作为自定义渲染列表。\n\n## en-US\n\nCustomize render list with Table component.\n\n\n\n\n \n \n \n \n\n\n" }, { "path": "components/transfer/demo/tree-transfer.vue", "content": "\n---\norder: 7\ntitle:\n zh-CN: 树穿梭框\n en-US: Tree Transfer\n---\n\n## zh-CN\n\n使用 Tree 组件作为自定义渲染列表。\n\n## en-US\n\nCustomize render list with Tree component.\n\n\n\n\n\n\n" }, { "path": "components/transfer/index.en-US.md", "content": "---\ncategory: Components\ntype: Data Entry\ntitle: Transfer\ncover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*EAApQ5ephigAAAAAAAAAAAAADrJ8AQ/original\ncoverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*yv12S4sSRAEAAAAAAAAAAAAADrJ8AQ/original\n---\n\nAlert component for feedback.\n\n## When To Use\n\n- When you need to show alert messages to users.\n- When you need a persistent static container which is closable by user actions.\n\nTransfer the elements between two columns in an intuitive and efficient way.\n\nOne or more elements can be selected from either column, one click on the proper `direction` button, and the transfer is done. The left column is considered the `source` and the right column is considered the `target`. As you can see in the API description, these names are reflected in.\n\n## API\n\n| Property | Description | Type | Default | Version |\n| --- | --- | --- | --- | --- |\n| dataSource | Used for setting the source data. The elements that are part of this array will be present the left column. Except the elements whose keys are included in `targetKeys` prop. | \\[{key: string.isRequired,title: string.isRequired,description: string,disabled: bool}] | \\[] | |\n| disabled | Whether disabled transfer | boolean | false | |\n| filterOption | A function to determine whether an item should show in search result list | (inputValue, option): boolean | | |\n| footer | customize the progress dot by setting a scoped slot | slot=\"footer\" slot-scope=\"props\" | | |\n| listStyle | A custom CSS style used for rendering the transfer columns. | CSSProperties | | |\n| locale | i18n text including filter, empty text, item unit, etc | object | `{ itemUnit: 'item', itemsUnit: 'items', notFoundContent: 'The list is empty', searchPlaceholder: 'Search here' }` | |\n| oneWay | Display as single direction style | boolean | false | 3.0.0 |\n| operations | A set of operations that are sorted from top to bottom. | string\\[] | \\['>', '<'] | |\n| operationStyle | A custom CSS style used for rendering the operations column | CSSProperties | - | 3.0.0 |\n| pagination | Use pagination. Not work in render props | boolean \\| { pageSize: number, simple: boolean, showSizeChanger?: boolean, showLessItems?: boolean } | false | 3.0.0 |\n| render | The function to generate the item shown on a column. Based on an record (element of the dataSource array), this function should return a element which is generated from that record. Also, it can return a plain object with `value` and `label`, `label` is a element and `value` is for title | Function(record) \\| slot | | |\n| selectAllLabels | A set of customized labels for select all checkboxes on the header | VueNode \\| ((info: { selectedCount: number; totalCount: number }) => VueNode); | - | 3.0.0 |\n| selectedKeys(v-model) | A set of keys of selected items. | string\\[] | \\[] | |\n| showSearch | If included, a search box is shown on each column. | boolean | false | |\n| showSelectAll | Show select all checkbox on the header | boolean | true | |\n| status | Set validation status | 'error' \\| 'warning' | - | 3.3.0 |\n| targetKeys(v-model) | A set of keys of elements that are listed on the right column. | string\\[] | \\[] | |\n| titles | A set of titles that are sorted from left to right. | string\\[] | - | |\n\n### events\n\n| Events Name | Description | Arguments | Version |\n| --- | --- | --- | --- |\n| change | A callback function that is executed when the transfer between columns is complete. | (targetKeys, direction, moveKeys): void | |\n| scroll | A callback function which is executed when scroll options list | (direction, event): void | |\n| search | A callback function which is executed when search field are changed | (direction: 'left'\\|'right', value: string): void | - |\n| selectChange | A callback function which is executed when selected items are changed. | (sourceSelectedKeys, targetSelectedKeys): void | |\n\n### Render Props\n\nTransfer accept `children` to customize render list, using follow props:\n\n```json\n{\n \"direction\": String,\n \"disabled\": Boolean,\n \"filteredItems\": Array,\n \"selectedKeys\": Array,\n \"onItemSelect\": Function,\n \"onItemSelectAll\": Function\n}\n```\n\n| Property | Description | Type | Version |\n| --------------- | ----------------------- | ------------------------------------ | ------- |\n| direction | List render direction | 'left' \\| 'right' | |\n| disabled | Disable list or not | boolean | |\n| filteredItems | Filtered items | TransferItem\\[] | |\n| selectedKeys | Selected items | string\\[] | |\n| onItemSelect | Select item | (key: string, selected: boolean) | |\n| onItemSelectAll | Select a group of items | (keys: string\\[], selected: boolean) | |\n\n#### example\n\n```html\n\n \n \n