Vite App

commit c7265dac7008ae3b4f16f621a43d39cc2ef52a13 Author: Zhang Chaojie Date: Wed Apr 19 16:47:47 2023 +0800 init diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..76efb07 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +node_modules +.vscode diff --git a/index.html b/index.html new file mode 100644 index 0000000..38f3861 --- /dev/null +++ b/index.html @@ -0,0 +1,13 @@ + + + + + + + Vite App + + +

+ + + diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..fa9d679 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,2344 @@ +{ + "name": "vite-react-ts", + "version": "0.0.0", + "lockfileVersion": 2, + "requires": true, + "packages": { + "": { + "name": "vite-react-ts", + "version": "0.0.0", + "dependencies": { + "react": "^18.2.0", + "react-dom": "^18.2.0" + }, + "devDependencies": { + "@types/react": "^18.0.17", + "@types/react-dom": "^18.0.6", + "@vitejs/plugin-react": "^2.0.1", + "typescript": "^4.7.4", + "vite": "^3.0.9" + } + }, + "node_modules/@ampproject/remapping": { + "version": "2.2.1", + "resolved": "https://registry.npmmirror.com/@ampproject/remapping/-/remapping-2.2.1.tgz", + "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==", + "dev": true, + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.0", + "@jridgewell/trace-mapping": "^0.3.9" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/code-frame": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.21.4.tgz", + "integrity": "sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==", + "dev": true, + "dependencies": { + "@babel/highlight": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/compat-data": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/compat-data/-/compat-data-7.21.4.tgz", + "integrity": "sha512-/DYyDpeCfaVinT40FPGdkkb+lYSKvsVuMjDAG7jPOWWiM1ibOaB9CXJAlc4d1QpP/U2q2P9jbrSlClKSErd55g==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/core": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/core/-/core-7.21.4.tgz", + "integrity": "sha512-qt/YV149Jman/6AfmlxJ04LMIu8bMoyl3RB91yTFrxQmgbrSvQMy7cI8Q62FHx1t8wJ8B5fu0UDoLwHAhUo1QA==", + "dev": true, + "dependencies": { + "@ampproject/remapping": "^2.2.0", + "@babel/code-frame": "^7.21.4", + "@babel/generator": "^7.21.4", + "@babel/helper-compilation-targets": "^7.21.4", + "@babel/helper-module-transforms": "^7.21.2", + "@babel/helpers": "^7.21.0", + "@babel/parser": "^7.21.4", + "@babel/template": "^7.20.7", + "@babel/traverse": "^7.21.4", + "@babel/types": "^7.21.4", + "convert-source-map": "^1.7.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.2", + "semver": "^6.3.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/generator": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/generator/-/generator-7.21.4.tgz", + "integrity": "sha512-NieM3pVIYW2SwGzKoqfPrQsf4xGs9M9AIG3ThppsSRmO+m7eQhmI6amajKMUeIO37wFfsvnvcxQFx6x6iqxDnA==", + "dev": true, + "dependencies": { + "@babel/types": "^7.21.4", + "@jridgewell/gen-mapping": "^0.3.2", + "@jridgewell/trace-mapping": "^0.3.17", + "jsesc": "^2.5.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-annotate-as-pure": { + "version": "7.18.6", + "resolved": "https://registry.npmmirror.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz", + "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==", + "dev": true, + "dependencies": { + "@babel/types": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-compilation-targets": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.21.4.tgz", + "integrity": "sha512-Fa0tTuOXZ1iL8IeDFUWCzjZcn+sJGd9RZdH9esYVjEejGmzf+FFYQpMi/kZUk2kPy/q1H3/GPw7np8qar/stfg==", + "dev": true, + "dependencies": { + "@babel/compat-data": "^7.21.4", + "@babel/helper-validator-option": "^7.21.0", + "browserslist": "^4.21.3", + "lru-cache": "^5.1.1", + "semver": "^6.3.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-environment-visitor": { + "version": "7.18.9", + "resolved": "https://registry.npmmirror.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz", + "integrity": "sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-function-name": { + "version": "7.21.0", + "resolved": "https://registry.npmmirror.com/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz", + "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==", + "dev": true, + "dependencies": { + "@babel/template": "^7.20.7", + "@babel/types": "^7.21.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-hoist-variables": { + "version": "7.18.6", + "resolved": "https://registry.npmmirror.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz", + "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==", + "dev": true, + "dependencies": { + "@babel/types": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz", + "integrity": "sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==", + "dev": true, + "dependencies": { + "@babel/types": "^7.21.4" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-transforms": { + "version": "7.21.2", + "resolved": "https://registry.npmmirror.com/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz", + "integrity": "sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==", + "dev": true, + "dependencies": { + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-module-imports": "^7.18.6", + "@babel/helper-simple-access": "^7.20.2", + "@babel/helper-split-export-declaration": "^7.18.6", + "@babel/helper-validator-identifier": "^7.19.1", + "@babel/template": "^7.20.7", + "@babel/traverse": "^7.21.2", + "@babel/types": "^7.21.2" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-plugin-utils": { + "version": "7.20.2", + "resolved": "https://registry.npmmirror.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz", + "integrity": "sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-simple-access": { + "version": "7.20.2", + "resolved": "https://registry.npmmirror.com/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz", + "integrity": "sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==", + "dev": true, + "dependencies": { + "@babel/types": "^7.20.2" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-split-export-declaration": { + "version": "7.18.6", + "resolved": "https://registry.npmmirror.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz", + "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==", + "dev": true, + "dependencies": { + "@babel/types": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-string-parser": { + "version": "7.19.4", + "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz", + "integrity": "sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-identifier": { + "version": "7.19.1", + "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz", + "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-option": { + "version": "7.21.0", + "resolved": "https://registry.npmmirror.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz", + "integrity": "sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helpers": { + "version": "7.21.0", + "resolved": "https://registry.npmmirror.com/@babel/helpers/-/helpers-7.21.0.tgz", + "integrity": "sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==", + "dev": true, + "dependencies": { + "@babel/template": "^7.20.7", + "@babel/traverse": "^7.21.0", + "@babel/types": "^7.21.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/highlight": { + "version": "7.18.6", + "resolved": "https://registry.npmmirror.com/@babel/highlight/-/highlight-7.18.6.tgz", + "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==", + "dev": true, + "dependencies": { + "@babel/helper-validator-identifier": "^7.18.6", + "chalk": "^2.0.0", + "js-tokens": "^4.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/parser": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.21.4.tgz", + "integrity": "sha512-alVJj7k7zIxqBZ7BTRhz0IqJFxW1VJbm6N8JbcYhQ186df9ZBPbZBmWSqAMXwHGsCJdYks7z/voa3ibiS5bCIw==", + "dev": true, + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/plugin-syntax-jsx": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.21.4.tgz", + "integrity": "sha512-5hewiLct5OKyh6PLKEYaFclcqtIgCb6bmELouxjF6up5q3Sov7rOayW4RwhbaBL0dit8rA80GNfY+UuDp2mBbQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.20.2" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx": { + "version": "7.21.0", + "resolved": "https://registry.npmmirror.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.21.0.tgz", + "integrity": "sha512-6OAWljMvQrZjR2DaNhVfRz6dkCAVV+ymcLUmaf8bccGOHn2v5rHJK3tTpij0BuhdYWP4LLaqj5lwcdlpAAPuvg==", + "dev": true, + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.18.6", + "@babel/helper-module-imports": "^7.18.6", + "@babel/helper-plugin-utils": "^7.20.2", + "@babel/plugin-syntax-jsx": "^7.18.6", + "@babel/types": "^7.21.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx-development": { + "version": "7.18.6", + "resolved": "https://registry.npmmirror.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.18.6.tgz", + "integrity": "sha512-SA6HEjwYFKF7WDjWcMcMGUimmw/nhNRDWxr+KaLSCrkD/LMDBvWRmHAYgE1HDeF8KUuI8OAu+RT6EOtKxSW2qA==", + "dev": true, + "dependencies": { + "@babel/plugin-transform-react-jsx": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx-self": { + "version": "7.21.0", + "resolved": "https://registry.npmmirror.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.21.0.tgz", + "integrity": "sha512-f/Eq+79JEu+KUANFks9UZCcvydOOGMgF7jBrcwjHa5jTZD8JivnhCJYvmlhR/WTXBWonDExPoW0eO/CR4QJirA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.20.2" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx-source": { + "version": "7.19.6", + "resolved": "https://registry.npmmirror.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.19.6.tgz", + "integrity": "sha512-RpAi004QyMNisst/pvSanoRdJ4q+jMCWyk9zdw/CyLB9j8RXEahodR6l2GyttDRyEVWZtbN+TpLiHJ3t34LbsQ==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.19.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/template": { + "version": "7.20.7", + "resolved": "https://registry.npmmirror.com/@babel/template/-/template-7.20.7.tgz", + "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.18.6", + "@babel/parser": "^7.20.7", + "@babel/types": "^7.20.7" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/traverse": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/traverse/-/traverse-7.21.4.tgz", + "integrity": "sha512-eyKrRHKdyZxqDm+fV1iqL9UAHMoIg0nDaGqfIOd8rKH17m5snv7Gn4qgjBoFfLz9APvjFU/ICT00NVCv1Epp8Q==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.21.4", + "@babel/generator": "^7.21.4", + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-function-name": "^7.21.0", + "@babel/helper-hoist-variables": "^7.18.6", + "@babel/helper-split-export-declaration": "^7.18.6", + "@babel/parser": "^7.21.4", + "@babel/types": "^7.21.4", + "debug": "^4.1.0", + "globals": "^11.1.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/types": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.21.4.tgz", + "integrity": "sha512-rU2oY501qDxE8Pyo7i/Orqma4ziCOrby0/9mvbDUGEfvZjb279Nk9k19e2fiCxHbRRpY2ZyrgW1eq22mvmOIzA==", + "dev": true, + "dependencies": { + "@babel/helper-string-parser": "^7.19.4", + "@babel/helper-validator-identifier": "^7.19.1", + "to-fast-properties": "^2.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.15.18.tgz", + "integrity": "sha512-5GT+kcs2WVGjVs7+boataCkO5Fg0y4kCjzkB5bAip7H4jfnOS3dA6KPiww9W1OEKTKeAcUVhdZGvgI65OXmUnw==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.15.18.tgz", + "integrity": "sha512-L4jVKS82XVhw2nvzLg/19ClLWg0y27ulRwuP7lcyL6AbUWB5aPglXY3M21mauDQMDfRLs8cQmeT03r/+X3cZYQ==", + "cpu": [ + "loong64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.3", + "resolved": "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", + "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", + "dev": true, + "dependencies": { + "@jridgewell/set-array": "^1.0.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.9" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.0", + "resolved": "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz", + "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==", + "dev": true, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/set-array": { + "version": "1.1.2", + "resolved": "https://registry.npmmirror.com/@jridgewell/set-array/-/set-array-1.1.2.tgz", + "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", + "dev": true, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.4.15", + "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", + "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==", + "dev": true + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.18", + "resolved": "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz", + "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==", + "dev": true, + "dependencies": { + "@jridgewell/resolve-uri": "3.1.0", + "@jridgewell/sourcemap-codec": "1.4.14" + } + }, + "node_modules/@jridgewell/trace-mapping/node_modules/@jridgewell/sourcemap-codec": { + "version": "1.4.14", + "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz", + "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==", + "dev": true + }, + "node_modules/@types/prop-types": { + "version": "15.7.5", + "resolved": "https://registry.npmmirror.com/@types/prop-types/-/prop-types-15.7.5.tgz", + "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==", + "dev": true + }, + "node_modules/@types/react": { + "version": "18.0.37", + "resolved": "https://registry.npmmirror.com/@types/react/-/react-18.0.37.tgz", + "integrity": "sha512-4yaZZtkRN3ZIQD3KSEwkfcik8s0SWV+82dlJot1AbGYHCzJkWP3ENBY6wYeDRmKZ6HkrgoGAmR2HqdwYGp6OEw==", + "dev": true, + "dependencies": { + "@types/prop-types": "*", + "@types/scheduler": "*", + "csstype": "^3.0.2" + } + }, + "node_modules/@types/react-dom": { + "version": "18.0.11", + "resolved": "https://registry.npmmirror.com/@types/react-dom/-/react-dom-18.0.11.tgz", + "integrity": "sha512-O38bPbI2CWtgw/OoQoY+BRelw7uysmXbWvw3nLWO21H1HSh+GOlqPuXshJfjmpNlKiiSDG9cc1JZAaMmVdcTlw==", + "dev": true, + "dependencies": { + "@types/react": "*" + } + }, + "node_modules/@types/scheduler": { + "version": "0.16.3", + "resolved": "https://registry.npmmirror.com/@types/scheduler/-/scheduler-0.16.3.tgz", + "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==", + "dev": true + }, + "node_modules/@vitejs/plugin-react": { + "version": "2.2.0", + "resolved": "https://registry.npmmirror.com/@vitejs/plugin-react/-/plugin-react-2.2.0.tgz", + "integrity": "sha512-FFpefhvExd1toVRlokZgxgy2JtnBOdp4ZDsq7ldCWaqGSGn9UhWMAVm/1lxPL14JfNS5yGz+s9yFrQY6shoStA==", + "dev": true, + "dependencies": { + "@babel/core": "^7.19.6", + "@babel/plugin-transform-react-jsx": "^7.19.0", + "@babel/plugin-transform-react-jsx-development": "^7.18.6", + "@babel/plugin-transform-react-jsx-self": "^7.18.6", + "@babel/plugin-transform-react-jsx-source": "^7.19.6", + "magic-string": "^0.26.7", + "react-refresh": "^0.14.0" + }, + "engines": { + "node": "^14.18.0 || >=16.0.0" + }, + "peerDependencies": { + "vite": "^3.0.0" + } + }, + "node_modules/ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "dependencies": { + "color-convert": "^1.9.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/browserslist": { + "version": "4.21.5", + "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.5.tgz", + "integrity": "sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==", + "dev": true, + "dependencies": { + "caniuse-lite": "^1.0.30001449", + "electron-to-chromium": "^1.4.284", + "node-releases": "^2.0.8", + "update-browserslist-db": "^1.0.10" + }, + "bin": { + "browserslist": "cli.js" + }, + "engines": { + "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" + } + }, + "node_modules/caniuse-lite": { + "version": "1.0.30001480", + "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001480.tgz", + "integrity": "sha512-q7cpoPPvZYgtyC4VaBSN0Bt+PJ4c4EYRf0DrduInOz2SkFpHD5p3LnvEpqBp7UnJn+8x1Ogl1s38saUxe+ihQQ==", + "dev": true + }, + "node_modules/chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmmirror.com/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dev": true, + "dependencies": { + "color-name": "1.1.3" + } + }, + "node_modules/color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", + "dev": true + }, + "node_modules/convert-source-map": { + "version": "1.9.0", + "resolved": "https://registry.npmmirror.com/convert-source-map/-/convert-source-map-1.9.0.tgz", + "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", + "dev": true + }, + "node_modules/csstype": { + "version": "3.1.2", + "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.2.tgz", + "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==", + "dev": true + }, + "node_modules/debug": { + "version": "4.3.4", + "resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dev": true, + "dependencies": { + "ms": "2.1.2" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/electron-to-chromium": { + "version": "1.4.368", + "resolved": "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.4.368.tgz", + "integrity": "sha512-e2aeCAixCj9M7nJxdB/wDjO6mbYX+lJJxSJCXDzlr5YPGYVofuJwGN9nKg2o6wWInjX6XmxRinn3AeJMK81ltw==", + "dev": true + }, + "node_modules/esbuild": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild/-/esbuild-0.15.18.tgz", + "integrity": "sha512-x/R72SmW3sSFRm5zrrIjAhCeQSAWoni3CmHEqfQrZIQTM3lVCdehdwuIqaOtfC2slvpdlLa62GYoN8SxT23m6Q==", + "dev": true, + "hasInstallScript": true, + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + }, + "optionalDependencies": { + "@esbuild/android-arm": "0.15.18", + "@esbuild/linux-loong64": "0.15.18", + "esbuild-android-64": "0.15.18", + "esbuild-android-arm64": "0.15.18", + "esbuild-darwin-64": "0.15.18", + "esbuild-darwin-arm64": "0.15.18", + "esbuild-freebsd-64": "0.15.18", + "esbuild-freebsd-arm64": "0.15.18", + "esbuild-linux-32": "0.15.18", + "esbuild-linux-64": "0.15.18", + "esbuild-linux-arm": "0.15.18", + "esbuild-linux-arm64": "0.15.18", + "esbuild-linux-mips64le": "0.15.18", + "esbuild-linux-ppc64le": "0.15.18", + "esbuild-linux-riscv64": "0.15.18", + "esbuild-linux-s390x": "0.15.18", + "esbuild-netbsd-64": "0.15.18", + "esbuild-openbsd-64": "0.15.18", + "esbuild-sunos-64": "0.15.18", + "esbuild-windows-32": "0.15.18", + "esbuild-windows-64": "0.15.18", + "esbuild-windows-arm64": "0.15.18" + } + }, + "node_modules/esbuild-android-64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-android-64/-/esbuild-android-64-0.15.18.tgz", + "integrity": "sha512-wnpt3OXRhcjfIDSZu9bnzT4/TNTDsOUvip0foZOUBG7QbSt//w3QV4FInVJxNhKc/ErhUxc5z4QjHtMi7/TbgA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-android-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-android-arm64/-/esbuild-android-arm64-0.15.18.tgz", + "integrity": "sha512-G4xu89B8FCzav9XU8EjsXacCKSG2FT7wW9J6hOc18soEHJdtWu03L3TQDGf0geNxfLTtxENKBzMSq9LlbjS8OQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-darwin-64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-darwin-64/-/esbuild-darwin-64-0.15.18.tgz", + "integrity": "sha512-2WAvs95uPnVJPuYKP0Eqx+Dl/jaYseZEUUT1sjg97TJa4oBtbAKnPnl3b5M9l51/nbx7+QAEtuummJZW0sBEmg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-darwin-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.18.tgz", + "integrity": "sha512-tKPSxcTJ5OmNb1btVikATJ8NftlyNlc8BVNtyT/UAr62JFOhwHlnoPrhYWz09akBLHI9nElFVfWSTSRsrZiDUA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-freebsd-64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.18.tgz", + "integrity": "sha512-TT3uBUxkteAjR1QbsmvSsjpKjOX6UkCstr8nMr+q7zi3NuZ1oIpa8U41Y8I8dJH2fJgdC3Dj3CXO5biLQpfdZA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-freebsd-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.18.tgz", + "integrity": "sha512-R/oVr+X3Tkh+S0+tL41wRMbdWtpWB8hEAMsOXDumSSa6qJR89U0S/PpLXrGF7Wk/JykfpWNokERUpCeHDl47wA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-linux-32": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-linux-32/-/esbuild-linux-32-0.15.18.tgz", + "integrity": "sha512-lphF3HiCSYtaa9p1DtXndiQEeQDKPl9eN/XNoBf2amEghugNuqXNZA/ZovthNE2aa4EN43WroO0B85xVSjYkbg==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-linux-64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-linux-64/-/esbuild-linux-64-0.15.18.tgz", + "integrity": "sha512-hNSeP97IviD7oxLKFuii5sDPJ+QHeiFTFLoLm7NZQligur8poNOWGIgpQ7Qf8Balb69hptMZzyOBIPtY09GZYw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-linux-arm": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-linux-arm/-/esbuild-linux-arm-0.15.18.tgz", + "integrity": "sha512-UH779gstRblS4aoS2qpMl3wjg7U0j+ygu3GjIeTonCcN79ZvpPee12Qun3vcdxX+37O5LFxz39XeW2I9bybMVA==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-linux-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.18.tgz", + "integrity": "sha512-54qr8kg/6ilcxd+0V3h9rjT4qmjc0CccMVWrjOEM/pEcUzt8X62HfBSeZfT2ECpM7104mk4yfQXkosY8Quptug==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-linux-mips64le": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.18.tgz", + "integrity": "sha512-Mk6Ppwzzz3YbMl/ZZL2P0q1tnYqh/trYZ1VfNP47C31yT0K8t9s7Z077QrDA/guU60tGNp2GOwCQnp+DYv7bxQ==", + "cpu": [ + "mips64el" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-linux-ppc64le": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.18.tgz", + "integrity": "sha512-b0XkN4pL9WUulPTa/VKHx2wLCgvIAbgwABGnKMY19WhKZPT+8BxhZdqz6EgkqCLld7X5qiCY2F/bfpUUlnFZ9w==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-linux-riscv64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.18.tgz", + "integrity": "sha512-ba2COaoF5wL6VLZWn04k+ACZjZ6NYniMSQStodFKH/Pu6RxzQqzsmjR1t9QC89VYJxBeyVPTaHuBMCejl3O/xg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-linux-s390x": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.18.tgz", + "integrity": "sha512-VbpGuXEl5FCs1wDVp93O8UIzl3ZrglgnSQ+Hu79g7hZu6te6/YHgVJxCM2SqfIila0J3k0csfnf8VD2W7u2kzQ==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-netbsd-64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.18.tgz", + "integrity": "sha512-98ukeCdvdX7wr1vUYQzKo4kQ0N2p27H7I11maINv73fVEXt2kyh4K4m9f35U1K43Xc2QGXlzAw0K9yoU7JUjOg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-openbsd-64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.18.tgz", + "integrity": "sha512-yK5NCcH31Uae076AyQAXeJzt/vxIo9+omZRKj1pauhk3ITuADzuOx5N2fdHrAKPxN+zH3w96uFKlY7yIn490xQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-sunos-64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-sunos-64/-/esbuild-sunos-64-0.15.18.tgz", + "integrity": "sha512-On22LLFlBeLNj/YF3FT+cXcyKPEI263nflYlAhz5crxtp3yRG1Ugfr7ITyxmCmjm4vbN/dGrb/B7w7U8yJR9yw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-windows-32": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-windows-32/-/esbuild-windows-32-0.15.18.tgz", + "integrity": "sha512-o+eyLu2MjVny/nt+E0uPnBxYuJHBvho8vWsC2lV61A7wwTWC3jkN2w36jtA+yv1UgYkHRihPuQsL23hsCYGcOQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-windows-64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-windows-64/-/esbuild-windows-64-0.15.18.tgz", + "integrity": "sha512-qinug1iTTaIIrCorAUjR0fcBk24fjzEedFYhhispP8Oc7SFvs+XeW3YpAKiKp8dRpizl4YYAhxMjlftAMJiaUw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/esbuild-windows-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.18.tgz", + "integrity": "sha512-q9bsYzegpZcLziq0zgUi5KqGVtfhjxGbnksaBFYmWLxeV/S1fK4OLdq2DFYnXcLMjlZw2L0jLsk1eGoB522WXQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/escalade": { + "version": "3.1.1", + "resolved": "https://registry.npmmirror.com/escalade/-/escalade-3.1.1.tgz", + "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", + "dev": true, + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/fsevents": { + "version": "2.3.2", + "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.2.tgz", + "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", + "dev": true + }, + "node_modules/gensync": { + "version": "1.0.0-beta.2", + "resolved": "https://registry.npmmirror.com/gensync/-/gensync-1.0.0-beta.2.tgz", + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/globals": { + "version": "11.12.0", + "resolved": "https://registry.npmmirror.com/globals/-/globals-11.12.0.tgz", + "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/has": { + "version": "1.0.3", + "resolved": "https://registry.npmmirror.com/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", + "dev": true, + "dependencies": { + "function-bind": "^1.1.1" + }, + "engines": { + "node": ">= 0.4.0" + } + }, + "node_modules/has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/is-core-module": { + "version": "2.12.0", + "resolved": "https://registry.npmmirror.com/is-core-module/-/is-core-module-2.12.0.tgz", + "integrity": "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==", + "dev": true, + "dependencies": { + "has": "^1.0.3" + } + }, + "node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmmirror.com/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" + }, + "node_modules/jsesc": { + "version": "2.5.2", + "resolved": "https://registry.npmmirror.com/jsesc/-/jsesc-2.5.2.tgz", + "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", + "dev": true, + "bin": { + "jsesc": "bin/jsesc" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/json5": { + "version": "2.2.3", + "resolved": "https://registry.npmmirror.com/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", + "dev": true, + "bin": { + "json5": "lib/cli.js" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmmirror.com/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "dependencies": { + "js-tokens": "^3.0.0 || ^4.0.0" + }, + "bin": { + "loose-envify": "cli.js" + } + }, + "node_modules/lru-cache": { + "version": "5.1.1", + "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-5.1.1.tgz", + "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "dev": true, + "dependencies": { + "yallist": "^3.0.2" + } + }, + "node_modules/magic-string": { + "version": "0.26.7", + "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.26.7.tgz", + "integrity": "sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==", + "dev": true, + "dependencies": { + "sourcemap-codec": "^1.4.8" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/ms": { + "version": "2.1.2", + "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true + }, + "node_modules/nanoid": { + "version": "3.3.6", + "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.6.tgz", + "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", + "dev": true, + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/node-releases": { + "version": "2.0.10", + "resolved": "https://registry.npmmirror.com/node-releases/-/node-releases-2.0.10.tgz", + "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==", + "dev": true + }, + "node_modules/path-parse": { + "version": "1.0.7", + "resolved": "https://registry.npmmirror.com/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "dev": true + }, + "node_modules/picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", + "dev": true + }, + "node_modules/postcss": { + "version": "8.4.22", + "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.4.22.tgz", + "integrity": "sha512-XseknLAfRHzVWjCEtdviapiBtfLdgyzExD50Rg2ePaucEesyh8Wv4VPdW0nbyDa1ydbrAxV19jvMT4+LFmcNUA==", + "dev": true, + "dependencies": { + "nanoid": "^3.3.6", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/react": { + "version": "18.2.0", + "resolved": "https://registry.npmmirror.com/react/-/react-18.2.0.tgz", + "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==", + "dependencies": { + "loose-envify": "^1.1.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-dom": { + "version": "18.2.0", + "resolved": "https://registry.npmmirror.com/react-dom/-/react-dom-18.2.0.tgz", + "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==", + "dependencies": { + "loose-envify": "^1.1.0", + "scheduler": "^0.23.0" + }, + "peerDependencies": { + "react": "^18.2.0" + } + }, + "node_modules/react-refresh": { + "version": "0.14.0", + "resolved": "https://registry.npmmirror.com/react-refresh/-/react-refresh-0.14.0.tgz", + "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/resolve": { + "version": "1.22.2", + "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.2.tgz", + "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==", + "dev": true, + "dependencies": { + "is-core-module": "^2.11.0", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" + }, + "bin": { + "resolve": "bin/resolve" + } + }, + "node_modules/rollup": { + "version": "2.79.1", + "resolved": "https://registry.npmmirror.com/rollup/-/rollup-2.79.1.tgz", + "integrity": "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==", + "dev": true, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=10.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/scheduler": { + "version": "0.23.0", + "resolved": "https://registry.npmmirror.com/scheduler/-/scheduler-0.23.0.tgz", + "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==", + "dependencies": { + "loose-envify": "^1.1.0" + } + }, + "node_modules/semver": { + "version": "6.3.0", + "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.0.tgz", + "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "dev": true, + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/source-map-js": { + "version": "1.0.2", + "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/sourcemap-codec": { + "version": "1.4.8", + "resolved": "https://registry.npmmirror.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz", + "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==", + "deprecated": "Please use @jridgewell/sourcemap-codec instead", + "dev": true + }, + "node_modules/supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmmirror.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "dev": true, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/to-fast-properties": { + "version": "2.0.0", + "resolved": "https://registry.npmmirror.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz", + "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/typescript": { + "version": "4.9.5", + "resolved": "https://registry.npmmirror.com/typescript/-/typescript-4.9.5.tgz", + "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==", + "dev": true, + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=4.2.0" + } + }, + "node_modules/update-browserslist-db": { + "version": "1.0.11", + "resolved": "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz", + "integrity": "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==", + "dev": true, + "dependencies": { + "escalade": "^3.1.1", + "picocolors": "^1.0.0" + }, + "bin": { + "update-browserslist-db": "cli.js" + }, + "peerDependencies": { + "browserslist": ">= 4.21.0" + } + }, + "node_modules/vite": { + "version": "3.2.6", + "resolved": "https://registry.npmmirror.com/vite/-/vite-3.2.6.tgz", + "integrity": "sha512-nTXTxYVvaQNLoW5BQ8PNNQ3lPia57gzsQU/Khv+JvzKPku8kNZL6NMUR/qwXhMG6E+g1idqEPanomJ+VZgixEg==", + "dev": true, + "dependencies": { + "esbuild": "^0.15.9", + "postcss": "^8.4.18", + "resolve": "^1.22.1", + "rollup": "^2.79.1" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^14.18.0 || >=16.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + }, + "peerDependencies": { + "@types/node": ">= 14", + "less": "*", + "sass": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.4.0" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "less": { + "optional": true + }, + "sass": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + } + } + }, + "node_modules/yallist": { + "version": "3.1.1", + "resolved": "https://registry.npmmirror.com/yallist/-/yallist-3.1.1.tgz", + "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", + "dev": true + } + }, + "dependencies": { + "@ampproject/remapping": { + "version": "2.2.1", + "resolved": "https://registry.npmmirror.com/@ampproject/remapping/-/remapping-2.2.1.tgz", + "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==", + "dev": true, + "requires": { + "@jridgewell/gen-mapping": "^0.3.0", + "@jridgewell/trace-mapping": "^0.3.9" + } + }, + "@babel/code-frame": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.21.4.tgz", + "integrity": "sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==", + "dev": true, + "requires": { + "@babel/highlight": "^7.18.6" + } + }, + "@babel/compat-data": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/compat-data/-/compat-data-7.21.4.tgz", + "integrity": "sha512-/DYyDpeCfaVinT40FPGdkkb+lYSKvsVuMjDAG7jPOWWiM1ibOaB9CXJAlc4d1QpP/U2q2P9jbrSlClKSErd55g==", + "dev": true + }, + "@babel/core": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/core/-/core-7.21.4.tgz", + "integrity": "sha512-qt/YV149Jman/6AfmlxJ04LMIu8bMoyl3RB91yTFrxQmgbrSvQMy7cI8Q62FHx1t8wJ8B5fu0UDoLwHAhUo1QA==", + "dev": true, + "requires": { + "@ampproject/remapping": "^2.2.0", + "@babel/code-frame": "^7.21.4", + "@babel/generator": "^7.21.4", + "@babel/helper-compilation-targets": "^7.21.4", + "@babel/helper-module-transforms": "^7.21.2", + "@babel/helpers": "^7.21.0", + "@babel/parser": "^7.21.4", + "@babel/template": "^7.20.7", + "@babel/traverse": "^7.21.4", + "@babel/types": "^7.21.4", + "convert-source-map": "^1.7.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.2", + "semver": "^6.3.0" + } + }, + "@babel/generator": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/generator/-/generator-7.21.4.tgz", + "integrity": "sha512-NieM3pVIYW2SwGzKoqfPrQsf4xGs9M9AIG3ThppsSRmO+m7eQhmI6amajKMUeIO37wFfsvnvcxQFx6x6iqxDnA==", + "dev": true, + "requires": { + "@babel/types": "^7.21.4", + "@jridgewell/gen-mapping": "^0.3.2", + "@jridgewell/trace-mapping": "^0.3.17", + "jsesc": "^2.5.1" + } + }, + "@babel/helper-annotate-as-pure": { + "version": "7.18.6", + "resolved": "https://registry.npmmirror.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz", + "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==", + "dev": true, + "requires": { + "@babel/types": "^7.18.6" + } + }, + "@babel/helper-compilation-targets": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.21.4.tgz", + "integrity": "sha512-Fa0tTuOXZ1iL8IeDFUWCzjZcn+sJGd9RZdH9esYVjEejGmzf+FFYQpMi/kZUk2kPy/q1H3/GPw7np8qar/stfg==", + "dev": true, + "requires": { + "@babel/compat-data": "^7.21.4", + "@babel/helper-validator-option": "^7.21.0", + "browserslist": "^4.21.3", + "lru-cache": "^5.1.1", + "semver": "^6.3.0" + } + }, + "@babel/helper-environment-visitor": { + "version": "7.18.9", + "resolved": "https://registry.npmmirror.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz", + "integrity": "sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==", + "dev": true + }, + "@babel/helper-function-name": { + "version": "7.21.0", + "resolved": "https://registry.npmmirror.com/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz", + "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==", + "dev": true, + "requires": { + "@babel/template": "^7.20.7", + "@babel/types": "^7.21.0" + } + }, + "@babel/helper-hoist-variables": { + "version": "7.18.6", + "resolved": "https://registry.npmmirror.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz", + "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==", + "dev": true, + "requires": { + "@babel/types": "^7.18.6" + } + }, + "@babel/helper-module-imports": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz", + "integrity": "sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==", + "dev": true, + "requires": { + "@babel/types": "^7.21.4" + } + }, + "@babel/helper-module-transforms": { + "version": "7.21.2", + "resolved": "https://registry.npmmirror.com/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz", + "integrity": "sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==", + "dev": true, + "requires": { + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-module-imports": "^7.18.6", + "@babel/helper-simple-access": "^7.20.2", + "@babel/helper-split-export-declaration": "^7.18.6", + "@babel/helper-validator-identifier": "^7.19.1", + "@babel/template": "^7.20.7", + "@babel/traverse": "^7.21.2", + "@babel/types": "^7.21.2" + } + }, + "@babel/helper-plugin-utils": { + "version": "7.20.2", + "resolved": "https://registry.npmmirror.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz", + "integrity": "sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==", + "dev": true + }, + "@babel/helper-simple-access": { + "version": "7.20.2", + "resolved": "https://registry.npmmirror.com/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz", + "integrity": "sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==", + "dev": true, + "requires": { + "@babel/types": "^7.20.2" + } + }, + "@babel/helper-split-export-declaration": { + "version": "7.18.6", + "resolved": "https://registry.npmmirror.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz", + "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==", + "dev": true, + "requires": { + "@babel/types": "^7.18.6" + } + }, + "@babel/helper-string-parser": { + "version": "7.19.4", + "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz", + "integrity": "sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==", + "dev": true + }, + "@babel/helper-validator-identifier": { + "version": "7.19.1", + "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz", + "integrity": "sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==", + "dev": true + }, + "@babel/helper-validator-option": { + "version": "7.21.0", + "resolved": "https://registry.npmmirror.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz", + "integrity": "sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==", + "dev": true + }, + "@babel/helpers": { + "version": "7.21.0", + "resolved": "https://registry.npmmirror.com/@babel/helpers/-/helpers-7.21.0.tgz", + "integrity": "sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==", + "dev": true, + "requires": { + "@babel/template": "^7.20.7", + "@babel/traverse": "^7.21.0", + "@babel/types": "^7.21.0" + } + }, + "@babel/highlight": { + "version": "7.18.6", + "resolved": "https://registry.npmmirror.com/@babel/highlight/-/highlight-7.18.6.tgz", + "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==", + "dev": true, + "requires": { + "@babel/helper-validator-identifier": "^7.18.6", + "chalk": "^2.0.0", + "js-tokens": "^4.0.0" + } + }, + "@babel/parser": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.21.4.tgz", + "integrity": "sha512-alVJj7k7zIxqBZ7BTRhz0IqJFxW1VJbm6N8JbcYhQ186df9ZBPbZBmWSqAMXwHGsCJdYks7z/voa3ibiS5bCIw==", + "dev": true + }, + "@babel/plugin-syntax-jsx": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.21.4.tgz", + "integrity": "sha512-5hewiLct5OKyh6PLKEYaFclcqtIgCb6bmELouxjF6up5q3Sov7rOayW4RwhbaBL0dit8rA80GNfY+UuDp2mBbQ==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.20.2" + } + }, + "@babel/plugin-transform-react-jsx": { + "version": "7.21.0", + "resolved": "https://registry.npmmirror.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.21.0.tgz", + "integrity": "sha512-6OAWljMvQrZjR2DaNhVfRz6dkCAVV+ymcLUmaf8bccGOHn2v5rHJK3tTpij0BuhdYWP4LLaqj5lwcdlpAAPuvg==", + "dev": true, + "requires": { + "@babel/helper-annotate-as-pure": "^7.18.6", + "@babel/helper-module-imports": "^7.18.6", + "@babel/helper-plugin-utils": "^7.20.2", + "@babel/plugin-syntax-jsx": "^7.18.6", + "@babel/types": "^7.21.0" + } + }, + "@babel/plugin-transform-react-jsx-development": { + "version": "7.18.6", + "resolved": "https://registry.npmmirror.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.18.6.tgz", + "integrity": "sha512-SA6HEjwYFKF7WDjWcMcMGUimmw/nhNRDWxr+KaLSCrkD/LMDBvWRmHAYgE1HDeF8KUuI8OAu+RT6EOtKxSW2qA==", + "dev": true, + "requires": { + "@babel/plugin-transform-react-jsx": "^7.18.6" + } + }, + "@babel/plugin-transform-react-jsx-self": { + "version": "7.21.0", + "resolved": "https://registry.npmmirror.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.21.0.tgz", + "integrity": "sha512-f/Eq+79JEu+KUANFks9UZCcvydOOGMgF7jBrcwjHa5jTZD8JivnhCJYvmlhR/WTXBWonDExPoW0eO/CR4QJirA==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.20.2" + } + }, + "@babel/plugin-transform-react-jsx-source": { + "version": "7.19.6", + "resolved": "https://registry.npmmirror.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.19.6.tgz", + "integrity": "sha512-RpAi004QyMNisst/pvSanoRdJ4q+jMCWyk9zdw/CyLB9j8RXEahodR6l2GyttDRyEVWZtbN+TpLiHJ3t34LbsQ==", + "dev": true, + "requires": { + "@babel/helper-plugin-utils": "^7.19.0" + } + }, + "@babel/template": { + "version": "7.20.7", + "resolved": "https://registry.npmmirror.com/@babel/template/-/template-7.20.7.tgz", + "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.18.6", + "@babel/parser": "^7.20.7", + "@babel/types": "^7.20.7" + } + }, + "@babel/traverse": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/traverse/-/traverse-7.21.4.tgz", + "integrity": "sha512-eyKrRHKdyZxqDm+fV1iqL9UAHMoIg0nDaGqfIOd8rKH17m5snv7Gn4qgjBoFfLz9APvjFU/ICT00NVCv1Epp8Q==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.21.4", + "@babel/generator": "^7.21.4", + "@babel/helper-environment-visitor": "^7.18.9", + "@babel/helper-function-name": "^7.21.0", + "@babel/helper-hoist-variables": "^7.18.6", + "@babel/helper-split-export-declaration": "^7.18.6", + "@babel/parser": "^7.21.4", + "@babel/types": "^7.21.4", + "debug": "^4.1.0", + "globals": "^11.1.0" + } + }, + "@babel/types": { + "version": "7.21.4", + "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.21.4.tgz", + "integrity": "sha512-rU2oY501qDxE8Pyo7i/Orqma4ziCOrby0/9mvbDUGEfvZjb279Nk9k19e2fiCxHbRRpY2ZyrgW1eq22mvmOIzA==", + "dev": true, + "requires": { + "@babel/helper-string-parser": "^7.19.4", + "@babel/helper-validator-identifier": "^7.19.1", + "to-fast-properties": "^2.0.0" + } + }, + "@esbuild/android-arm": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.15.18.tgz", + "integrity": "sha512-5GT+kcs2WVGjVs7+boataCkO5Fg0y4kCjzkB5bAip7H4jfnOS3dA6KPiww9W1OEKTKeAcUVhdZGvgI65OXmUnw==", + "dev": true, + "optional": true + }, + "@esbuild/linux-loong64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.15.18.tgz", + "integrity": "sha512-L4jVKS82XVhw2nvzLg/19ClLWg0y27ulRwuP7lcyL6AbUWB5aPglXY3M21mauDQMDfRLs8cQmeT03r/+X3cZYQ==", + "dev": true, + "optional": true + }, + "@jridgewell/gen-mapping": { + "version": "0.3.3", + "resolved": "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", + "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", + "dev": true, + "requires": { + "@jridgewell/set-array": "^1.0.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.9" + } + }, + "@jridgewell/resolve-uri": { + "version": "3.1.0", + "resolved": "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz", + "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==", + "dev": true + }, + "@jridgewell/set-array": { + "version": "1.1.2", + "resolved": "https://registry.npmmirror.com/@jridgewell/set-array/-/set-array-1.1.2.tgz", + "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", + "dev": true + }, + "@jridgewell/sourcemap-codec": { + "version": "1.4.15", + "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", + "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==", + "dev": true + }, + "@jridgewell/trace-mapping": { + "version": "0.3.18", + "resolved": "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz", + "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==", + "dev": true, + "requires": { + "@jridgewell/resolve-uri": "3.1.0", + "@jridgewell/sourcemap-codec": "1.4.14" + }, + "dependencies": { + "@jridgewell/sourcemap-codec": { + "version": "1.4.14", + "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz", + "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==", + "dev": true + } + } + }, + "@types/prop-types": { + "version": "15.7.5", + "resolved": "https://registry.npmmirror.com/@types/prop-types/-/prop-types-15.7.5.tgz", + "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==", + "dev": true + }, + "@types/react": { + "version": "18.0.37", + "resolved": "https://registry.npmmirror.com/@types/react/-/react-18.0.37.tgz", + "integrity": "sha512-4yaZZtkRN3ZIQD3KSEwkfcik8s0SWV+82dlJot1AbGYHCzJkWP3ENBY6wYeDRmKZ6HkrgoGAmR2HqdwYGp6OEw==", + "dev": true, + "requires": { + "@types/prop-types": "*", + "@types/scheduler": "*", + "csstype": "^3.0.2" + } + }, + "@types/react-dom": { + "version": "18.0.11", + "resolved": "https://registry.npmmirror.com/@types/react-dom/-/react-dom-18.0.11.tgz", + "integrity": "sha512-O38bPbI2CWtgw/OoQoY+BRelw7uysmXbWvw3nLWO21H1HSh+GOlqPuXshJfjmpNlKiiSDG9cc1JZAaMmVdcTlw==", + "dev": true, + "requires": { + "@types/react": "*" + } + }, + "@types/scheduler": { + "version": "0.16.3", + "resolved": "https://registry.npmmirror.com/@types/scheduler/-/scheduler-0.16.3.tgz", + "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==", + "dev": true + }, + "@vitejs/plugin-react": { + "version": "2.2.0", + "resolved": "https://registry.npmmirror.com/@vitejs/plugin-react/-/plugin-react-2.2.0.tgz", + "integrity": "sha512-FFpefhvExd1toVRlokZgxgy2JtnBOdp4ZDsq7ldCWaqGSGn9UhWMAVm/1lxPL14JfNS5yGz+s9yFrQY6shoStA==", + "dev": true, + "requires": { + "@babel/core": "^7.19.6", + "@babel/plugin-transform-react-jsx": "^7.19.0", + "@babel/plugin-transform-react-jsx-development": "^7.18.6", + "@babel/plugin-transform-react-jsx-self": "^7.18.6", + "@babel/plugin-transform-react-jsx-source": "^7.19.6", + "magic-string": "^0.26.7", + "react-refresh": "^0.14.0" + } + }, + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "requires": { + "color-convert": "^1.9.0" + } + }, + "browserslist": { + "version": "4.21.5", + "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.5.tgz", + "integrity": "sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==", + "dev": true, + "requires": { + "caniuse-lite": "^1.0.30001449", + "electron-to-chromium": "^1.4.284", + "node-releases": "^2.0.8", + "update-browserslist-db": "^1.0.10" + } + }, + "caniuse-lite": { + "version": "1.0.30001480", + "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001480.tgz", + "integrity": "sha512-q7cpoPPvZYgtyC4VaBSN0Bt+PJ4c4EYRf0DrduInOz2SkFpHD5p3LnvEpqBp7UnJn+8x1Ogl1s38saUxe+ihQQ==", + "dev": true + }, + "chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmmirror.com/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + } + }, + "color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dev": true, + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", + "dev": true + }, + "convert-source-map": { + "version": "1.9.0", + "resolved": "https://registry.npmmirror.com/convert-source-map/-/convert-source-map-1.9.0.tgz", + "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", + "dev": true + }, + "csstype": { + "version": "3.1.2", + "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.2.tgz", + "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==", + "dev": true + }, + "debug": { + "version": "4.3.4", + "resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dev": true, + "requires": { + "ms": "2.1.2" + } + }, + "electron-to-chromium": { + "version": "1.4.368", + "resolved": "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.4.368.tgz", + "integrity": "sha512-e2aeCAixCj9M7nJxdB/wDjO6mbYX+lJJxSJCXDzlr5YPGYVofuJwGN9nKg2o6wWInjX6XmxRinn3AeJMK81ltw==", + "dev": true + }, + "esbuild": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild/-/esbuild-0.15.18.tgz", + "integrity": "sha512-x/R72SmW3sSFRm5zrrIjAhCeQSAWoni3CmHEqfQrZIQTM3lVCdehdwuIqaOtfC2slvpdlLa62GYoN8SxT23m6Q==", + "dev": true, + "requires": { + "@esbuild/android-arm": "0.15.18", + "@esbuild/linux-loong64": "0.15.18", + "esbuild-android-64": "0.15.18", + "esbuild-android-arm64": "0.15.18", + "esbuild-darwin-64": "0.15.18", + "esbuild-darwin-arm64": "0.15.18", + "esbuild-freebsd-64": "0.15.18", + "esbuild-freebsd-arm64": "0.15.18", + "esbuild-linux-32": "0.15.18", + "esbuild-linux-64": "0.15.18", + "esbuild-linux-arm": "0.15.18", + "esbuild-linux-arm64": "0.15.18", + "esbuild-linux-mips64le": "0.15.18", + "esbuild-linux-ppc64le": "0.15.18", + "esbuild-linux-riscv64": "0.15.18", + "esbuild-linux-s390x": "0.15.18", + "esbuild-netbsd-64": "0.15.18", + "esbuild-openbsd-64": "0.15.18", + "esbuild-sunos-64": "0.15.18", + "esbuild-windows-32": "0.15.18", + "esbuild-windows-64": "0.15.18", + "esbuild-windows-arm64": "0.15.18" + } + }, + "esbuild-android-64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-android-64/-/esbuild-android-64-0.15.18.tgz", + "integrity": "sha512-wnpt3OXRhcjfIDSZu9bnzT4/TNTDsOUvip0foZOUBG7QbSt//w3QV4FInVJxNhKc/ErhUxc5z4QjHtMi7/TbgA==", + "dev": true, + "optional": true + }, + "esbuild-android-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-android-arm64/-/esbuild-android-arm64-0.15.18.tgz", + "integrity": "sha512-G4xu89B8FCzav9XU8EjsXacCKSG2FT7wW9J6hOc18soEHJdtWu03L3TQDGf0geNxfLTtxENKBzMSq9LlbjS8OQ==", + "dev": true, + "optional": true + }, + "esbuild-darwin-64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-darwin-64/-/esbuild-darwin-64-0.15.18.tgz", + "integrity": "sha512-2WAvs95uPnVJPuYKP0Eqx+Dl/jaYseZEUUT1sjg97TJa4oBtbAKnPnl3b5M9l51/nbx7+QAEtuummJZW0sBEmg==", + "dev": true, + "optional": true + }, + "esbuild-darwin-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.18.tgz", + "integrity": "sha512-tKPSxcTJ5OmNb1btVikATJ8NftlyNlc8BVNtyT/UAr62JFOhwHlnoPrhYWz09akBLHI9nElFVfWSTSRsrZiDUA==", + "dev": true, + "optional": true + }, + "esbuild-freebsd-64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.18.tgz", + "integrity": "sha512-TT3uBUxkteAjR1QbsmvSsjpKjOX6UkCstr8nMr+q7zi3NuZ1oIpa8U41Y8I8dJH2fJgdC3Dj3CXO5biLQpfdZA==", + "dev": true, + "optional": true + }, + "esbuild-freebsd-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.18.tgz", + "integrity": "sha512-R/oVr+X3Tkh+S0+tL41wRMbdWtpWB8hEAMsOXDumSSa6qJR89U0S/PpLXrGF7Wk/JykfpWNokERUpCeHDl47wA==", + "dev": true, + "optional": true + }, + "esbuild-linux-32": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-linux-32/-/esbuild-linux-32-0.15.18.tgz", + "integrity": "sha512-lphF3HiCSYtaa9p1DtXndiQEeQDKPl9eN/XNoBf2amEghugNuqXNZA/ZovthNE2aa4EN43WroO0B85xVSjYkbg==", + "dev": true, + "optional": true + }, + "esbuild-linux-64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-linux-64/-/esbuild-linux-64-0.15.18.tgz", + "integrity": "sha512-hNSeP97IviD7oxLKFuii5sDPJ+QHeiFTFLoLm7NZQligur8poNOWGIgpQ7Qf8Balb69hptMZzyOBIPtY09GZYw==", + "dev": true, + "optional": true + }, + "esbuild-linux-arm": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-linux-arm/-/esbuild-linux-arm-0.15.18.tgz", + "integrity": "sha512-UH779gstRblS4aoS2qpMl3wjg7U0j+ygu3GjIeTonCcN79ZvpPee12Qun3vcdxX+37O5LFxz39XeW2I9bybMVA==", + "dev": true, + "optional": true + }, + "esbuild-linux-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.18.tgz", + "integrity": "sha512-54qr8kg/6ilcxd+0V3h9rjT4qmjc0CccMVWrjOEM/pEcUzt8X62HfBSeZfT2ECpM7104mk4yfQXkosY8Quptug==", + "dev": true, + "optional": true + }, + "esbuild-linux-mips64le": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.18.tgz", + "integrity": "sha512-Mk6Ppwzzz3YbMl/ZZL2P0q1tnYqh/trYZ1VfNP47C31yT0K8t9s7Z077QrDA/guU60tGNp2GOwCQnp+DYv7bxQ==", + "dev": true, + "optional": true + }, + "esbuild-linux-ppc64le": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.18.tgz", + "integrity": "sha512-b0XkN4pL9WUulPTa/VKHx2wLCgvIAbgwABGnKMY19WhKZPT+8BxhZdqz6EgkqCLld7X5qiCY2F/bfpUUlnFZ9w==", + "dev": true, + "optional": true + }, + "esbuild-linux-riscv64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.18.tgz", + "integrity": "sha512-ba2COaoF5wL6VLZWn04k+ACZjZ6NYniMSQStodFKH/Pu6RxzQqzsmjR1t9QC89VYJxBeyVPTaHuBMCejl3O/xg==", + "dev": true, + "optional": true + }, + "esbuild-linux-s390x": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.18.tgz", + "integrity": "sha512-VbpGuXEl5FCs1wDVp93O8UIzl3ZrglgnSQ+Hu79g7hZu6te6/YHgVJxCM2SqfIila0J3k0csfnf8VD2W7u2kzQ==", + "dev": true, + "optional": true + }, + "esbuild-netbsd-64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.18.tgz", + "integrity": "sha512-98ukeCdvdX7wr1vUYQzKo4kQ0N2p27H7I11maINv73fVEXt2kyh4K4m9f35U1K43Xc2QGXlzAw0K9yoU7JUjOg==", + "dev": true, + "optional": true + }, + "esbuild-openbsd-64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.18.tgz", + "integrity": "sha512-yK5NCcH31Uae076AyQAXeJzt/vxIo9+omZRKj1pauhk3ITuADzuOx5N2fdHrAKPxN+zH3w96uFKlY7yIn490xQ==", + "dev": true, + "optional": true + }, + "esbuild-sunos-64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-sunos-64/-/esbuild-sunos-64-0.15.18.tgz", + "integrity": "sha512-On22LLFlBeLNj/YF3FT+cXcyKPEI263nflYlAhz5crxtp3yRG1Ugfr7ITyxmCmjm4vbN/dGrb/B7w7U8yJR9yw==", + "dev": true, + "optional": true + }, + "esbuild-windows-32": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-windows-32/-/esbuild-windows-32-0.15.18.tgz", + "integrity": "sha512-o+eyLu2MjVny/nt+E0uPnBxYuJHBvho8vWsC2lV61A7wwTWC3jkN2w36jtA+yv1UgYkHRihPuQsL23hsCYGcOQ==", + "dev": true, + "optional": true + }, + "esbuild-windows-64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-windows-64/-/esbuild-windows-64-0.15.18.tgz", + "integrity": "sha512-qinug1iTTaIIrCorAUjR0fcBk24fjzEedFYhhispP8Oc7SFvs+XeW3YpAKiKp8dRpizl4YYAhxMjlftAMJiaUw==", + "dev": true, + "optional": true + }, + "esbuild-windows-arm64": { + "version": "0.15.18", + "resolved": "https://registry.npmmirror.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.18.tgz", + "integrity": "sha512-q9bsYzegpZcLziq0zgUi5KqGVtfhjxGbnksaBFYmWLxeV/S1fK4OLdq2DFYnXcLMjlZw2L0jLsk1eGoB522WXQ==", + "dev": true, + "optional": true + }, + "escalade": { + "version": "3.1.1", + "resolved": "https://registry.npmmirror.com/escalade/-/escalade-3.1.1.tgz", + "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", + "dev": true + }, + "escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", + "dev": true + }, + "fsevents": { + "version": "2.3.2", + "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.2.tgz", + "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "dev": true, + "optional": true + }, + "function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", + "dev": true + }, + "gensync": { + "version": "1.0.0-beta.2", + "resolved": "https://registry.npmmirror.com/gensync/-/gensync-1.0.0-beta.2.tgz", + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "dev": true + }, + "globals": { + "version": "11.12.0", + "resolved": "https://registry.npmmirror.com/globals/-/globals-11.12.0.tgz", + "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", + "dev": true + }, + "has": { + "version": "1.0.3", + "resolved": "https://registry.npmmirror.com/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", + "dev": true, + "requires": { + "function-bind": "^1.1.1" + } + }, + "has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "dev": true + }, + "is-core-module": { + "version": "2.12.0", + "resolved": "https://registry.npmmirror.com/is-core-module/-/is-core-module-2.12.0.tgz", + "integrity": "sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==", + "dev": true, + "requires": { + "has": "^1.0.3" + } + }, + "js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmmirror.com/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" + }, + "jsesc": { + "version": "2.5.2", + "resolved": "https://registry.npmmirror.com/jsesc/-/jsesc-2.5.2.tgz", + "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", + "dev": true + }, + "json5": { + "version": "2.2.3", + "resolved": "https://registry.npmmirror.com/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", + "dev": true + }, + "loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmmirror.com/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "requires": { + "js-tokens": "^3.0.0 || ^4.0.0" + } + }, + "lru-cache": { + "version": "5.1.1", + "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-5.1.1.tgz", + "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "dev": true, + "requires": { + "yallist": "^3.0.2" + } + }, + "magic-string": { + "version": "0.26.7", + "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.26.7.tgz", + "integrity": "sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==", + "dev": true, + "requires": { + "sourcemap-codec": "^1.4.8" + } + }, + "ms": { + "version": "2.1.2", + "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true + }, + "nanoid": { + "version": "3.3.6", + "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.6.tgz", + "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", + "dev": true + }, + "node-releases": { + "version": "2.0.10", + "resolved": "https://registry.npmmirror.com/node-releases/-/node-releases-2.0.10.tgz", + "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==", + "dev": true + }, + "path-parse": { + "version": "1.0.7", + "resolved": "https://registry.npmmirror.com/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "dev": true + }, + "picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", + "dev": true + }, + "postcss": { + "version": "8.4.22", + "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.4.22.tgz", + "integrity": "sha512-XseknLAfRHzVWjCEtdviapiBtfLdgyzExD50Rg2ePaucEesyh8Wv4VPdW0nbyDa1ydbrAxV19jvMT4+LFmcNUA==", + "dev": true, + "requires": { + "nanoid": "^3.3.6", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" + } + }, + "react": { + "version": "18.2.0", + "resolved": "https://registry.npmmirror.com/react/-/react-18.2.0.tgz", + "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==", + "requires": { + "loose-envify": "^1.1.0" + } + }, + "react-dom": { + "version": "18.2.0", + "resolved": "https://registry.npmmirror.com/react-dom/-/react-dom-18.2.0.tgz", + "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==", + "requires": { + "loose-envify": "^1.1.0", + "scheduler": "^0.23.0" + } + }, + "react-refresh": { + "version": "0.14.0", + "resolved": "https://registry.npmmirror.com/react-refresh/-/react-refresh-0.14.0.tgz", + "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==", + "dev": true + }, + "resolve": { + "version": "1.22.2", + "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.2.tgz", + "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==", + "dev": true, + "requires": { + "is-core-module": "^2.11.0", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" + } + }, + "rollup": { + "version": "2.79.1", + "resolved": "https://registry.npmmirror.com/rollup/-/rollup-2.79.1.tgz", + "integrity": "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==", + "dev": true, + "requires": { + "fsevents": "~2.3.2" + } + }, + "scheduler": { + "version": "0.23.0", + "resolved": "https://registry.npmmirror.com/scheduler/-/scheduler-0.23.0.tgz", + "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==", + "requires": { + "loose-envify": "^1.1.0" + } + }, + "semver": { + "version": "6.3.0", + "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.0.tgz", + "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", + "dev": true + }, + "source-map-js": { + "version": "1.0.2", + "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "dev": true + }, + "sourcemap-codec": { + "version": "1.4.8", + "resolved": "https://registry.npmmirror.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz", + "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==", + "dev": true + }, + "supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "requires": { + "has-flag": "^3.0.0" + } + }, + "supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmmirror.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "dev": true + }, + "to-fast-properties": { + "version": "2.0.0", + "resolved": "https://registry.npmmirror.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz", + "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", + "dev": true + }, + "typescript": { + "version": "4.9.5", + "resolved": "https://registry.npmmirror.com/typescript/-/typescript-4.9.5.tgz", + "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==", + "dev": true + }, + "update-browserslist-db": { + "version": "1.0.11", + "resolved": "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz", + "integrity": "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==", + "dev": true, + "requires": { + "escalade": "^3.1.1", + "picocolors": "^1.0.0" + } + }, + "vite": { + "version": "3.2.6", + "resolved": "https://registry.npmmirror.com/vite/-/vite-3.2.6.tgz", + "integrity": "sha512-nTXTxYVvaQNLoW5BQ8PNNQ3lPia57gzsQU/Khv+JvzKPku8kNZL6NMUR/qwXhMG6E+g1idqEPanomJ+VZgixEg==", + "dev": true, + "requires": { + "esbuild": "^0.15.9", + "fsevents": "~2.3.2", + "postcss": "^8.4.18", + "resolve": "^1.22.1", + "rollup": "^2.79.1" + } + }, + "yallist": { + "version": "3.1.1", + "resolved": "https://registry.npmmirror.com/yallist/-/yallist-3.1.1.tgz", + "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", + "dev": true + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..7f17529 --- /dev/null +++ b/package.json @@ -0,0 +1,22 @@ +{ + "name": "vite-react-ts", + "private": true, + "version": "0.0.0", + "scripts": { + "start": "vite", + "dev": "vite", + "build": "tsc && vite build", + "preview": "vite preview" + }, + "dependencies": { + "react": "^18.2.0", + "react-dom": "^18.2.0" + }, + "devDependencies": { + "@types/react": "^18.0.17", + "@types/react-dom": "^18.0.6", + "@vitejs/plugin-react": "^2.0.1", + "typescript": "^4.7.4", + "vite": "^3.0.9" + } +} diff --git a/public/assets/_202332621561.jpg b/public/assets/_202332621561.jpg new file mode 100644 index 0000000..685c477 Binary files /dev/null and b/public/assets/_202332621561.jpg differ diff --git a/public/robots.txt b/public/robots.txt new file mode 100644 index 0000000..e9e57dc --- /dev/null +++ b/public/robots.txt @@ -0,0 +1,3 @@ +# https://www.robotstxt.org/robotstxt.html +User-agent: * +Disallow: diff --git a/src/App.module.css b/src/App.module.css new file mode 100644 index 0000000..dd6b7db --- /dev/null +++ b/src/App.module.css @@ -0,0 +1,8 @@ +.root { + height: 100%; + font-family: sans-serif; + background-color: __backgroundColor__; + flex-basis: 100%; + overflow-y: auto; + /* __center__ */ +} diff --git a/src/App.tsx b/src/App.tsx new file mode 100644 index 0000000..e50375d --- /dev/null +++ b/src/App.tsx @@ -0,0 +1,17 @@ +import { memo } from 'react'; +import type { FC } from 'react'; + +import classes from './App.module.css'; +import resets from './components/_resets.module.css'; +import { Yidian } from './components/Yidian/Yidian'; + +interface Props { + className?: string; +} +export const App: FC = memo(function App(props = {}) { + return ( +

+ +

+ ); +}); diff --git a/src/components/Yidian/AreaIcon.tsx b/src/components/Yidian/AreaIcon.tsx new file mode 100644 index 0000000..909eb00 --- /dev/null +++ b/src/components/Yidian/AreaIcon.tsx @@ -0,0 +1,19 @@ +import { memo, SVGProps } from 'react'; + +const AreaIcon = (props: SVGProps) => ( + +); +const Memo = memo(AreaIcon); +export { Memo as AreaIcon }; diff --git a/src/components/Yidian/AreaIcon2.tsx b/src/components/Yidian/AreaIcon2.tsx new file mode 100644 index 0000000..61cdedf --- /dev/null +++ b/src/components/Yidian/AreaIcon2.tsx @@ -0,0 +1,19 @@ +import { memo, SVGProps } from 'react'; + +const AreaIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(AreaIcon2); +export { Memo as AreaIcon2 }; diff --git a/src/components/Yidian/AreaIcon3.tsx b/src/components/Yidian/AreaIcon3.tsx new file mode 100644 index 0000000..dbe3997 --- /dev/null +++ b/src/components/Yidian/AreaIcon3.tsx @@ -0,0 +1,19 @@ +import { memo, SVGProps } from 'react'; + +const AreaIcon3 = (props: SVGProps) => ( + +); +const Memo = memo(AreaIcon3); +export { Memo as AreaIcon3 }; diff --git a/src/components/Yidian/Avatar_Property1MediumProperty/Avatar_Property1MediumProperty.module.css b/src/components/Yidian/Avatar_Property1MediumProperty/Avatar_Property1MediumProperty.module.css new file mode 100644 index 0000000..038e244 --- /dev/null +++ b/src/components/Yidian/Avatar_Property1MediumProperty/Avatar_Property1MediumProperty.module.css @@ -0,0 +1,46 @@ +.root { + position: relative; + width: 36px; + height: 36px; + align-items: flex-start; +} +.mask { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.border { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} +.rM { + color: #fff; + font-size: 14px; + font-family: Roboto, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + letter-spacing: -0.5px; + position: absolute; + left: calc(50% - -0.3914px); + top: calc(50% - -0.6085px); + width: 21.1304px; + height: 16.4348px; + text-align: center; + align-items: center; + flex-direction: column; + transform: translate(-50%, -50%); +} diff --git a/src/components/Yidian/Avatar_Property1MediumProperty/Avatar_Property1MediumProperty.tsx b/src/components/Yidian/Avatar_Property1MediumProperty/Avatar_Property1MediumProperty.tsx new file mode 100644 index 0000000..660e90f --- /dev/null +++ b/src/components/Yidian/Avatar_Property1MediumProperty/Avatar_Property1MediumProperty.tsx @@ -0,0 +1,29 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Avatar_Property1MediumProperty.module.css'; +import { BorderIcon } from './BorderIcon.js'; +import { MaskIcon } from './MaskIcon.js'; + +interface Props { + className?: string; + swap?: { + mask?: ReactNode; + }; + text?: { + rM?: ReactNode; + }; +} +/* @figmaId 5401:45650 */ +export const Avatar_Property1MediumProperty: FC = memo(function Avatar_Property1MediumProperty(props = {}) { + return ( +

{props.swap?.mask || }

+ +

+ {props.text?.rM != null ? props.text?.rM :

} +

+ ); +}); diff --git a/src/components/Yidian/Avatar_Property1MediumProperty/BorderIcon.tsx b/src/components/Yidian/Avatar_Property1MediumProperty/BorderIcon.tsx new file mode 100644 index 0000000..f134bb5 --- /dev/null +++ b/src/components/Yidian/Avatar_Property1MediumProperty/BorderIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const BorderIcon = (props: SVGProps) => ( + +); +const Memo = memo(BorderIcon); +export { Memo as BorderIcon }; diff --git a/src/components/Yidian/Avatar_Property1MediumProperty/MaskIcon.tsx b/src/components/Yidian/Avatar_Property1MediumProperty/MaskIcon.tsx new file mode 100644 index 0000000..3d3b63f --- /dev/null +++ b/src/components/Yidian/Avatar_Property1MediumProperty/MaskIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const MaskIcon = (props: SVGProps) => ( + +); +const Memo = memo(MaskIcon); +export { Memo as MaskIcon }; diff --git a/src/components/Yidian/Bill/Bill.module.css b/src/components/Yidian/Bill/Bill.module.css new file mode 100644 index 0000000..b948032 --- /dev/null +++ b/src/components/Yidian/Bill/Bill.module.css @@ -0,0 +1,66 @@ +.root { + position: relative; + width: 48px; + height: 48px; + align-items: flex-start; +} +.rectangle3 { + position: absolute; + left: 36.9048%; + right: 4.7619%; + top: 16.6667%; + bottom: 25%; + border-radius: 99px; + background-image: linear-gradient(-46.9deg, #0077faff 0%, #0077fa59 100%); + background-position: center; + background-repeat: no-repeat; + background-size: auto; +} +.union { + position: absolute; + left: 8px; + top: 2px; + width: 32px; + height: 44px; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.vectorStroke { + position: absolute; + left: 33.3333%; + right: 33.3333%; + top: 41.6667%; + bottom: 50%; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} +.vectorStroke2 { + position: absolute; + left: 33.3333%; + right: 33.3333%; + top: 58.3333%; + bottom: 33.3333%; + overflow: visible; +} +.icon3 { + width: 100%; + height: 100%; +} +.vectorStroke3 { + position: absolute; + left: 33.3333%; + right: 33.3333%; + top: 25%; + bottom: 66.6667%; + overflow: visible; +} +.icon4 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Bill/Bill.tsx b/src/components/Yidian/Bill/Bill.tsx new file mode 100644 index 0000000..f9107bc --- /dev/null +++ b/src/components/Yidian/Bill/Bill.tsx @@ -0,0 +1,34 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Bill.module.css'; +import { UnionIcon } from './UnionIcon.js'; +import { VectorStrokeIcon2 } from './VectorStrokeIcon2.js'; +import { VectorStrokeIcon3 } from './VectorStrokeIcon3.js'; +import { VectorStrokeIcon } from './VectorStrokeIcon.js'; + +interface Props { + className?: string; + swap?: { + union?: ReactNode; + }; +} +/* @figmaId 5404:5814 */ +export const Bill: FC = memo(function Bill(props = {}) { + return ( +

{props.swap?.union || }

+ +

+ ); +}); diff --git a/src/components/Yidian/Bill/UnionIcon.tsx b/src/components/Yidian/Bill/UnionIcon.tsx new file mode 100644 index 0000000..32ccc5b --- /dev/null +++ b/src/components/Yidian/Bill/UnionIcon.tsx @@ -0,0 +1,45 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/Bill/VectorStrokeIcon.tsx b/src/components/Yidian/Bill/VectorStrokeIcon.tsx new file mode 100644 index 0000000..ea760f8 --- /dev/null +++ b/src/components/Yidian/Bill/VectorStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon); +export { Memo as VectorStrokeIcon }; diff --git a/src/components/Yidian/Bill/VectorStrokeIcon2.tsx b/src/components/Yidian/Bill/VectorStrokeIcon2.tsx new file mode 100644 index 0000000..40f65c2 --- /dev/null +++ b/src/components/Yidian/Bill/VectorStrokeIcon2.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon2); +export { Memo as VectorStrokeIcon2 }; diff --git a/src/components/Yidian/Bill/VectorStrokeIcon3.tsx b/src/components/Yidian/Bill/VectorStrokeIcon3.tsx new file mode 100644 index 0000000..c8575a1 --- /dev/null +++ b/src/components/Yidian/Bill/VectorStrokeIcon3.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon3 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon3); +export { Memo as VectorStrokeIcon3 }; diff --git a/src/components/Yidian/Button_PrimaryDefaultRegular/Button_PrimaryDefaultRegular.module.css b/src/components/Yidian/Button_PrimaryDefaultRegular/Button_PrimaryDefaultRegular.module.css new file mode 100644 index 0000000..e6085af --- /dev/null +++ b/src/components/Yidian/Button_PrimaryDefaultRegular/Button_PrimaryDefaultRegular.module.css @@ -0,0 +1,23 @@ +.root { + width: min-content; + height: min-content; + place-content: center; + align-items: center; + gap: 8px; + padding: 5px 14px; + border-radius: 4px; + background-color: #06f; +} +.text { + color: #fff; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/Button_PrimaryDefaultRegular/Button_PrimaryDefaultRegular.tsx b/src/components/Yidian/Button_PrimaryDefaultRegular/Button_PrimaryDefaultRegular.tsx new file mode 100644 index 0000000..9bbe77a --- /dev/null +++ b/src/components/Yidian/Button_PrimaryDefaultRegular/Button_PrimaryDefaultRegular.tsx @@ -0,0 +1,28 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { _2 } from "../_2/_2"; +import { Unnamed } from "../unnamed/unnamed"; +import classes from "./Button_PrimaryDefaultRegular.module.css"; + +interface Props { + className?: string; + text?: { + text?: ReactNode; + }; +} +/* @figmaId 5403:1599 */ +export const Button_PrimaryDefaultRegular: FC = memo( + function Button_PrimaryDefaultRegular(props = {}) { + return ( + + ); + } +); diff --git a/src/components/Yidian/Button_PrimaryLargeRegular/Button_PrimaryLargeRegular.module.css b/src/components/Yidian/Button_PrimaryLargeRegular/Button_PrimaryLargeRegular.module.css new file mode 100644 index 0000000..db7b510 --- /dev/null +++ b/src/components/Yidian/Button_PrimaryLargeRegular/Button_PrimaryLargeRegular.module.css @@ -0,0 +1,23 @@ +.root { + width: min-content; + height: min-content; + place-content: center; + align-items: center; + gap: 8px; + padding: 7px 18px; + border-radius: 4px; + background-color: #06f; +} +.text { + color: #fff; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/Button_PrimaryLargeRegular/Button_PrimaryLargeRegular.tsx b/src/components/Yidian/Button_PrimaryLargeRegular/Button_PrimaryLargeRegular.tsx new file mode 100644 index 0000000..28a9efe --- /dev/null +++ b/src/components/Yidian/Button_PrimaryLargeRegular/Button_PrimaryLargeRegular.tsx @@ -0,0 +1,28 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { _2 } from "../_2/_2"; +import { Unnamed } from "../unnamed/unnamed"; +import classes from "./Button_PrimaryLargeRegular.module.css"; + +interface Props { + className?: string; + text?: { + text?: ReactNode; + }; +} +/* @figmaId 5403:1551 */ +export const Button_PrimaryLargeRegular: FC = memo( + function Button_PrimaryLargeRegular(props = {}) { + return ( + + ); + } +); diff --git a/src/components/Yidian/Button_Property1SecondarybtnPr/Button_Property1SecondarybtnPr.module.css b/src/components/Yidian/Button_Property1SecondarybtnPr/Button_Property1SecondarybtnPr.module.css new file mode 100644 index 0000000..4d42fdb --- /dev/null +++ b/src/components/Yidian/Button_Property1SecondarybtnPr/Button_Property1SecondarybtnPr.module.css @@ -0,0 +1,25 @@ +.root { + width: min-content; + height: min-content; + place-content: center; + align-items: center; + gap: 6px; + padding: 5px 8px; + outline: solid 1px #5249e3; + outline-offset: -1px; + border-radius: 6px; +} +.Label { + color: #5249e3; + font-size: 14px; + line-height: 22px; + font-family: PingFang SC, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/Button_Property1SecondarybtnPr/Button_Property1SecondarybtnPr.tsx b/src/components/Yidian/Button_Property1SecondarybtnPr/Button_Property1SecondarybtnPr.tsx new file mode 100644 index 0000000..ddf6c2a --- /dev/null +++ b/src/components/Yidian/Button_Property1SecondarybtnPr/Button_Property1SecondarybtnPr.tsx @@ -0,0 +1,41 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import { IconBasicDropdownChevronDown } from '../IconBasicDropdownChevronDown/IconBasicDropdownChevronDown'; +import classes from './Button_Property1SecondarybtnPr.module.css'; + +interface Props { + className?: string; + classes?: { + iconBasicDropdownChevronDown?: string; + root?: string; + }; + swap?: { + iconBackStroke?: ReactNode; + }; + hide?: { + iconBasicDropdownChevronDown?: boolean; + }; + text?: { + Label?: ReactNode; + }; +} +/* @figmaId 5415:8096 */ +export const Button_Property1SecondarybtnPr: FC = memo(function Button_Property1SecondarybtnPr(props = {}) { + return ( + + ); +}); diff --git a/src/components/Yidian/Button_TertiaryDefaultRegular/Button_TertiaryDefaultRegular.module.css b/src/components/Yidian/Button_TertiaryDefaultRegular/Button_TertiaryDefaultRegular.module.css new file mode 100644 index 0000000..b096a57 --- /dev/null +++ b/src/components/Yidian/Button_TertiaryDefaultRegular/Button_TertiaryDefaultRegular.module.css @@ -0,0 +1,26 @@ +.root { + width: min-content; + height: min-content; + place-content: center; + align-items: center; + gap: 8px; + padding: 5px 14px; + outline: solid 1px #dcdcdc; + outline-offset: -1px; + border-radius: 4px; + background-color: #fff; +} +.text { + color: #1d2129; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/Button_TertiaryDefaultRegular/Button_TertiaryDefaultRegular.tsx b/src/components/Yidian/Button_TertiaryDefaultRegular/Button_TertiaryDefaultRegular.tsx new file mode 100644 index 0000000..0e58786 --- /dev/null +++ b/src/components/Yidian/Button_TertiaryDefaultRegular/Button_TertiaryDefaultRegular.tsx @@ -0,0 +1,28 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { _2 } from "../_2/_2"; +import { Unnamed } from "../unnamed/unnamed"; +import classes from "./Button_TertiaryDefaultRegular.module.css"; + +interface Props { + className?: string; + text?: { + text?: ReactNode; + }; +} +/* @figmaId 5403:1755 */ +export const Button_TertiaryDefaultRegular: FC = memo( + function Button_TertiaryDefaultRegular(props = {}) { + return ( + + ); + } +); diff --git a/src/components/Yidian/Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel.module.css b/src/components/Yidian/Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel.module.css new file mode 100644 index 0000000..6045c5d --- /dev/null +++ b/src/components/Yidian/Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel.module.css @@ -0,0 +1,16 @@ +.root { + position: relative; + width: 16px; + height: 16px; + align-items: flex-start; +} +.rectangle224 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + outline: solid 1px #c5c7d0; + outline-offset: -1px; + border-radius: 2px; +} diff --git a/src/components/Yidian/Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel.tsx b/src/components/Yidian/Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel.tsx new file mode 100644 index 0000000..941ee88 --- /dev/null +++ b/src/components/Yidian/Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel.tsx @@ -0,0 +1,17 @@ +import { memo } from 'react'; +import type { FC } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Checkbox_Property1WithoutLabel.module.css'; + +interface Props { + className?: string; +} +/* @figmaId 5401:45034 */ +export const Checkbox_Property1WithoutLabel: FC = memo(function Checkbox_Property1WithoutLabel(props = {}) { + return ( +

+ ); +}); diff --git a/src/components/Yidian/Comment/Comment.module.css b/src/components/Yidian/Comment/Comment.module.css new file mode 100644 index 0000000..d76613d --- /dev/null +++ b/src/components/Yidian/Comment/Comment.module.css @@ -0,0 +1,18 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; +} +.union { + position: absolute; + left: 1px; + top: 2px; + width: 22px; + height: 19.5px; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Comment/Comment.tsx b/src/components/Yidian/Comment/Comment.tsx new file mode 100644 index 0000000..64f2966 --- /dev/null +++ b/src/components/Yidian/Comment/Comment.tsx @@ -0,0 +1,27 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Comment.module.css'; +import { UnionIcon } from './UnionIcon.js'; + +interface Props { + className?: string; + classes?: { + union?: string; + root?: string; + }; + swap?: { + union?: ReactNode; + }; +} +/* @figmaId 5412:3617 */ +export const Comment: FC = memo(function Comment(props = {}) { + return ( +

+ {props.swap?.union || } +

+ ); +}); diff --git a/src/components/Yidian/Comment/UnionIcon.tsx b/src/components/Yidian/Comment/UnionIcon.tsx new file mode 100644 index 0000000..5ffd9b5 --- /dev/null +++ b/src/components/Yidian/Comment/UnionIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/DownOne1/DownOne1.module.css b/src/components/Yidian/DownOne1/DownOne1.module.css new file mode 100644 index 0000000..0a51d92 --- /dev/null +++ b/src/components/Yidian/DownOne1/DownOne1.module.css @@ -0,0 +1,30 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; +} +.vector { + position: absolute; + left: 25%; + right: 25%; + top: 39.5833%; + bottom: 35.4167%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.vectorStroke { + position: absolute; + left: 20.8333%; + right: 20.8331%; + top: 35.4167%; + bottom: 31.25%; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/DownOne1/DownOne1.tsx b/src/components/Yidian/DownOne1/DownOne1.tsx new file mode 100644 index 0000000..f9cd0f6 --- /dev/null +++ b/src/components/Yidian/DownOne1/DownOne1.tsx @@ -0,0 +1,29 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './DownOne1.module.css'; +import { VectorIcon } from './VectorIcon.js'; +import { VectorStrokeIcon } from './VectorStrokeIcon.js'; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + vector?: ReactNode; + vectorStroke?: ReactNode; + }; +} +/* @figmaId 5403:2777 */ +export const DownOne1: FC = memo(function DownOne1(props = {}) { + return ( +

{props.swap?.vector || }

+ {props.swap?.vectorStroke || } +

+ ); +}); diff --git a/src/components/Yidian/DownOne1/VectorIcon.tsx b/src/components/Yidian/DownOne1/VectorIcon.tsx new file mode 100644 index 0000000..7be461c --- /dev/null +++ b/src/components/Yidian/DownOne1/VectorIcon.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/DownOne1/VectorStrokeIcon.tsx b/src/components/Yidian/DownOne1/VectorStrokeIcon.tsx new file mode 100644 index 0000000..7e948e4 --- /dev/null +++ b/src/components/Yidian/DownOne1/VectorStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon); +export { Memo as VectorStrokeIcon }; diff --git a/src/components/Yidian/Ellipse10Icon.tsx b/src/components/Yidian/Ellipse10Icon.tsx new file mode 100644 index 0000000..1bd1320 --- /dev/null +++ b/src/components/Yidian/Ellipse10Icon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse10Icon = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse10Icon); +export { Memo as Ellipse10Icon }; diff --git a/src/components/Yidian/Ellipse10Icon2.tsx b/src/components/Yidian/Ellipse10Icon2.tsx new file mode 100644 index 0000000..2935de0 --- /dev/null +++ b/src/components/Yidian/Ellipse10Icon2.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse10Icon2 = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse10Icon2); +export { Memo as Ellipse10Icon2 }; diff --git a/src/components/Yidian/Ellipse11Icon.tsx b/src/components/Yidian/Ellipse11Icon.tsx new file mode 100644 index 0000000..94c5cf0 --- /dev/null +++ b/src/components/Yidian/Ellipse11Icon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse11Icon = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse11Icon); +export { Memo as Ellipse11Icon }; diff --git a/src/components/Yidian/Ellipse11Icon2.tsx b/src/components/Yidian/Ellipse11Icon2.tsx new file mode 100644 index 0000000..ed55c43 --- /dev/null +++ b/src/components/Yidian/Ellipse11Icon2.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse11Icon2 = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse11Icon2); +export { Memo as Ellipse11Icon2 }; diff --git a/src/components/Yidian/Ellipse6Icon.tsx b/src/components/Yidian/Ellipse6Icon.tsx new file mode 100644 index 0000000..dcb36d3 --- /dev/null +++ b/src/components/Yidian/Ellipse6Icon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse6Icon = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse6Icon); +export { Memo as Ellipse6Icon }; diff --git a/src/components/Yidian/Ellipse6Icon2.tsx b/src/components/Yidian/Ellipse6Icon2.tsx new file mode 100644 index 0000000..8fe5196 --- /dev/null +++ b/src/components/Yidian/Ellipse6Icon2.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse6Icon2 = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse6Icon2); +export { Memo as Ellipse6Icon2 }; diff --git a/src/components/Yidian/Ellipse6Icon3.tsx b/src/components/Yidian/Ellipse6Icon3.tsx new file mode 100644 index 0000000..3daaca3 --- /dev/null +++ b/src/components/Yidian/Ellipse6Icon3.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse6Icon3 = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse6Icon3); +export { Memo as Ellipse6Icon3 }; diff --git a/src/components/Yidian/Ellipse7Icon.tsx b/src/components/Yidian/Ellipse7Icon.tsx new file mode 100644 index 0000000..00a2d83 --- /dev/null +++ b/src/components/Yidian/Ellipse7Icon.tsx @@ -0,0 +1,26 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse7Icon = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse7Icon); +export { Memo as Ellipse7Icon }; diff --git a/src/components/Yidian/Ellipse7Icon2.tsx b/src/components/Yidian/Ellipse7Icon2.tsx new file mode 100644 index 0000000..a527d64 --- /dev/null +++ b/src/components/Yidian/Ellipse7Icon2.tsx @@ -0,0 +1,26 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse7Icon2 = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse7Icon2); +export { Memo as Ellipse7Icon2 }; diff --git a/src/components/Yidian/Ellipse7Icon3.tsx b/src/components/Yidian/Ellipse7Icon3.tsx new file mode 100644 index 0000000..75fb7b7 --- /dev/null +++ b/src/components/Yidian/Ellipse7Icon3.tsx @@ -0,0 +1,26 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse7Icon3 = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse7Icon3); +export { Memo as Ellipse7Icon3 }; diff --git a/src/components/Yidian/Ellipse8Icon.tsx b/src/components/Yidian/Ellipse8Icon.tsx new file mode 100644 index 0000000..74d4521 --- /dev/null +++ b/src/components/Yidian/Ellipse8Icon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse8Icon = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse8Icon); +export { Memo as Ellipse8Icon }; diff --git a/src/components/Yidian/Ellipse8Icon2.tsx b/src/components/Yidian/Ellipse8Icon2.tsx new file mode 100644 index 0000000..9048c62 --- /dev/null +++ b/src/components/Yidian/Ellipse8Icon2.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse8Icon2 = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse8Icon2); +export { Memo as Ellipse8Icon2 }; diff --git a/src/components/Yidian/Ellipse8Icon3.tsx b/src/components/Yidian/Ellipse8Icon3.tsx new file mode 100644 index 0000000..43fdd94 --- /dev/null +++ b/src/components/Yidian/Ellipse8Icon3.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse8Icon3 = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse8Icon3); +export { Memo as Ellipse8Icon3 }; diff --git a/src/components/Yidian/Ellipse9Icon.tsx b/src/components/Yidian/Ellipse9Icon.tsx new file mode 100644 index 0000000..caceda3 --- /dev/null +++ b/src/components/Yidian/Ellipse9Icon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse9Icon = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse9Icon); +export { Memo as Ellipse9Icon }; diff --git a/src/components/Yidian/Ellipse9Icon2.tsx b/src/components/Yidian/Ellipse9Icon2.tsx new file mode 100644 index 0000000..89bb165 --- /dev/null +++ b/src/components/Yidian/Ellipse9Icon2.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse9Icon2 = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse9Icon2); +export { Memo as Ellipse9Icon2 }; diff --git a/src/components/Yidian/Ellipse9Icon3.tsx b/src/components/Yidian/Ellipse9Icon3.tsx new file mode 100644 index 0000000..4d0b0d4 --- /dev/null +++ b/src/components/Yidian/Ellipse9Icon3.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse9Icon3 = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse9Icon3); +export { Memo as Ellipse9Icon3 }; diff --git a/src/components/Yidian/Frame/Frame.module.css b/src/components/Yidian/Frame/Frame.module.css new file mode 100644 index 0000000..97e67ec --- /dev/null +++ b/src/components/Yidian/Frame/Frame.module.css @@ -0,0 +1,19 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; + overflow: hidden; +} +.vector2 { + position: absolute; + left: 8.3333%; + right: 8.3333%; + top: 12.5%; + bottom: 12.5%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Frame/Frame.tsx b/src/components/Yidian/Frame/Frame.tsx new file mode 100644 index 0000000..4c321b0 --- /dev/null +++ b/src/components/Yidian/Frame/Frame.tsx @@ -0,0 +1,25 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Frame.module.css'; +import { VectorIcon } from './VectorIcon.js'; + +interface Props { + className?: string; + classes?: { + vector?: string; + root?: string; + }; + swap?: { + vector?: ReactNode; + }; +} +/* @figmaId 5524:24083 */ +export const Frame: FC = memo(function Frame(props = {}) { + return ( +

{props.swap?.vector || }

+ ); +}); diff --git a/src/components/Yidian/Frame/VectorIcon.tsx b/src/components/Yidian/Frame/VectorIcon.tsx new file mode 100644 index 0000000..08563dd --- /dev/null +++ b/src/components/Yidian/Frame/VectorIcon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/Frame2/Frame2.module.css b/src/components/Yidian/Frame2/Frame2.module.css new file mode 100644 index 0000000..97e67ec --- /dev/null +++ b/src/components/Yidian/Frame2/Frame2.module.css @@ -0,0 +1,19 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; + overflow: hidden; +} +.vector2 { + position: absolute; + left: 8.3333%; + right: 8.3333%; + top: 12.5%; + bottom: 12.5%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Frame2/Frame2.tsx b/src/components/Yidian/Frame2/Frame2.tsx new file mode 100644 index 0000000..9843e59 --- /dev/null +++ b/src/components/Yidian/Frame2/Frame2.tsx @@ -0,0 +1,23 @@ +import { memo } from 'react'; +import type { FC } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Frame2.module.css'; +import { VectorIcon } from './VectorIcon.js'; + +interface Props { + className?: string; + classes?: { + vector?: string; + }; +} +/* @figmaId 5524:23922 */ +export const Frame2: FC = memo(function Frame2(props = {}) { + return ( +

+ +

+ ); +}); diff --git a/src/components/Yidian/Frame2/VectorIcon.tsx b/src/components/Yidian/Frame2/VectorIcon.tsx new file mode 100644 index 0000000..c38c2c2 --- /dev/null +++ b/src/components/Yidian/Frame2/VectorIcon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/Frame3/Frame3.module.css b/src/components/Yidian/Frame3/Frame3.module.css new file mode 100644 index 0000000..0da311c --- /dev/null +++ b/src/components/Yidian/Frame3/Frame3.module.css @@ -0,0 +1,31 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; + overflow: hidden; +} +.vectorStroke { + position: absolute; + left: 4.1667%; + right: 4.1667%; + top: 4.1667%; + bottom: 4.1667%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.vectorStroke2 { + position: absolute; + left: 29.1667%; + right: 25%; + top: 33.3333%; + bottom: 33.3333%; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Frame3/Frame3.tsx b/src/components/Yidian/Frame3/Frame3.tsx new file mode 100644 index 0000000..7b25bfd --- /dev/null +++ b/src/components/Yidian/Frame3/Frame3.tsx @@ -0,0 +1,31 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Frame3.module.css'; +import { VectorStrokeIcon2 } from './VectorStrokeIcon2.js'; +import { VectorStrokeIcon } from './VectorStrokeIcon.js'; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + vectorStroke?: ReactNode; + vectorStroke2?: ReactNode; + }; +} +/* @figmaId 5403:957 */ +export const Frame3: FC = memo(function Frame3(props = {}) { + return ( +

+ {props.swap?.vectorStroke || } +

+ {props.swap?.vectorStroke2 || } +

+ ); +}); diff --git a/src/components/Yidian/Frame3/VectorStrokeIcon.tsx b/src/components/Yidian/Frame3/VectorStrokeIcon.tsx new file mode 100644 index 0000000..0c8ea2c --- /dev/null +++ b/src/components/Yidian/Frame3/VectorStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon); +export { Memo as VectorStrokeIcon }; diff --git a/src/components/Yidian/Frame3/VectorStrokeIcon2.tsx b/src/components/Yidian/Frame3/VectorStrokeIcon2.tsx new file mode 100644 index 0000000..88900f9 --- /dev/null +++ b/src/components/Yidian/Frame3/VectorStrokeIcon2.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon2); +export { Memo as VectorStrokeIcon2 }; diff --git a/src/components/Yidian/Frame4/Frame4.module.css b/src/components/Yidian/Frame4/Frame4.module.css new file mode 100644 index 0000000..8372134 --- /dev/null +++ b/src/components/Yidian/Frame4/Frame4.module.css @@ -0,0 +1,19 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; + overflow: hidden; +} +.subtract { + position: absolute; + left: 2.2041px; + top: 0.9795px; + width: 19.5918px; + height: 22.0411px; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Frame4/Frame4.tsx b/src/components/Yidian/Frame4/Frame4.tsx new file mode 100644 index 0000000..4a0ee6d --- /dev/null +++ b/src/components/Yidian/Frame4/Frame4.tsx @@ -0,0 +1,20 @@ +import { memo } from 'react'; +import type { FC } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Frame4.module.css'; +import { SubtractIcon } from './SubtractIcon.js'; + +interface Props { + className?: string; +} +/* @figmaId 5403:1009 */ +export const Frame4: FC = memo(function Frame4(props = {}) { + return ( +

+ +

+ ); +}); diff --git a/src/components/Yidian/Frame4/SubtractIcon.tsx b/src/components/Yidian/Frame4/SubtractIcon.tsx new file mode 100644 index 0000000..79dc65e --- /dev/null +++ b/src/components/Yidian/Frame4/SubtractIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const SubtractIcon = (props: SVGProps) => ( + +); +const Memo = memo(SubtractIcon); +export { Memo as SubtractIcon }; diff --git a/src/components/Yidian/Frame427319454/Frame427319454.module.css b/src/components/Yidian/Frame427319454/Frame427319454.module.css new file mode 100644 index 0000000..007fcf9 --- /dev/null +++ b/src/components/Yidian/Frame427319454/Frame427319454.module.css @@ -0,0 +1,29 @@ +.root { + width: 512px; + height: min-content; + place-content: space-between; + align-items: center; +} +._2022613 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: 329px; + height: 20px; + justify-content: center; + flex-direction: column; +} +._20226132 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/Frame427319454/Frame427319454.tsx b/src/components/Yidian/Frame427319454/Frame427319454.tsx new file mode 100644 index 0000000..e6fba7a --- /dev/null +++ b/src/components/Yidian/Frame427319454/Frame427319454.tsx @@ -0,0 +1,28 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Frame427319454.module.css'; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + text?: { + _2022613?: ReactNode; + }; +} +/* @figmaId 5521:23755 */ +export const Frame427319454: FC = memo(function Frame427319454(props = {}) { + return ( +

+ {props.text?._2022613 != null ? ( + props.text?._2022613 + ) : ( +

战略合作协议汇总及执行情况表(截止到2022年6月13日)

+ )} +

2022-06-13

+ ); +}); diff --git a/src/components/Yidian/Frame427319464/Frame427319464.module.css b/src/components/Yidian/Frame427319464/Frame427319464.module.css new file mode 100644 index 0000000..6734aed --- /dev/null +++ b/src/components/Yidian/Frame427319464/Frame427319464.module.css @@ -0,0 +1,71 @@ +.vector.vector { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.root { + height: min-content; + align-self: stretch; + align-items: center; + gap: 16px; + padding: 16px; + border-radius: 8px; + background-color: #0066ff0f; +} +.frame427319466 { + width: min-content; + height: min-content; + padding: 12px; + border-radius: 8px; + background-color: #ffffff8a; +} +.frame427319463 { + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 4px; +} +.license { + color: #000; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319462 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 12px; +} +.unnamed { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._2023326 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/Frame427319464/Frame427319464.tsx b/src/components/Yidian/Frame427319464/Frame427319464.tsx new file mode 100644 index 0000000..4b8e127 --- /dev/null +++ b/src/components/Yidian/Frame427319464/Frame427319464.tsx @@ -0,0 +1,30 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import { Frame2 } from '../Frame2/Frame2'; +import classes from './Frame427319464.module.css'; + +interface Props { + className?: string; + text?: { + license?: ReactNode; + }; +} +/* @figmaId 5524:23894 */ +export const Frame427319464: FC = memo(function Frame427319464(props = {}) { + return ( +

+ +

+ {props.text?.license != null ? props.text?.license :

License授权到期提醒

} +

系统管理员

2023-03-26

+ ); +}); diff --git a/src/components/Yidian/Frame427319471/Frame427319471.module.css b/src/components/Yidian/Frame427319471/Frame427319471.module.css new file mode 100644 index 0000000..d6e5b30 --- /dev/null +++ b/src/components/Yidian/Frame427319471/Frame427319471.module.css @@ -0,0 +1,43 @@ +.frame.frame { + width: 42px; + height: 42px; +} +.vector.vector { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.root { + width: min-content; + height: min-content; + flex-direction: column; + align-items: center; + gap: 16px; +} +.frame427319470 { + width: min-content; + height: min-content; + padding: 28px; + border-radius: 12px; + background-color: #f7f8fa; + overflow: hidden; +} +.unnamed { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/Frame427319471/Frame427319471.tsx b/src/components/Yidian/Frame427319471/Frame427319471.tsx new file mode 100644 index 0000000..9b1c9f0 --- /dev/null +++ b/src/components/Yidian/Frame427319471/Frame427319471.tsx @@ -0,0 +1,45 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { Frame6 } from "../Frame6/Frame6"; +import classes from "./Frame427319471.module.css"; +import { VectorIcon } from "./VectorIcon.js"; + +interface Props { + className?: string; + swap?: { + vector?: ReactNode; + frame?: ReactNode; + }; + text?: { + Unnamed?: ReactNode; + }; +} +/* @figmaId 5524:24104 */ +export const Frame427319471: FC = memo(function Frame427319471( + props = {} +) { + return ( +

+ {props.swap?.frame || ( + + ), + }} + /> + )} +

+ {props.text?.unnamed != null ? ( + props.text?.unnamed + ) : ( +

项目商机登记表

+ )} +

+ ); +}); diff --git a/src/components/Yidian/Frame427319471/VectorIcon.tsx b/src/components/Yidian/Frame427319471/VectorIcon.tsx new file mode 100644 index 0000000..9fedb08 --- /dev/null +++ b/src/components/Yidian/Frame427319471/VectorIcon.tsx @@ -0,0 +1,25 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/Frame427319482/Frame427319482.module.css b/src/components/Yidian/Frame427319482/Frame427319482.module.css new file mode 100644 index 0000000..9a6dcd6 --- /dev/null +++ b/src/components/Yidian/Frame427319482/Frame427319482.module.css @@ -0,0 +1,66 @@ +.vector.vector { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.root { + height: min-content; + align-self: stretch; + align-items: flex-start; + gap: 12px; + border-radius: 8px; + background-color: #fff; +} +.frame427319497 { + width: 20px; + height: 20px; + flex-direction: column; + place-content: center; + align-items: center; + padding: 2px; + border-radius: 2px; + background-color: #0066ff0f; +} +._1 { + color: #06f; + font-size: 12px; + line-height: 16px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319463 { + height: min-content; + flex: 1; + flex-direction: column; + align-items: flex-start; + gap: 4px; +} +._2023326 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._12 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + height: min-content; + align-self: stretch; + flex-direction: column; +} diff --git a/src/components/Yidian/Frame427319482/Frame427319482.tsx b/src/components/Yidian/Frame427319482/Frame427319482.tsx new file mode 100644 index 0000000..bb1f162 --- /dev/null +++ b/src/components/Yidian/Frame427319482/Frame427319482.tsx @@ -0,0 +1,28 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import { Frame2 } from '../Frame2/Frame2'; +import classes from './Frame427319482.module.css'; + +interface Props { + className?: string; + text?: { + _1?: ReactNode; + _12?: ReactNode; + }; +} +/* @figmaId 5527:24141 */ +export const Frame427319482: FC = memo(function Frame427319482(props = {}) { + return ( +

+ {props.text?._12 != null ? props.text?._12 :

} +

2023-03-26

+ {props.text?._1 != null ? props.text?._1 :

工作计划1

} +

+ ); +}); diff --git a/src/components/Yidian/Frame427319483/Frame427319483.module.css b/src/components/Yidian/Frame427319483/Frame427319483.module.css new file mode 100644 index 0000000..5c7459c --- /dev/null +++ b/src/components/Yidian/Frame427319483/Frame427319483.module.css @@ -0,0 +1,110 @@ +.vector.vector { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.root { + height: min-content; + align-self: stretch; + align-items: flex-start; + gap: 12px; +} +.frame427319497 { + width: 20px; + height: 20px; + flex-direction: column; + place-content: center; + align-items: center; + padding: 2px; + border-radius: 2px; + background-color: #0066ff0f; +} +._1 { + color: #06f; + font-size: 12px; + line-height: 16px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319463 { + height: min-content; + flex: 1; + flex-direction: column; + align-items: flex-start; + gap: 4px; +} +._2023326 { + color: #06f; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._12 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + height: min-content; + align-self: stretch; + flex-direction: column; +} +._2 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319554 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 12px; +} +.unnamed2 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed3 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/Frame427319483/Frame427319483.tsx b/src/components/Yidian/Frame427319483/Frame427319483.tsx new file mode 100644 index 0000000..f8a96c5 --- /dev/null +++ b/src/components/Yidian/Frame427319483/Frame427319483.tsx @@ -0,0 +1,36 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import { Frame2 } from '../Frame2/Frame2'; +import classes from './Frame427319483.module.css'; + +interface Props { + className?: string; + text?: { + _1?: ReactNode; + }; +} +/* @figmaId 5638:7289 */ +export const Frame427319483: FC = memo(function Frame427319483(props = {}) { + return ( +

+ {props.text?._1 != null ? props.text?._1 :

} +

2023-03-26 来访会议纪要

+ 会议纪要开始新建化考点的工程，并按照预定的进度推进工程。具体工作包括选址、规划设计、建设、设备安装等各个环节的协调和监督。 +

参会单位：

仪电鑫森

南洋万邦

+ ); +}); diff --git a/src/components/Yidian/Frame427319520/Frame427319520.module.css b/src/components/Yidian/Frame427319520/Frame427319520.module.css new file mode 100644 index 0000000..03ed58e --- /dev/null +++ b/src/components/Yidian/Frame427319520/Frame427319520.module.css @@ -0,0 +1,30 @@ +.root { + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 4px; +} +.unnamed { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._1995526 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/Frame427319520/Frame427319520.tsx b/src/components/Yidian/Frame427319520/Frame427319520.tsx new file mode 100644 index 0000000..f00867b --- /dev/null +++ b/src/components/Yidian/Frame427319520/Frame427319520.tsx @@ -0,0 +1,39 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import classes from "./Frame427319520.module.css"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + text?: { + Unnamed?: ReactNode; + _1995526?: ReactNode; + }; +} +/* @figmaId 5532:25847 */ +export const Frame427319520: FC = memo(function Frame427319520( + props = {} +) { + return ( +

+ {props.text?.unnamed != null ? ( + props.text?.unnamed + ) : ( +

成立时间

+ )} + {props.text?._1995526 != null ? ( + props.text?._1995526 + ) : ( +

1995-05-26

+ )} +

+ ); +}); diff --git a/src/components/Yidian/Frame427319527/Frame427319527.module.css b/src/components/Yidian/Frame427319527/Frame427319527.module.css new file mode 100644 index 0000000..eec468d --- /dev/null +++ b/src/components/Yidian/Frame427319527/Frame427319527.module.css @@ -0,0 +1,277 @@ +.vector.vector { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.unnamed { + color: #06f; + font-size: 12px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed2 { + color: #06f; + font-size: 12px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed3 { + color: #06f; + font-size: 12px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.root { + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 8px; + padding: 16px; + border-radius: 8px; + background-color: #f7f8fa; +} +.frame427319528 { + width: min-content; + height: min-content; + align-items: center; + gap: 24px; +} +.frame427319525 { + width: min-content; + height: min-content; + align-items: center; + gap: 12px; +} +._2022 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319529 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 4px; +} +.frame427319526 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 24px; +} +._2 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed4 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._33036170 { + color: #06f; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._22 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed5 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._100 { + color: #06f; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319498 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 16px; +} +._23 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed6 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed7 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._24 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed8 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed9 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._25 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed10 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._202331 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319503 { + width: min-content; + height: min-content; +} +._26 { + width: min-content; + height: min-content; + align-self: flex-start; + align-items: flex-start; + gap: 2px; +} +.unnamed11 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._2023315 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/Frame427319527/Frame427319527.tsx b/src/components/Yidian/Frame427319527/Frame427319527.tsx new file mode 100644 index 0000000..d373f5c --- /dev/null +++ b/src/components/Yidian/Frame427319527/Frame427319527.tsx @@ -0,0 +1,86 @@ +import { memo } from "react"; +import type { FC } from "react"; + +import resets from "../../_resets.module.css"; +import { _Mini } from "../_Mini/_Mini"; +import { Frame } from "../Frame/Frame"; +import classes from "./Frame427319527.module.css"; +import { VectorIcon } from "./VectorIcon.js"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; +} +/* @figmaId 5532:26298 */ +export const Frame427319527: FC = memo(function Frame427319527( + props = {} +) { + return ( +

+ , + }} + /> +

2022年标准化考点建设

+ <_Mini + text={{ + Unnamed:

合同签订阶段

, + }} + /> + <_Mini + text={{ + Unnamed:

A级

, + }} + /> + <_Mini + text={{ + Unnamed:

优秀项目

, + }} + /> +

合同总金额(万元)：

3303.6170

项目毛利率：

10.00%

项目单位：

仪电鑫森

商机板块：

智慧教卫

招标公告发布的实际日期：

2023-03-01

招标文件中要求的投标日期：

2023-03-15

+ ); +}); diff --git a/src/components/Yidian/Frame427319527/VectorIcon.tsx b/src/components/Yidian/Frame427319527/VectorIcon.tsx new file mode 100644 index 0000000..f5afb8a --- /dev/null +++ b/src/components/Yidian/Frame427319527/VectorIcon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/Frame427319538/Frame427319538.module.css b/src/components/Yidian/Frame427319538/Frame427319538.module.css new file mode 100644 index 0000000..a10af4a --- /dev/null +++ b/src/components/Yidian/Frame427319538/Frame427319538.module.css @@ -0,0 +1,201 @@ +.vector.vector { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.root { + position: absolute; + left: 969px; + top: 418px; + width: 292px; + height: min-content; + padding: 16px; + outline: solid 1px #e5e6eb; + outline-offset: -1px; + border-radius: 8px; + background-color: #fff; +} +.frame427319539 { + z-index: 0; + height: min-content; + flex: 1; + flex-direction: column; + align-items: flex-start; + gap: 8px; +} +.frame427319542 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.frame427319541 { + width: min-content; + height: min-content; + align-items: center; + gap: 6px; +} +.unnamed { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319537 { + width: min-content; + height: min-content; + align-items: center; + gap: 8px; + padding: 1px 4px; + border-radius: 2px; + background-color: #f53f3f0f; +} +.unnamed2 { + color: #f53f3f; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.line62 { + width: 11px; + max-width: 100%; + height: 0; + max-height: 100%; + border-bottom: solid 1px #c9cdd4; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +.frame427319536 { + width: min-content; + height: min-content; + align-items: center; + gap: 2px; +} +._2 { + color: #f53f3f; + font-size: 14px; + line-height: 20px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed3 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319534 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 16px; +} +._22 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.a { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._3 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._23 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.b { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._5 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._24 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.c { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._1 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/Frame427319538/Frame427319538.tsx b/src/components/Yidian/Frame427319538/Frame427319538.tsx new file mode 100644 index 0000000..d009f7c --- /dev/null +++ b/src/components/Yidian/Frame427319538/Frame427319538.tsx @@ -0,0 +1,50 @@ +import { memo } from 'react'; +import type { FC } from 'react'; + +import resets from '../../_resets.module.css'; +import { Frame2 } from '../Frame2/Frame2'; +import classes from './Frame427319538.module.css'; + +interface Props { + className?: string; + classes?: { + root?: string; + }; +} +/* @figmaId 5628:6390 */ +export const Frame427319538: FC = memo(function Frame427319538(props = {}) { + return ( +

+ +

上海市大数据中心

风险点

个

A级项目：

B级项目：

C级项目：

+ ); +}); diff --git a/src/components/Yidian/Frame5/Frame5.module.css b/src/components/Yidian/Frame5/Frame5.module.css new file mode 100644 index 0000000..b702f97 --- /dev/null +++ b/src/components/Yidian/Frame5/Frame5.module.css @@ -0,0 +1,103 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; + overflow: hidden; +} +.vectorStroke { + position: absolute; + left: 6.25%; + right: 6.25%; + top: 35.4167%; + bottom: 8.3333%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.vectorStroke2 { + position: absolute; + left: 6.25%; + right: 6.25%; + top: 10.4167%; + bottom: 56.25%; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} +.vectorStroke3 { + position: absolute; + left: 29.1667%; + right: 62.5%; + top: 4.1667%; + bottom: 70.8333%; + overflow: visible; +} +.icon3 { + width: 100%; + height: 100%; +} +.vectorStroke4 { + position: absolute; + left: 62.5%; + right: 29.1667%; + top: 4.1667%; + bottom: 70.8333%; + overflow: visible; +} +.icon4 { + width: 100%; + height: 100%; +} +.vectorStroke5 { + position: absolute; + left: 54.1667%; + right: 25%; + top: 66.6667%; + bottom: 25%; + overflow: visible; +} +.icon5 { + width: 100%; + height: 100%; +} +.vectorStroke6 { + position: absolute; + left: 25%; + right: 54.1667%; + top: 66.6667%; + bottom: 25%; + overflow: visible; +} +.icon6 { + width: 100%; + height: 100%; +} +.vectorStroke7 { + position: absolute; + left: 54.1667%; + right: 25%; + top: 50%; + bottom: 41.6667%; + overflow: visible; +} +.icon7 { + width: 100%; + height: 100%; +} +.vectorStroke8 { + position: absolute; + left: 25%; + right: 54.1667%; + top: 50%; + bottom: 41.6667%; + overflow: visible; +} +.icon8 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Frame5/Frame5.tsx b/src/components/Yidian/Frame5/Frame5.tsx new file mode 100644 index 0000000..6e2e377 --- /dev/null +++ b/src/components/Yidian/Frame5/Frame5.tsx @@ -0,0 +1,61 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Frame5.module.css'; +import { VectorStrokeIcon2 } from './VectorStrokeIcon2.js'; +import { VectorStrokeIcon3 } from './VectorStrokeIcon3.js'; +import { VectorStrokeIcon4 } from './VectorStrokeIcon4.js'; +import { VectorStrokeIcon5 } from './VectorStrokeIcon5.js'; +import { VectorStrokeIcon6 } from './VectorStrokeIcon6.js'; +import { VectorStrokeIcon7 } from './VectorStrokeIcon7.js'; +import { VectorStrokeIcon8 } from './VectorStrokeIcon8.js'; +import { VectorStrokeIcon } from './VectorStrokeIcon.js'; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + vectorStroke?: ReactNode; + vectorStroke2?: ReactNode; + vectorStroke3?: ReactNode; + vectorStroke4?: ReactNode; + vectorStroke5?: ReactNode; + vectorStroke6?: ReactNode; + vectorStroke7?: ReactNode; + vectorStroke8?: ReactNode; + }; +} +/* @figmaId 5403:962 */ +export const Frame5: FC = memo(function Frame5(props = {}) { + return ( +

+ {props.swap?.vectorStroke || } +

+ {props.swap?.vectorStroke2 || } +

+ {props.swap?.vectorStroke3 || } +

+ {props.swap?.vectorStroke4 || } +

+ {props.swap?.vectorStroke5 || } +

+ {props.swap?.vectorStroke6 || } +

+ {props.swap?.vectorStroke7 || } +

+ {props.swap?.vectorStroke8 || } +

+ ); +}); diff --git a/src/components/Yidian/Frame5/VectorStrokeIcon.tsx b/src/components/Yidian/Frame5/VectorStrokeIcon.tsx new file mode 100644 index 0000000..465cdfc --- /dev/null +++ b/src/components/Yidian/Frame5/VectorStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon); +export { Memo as VectorStrokeIcon }; diff --git a/src/components/Yidian/Frame5/VectorStrokeIcon2.tsx b/src/components/Yidian/Frame5/VectorStrokeIcon2.tsx new file mode 100644 index 0000000..b9572fa --- /dev/null +++ b/src/components/Yidian/Frame5/VectorStrokeIcon2.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon2); +export { Memo as VectorStrokeIcon2 }; diff --git a/src/components/Yidian/Frame5/VectorStrokeIcon3.tsx b/src/components/Yidian/Frame5/VectorStrokeIcon3.tsx new file mode 100644 index 0000000..aa5b0a5 --- /dev/null +++ b/src/components/Yidian/Frame5/VectorStrokeIcon3.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon3 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon3); +export { Memo as VectorStrokeIcon3 }; diff --git a/src/components/Yidian/Frame5/VectorStrokeIcon4.tsx b/src/components/Yidian/Frame5/VectorStrokeIcon4.tsx new file mode 100644 index 0000000..867b4e0 --- /dev/null +++ b/src/components/Yidian/Frame5/VectorStrokeIcon4.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon4 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon4); +export { Memo as VectorStrokeIcon4 }; diff --git a/src/components/Yidian/Frame5/VectorStrokeIcon5.tsx b/src/components/Yidian/Frame5/VectorStrokeIcon5.tsx new file mode 100644 index 0000000..ba39153 --- /dev/null +++ b/src/components/Yidian/Frame5/VectorStrokeIcon5.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon5 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon5); +export { Memo as VectorStrokeIcon5 }; diff --git a/src/components/Yidian/Frame5/VectorStrokeIcon6.tsx b/src/components/Yidian/Frame5/VectorStrokeIcon6.tsx new file mode 100644 index 0000000..08e8d3e --- /dev/null +++ b/src/components/Yidian/Frame5/VectorStrokeIcon6.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon6 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon6); +export { Memo as VectorStrokeIcon6 }; diff --git a/src/components/Yidian/Frame5/VectorStrokeIcon7.tsx b/src/components/Yidian/Frame5/VectorStrokeIcon7.tsx new file mode 100644 index 0000000..822998d --- /dev/null +++ b/src/components/Yidian/Frame5/VectorStrokeIcon7.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon7 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon7); +export { Memo as VectorStrokeIcon7 }; diff --git a/src/components/Yidian/Frame5/VectorStrokeIcon8.tsx b/src/components/Yidian/Frame5/VectorStrokeIcon8.tsx new file mode 100644 index 0000000..9b32e3a --- /dev/null +++ b/src/components/Yidian/Frame5/VectorStrokeIcon8.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon8 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon8); +export { Memo as VectorStrokeIcon8 }; diff --git a/src/components/Yidian/Frame6/Frame6.module.css b/src/components/Yidian/Frame6/Frame6.module.css new file mode 100644 index 0000000..97e67ec --- /dev/null +++ b/src/components/Yidian/Frame6/Frame6.module.css @@ -0,0 +1,19 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; + overflow: hidden; +} +.vector2 { + position: absolute; + left: 8.3333%; + right: 8.3333%; + top: 12.5%; + bottom: 12.5%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Frame6/Frame6.tsx b/src/components/Yidian/Frame6/Frame6.tsx new file mode 100644 index 0000000..6860e19 --- /dev/null +++ b/src/components/Yidian/Frame6/Frame6.tsx @@ -0,0 +1,25 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Frame6.module.css'; +import { VectorIcon } from './VectorIcon.js'; + +interface Props { + className?: string; + classes?: { + vector?: string; + root?: string; + }; + swap?: { + vector?: ReactNode; + }; +} +/* @figmaId 5524:24082 */ +export const Frame6: FC = memo(function Frame6(props = {}) { + return ( +

{props.swap?.vector || }

+ ); +}); diff --git a/src/components/Yidian/Frame6/VectorIcon.tsx b/src/components/Yidian/Frame6/VectorIcon.tsx new file mode 100644 index 0000000..fb9dc30 --- /dev/null +++ b/src/components/Yidian/Frame6/VectorIcon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/Frame7/Frame7.module.css b/src/components/Yidian/Frame7/Frame7.module.css new file mode 100644 index 0000000..ab1e234 --- /dev/null +++ b/src/components/Yidian/Frame7/Frame7.module.css @@ -0,0 +1,19 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; + overflow: hidden; +} +.vector2 { + position: absolute; + left: 12.5%; + right: 12.4999%; + top: 8.3333%; + bottom: 8.3333%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Frame7/Frame7.tsx b/src/components/Yidian/Frame7/Frame7.tsx new file mode 100644 index 0000000..ab2fcd7 --- /dev/null +++ b/src/components/Yidian/Frame7/Frame7.tsx @@ -0,0 +1,25 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Frame7.module.css'; +import { VectorIcon } from './VectorIcon.js'; + +interface Props { + className?: string; + classes?: { + vector?: string; + root?: string; + }; + swap?: { + vector?: ReactNode; + }; +} +/* @figmaId 5524:24081 */ +export const Frame7: FC = memo(function Frame7(props = {}) { + return ( +

{props.swap?.vector || }

+ ); +}); diff --git a/src/components/Yidian/Frame7/VectorIcon.tsx b/src/components/Yidian/Frame7/VectorIcon.tsx new file mode 100644 index 0000000..81f18ae --- /dev/null +++ b/src/components/Yidian/Frame7/VectorIcon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/Frame8/Frame8.module.css b/src/components/Yidian/Frame8/Frame8.module.css new file mode 100644 index 0000000..97e67ec --- /dev/null +++ b/src/components/Yidian/Frame8/Frame8.module.css @@ -0,0 +1,19 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; + overflow: hidden; +} +.vector2 { + position: absolute; + left: 8.3333%; + right: 8.3333%; + top: 12.5%; + bottom: 12.5%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Frame8/Frame8.tsx b/src/components/Yidian/Frame8/Frame8.tsx new file mode 100644 index 0000000..f51eefb --- /dev/null +++ b/src/components/Yidian/Frame8/Frame8.tsx @@ -0,0 +1,25 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Frame8.module.css'; +import { VectorIcon } from './VectorIcon.js'; + +interface Props { + className?: string; + classes?: { + vector?: string; + root?: string; + }; + swap?: { + vector?: ReactNode; + }; +} +/* @figmaId 5524:24080 */ +export const Frame8: FC = memo(function Frame8(props = {}) { + return ( +

{props.swap?.vector || }

+ ); +}); diff --git a/src/components/Yidian/Frame8/VectorIcon.tsx b/src/components/Yidian/Frame8/VectorIcon.tsx new file mode 100644 index 0000000..b17e541 --- /dev/null +++ b/src/components/Yidian/Frame8/VectorIcon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/Frame876_Property1Variant2/Frame876_Property1Variant2.module.css b/src/components/Yidian/Frame876_Property1Variant2/Frame876_Property1Variant2.module.css new file mode 100644 index 0000000..f093f75 --- /dev/null +++ b/src/components/Yidian/Frame876_Property1Variant2/Frame876_Property1Variant2.module.css @@ -0,0 +1,48 @@ +.root { + height: 36px; + align-self: stretch; + flex-direction: column; + gap: 4px; +} +.frame427319551 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.unnamed { + color: #4e5969; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: end; + align-items: end; + white-space: nowrap; + flex-direction: column; +} +.frame948 { + width: min-content; + height: min-content; +} +._100 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: 32px; + height: min-content; + text-align: end; + align-items: end; + flex-direction: column; +} +.rectangle678 { + flex: 1; + align-self: stretch; + border-radius: 2px; + background-color: #06f; +} diff --git a/src/components/Yidian/Frame876_Property1Variant2/Frame876_Property1Variant2.tsx b/src/components/Yidian/Frame876_Property1Variant2/Frame876_Property1Variant2.tsx new file mode 100644 index 0000000..fecae71 --- /dev/null +++ b/src/components/Yidian/Frame876_Property1Variant2/Frame876_Property1Variant2.tsx @@ -0,0 +1,49 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import classes from "./Frame876_Property1Variant2.module.css"; + +interface Props { + className?: string; + classes?: { + root?: string; + rectangle678?: string; + }; + text?: { + Unnamed?: ReactNode; + _100?: ReactNode; + }; +} +/* @figmaId 5637:9228 */ +export const Frame876_Property1Variant2: FC = memo( + function Frame876_Property1Variant2(props = {}) { + return ( +

+ {props.text?.unnamed != null ? ( + props.text?.unnamed + ) : ( +

客户名称

+ )} +

+ {props.text?._100 != null ? ( + props.text?._100 + ) : ( +

100

+ )} +

+ ); + } +); diff --git a/src/components/Yidian/Group1085/Group1085.module.css b/src/components/Yidian/Group1085/Group1085.module.css new file mode 100644 index 0000000..ad1a1ad --- /dev/null +++ b/src/components/Yidian/Group1085/Group1085.module.css @@ -0,0 +1,30 @@ +.root { + position: relative; + width: 30px; + height: 40px; + align-items: flex-start; +} +.group761 { + position: absolute; + left: 0; + top: 0; + width: 30px; + height: 40px; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.pDF { + position: absolute; + left: 13.7961%; + right: 12.0383%; + top: 41.08%; + bottom: 37.5%; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Group1085/Group1085.tsx b/src/components/Yidian/Group1085/Group1085.tsx new file mode 100644 index 0000000..e0b4d87 --- /dev/null +++ b/src/components/Yidian/Group1085/Group1085.tsx @@ -0,0 +1,30 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import { Group761Icon } from './Group761Icon.js'; +import classes from './Group1085.module.css'; +import { PdfIcon } from './PdfIcon.js'; + +interface Props { + className?: string; + classes?: { + group761?: string; + root?: string; + }; + swap?: { + group761?: ReactNode; + pDF?: ReactNode; + }; +} +/* @figmaId 5527:24518 */ +export const Group1085: FC = memo(function Group1085(props = {}) { + return ( +

+ {props.swap?.group761 || } +

{props.swap?.pDF || }

+ ); +}); diff --git a/src/components/Yidian/Group1085/Group761Icon.tsx b/src/components/Yidian/Group1085/Group761Icon.tsx new file mode 100644 index 0000000..13980b1 --- /dev/null +++ b/src/components/Yidian/Group1085/Group761Icon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Group761Icon = (props: SVGProps) => ( + +); +const Memo = memo(Group761Icon); +export { Memo as Group761Icon }; diff --git a/src/components/Yidian/Group1085/PdfIcon.tsx b/src/components/Yidian/Group1085/PdfIcon.tsx new file mode 100644 index 0000000..1a14ecc --- /dev/null +++ b/src/components/Yidian/Group1085/PdfIcon.tsx @@ -0,0 +1,17 @@ +import { memo, SVGProps } from 'react'; + +const PdfIcon = (props: SVGProps) => ( + +); +const Memo = memo(PdfIcon); +export { Memo as PdfIcon }; diff --git a/src/components/Yidian/Group761Icon.tsx b/src/components/Yidian/Group761Icon.tsx new file mode 100644 index 0000000..740d458 --- /dev/null +++ b/src/components/Yidian/Group761Icon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Group761Icon = (props: SVGProps) => ( + +); +const Memo = memo(Group761Icon); +export { Memo as Group761Icon }; diff --git a/src/components/Yidian/Group761Icon2.tsx b/src/components/Yidian/Group761Icon2.tsx new file mode 100644 index 0000000..a3efb51 --- /dev/null +++ b/src/components/Yidian/Group761Icon2.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Group761Icon2 = (props: SVGProps) => ( + +); +const Memo = memo(Group761Icon2); +export { Memo as Group761Icon2 }; diff --git a/src/components/Yidian/HomeTwo/HomeTwo.module.css b/src/components/Yidian/HomeTwo/HomeTwo.module.css new file mode 100644 index 0000000..bbf3447 --- /dev/null +++ b/src/components/Yidian/HomeTwo/HomeTwo.module.css @@ -0,0 +1,30 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; +} +.union { + position: absolute; + left: 1px; + top: 1px; + width: 22px; + height: 22px; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.union2 { + position: absolute; + left: 45.8333%; + right: 45.8333%; + top: 66.6667%; + bottom: 4.1667%; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/HomeTwo/HomeTwo.tsx b/src/components/Yidian/HomeTwo/HomeTwo.tsx new file mode 100644 index 0000000..bf9e380 --- /dev/null +++ b/src/components/Yidian/HomeTwo/HomeTwo.tsx @@ -0,0 +1,30 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './HomeTwo.module.css'; +import { UnionIcon2 } from './UnionIcon2.js'; +import { UnionIcon } from './UnionIcon.js'; + +interface Props { + className?: string; + classes?: { + union?: string; + root?: string; + }; + swap?: { + union?: ReactNode; + union2?: ReactNode; + }; +} +/* @figmaId 5407:6925 */ +export const HomeTwo: FC = memo(function HomeTwo(props = {}) { + return ( +

+ {props.swap?.union || } +

{props.swap?.union2 || }

+ ); +}); diff --git a/src/components/Yidian/HomeTwo/UnionIcon.tsx b/src/components/Yidian/HomeTwo/UnionIcon.tsx new file mode 100644 index 0000000..ddf4688 --- /dev/null +++ b/src/components/Yidian/HomeTwo/UnionIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/HomeTwo/UnionIcon2.tsx b/src/components/Yidian/HomeTwo/UnionIcon2.tsx new file mode 100644 index 0000000..11280cf --- /dev/null +++ b/src/components/Yidian/HomeTwo/UnionIcon2.tsx @@ -0,0 +1,15 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon2); +export { Memo as UnionIcon2 }; diff --git a/src/components/Yidian/Icon.tsx b/src/components/Yidian/Icon.tsx new file mode 100644 index 0000000..fefa85f --- /dev/null +++ b/src/components/Yidian/Icon.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon = (props: SVGProps) => ( + +); +const Memo = memo(Icon); +export { Memo as Icon }; diff --git a/src/components/Yidian/Icon10.tsx b/src/components/Yidian/Icon10.tsx new file mode 100644 index 0000000..913c620 --- /dev/null +++ b/src/components/Yidian/Icon10.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon10 = (props: SVGProps) => ( + +); +const Memo = memo(Icon10); +export { Memo as Icon10 }; diff --git a/src/components/Yidian/Icon11.tsx b/src/components/Yidian/Icon11.tsx new file mode 100644 index 0000000..3eae01f --- /dev/null +++ b/src/components/Yidian/Icon11.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon11 = (props: SVGProps) => ( + +); +const Memo = memo(Icon11); +export { Memo as Icon11 }; diff --git a/src/components/Yidian/Icon12.tsx b/src/components/Yidian/Icon12.tsx new file mode 100644 index 0000000..709cb7a --- /dev/null +++ b/src/components/Yidian/Icon12.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const Icon12 = (props: SVGProps) => ( + +); +const Memo = memo(Icon12); +export { Memo as Icon12 }; diff --git a/src/components/Yidian/Icon13.tsx b/src/components/Yidian/Icon13.tsx new file mode 100644 index 0000000..02c0a69 --- /dev/null +++ b/src/components/Yidian/Icon13.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon13 = (props: SVGProps) => ( + +); +const Memo = memo(Icon13); +export { Memo as Icon13 }; diff --git a/src/components/Yidian/Icon14.tsx b/src/components/Yidian/Icon14.tsx new file mode 100644 index 0000000..0cf21d6 --- /dev/null +++ b/src/components/Yidian/Icon14.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon14 = (props: SVGProps) => ( + +); +const Memo = memo(Icon14); +export { Memo as Icon14 }; diff --git a/src/components/Yidian/Icon2.tsx b/src/components/Yidian/Icon2.tsx new file mode 100644 index 0000000..32ce79f --- /dev/null +++ b/src/components/Yidian/Icon2.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon2 = (props: SVGProps) => ( + +); +const Memo = memo(Icon2); +export { Memo as Icon2 }; diff --git a/src/components/Yidian/Icon3.tsx b/src/components/Yidian/Icon3.tsx new file mode 100644 index 0000000..9784de8 --- /dev/null +++ b/src/components/Yidian/Icon3.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const Icon3 = (props: SVGProps) => ( + +); +const Memo = memo(Icon3); +export { Memo as Icon3 }; diff --git a/src/components/Yidian/Icon4.tsx b/src/components/Yidian/Icon4.tsx new file mode 100644 index 0000000..cb720e8 --- /dev/null +++ b/src/components/Yidian/Icon4.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon4 = (props: SVGProps) => ( + +); +const Memo = memo(Icon4); +export { Memo as Icon4 }; diff --git a/src/components/Yidian/Icon5.tsx b/src/components/Yidian/Icon5.tsx new file mode 100644 index 0000000..f958549 --- /dev/null +++ b/src/components/Yidian/Icon5.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon5 = (props: SVGProps) => ( + +); +const Memo = memo(Icon5); +export { Memo as Icon5 }; diff --git a/src/components/Yidian/Icon6.tsx b/src/components/Yidian/Icon6.tsx new file mode 100644 index 0000000..b8d8461 --- /dev/null +++ b/src/components/Yidian/Icon6.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const Icon6 = (props: SVGProps) => ( + +); +const Memo = memo(Icon6); +export { Memo as Icon6 }; diff --git a/src/components/Yidian/Icon7.tsx b/src/components/Yidian/Icon7.tsx new file mode 100644 index 0000000..1b2c492 --- /dev/null +++ b/src/components/Yidian/Icon7.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon7 = (props: SVGProps) => ( + +); +const Memo = memo(Icon7); +export { Memo as Icon7 }; diff --git a/src/components/Yidian/Icon8.tsx b/src/components/Yidian/Icon8.tsx new file mode 100644 index 0000000..4a25dcc --- /dev/null +++ b/src/components/Yidian/Icon8.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon8 = (props: SVGProps) => ( + +); +const Memo = memo(Icon8); +export { Memo as Icon8 }; diff --git a/src/components/Yidian/Icon9.tsx b/src/components/Yidian/Icon9.tsx new file mode 100644 index 0000000..b21389d --- /dev/null +++ b/src/components/Yidian/Icon9.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const Icon9 = (props: SVGProps) => ( + +); +const Memo = memo(Icon9); +export { Memo as Icon9 }; diff --git a/src/components/Yidian/IconBasicDropdownChevronDown/IconBackStrokeIcon.tsx b/src/components/Yidian/IconBasicDropdownChevronDown/IconBackStrokeIcon.tsx new file mode 100644 index 0000000..88f5d1a --- /dev/null +++ b/src/components/Yidian/IconBasicDropdownChevronDown/IconBackStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const IconBackStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(IconBackStrokeIcon); +export { Memo as IconBackStrokeIcon }; diff --git a/src/components/Yidian/IconBasicDropdownChevronDown/IconBasicDropdownChevronDown.module.css b/src/components/Yidian/IconBasicDropdownChevronDown/IconBasicDropdownChevronDown.module.css new file mode 100644 index 0000000..e366659 --- /dev/null +++ b/src/components/Yidian/IconBasicDropdownChevronDown/IconBasicDropdownChevronDown.module.css @@ -0,0 +1,19 @@ +.root { + position: relative; + width: 20px; + height: 20px; + align-items: flex-start; + overflow: hidden; +} +.iconBackStroke { + position: absolute; + left: 25%; + right: 25%; + top: 65%; + bottom: 5%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/IconBasicDropdownChevronDown/IconBasicDropdownChevronDown.tsx b/src/components/Yidian/IconBasicDropdownChevronDown/IconBasicDropdownChevronDown.tsx new file mode 100644 index 0000000..29e0934 --- /dev/null +++ b/src/components/Yidian/IconBasicDropdownChevronDown/IconBasicDropdownChevronDown.tsx @@ -0,0 +1,26 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import { IconBackStrokeIcon } from './IconBackStrokeIcon.js'; +import classes from './IconBasicDropdownChevronDown.module.css'; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + iconBackStroke?: ReactNode; + }; +} +/* @figmaId 5415:8306 */ +export const IconBasicDropdownChevronDown: FC = memo(function IconBasicDropdownChevronDown(props = {}) { + return ( +

+ {props.swap?.iconBackStroke || } +

+ ); +}); diff --git a/src/components/Yidian/Iconbutton_TertiaryLarge/Iconbutton_TertiaryLarge.module.css b/src/components/Yidian/Iconbutton_TertiaryLarge/Iconbutton_TertiaryLarge.module.css new file mode 100644 index 0000000..29a3723 --- /dev/null +++ b/src/components/Yidian/Iconbutton_TertiaryLarge/Iconbutton_TertiaryLarge.module.css @@ -0,0 +1,30 @@ +.unnamed.unnamed { + z-index: 0; + width: 16px; + height: 16px; +} +.union.union { + left: 2.6667px; + top: 2.6667px; + width: 10.6667px; + height: 10.6667px; +} +.union { + left: 2.6667px; + top: 2.6667px; + width: 10.6667px; + height: 10.6667px; +} +.icon { + width: 100%; + height: 100%; +} +.root { + width: min-content; + height: min-content; + padding: 10px; + outline: solid 1px #e5e6eb; + outline-offset: -1px; + border-radius: 4px; + background-color: #fff; +} diff --git a/src/components/Yidian/Iconbutton_TertiaryLarge/Iconbutton_TertiaryLarge.tsx b/src/components/Yidian/Iconbutton_TertiaryLarge/Iconbutton_TertiaryLarge.tsx new file mode 100644 index 0000000..c5041f3 --- /dev/null +++ b/src/components/Yidian/Iconbutton_TertiaryLarge/Iconbutton_TertiaryLarge.tsx @@ -0,0 +1,43 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { Unnamed } from "../unnamed/unnamed"; +import classes from "./Iconbutton_TertiaryLarge.module.css"; +import { UnionIcon } from "./UnionIcon.js"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + Unnamed?: ReactNode; + }; +} +/* @figmaId 5403:1800 */ +export const Iconbutton_TertiaryLarge: FC = memo( + function Iconbutton_TertiaryLarge(props = {}) { + return ( + + ); + } +); diff --git a/src/components/Yidian/Iconbutton_TertiaryLarge/UnionIcon.tsx b/src/components/Yidian/Iconbutton_TertiaryLarge/UnionIcon.tsx new file mode 100644 index 0000000..49d5bd5 --- /dev/null +++ b/src/components/Yidian/Iconbutton_TertiaryLarge/UnionIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/Keyboard_arrow_down/Keyboard_arrow_down.module.css b/src/components/Yidian/Keyboard_arrow_down/Keyboard_arrow_down.module.css new file mode 100644 index 0000000..732dcc6 --- /dev/null +++ b/src/components/Yidian/Keyboard_arrow_down/Keyboard_arrow_down.module.css @@ -0,0 +1,21 @@ +.root { + position: absolute; + left: 0; + top: 0; + width: 16px; + height: 16px; + align-items: flex-start; + overflow: hidden; +} +.vector { + position: absolute; + left: 26.6979%; + right: 26.7396%; + top: 37.4896%; + bottom: 35.0729%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Keyboard_arrow_down/Keyboard_arrow_down.tsx b/src/components/Yidian/Keyboard_arrow_down/Keyboard_arrow_down.tsx new file mode 100644 index 0000000..e954051 --- /dev/null +++ b/src/components/Yidian/Keyboard_arrow_down/Keyboard_arrow_down.tsx @@ -0,0 +1,24 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Keyboard_arrow_down.module.css'; +import { VectorIcon } from './VectorIcon.js'; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + vector?: ReactNode; + }; +} +/* @figmaId 163:67677 */ +export const Keyboard_arrow_down: FC = memo(function Keyboard_arrow_down(props = {}) { + return ( +

{props.swap?.vector || }

+ ); +}); diff --git a/src/components/Yidian/Keyboard_arrow_down/VectorIcon.tsx b/src/components/Yidian/Keyboard_arrow_down/VectorIcon.tsx new file mode 100644 index 0000000..792c7b5 --- /dev/null +++ b/src/components/Yidian/Keyboard_arrow_down/VectorIcon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/Keyboard_arrow_up/Keyboard_arrow_up.module.css b/src/components/Yidian/Keyboard_arrow_up/Keyboard_arrow_up.module.css new file mode 100644 index 0000000..1d85876 --- /dev/null +++ b/src/components/Yidian/Keyboard_arrow_up/Keyboard_arrow_up.module.css @@ -0,0 +1,21 @@ +.root { + position: absolute; + left: 0; + top: 0; + width: 16px; + height: 16px; + align-items: flex-start; + overflow: hidden; +} +.vector { + position: absolute; + left: 26.6979%; + right: 26.7396%; + top: 35.0729%; + bottom: 37.4896%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Keyboard_arrow_up/Keyboard_arrow_up.tsx b/src/components/Yidian/Keyboard_arrow_up/Keyboard_arrow_up.tsx new file mode 100644 index 0000000..84c18ba --- /dev/null +++ b/src/components/Yidian/Keyboard_arrow_up/Keyboard_arrow_up.tsx @@ -0,0 +1,24 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Keyboard_arrow_up.module.css'; +import { VectorIcon } from './VectorIcon.js'; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + vector?: ReactNode; + }; +} +/* @figmaId 5401:45077 */ +export const Keyboard_arrow_up: FC = memo(function Keyboard_arrow_up(props = {}) { + return ( +

{props.swap?.vector || }

+ ); +}); diff --git a/src/components/Yidian/Keyboard_arrow_up/VectorIcon.tsx b/src/components/Yidian/Keyboard_arrow_up/VectorIcon.tsx new file mode 100644 index 0000000..827254d --- /dev/null +++ b/src/components/Yidian/Keyboard_arrow_up/VectorIcon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/LineGraph/AreaIcon.tsx b/src/components/Yidian/LineGraph/AreaIcon.tsx new file mode 100644 index 0000000..4a980e2 --- /dev/null +++ b/src/components/Yidian/LineGraph/AreaIcon.tsx @@ -0,0 +1,19 @@ +import { memo, SVGProps } from 'react'; + +const AreaIcon = (props: SVGProps) => ( + +); +const Memo = memo(AreaIcon); +export { Memo as AreaIcon }; diff --git a/src/components/Yidian/LineGraph/LineGraph.module.css b/src/components/Yidian/LineGraph/LineGraph.module.css new file mode 100644 index 0000000..4f186f3 --- /dev/null +++ b/src/components/Yidian/LineGraph/LineGraph.module.css @@ -0,0 +1,31 @@ +.root { + position: relative; + width: 420px; + height: 140px; + align-items: flex-start; +} +.area { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.line { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 33.5714%; + overflow: visible; + filter: drop-shadow(0px 4px 4px #0057fe3d); +} +.icon2 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/LineGraph/LineGraph.tsx b/src/components/Yidian/LineGraph/LineGraph.tsx new file mode 100644 index 0000000..3480b36 --- /dev/null +++ b/src/components/Yidian/LineGraph/LineGraph.tsx @@ -0,0 +1,27 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import { AreaIcon } from './AreaIcon.js'; +import classes from './LineGraph.module.css'; +import { LineIcon } from './LineIcon.js'; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + area?: ReactNode; + line?: ReactNode; + }; +} +/* @figmaId 5407:5326 */ +export const LineGraph: FC = memo(function LineGraph(props = {}) { + return ( +

{props.swap?.area || }

{props.swap?.line || }

+ ); +}); diff --git a/src/components/Yidian/LineGraph/LineIcon.tsx b/src/components/Yidian/LineGraph/LineIcon.tsx new file mode 100644 index 0000000..de74d9b --- /dev/null +++ b/src/components/Yidian/LineGraph/LineIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const LineIcon = (props: SVGProps) => ( + +); +const Memo = memo(LineIcon); +export { Memo as LineIcon }; diff --git a/src/components/Yidian/LineGraph2/AreaIcon.tsx b/src/components/Yidian/LineGraph2/AreaIcon.tsx new file mode 100644 index 0000000..4cf46db --- /dev/null +++ b/src/components/Yidian/LineGraph2/AreaIcon.tsx @@ -0,0 +1,19 @@ +import { memo, SVGProps } from 'react'; + +const AreaIcon = (props: SVGProps) => ( + +); +const Memo = memo(AreaIcon); +export { Memo as AreaIcon }; diff --git a/src/components/Yidian/LineGraph2/LineGraph2.module.css b/src/components/Yidian/LineGraph2/LineGraph2.module.css new file mode 100644 index 0000000..83ca602 --- /dev/null +++ b/src/components/Yidian/LineGraph2/LineGraph2.module.css @@ -0,0 +1,31 @@ +.root { + position: relative; + width: 420px; + height: 140px; + align-items: flex-start; +} +.area { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.line { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 3.5714%; + overflow: visible; + filter: drop-shadow(0px 4px 4px #ff57223d); +} +.icon2 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/LineGraph2/LineGraph2.tsx b/src/components/Yidian/LineGraph2/LineGraph2.tsx new file mode 100644 index 0000000..6a6d387 --- /dev/null +++ b/src/components/Yidian/LineGraph2/LineGraph2.tsx @@ -0,0 +1,27 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import { AreaIcon } from './AreaIcon.js'; +import classes from './LineGraph2.module.css'; +import { LineIcon } from './LineIcon.js'; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + area?: ReactNode; + line?: ReactNode; + }; +} +/* @figmaId 5407:5323 */ +export const LineGraph2: FC = memo(function LineGraph2(props = {}) { + return ( +

{props.swap?.area || }

{props.swap?.line || }

+ ); +}); diff --git a/src/components/Yidian/LineGraph2/LineIcon.tsx b/src/components/Yidian/LineGraph2/LineIcon.tsx new file mode 100644 index 0000000..8c74200 --- /dev/null +++ b/src/components/Yidian/LineGraph2/LineIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const LineIcon = (props: SVGProps) => ( + +); +const Memo = memo(LineIcon); +export { Memo as LineIcon }; diff --git a/src/components/Yidian/LineGraph3/AreaIcon.tsx b/src/components/Yidian/LineGraph3/AreaIcon.tsx new file mode 100644 index 0000000..143c839 --- /dev/null +++ b/src/components/Yidian/LineGraph3/AreaIcon.tsx @@ -0,0 +1,19 @@ +import { memo, SVGProps } from 'react'; + +const AreaIcon = (props: SVGProps) => ( + +); +const Memo = memo(AreaIcon); +export { Memo as AreaIcon }; diff --git a/src/components/Yidian/LineGraph3/LineGraph3.module.css b/src/components/Yidian/LineGraph3/LineGraph3.module.css new file mode 100644 index 0000000..4e05a53 --- /dev/null +++ b/src/components/Yidian/LineGraph3/LineGraph3.module.css @@ -0,0 +1,31 @@ +.root { + position: relative; + width: 420px; + height: 140px; + align-items: flex-start; +} +.area { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.line { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 7.1429%; + overflow: visible; + filter: drop-shadow(0px 4px 4px #1799423d); +} +.icon2 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/LineGraph3/LineGraph3.tsx b/src/components/Yidian/LineGraph3/LineGraph3.tsx new file mode 100644 index 0000000..89eeefa --- /dev/null +++ b/src/components/Yidian/LineGraph3/LineGraph3.tsx @@ -0,0 +1,27 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import { AreaIcon } from './AreaIcon.js'; +import classes from './LineGraph3.module.css'; +import { LineIcon } from './LineIcon.js'; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + area?: ReactNode; + line?: ReactNode; + }; +} +/* @figmaId 5407:5329 */ +export const LineGraph3: FC = memo(function LineGraph3(props = {}) { + return ( +

{props.swap?.area || }

{props.swap?.line || }

+ ); +}); diff --git a/src/components/Yidian/LineGraph3/LineIcon.tsx b/src/components/Yidian/LineGraph3/LineIcon.tsx new file mode 100644 index 0000000..54c25b0 --- /dev/null +++ b/src/components/Yidian/LineGraph3/LineIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const LineIcon = (props: SVGProps) => ( + +); +const Memo = memo(LineIcon); +export { Memo as LineIcon }; diff --git a/src/components/Yidian/LineIcon.tsx b/src/components/Yidian/LineIcon.tsx new file mode 100644 index 0000000..fa296bb --- /dev/null +++ b/src/components/Yidian/LineIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const LineIcon = (props: SVGProps) => ( + +); +const Memo = memo(LineIcon); +export { Memo as LineIcon }; diff --git a/src/components/Yidian/LineIcon2.tsx b/src/components/Yidian/LineIcon2.tsx new file mode 100644 index 0000000..29bb51f --- /dev/null +++ b/src/components/Yidian/LineIcon2.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const LineIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(LineIcon2); +export { Memo as LineIcon2 }; diff --git a/src/components/Yidian/LineIcon3.tsx b/src/components/Yidian/LineIcon3.tsx new file mode 100644 index 0000000..e168784 --- /dev/null +++ b/src/components/Yidian/LineIcon3.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const LineIcon3 = (props: SVGProps) => ( + +); +const Memo = memo(LineIcon3); +export { Memo as LineIcon3 }; diff --git a/src/components/Yidian/MaskIcon.tsx b/src/components/Yidian/MaskIcon.tsx new file mode 100644 index 0000000..21b9bc1 --- /dev/null +++ b/src/components/Yidian/MaskIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const MaskIcon = (props: SVGProps) => ( + +); +const Memo = memo(MaskIcon); +export { Memo as MaskIcon }; diff --git a/src/components/Yidian/Me/Me.module.css b/src/components/Yidian/Me/Me.module.css new file mode 100644 index 0000000..53c19ed --- /dev/null +++ b/src/components/Yidian/Me/Me.module.css @@ -0,0 +1,30 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; +} +.union2 { + position: absolute; + left: 16.7114%; + right: 16.716%; + top: 56.25%; + bottom: 15.9748%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.union { + position: absolute; + left: 1px; + top: 1px; + width: 22px; + height: 22px; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Me/Me.tsx b/src/components/Yidian/Me/Me.tsx new file mode 100644 index 0000000..5e13d5b --- /dev/null +++ b/src/components/Yidian/Me/Me.tsx @@ -0,0 +1,30 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Me.module.css'; +import { UnionIcon2 } from './UnionIcon2.js'; +import { UnionIcon } from './UnionIcon.js'; + +interface Props { + className?: string; + classes?: { + union?: string; + root?: string; + }; + swap?: { + union?: ReactNode; + union2?: ReactNode; + }; +} +/* @figmaId 5407:6889 */ +export const Me: FC = memo(function Me(props = {}) { + return ( +

{props.swap?.union || }

+ {props.swap?.union2 || } +

+ ); +}); diff --git a/src/components/Yidian/Me/UnionIcon.tsx b/src/components/Yidian/Me/UnionIcon.tsx new file mode 100644 index 0000000..1c956e9 --- /dev/null +++ b/src/components/Yidian/Me/UnionIcon.tsx @@ -0,0 +1,15 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/Me/UnionIcon2.tsx b/src/components/Yidian/Me/UnionIcon2.tsx new file mode 100644 index 0000000..3e826ea --- /dev/null +++ b/src/components/Yidian/Me/UnionIcon2.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon2); +export { Memo as UnionIcon2 }; diff --git a/src/components/Yidian/MessageSecurity/MessageSecurity.module.css b/src/components/Yidian/MessageSecurity/MessageSecurity.module.css new file mode 100644 index 0000000..5f6e64b --- /dev/null +++ b/src/components/Yidian/MessageSecurity/MessageSecurity.module.css @@ -0,0 +1,54 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; +} +.union { + position: absolute; + left: 4.1667%; + right: 4.1667%; + top: 10.4167%; + bottom: 8.3333%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.union2 { + position: absolute; + left: 56.25%; + right: 6.25%; + top: 41.6667%; + bottom: 16.6687%; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} +.union3 { + position: absolute; + left: 20.8333%; + right: 58.3333%; + top: 27.0833%; + bottom: 64.5833%; + overflow: visible; +} +.icon3 { + width: 100%; + height: 100%; +} +.union4 { + position: absolute; + left: 20.8333%; + right: 45.8333%; + top: 39.5833%; + bottom: 52.0833%; + overflow: visible; +} +.icon4 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/MessageSecurity/MessageSecurity.tsx b/src/components/Yidian/MessageSecurity/MessageSecurity.tsx new file mode 100644 index 0000000..de25efb --- /dev/null +++ b/src/components/Yidian/MessageSecurity/MessageSecurity.tsx @@ -0,0 +1,33 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './MessageSecurity.module.css'; +import { UnionIcon2 } from './UnionIcon2.js'; +import { UnionIcon3 } from './UnionIcon3.js'; +import { UnionIcon4 } from './UnionIcon4.js'; +import { UnionIcon } from './UnionIcon.js'; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + union?: ReactNode; + union2?: ReactNode; + union3?: ReactNode; + union4?: ReactNode; + }; +} +/* @figmaId 5403:2733 */ +export const MessageSecurity: FC = memo(function MessageSecurity(props = {}) { + return ( +

{props.swap?.union || }

{props.swap?.union2 || }

{props.swap?.union3 || }

{props.swap?.union4 || }

+ ); +}); diff --git a/src/components/Yidian/MessageSecurity/UnionIcon.tsx b/src/components/Yidian/MessageSecurity/UnionIcon.tsx new file mode 100644 index 0000000..d62de2f --- /dev/null +++ b/src/components/Yidian/MessageSecurity/UnionIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/MessageSecurity/UnionIcon2.tsx b/src/components/Yidian/MessageSecurity/UnionIcon2.tsx new file mode 100644 index 0000000..29c8328 --- /dev/null +++ b/src/components/Yidian/MessageSecurity/UnionIcon2.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon2); +export { Memo as UnionIcon2 }; diff --git a/src/components/Yidian/MessageSecurity/UnionIcon3.tsx b/src/components/Yidian/MessageSecurity/UnionIcon3.tsx new file mode 100644 index 0000000..7a54b3f --- /dev/null +++ b/src/components/Yidian/MessageSecurity/UnionIcon3.tsx @@ -0,0 +1,15 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon3 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon3); +export { Memo as UnionIcon3 }; diff --git a/src/components/Yidian/MessageSecurity/UnionIcon4.tsx b/src/components/Yidian/MessageSecurity/UnionIcon4.tsx new file mode 100644 index 0000000..1e423c3 --- /dev/null +++ b/src/components/Yidian/MessageSecurity/UnionIcon4.tsx @@ -0,0 +1,15 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon4 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon4); +export { Memo as UnionIcon4 }; diff --git a/src/components/Yidian/NinePointsConnected/NinePointsConnected.module.css b/src/components/Yidian/NinePointsConnected/NinePointsConnected.module.css new file mode 100644 index 0000000..db69ab1 --- /dev/null +++ b/src/components/Yidian/NinePointsConnected/NinePointsConnected.module.css @@ -0,0 +1,31 @@ +.root { + position: relative; + width: 48px; + height: 48px; + align-items: flex-start; +} +.union { + position: absolute; + left: 8.8287px; + top: 8.8287px; + width: 30.3432px; + height: 30.3432px; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.union2 { + position: absolute; + left: 2px; + top: 2px; + width: 44px; + height: 44px; + overflow: visible; + filter: drop-shadow(2px -2px 2px #00000040); +} +.icon2 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/NinePointsConnected/NinePointsConnected.tsx b/src/components/Yidian/NinePointsConnected/NinePointsConnected.tsx new file mode 100644 index 0000000..46c1a01 --- /dev/null +++ b/src/components/Yidian/NinePointsConnected/NinePointsConnected.tsx @@ -0,0 +1,24 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './NinePointsConnected.module.css'; +import { UnionIcon2 } from './UnionIcon2.js'; +import { UnionIcon } from './UnionIcon.js'; + +interface Props { + className?: string; + swap?: { + union?: ReactNode; + union2?: ReactNode; + }; +} +/* @figmaId 5404:5401 */ +export const NinePointsConnected: FC = memo(function NinePointsConnected(props = {}) { + return ( +

{props.swap?.union || }

{props.swap?.union2 || }

+ ); +}); diff --git a/src/components/Yidian/NinePointsConnected/UnionIcon.tsx b/src/components/Yidian/NinePointsConnected/UnionIcon.tsx new file mode 100644 index 0000000..2d59eca --- /dev/null +++ b/src/components/Yidian/NinePointsConnected/UnionIcon.tsx @@ -0,0 +1,42 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/NinePointsConnected/UnionIcon2.tsx b/src/components/Yidian/NinePointsConnected/UnionIcon2.tsx new file mode 100644 index 0000000..3548fd9 --- /dev/null +++ b/src/components/Yidian/NinePointsConnected/UnionIcon2.tsx @@ -0,0 +1,45 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon2); +export { Memo as UnionIcon2 }; diff --git a/src/components/Yidian/NotebookOne/NotebookOne.module.css b/src/components/Yidian/NotebookOne/NotebookOne.module.css new file mode 100644 index 0000000..90fb0b8 --- /dev/null +++ b/src/components/Yidian/NotebookOne/NotebookOne.module.css @@ -0,0 +1,78 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; +} +.union { + position: absolute; + left: 12.5%; + right: 12.5%; + top: 4.1667%; + bottom: 4.1667%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.union2 { + position: absolute; + left: 29.1667%; + right: 62.5%; + top: 4.1667%; + bottom: 4.1667%; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} +.union3 { + position: absolute; + left: 45.8333%; + right: 29.1667%; + top: 20.8333%; + bottom: 70.8333%; + overflow: visible; +} +.icon3 { + width: 100%; + height: 100%; +} +.union4 { + position: absolute; + left: 45.8333%; + right: 29.1667%; + top: 37.5%; + bottom: 54.1667%; + overflow: visible; +} +.icon4 { + width: 100%; + height: 100%; +} +.union5 { + position: absolute; + left: 16.6667%; + right: 50%; + top: 4.1667%; + bottom: 87.5%; + overflow: visible; +} +.icon5 { + width: 100%; + height: 100%; +} +.union6 { + position: absolute; + left: 16.6667%; + right: 50%; + top: 87.5%; + bottom: 4.1667%; + overflow: visible; +} +.icon6 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/NotebookOne/NotebookOne.tsx b/src/components/Yidian/NotebookOne/NotebookOne.tsx new file mode 100644 index 0000000..99dc406 --- /dev/null +++ b/src/components/Yidian/NotebookOne/NotebookOne.tsx @@ -0,0 +1,39 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './NotebookOne.module.css'; +import { UnionIcon2 } from './UnionIcon2.js'; +import { UnionIcon3 } from './UnionIcon3.js'; +import { UnionIcon4 } from './UnionIcon4.js'; +import { UnionIcon5 } from './UnionIcon5.js'; +import { UnionIcon6 } from './UnionIcon6.js'; +import { UnionIcon } from './UnionIcon.js'; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + union?: ReactNode; + union2?: ReactNode; + union3?: ReactNode; + union4?: ReactNode; + union5?: ReactNode; + union6?: ReactNode; + }; +} +/* @figmaId 5403:2712 */ +export const NotebookOne: FC = memo(function NotebookOne(props = {}) { + return ( +

{props.swap?.union || }

{props.swap?.union2 || }

{props.swap?.union3 || }

{props.swap?.union4 || }

{props.swap?.union5 || }

{props.swap?.union6 || }

+ ); +}); diff --git a/src/components/Yidian/NotebookOne/UnionIcon.tsx b/src/components/Yidian/NotebookOne/UnionIcon.tsx new file mode 100644 index 0000000..71ca725 --- /dev/null +++ b/src/components/Yidian/NotebookOne/UnionIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/NotebookOne/UnionIcon2.tsx b/src/components/Yidian/NotebookOne/UnionIcon2.tsx new file mode 100644 index 0000000..abad370 --- /dev/null +++ b/src/components/Yidian/NotebookOne/UnionIcon2.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon2); +export { Memo as UnionIcon2 }; diff --git a/src/components/Yidian/NotebookOne/UnionIcon3.tsx b/src/components/Yidian/NotebookOne/UnionIcon3.tsx new file mode 100644 index 0000000..ffa8b3e --- /dev/null +++ b/src/components/Yidian/NotebookOne/UnionIcon3.tsx @@ -0,0 +1,15 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon3 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon3); +export { Memo as UnionIcon3 }; diff --git a/src/components/Yidian/NotebookOne/UnionIcon4.tsx b/src/components/Yidian/NotebookOne/UnionIcon4.tsx new file mode 100644 index 0000000..0bb8838 --- /dev/null +++ b/src/components/Yidian/NotebookOne/UnionIcon4.tsx @@ -0,0 +1,15 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon4 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon4); +export { Memo as UnionIcon4 }; diff --git a/src/components/Yidian/NotebookOne/UnionIcon5.tsx b/src/components/Yidian/NotebookOne/UnionIcon5.tsx new file mode 100644 index 0000000..6d2c376 --- /dev/null +++ b/src/components/Yidian/NotebookOne/UnionIcon5.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon5 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon5); +export { Memo as UnionIcon5 }; diff --git a/src/components/Yidian/NotebookOne/UnionIcon6.tsx b/src/components/Yidian/NotebookOne/UnionIcon6.tsx new file mode 100644 index 0000000..f2afa8c --- /dev/null +++ b/src/components/Yidian/NotebookOne/UnionIcon6.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon6 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon6); +export { Memo as UnionIcon6 }; diff --git a/src/components/Yidian/PdfIcon.tsx b/src/components/Yidian/PdfIcon.tsx new file mode 100644 index 0000000..98c2148 --- /dev/null +++ b/src/components/Yidian/PdfIcon.tsx @@ -0,0 +1,17 @@ +import { memo, SVGProps } from 'react'; + +const PdfIcon = (props: SVGProps) => ( + +); +const Memo = memo(PdfIcon); +export { Memo as PdfIcon }; diff --git a/src/components/Yidian/PdfIcon2.tsx b/src/components/Yidian/PdfIcon2.tsx new file mode 100644 index 0000000..15f1ce4 --- /dev/null +++ b/src/components/Yidian/PdfIcon2.tsx @@ -0,0 +1,17 @@ +import { memo, SVGProps } from 'react'; + +const PdfIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(PdfIcon2); +export { Memo as PdfIcon2 }; diff --git a/src/components/Yidian/Point/Ellipse1Icon.tsx b/src/components/Yidian/Point/Ellipse1Icon.tsx new file mode 100644 index 0000000..5007bd0 --- /dev/null +++ b/src/components/Yidian/Point/Ellipse1Icon.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse1Icon = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse1Icon); +export { Memo as Ellipse1Icon }; diff --git a/src/components/Yidian/Point/Point.module.css b/src/components/Yidian/Point/Point.module.css new file mode 100644 index 0000000..e80771b --- /dev/null +++ b/src/components/Yidian/Point/Point.module.css @@ -0,0 +1,25 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; +} +.rectangle293 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; +} +.ellipse1 { + position: absolute; + left: 41.6667%; + right: 41.6667%; + top: 41.6667%; + bottom: 41.6667%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Point/Point.tsx b/src/components/Yidian/Point/Point.tsx new file mode 100644 index 0000000..b5df403 --- /dev/null +++ b/src/components/Yidian/Point/Point.tsx @@ -0,0 +1,25 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import { Ellipse1Icon } from './Ellipse1Icon.js'; +import classes from './Point.module.css'; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + ellipse1?: ReactNode; + }; +} +/* @figmaId 5401:45079 */ +export const Point: FC = memo(function Point(props = {}) { + return ( +

{props.swap?.ellipse1 || }

+ ); +}); diff --git a/src/components/Yidian/Point2/Ellipse1Icon.tsx b/src/components/Yidian/Point2/Ellipse1Icon.tsx new file mode 100644 index 0000000..a4a1bf5 --- /dev/null +++ b/src/components/Yidian/Point2/Ellipse1Icon.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse1Icon = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse1Icon); +export { Memo as Ellipse1Icon }; diff --git a/src/components/Yidian/Point2/Point2.module.css b/src/components/Yidian/Point2/Point2.module.css new file mode 100644 index 0000000..1caa2ce --- /dev/null +++ b/src/components/Yidian/Point2/Point2.module.css @@ -0,0 +1,25 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; +} +.rectangle293 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; +} +.ellipse1 { + position: absolute; + left: 33.3333%; + right: 33.3333%; + top: 33.3333%; + bottom: 33.3333%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Point2/Point2.tsx b/src/components/Yidian/Point2/Point2.tsx new file mode 100644 index 0000000..9c284de --- /dev/null +++ b/src/components/Yidian/Point2/Point2.tsx @@ -0,0 +1,21 @@ +import { memo } from 'react'; +import type { FC } from 'react'; + +import resets from '../../_resets.module.css'; +import { Ellipse1Icon } from './Ellipse1Icon.js'; +import classes from './Point2.module.css'; + +interface Props { + className?: string; +} +/* @figmaId 5401:45082 */ +export const Point2: FC = memo(function Point2(props = {}) { + return ( +

+ +

+ ); +}); diff --git a/src/components/Yidian/Polygon2Icon.tsx b/src/components/Yidian/Polygon2Icon.tsx new file mode 100644 index 0000000..b76c75a --- /dev/null +++ b/src/components/Yidian/Polygon2Icon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const Polygon2Icon = (props: SVGProps) => ( + +); +const Memo = memo(Polygon2Icon); +export { Memo as Polygon2Icon }; diff --git a/src/components/Yidian/ProjectorTwo/ProjectorTwo.module.css b/src/components/Yidian/ProjectorTwo/ProjectorTwo.module.css new file mode 100644 index 0000000..0d79f20 --- /dev/null +++ b/src/components/Yidian/ProjectorTwo/ProjectorTwo.module.css @@ -0,0 +1,18 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; +} +.union { + position: absolute; + left: 1px; + top: 4px; + width: 22px; + height: 17px; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/ProjectorTwo/ProjectorTwo.tsx b/src/components/Yidian/ProjectorTwo/ProjectorTwo.tsx new file mode 100644 index 0000000..1ad7ca4 --- /dev/null +++ b/src/components/Yidian/ProjectorTwo/ProjectorTwo.tsx @@ -0,0 +1,27 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './ProjectorTwo.module.css'; +import { UnionIcon } from './UnionIcon.js'; + +interface Props { + className?: string; + classes?: { + union?: string; + root?: string; + }; + swap?: { + union?: ReactNode; + }; +} +/* @figmaId 5404:5375 */ +export const ProjectorTwo: FC = memo(function ProjectorTwo(props = {}) { + return ( +

+ {props.swap?.union || } +

+ ); +}); diff --git a/src/components/Yidian/ProjectorTwo/UnionIcon.tsx b/src/components/Yidian/ProjectorTwo/UnionIcon.tsx new file mode 100644 index 0000000..30ee955 --- /dev/null +++ b/src/components/Yidian/ProjectorTwo/UnionIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/Refresh/Refresh.module.css b/src/components/Yidian/Refresh/Refresh.module.css new file mode 100644 index 0000000..61ff797 --- /dev/null +++ b/src/components/Yidian/Refresh/Refresh.module.css @@ -0,0 +1,18 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; +} +.union { + position: absolute; + left: 2px; + top: 2px; + width: 20px; + height: 20px; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Refresh/Refresh.tsx b/src/components/Yidian/Refresh/Refresh.tsx new file mode 100644 index 0000000..9f972b5 --- /dev/null +++ b/src/components/Yidian/Refresh/Refresh.tsx @@ -0,0 +1,27 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './Refresh.module.css'; +import { UnionIcon } from './UnionIcon.js'; + +interface Props { + className?: string; + classes?: { + union?: string; + root?: string; + }; + swap?: { + union?: ReactNode; + }; +} +/* @figmaId 5404:6061 */ +export const Refresh: FC = memo(function Refresh(props = {}) { + return ( +

+ {props.swap?.union || } +

+ ); +}); diff --git a/src/components/Yidian/Refresh/UnionIcon.tsx b/src/components/Yidian/Refresh/UnionIcon.tsx new file mode 100644 index 0000000..52f683c --- /dev/null +++ b/src/components/Yidian/Refresh/UnionIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/Right/Right.module.css b/src/components/Yidian/Right/Right.module.css new file mode 100644 index 0000000..dce620a --- /dev/null +++ b/src/components/Yidian/Right/Right.module.css @@ -0,0 +1,18 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; +} +.vectorStroke { + position: absolute; + left: 35.4167%; + right: 31.25%; + top: 20.8333%; + bottom: 20.8333%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/Right/Right.tsx b/src/components/Yidian/Right/Right.tsx new file mode 100644 index 0000000..3bde19d --- /dev/null +++ b/src/components/Yidian/Right/Right.tsx @@ -0,0 +1,32 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import classes from "./Right.module.css"; +import { VectorStrokeIcon } from "./VectorStrokeIcon.js"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + vectorStroke?: ReactNode; + }; +} +/* @figmaId 5403:2769 */ +export const Right: FC = memo(function Right(props = {}) { + return ( +

+ {props.swap?.vectorStroke || ( + + )} +

+ ); +}); diff --git a/src/components/Yidian/Right/VectorStrokeIcon.tsx b/src/components/Yidian/Right/VectorStrokeIcon.tsx new file mode 100644 index 0000000..faabad0 --- /dev/null +++ b/src/components/Yidian/Right/VectorStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon); +export { Memo as VectorStrokeIcon }; diff --git a/src/components/Yidian/SemiIconsSearch/SemiIconsSearch.module.css b/src/components/Yidian/SemiIconsSearch/SemiIconsSearch.module.css new file mode 100644 index 0000000..503e912 --- /dev/null +++ b/src/components/Yidian/SemiIconsSearch/SemiIconsSearch.module.css @@ -0,0 +1,18 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; +} +.vector { + position: absolute; + left: 8.3333%; + right: 8.3334%; + top: 8.3333%; + bottom: 8.3334%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/SemiIconsSearch/SemiIconsSearch.tsx b/src/components/Yidian/SemiIconsSearch/SemiIconsSearch.tsx new file mode 100644 index 0000000..c9c7072 --- /dev/null +++ b/src/components/Yidian/SemiIconsSearch/SemiIconsSearch.tsx @@ -0,0 +1,20 @@ +import { memo } from 'react'; +import type { FC } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './SemiIconsSearch.module.css'; +import { VectorIcon } from './VectorIcon.js'; + +interface Props { + className?: string; +} +/* @figmaId 5403:1499 */ +export const SemiIconsSearch: FC = memo(function SemiIconsSearch(props = {}) { + return ( +

+ +

+ ); +}); diff --git a/src/components/Yidian/SemiIconsSearch/VectorIcon.tsx b/src/components/Yidian/SemiIconsSearch/VectorIcon.tsx new file mode 100644 index 0000000..e80300b --- /dev/null +++ b/src/components/Yidian/SemiIconsSearch/VectorIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/SettingTwo/SettingTwo.module.css b/src/components/Yidian/SettingTwo/SettingTwo.module.css new file mode 100644 index 0000000..aea60bd --- /dev/null +++ b/src/components/Yidian/SettingTwo/SettingTwo.module.css @@ -0,0 +1,30 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; +} +.union { + position: absolute; + left: 4.1667%; + right: 4.1667%; + top: 5.6727%; + bottom: 5.8921%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.union2 { + position: absolute; + left: 31.25%; + right: 31.25%; + top: 31.25%; + bottom: 31.25%; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/SettingTwo/SettingTwo.tsx b/src/components/Yidian/SettingTwo/SettingTwo.tsx new file mode 100644 index 0000000..19e10b0 --- /dev/null +++ b/src/components/Yidian/SettingTwo/SettingTwo.tsx @@ -0,0 +1,27 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './SettingTwo.module.css'; +import { UnionIcon2 } from './UnionIcon2.js'; +import { UnionIcon } from './UnionIcon.js'; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + union?: ReactNode; + union2?: ReactNode; + }; +} +/* @figmaId 5403:2534 */ +export const SettingTwo: FC = memo(function SettingTwo(props = {}) { + return ( +

{props.swap?.union || }

{props.swap?.union2 || }

+ ); +}); diff --git a/src/components/Yidian/SettingTwo/UnionIcon.tsx b/src/components/Yidian/SettingTwo/UnionIcon.tsx new file mode 100644 index 0000000..47ba8e6 --- /dev/null +++ b/src/components/Yidian/SettingTwo/UnionIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/SettingTwo/UnionIcon2.tsx b/src/components/Yidian/SettingTwo/UnionIcon2.tsx new file mode 100644 index 0000000..8edd018 --- /dev/null +++ b/src/components/Yidian/SettingTwo/UnionIcon2.tsx @@ -0,0 +1,15 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon2); +export { Memo as UnionIcon2 }; diff --git a/src/components/Yidian/UnionIcon.tsx b/src/components/Yidian/UnionIcon.tsx new file mode 100644 index 0000000..700e355 --- /dev/null +++ b/src/components/Yidian/UnionIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/UnionIcon10.tsx b/src/components/Yidian/UnionIcon10.tsx new file mode 100644 index 0000000..8e0b4d0 --- /dev/null +++ b/src/components/Yidian/UnionIcon10.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon10 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon10); +export { Memo as UnionIcon10 }; diff --git a/src/components/Yidian/UnionIcon11.tsx b/src/components/Yidian/UnionIcon11.tsx new file mode 100644 index 0000000..b8f7f87 --- /dev/null +++ b/src/components/Yidian/UnionIcon11.tsx @@ -0,0 +1,15 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon11 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon11); +export { Memo as UnionIcon11 }; diff --git a/src/components/Yidian/UnionIcon12.tsx b/src/components/Yidian/UnionIcon12.tsx new file mode 100644 index 0000000..470f07e --- /dev/null +++ b/src/components/Yidian/UnionIcon12.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon12 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon12); +export { Memo as UnionIcon12 }; diff --git a/src/components/Yidian/UnionIcon13.tsx b/src/components/Yidian/UnionIcon13.tsx new file mode 100644 index 0000000..7dddf05 --- /dev/null +++ b/src/components/Yidian/UnionIcon13.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon13 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon13); +export { Memo as UnionIcon13 }; diff --git a/src/components/Yidian/UnionIcon14.tsx b/src/components/Yidian/UnionIcon14.tsx new file mode 100644 index 0000000..1a80220 --- /dev/null +++ b/src/components/Yidian/UnionIcon14.tsx @@ -0,0 +1,41 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon14 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon14); +export { Memo as UnionIcon14 }; diff --git a/src/components/Yidian/UnionIcon15.tsx b/src/components/Yidian/UnionIcon15.tsx new file mode 100644 index 0000000..902a30b --- /dev/null +++ b/src/components/Yidian/UnionIcon15.tsx @@ -0,0 +1,41 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon15 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon15); +export { Memo as UnionIcon15 }; diff --git a/src/components/Yidian/UnionIcon16.tsx b/src/components/Yidian/UnionIcon16.tsx new file mode 100644 index 0000000..b18e89e --- /dev/null +++ b/src/components/Yidian/UnionIcon16.tsx @@ -0,0 +1,45 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon16 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon16); +export { Memo as UnionIcon16 }; diff --git a/src/components/Yidian/UnionIcon17.tsx b/src/components/Yidian/UnionIcon17.tsx new file mode 100644 index 0000000..8cda1a9 --- /dev/null +++ b/src/components/Yidian/UnionIcon17.tsx @@ -0,0 +1,45 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon17 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon17); +export { Memo as UnionIcon17 }; diff --git a/src/components/Yidian/UnionIcon18.tsx b/src/components/Yidian/UnionIcon18.tsx new file mode 100644 index 0000000..3e06070 --- /dev/null +++ b/src/components/Yidian/UnionIcon18.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon18 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon18); +export { Memo as UnionIcon18 }; diff --git a/src/components/Yidian/UnionIcon2.tsx b/src/components/Yidian/UnionIcon2.tsx new file mode 100644 index 0000000..d758841 --- /dev/null +++ b/src/components/Yidian/UnionIcon2.tsx @@ -0,0 +1,15 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon2); +export { Memo as UnionIcon2 }; diff --git a/src/components/Yidian/UnionIcon3.tsx b/src/components/Yidian/UnionIcon3.tsx new file mode 100644 index 0000000..98da1c1 --- /dev/null +++ b/src/components/Yidian/UnionIcon3.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon3 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon3); +export { Memo as UnionIcon3 }; diff --git a/src/components/Yidian/UnionIcon4.tsx b/src/components/Yidian/UnionIcon4.tsx new file mode 100644 index 0000000..2e17c97 --- /dev/null +++ b/src/components/Yidian/UnionIcon4.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon4 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon4); +export { Memo as UnionIcon4 }; diff --git a/src/components/Yidian/UnionIcon5.tsx b/src/components/Yidian/UnionIcon5.tsx new file mode 100644 index 0000000..3d61da6 --- /dev/null +++ b/src/components/Yidian/UnionIcon5.tsx @@ -0,0 +1,15 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon5 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon5); +export { Memo as UnionIcon5 }; diff --git a/src/components/Yidian/UnionIcon6.tsx b/src/components/Yidian/UnionIcon6.tsx new file mode 100644 index 0000000..84ad581 --- /dev/null +++ b/src/components/Yidian/UnionIcon6.tsx @@ -0,0 +1,15 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon6 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon6); +export { Memo as UnionIcon6 }; diff --git a/src/components/Yidian/UnionIcon7.tsx b/src/components/Yidian/UnionIcon7.tsx new file mode 100644 index 0000000..123b08f --- /dev/null +++ b/src/components/Yidian/UnionIcon7.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon7 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon7); +export { Memo as UnionIcon7 }; diff --git a/src/components/Yidian/UnionIcon8.tsx b/src/components/Yidian/UnionIcon8.tsx new file mode 100644 index 0000000..c435fc5 --- /dev/null +++ b/src/components/Yidian/UnionIcon8.tsx @@ -0,0 +1,15 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon8 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon8); +export { Memo as UnionIcon8 }; diff --git a/src/components/Yidian/UnionIcon9.tsx b/src/components/Yidian/UnionIcon9.tsx new file mode 100644 index 0000000..0553c55 --- /dev/null +++ b/src/components/Yidian/UnionIcon9.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon9 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon9); +export { Memo as UnionIcon9 }; diff --git a/src/components/Yidian/UpOne1/UpOne1.module.css b/src/components/Yidian/UpOne1/UpOne1.module.css new file mode 100644 index 0000000..a789c8c --- /dev/null +++ b/src/components/Yidian/UpOne1/UpOne1.module.css @@ -0,0 +1,30 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; +} +.vector { + position: absolute; + left: 25%; + right: 25%; + top: 35.4167%; + bottom: 39.5833%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.vectorStroke { + position: absolute; + left: 20.8332%; + right: 20.8332%; + top: 31.25%; + bottom: 35.4167%; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/UpOne1/UpOne1.tsx b/src/components/Yidian/UpOne1/UpOne1.tsx new file mode 100644 index 0000000..62a7f91 --- /dev/null +++ b/src/components/Yidian/UpOne1/UpOne1.tsx @@ -0,0 +1,29 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './UpOne1.module.css'; +import { VectorIcon } from './VectorIcon.js'; +import { VectorStrokeIcon } from './VectorStrokeIcon.js'; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + vector?: ReactNode; + vectorStroke?: ReactNode; + }; +} +/* @figmaId 5403:2780 */ +export const UpOne1: FC = memo(function UpOne1(props = {}) { + return ( +

{props.swap?.vector || }

+ {props.swap?.vectorStroke || } +

+ ); +}); diff --git a/src/components/Yidian/UpOne1/VectorIcon.tsx b/src/components/Yidian/UpOne1/VectorIcon.tsx new file mode 100644 index 0000000..cdb9d21 --- /dev/null +++ b/src/components/Yidian/UpOne1/VectorIcon.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/UpOne1/VectorStrokeIcon.tsx b/src/components/Yidian/UpOne1/VectorStrokeIcon.tsx new file mode 100644 index 0000000..71cea56 --- /dev/null +++ b/src/components/Yidian/UpOne1/VectorStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon); +export { Memo as VectorStrokeIcon }; diff --git a/src/components/Yidian/VectorIcon.tsx b/src/components/Yidian/VectorIcon.tsx new file mode 100644 index 0000000..f5afb8a --- /dev/null +++ b/src/components/Yidian/VectorIcon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/VectorIcon2.tsx b/src/components/Yidian/VectorIcon2.tsx new file mode 100644 index 0000000..4e0c1ab --- /dev/null +++ b/src/components/Yidian/VectorIcon2.tsx @@ -0,0 +1,25 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon2); +export { Memo as VectorIcon2 }; diff --git a/src/components/Yidian/VectorIcon3.tsx b/src/components/Yidian/VectorIcon3.tsx new file mode 100644 index 0000000..d321e30 --- /dev/null +++ b/src/components/Yidian/VectorIcon3.tsx @@ -0,0 +1,25 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon3 = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon3); +export { Memo as VectorIcon3 }; diff --git a/src/components/Yidian/VectorIcon4.tsx b/src/components/Yidian/VectorIcon4.tsx new file mode 100644 index 0000000..559afce --- /dev/null +++ b/src/components/Yidian/VectorIcon4.tsx @@ -0,0 +1,18 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon4 = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon4); +export { Memo as VectorIcon4 }; diff --git a/src/components/Yidian/VectorIcon5.tsx b/src/components/Yidian/VectorIcon5.tsx new file mode 100644 index 0000000..08bf847 --- /dev/null +++ b/src/components/Yidian/VectorIcon5.tsx @@ -0,0 +1,25 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon5 = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon5); +export { Memo as VectorIcon5 }; diff --git a/src/components/Yidian/VectorIcon6.tsx b/src/components/Yidian/VectorIcon6.tsx new file mode 100644 index 0000000..e82c52b --- /dev/null +++ b/src/components/Yidian/VectorIcon6.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon6 = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon6); +export { Memo as VectorIcon6 }; diff --git a/src/components/Yidian/VectorStrokeIcon.tsx b/src/components/Yidian/VectorStrokeIcon.tsx new file mode 100644 index 0000000..032b7a6 --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon); +export { Memo as VectorStrokeIcon }; diff --git a/src/components/Yidian/VectorStrokeIcon10.tsx b/src/components/Yidian/VectorStrokeIcon10.tsx new file mode 100644 index 0000000..e93d90f --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon10.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon10 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon10); +export { Memo as VectorStrokeIcon10 }; diff --git a/src/components/Yidian/VectorStrokeIcon11.tsx b/src/components/Yidian/VectorStrokeIcon11.tsx new file mode 100644 index 0000000..94b5cb6 --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon11.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon11 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon11); +export { Memo as VectorStrokeIcon11 }; diff --git a/src/components/Yidian/VectorStrokeIcon12.tsx b/src/components/Yidian/VectorStrokeIcon12.tsx new file mode 100644 index 0000000..68aebaa --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon12.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon12 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon12); +export { Memo as VectorStrokeIcon12 }; diff --git a/src/components/Yidian/VectorStrokeIcon13.tsx b/src/components/Yidian/VectorStrokeIcon13.tsx new file mode 100644 index 0000000..920a3ef --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon13.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon13 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon13); +export { Memo as VectorStrokeIcon13 }; diff --git a/src/components/Yidian/VectorStrokeIcon14.tsx b/src/components/Yidian/VectorStrokeIcon14.tsx new file mode 100644 index 0000000..d53abe4 --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon14.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon14 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon14); +export { Memo as VectorStrokeIcon14 }; diff --git a/src/components/Yidian/VectorStrokeIcon15.tsx b/src/components/Yidian/VectorStrokeIcon15.tsx new file mode 100644 index 0000000..affcc16 --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon15.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon15 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon15); +export { Memo as VectorStrokeIcon15 }; diff --git a/src/components/Yidian/VectorStrokeIcon16.tsx b/src/components/Yidian/VectorStrokeIcon16.tsx new file mode 100644 index 0000000..6940a0e --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon16.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon16 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon16); +export { Memo as VectorStrokeIcon16 }; diff --git a/src/components/Yidian/VectorStrokeIcon17.tsx b/src/components/Yidian/VectorStrokeIcon17.tsx new file mode 100644 index 0000000..aa6d8f1 --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon17.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon17 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon17); +export { Memo as VectorStrokeIcon17 }; diff --git a/src/components/Yidian/VectorStrokeIcon18.tsx b/src/components/Yidian/VectorStrokeIcon18.tsx new file mode 100644 index 0000000..4692be9 --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon18.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon18 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon18); +export { Memo as VectorStrokeIcon18 }; diff --git a/src/components/Yidian/VectorStrokeIcon19.tsx b/src/components/Yidian/VectorStrokeIcon19.tsx new file mode 100644 index 0000000..a0b39d5 --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon19.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon19 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon19); +export { Memo as VectorStrokeIcon19 }; diff --git a/src/components/Yidian/VectorStrokeIcon2.tsx b/src/components/Yidian/VectorStrokeIcon2.tsx new file mode 100644 index 0000000..ba2ab78 --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon2.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon2); +export { Memo as VectorStrokeIcon2 }; diff --git a/src/components/Yidian/VectorStrokeIcon20.tsx b/src/components/Yidian/VectorStrokeIcon20.tsx new file mode 100644 index 0000000..9d0ac7a --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon20.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon20 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon20); +export { Memo as VectorStrokeIcon20 }; diff --git a/src/components/Yidian/VectorStrokeIcon3.tsx b/src/components/Yidian/VectorStrokeIcon3.tsx new file mode 100644 index 0000000..6ac9e5b --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon3.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon3 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon3); +export { Memo as VectorStrokeIcon3 }; diff --git a/src/components/Yidian/VectorStrokeIcon4.tsx b/src/components/Yidian/VectorStrokeIcon4.tsx new file mode 100644 index 0000000..8302cc2 --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon4.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon4 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon4); +export { Memo as VectorStrokeIcon4 }; diff --git a/src/components/Yidian/VectorStrokeIcon5.tsx b/src/components/Yidian/VectorStrokeIcon5.tsx new file mode 100644 index 0000000..453926c --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon5.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon5 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon5); +export { Memo as VectorStrokeIcon5 }; diff --git a/src/components/Yidian/VectorStrokeIcon6.tsx b/src/components/Yidian/VectorStrokeIcon6.tsx new file mode 100644 index 0000000..cf2e99e --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon6.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon6 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon6); +export { Memo as VectorStrokeIcon6 }; diff --git a/src/components/Yidian/VectorStrokeIcon7.tsx b/src/components/Yidian/VectorStrokeIcon7.tsx new file mode 100644 index 0000000..3c29a07 --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon7.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon7 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon7); +export { Memo as VectorStrokeIcon7 }; diff --git a/src/components/Yidian/VectorStrokeIcon8.tsx b/src/components/Yidian/VectorStrokeIcon8.tsx new file mode 100644 index 0000000..15e9f63 --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon8.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon8 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon8); +export { Memo as VectorStrokeIcon8 }; diff --git a/src/components/Yidian/VectorStrokeIcon9.tsx b/src/components/Yidian/VectorStrokeIcon9.tsx new file mode 100644 index 0000000..f13d0d2 --- /dev/null +++ b/src/components/Yidian/VectorStrokeIcon9.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon9 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon9); +export { Memo as VectorStrokeIcon9 }; diff --git a/src/components/Yidian/ViewList/UnionIcon.tsx b/src/components/Yidian/ViewList/UnionIcon.tsx new file mode 100644 index 0000000..3e5c50d --- /dev/null +++ b/src/components/Yidian/ViewList/UnionIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/ViewList/ViewList.module.css b/src/components/Yidian/ViewList/ViewList.module.css new file mode 100644 index 0000000..fcc71a7 --- /dev/null +++ b/src/components/Yidian/ViewList/ViewList.module.css @@ -0,0 +1,18 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; +} +.union { + position: absolute; + left: 3px; + top: 1px; + width: 18px; + height: 22px; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/ViewList/ViewList.tsx b/src/components/Yidian/ViewList/ViewList.tsx new file mode 100644 index 0000000..1135e3a --- /dev/null +++ b/src/components/Yidian/ViewList/ViewList.tsx @@ -0,0 +1,27 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import { UnionIcon } from './UnionIcon.js'; +import classes from './ViewList.module.css'; + +interface Props { + className?: string; + classes?: { + union?: string; + root?: string; + }; + swap?: { + union?: ReactNode; + }; +} +/* @figmaId 5434:15561 */ +export const ViewList: FC = memo(function ViewList(props = {}) { + return ( +

+ {props.swap?.union || } +

+ ); +}); diff --git a/src/components/Yidian/ViewList2/UnionIcon.tsx b/src/components/Yidian/ViewList2/UnionIcon.tsx new file mode 100644 index 0000000..888092f --- /dev/null +++ b/src/components/Yidian/ViewList2/UnionIcon.tsx @@ -0,0 +1,41 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/ViewList2/VectorIcon.tsx b/src/components/Yidian/ViewList2/VectorIcon.tsx new file mode 100644 index 0000000..2789747 --- /dev/null +++ b/src/components/Yidian/ViewList2/VectorIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/ViewList2/VectorIcon2.tsx b/src/components/Yidian/ViewList2/VectorIcon2.tsx new file mode 100644 index 0000000..116a51d --- /dev/null +++ b/src/components/Yidian/ViewList2/VectorIcon2.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon2); +export { Memo as VectorIcon2 }; diff --git a/src/components/Yidian/ViewList2/VectorIcon3.tsx b/src/components/Yidian/ViewList2/VectorIcon3.tsx new file mode 100644 index 0000000..3d0a7ad --- /dev/null +++ b/src/components/Yidian/ViewList2/VectorIcon3.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon3 = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon3); +export { Memo as VectorIcon3 }; diff --git a/src/components/Yidian/ViewList2/VectorStrokeIcon.tsx b/src/components/Yidian/ViewList2/VectorStrokeIcon.tsx new file mode 100644 index 0000000..ea760f8 --- /dev/null +++ b/src/components/Yidian/ViewList2/VectorStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon); +export { Memo as VectorStrokeIcon }; diff --git a/src/components/Yidian/ViewList2/VectorStrokeIcon2.tsx b/src/components/Yidian/ViewList2/VectorStrokeIcon2.tsx new file mode 100644 index 0000000..97c718c --- /dev/null +++ b/src/components/Yidian/ViewList2/VectorStrokeIcon2.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon2); +export { Memo as VectorStrokeIcon2 }; diff --git a/src/components/Yidian/ViewList2/VectorStrokeIcon3.tsx b/src/components/Yidian/ViewList2/VectorStrokeIcon3.tsx new file mode 100644 index 0000000..d0af4ad --- /dev/null +++ b/src/components/Yidian/ViewList2/VectorStrokeIcon3.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon3 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon3); +export { Memo as VectorStrokeIcon3 }; diff --git a/src/components/Yidian/ViewList2/ViewList2.module.css b/src/components/Yidian/ViewList2/ViewList2.module.css new file mode 100644 index 0000000..0455eef --- /dev/null +++ b/src/components/Yidian/ViewList2/ViewList2.module.css @@ -0,0 +1,102 @@ +.root { + position: relative; + width: 48px; + height: 48px; + align-items: flex-start; +} +.rectangle3 { + position: absolute; + left: 41.6667%; + right: 0; + top: 37.5%; + bottom: 4.1667%; + border-radius: 99px; + background-image: linear-gradient(-46.9deg, #0077faff 0%, #0077fa59 100%); + background-position: center; + background-repeat: no-repeat; + background-size: auto; +} +.union { + position: absolute; + left: 12.5%; + right: 12.5%; + top: 4.1667%; + bottom: 4.1667%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.vectorStroke { + position: absolute; + left: 39.5833%; + right: 27.0833%; + top: 25%; + bottom: 66.6667%; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} +.vectorStroke2 { + position: absolute; + left: 39.5833%; + right: 31.8452%; + top: 45.8333%; + bottom: 45.8333%; + overflow: visible; +} +.icon3 { + width: 100%; + height: 100%; +} +.vectorStroke3 { + position: absolute; + left: 39.5833%; + right: 31.8452%; + top: 66.6667%; + bottom: 25%; + overflow: visible; +} +.icon4 { + width: 100%; + height: 100%; +} +.vector { + position: absolute; + left: 27.0833%; + right: 64.5833%; + top: 25%; + bottom: 66.6667%; + overflow: visible; +} +.icon5 { + width: 100%; + height: 100%; +} +.vector2 { + position: absolute; + left: 27.0833%; + right: 64.5833%; + top: 45.8333%; + bottom: 45.8333%; + overflow: visible; +} +.icon6 { + width: 100%; + height: 100%; +} +.vector3 { + position: absolute; + left: 27.0833%; + right: 64.5833%; + top: 66.6667%; + bottom: 25%; + overflow: visible; +} +.icon7 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/ViewList2/ViewList2.tsx b/src/components/Yidian/ViewList2/ViewList2.tsx new file mode 100644 index 0000000..5025caf --- /dev/null +++ b/src/components/Yidian/ViewList2/ViewList2.tsx @@ -0,0 +1,46 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import { UnionIcon } from './UnionIcon.js'; +import { VectorIcon2 } from './VectorIcon2.js'; +import { VectorIcon3 } from './VectorIcon3.js'; +import { VectorIcon } from './VectorIcon.js'; +import { VectorStrokeIcon2 } from './VectorStrokeIcon2.js'; +import { VectorStrokeIcon3 } from './VectorStrokeIcon3.js'; +import { VectorStrokeIcon } from './VectorStrokeIcon.js'; +import classes from './ViewList2.module.css'; + +interface Props { + className?: string; + swap?: { + union?: ReactNode; + }; +} +/* @figmaId 5404:5822 */ +export const ViewList2: FC = memo(function ViewList2(props = {}) { + return ( +

{props.swap?.union || }

+ +

+ ); +}); diff --git a/src/components/Yidian/Yidian.module.css b/src/components/Yidian/Yidian.module.css new file mode 100644 index 0000000..2f173b9 --- /dev/null +++ b/src/components/Yidian/Yidian.module.css @@ -0,0 +1,7016 @@ +.normal { + color: #06f; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.homeTwo.homeTwo { + width: 20px; + height: 20px; +} +.union.union { + left: 0.8333px; + top: 0.8333px; + width: 18.3333px; + height: 18.3333px; +} +.union { + left: 0.8333px; + top: 0.8333px; + width: 18.3333px; + height: 18.3333px; +} +.icon { + width: 100%; + height: 100%; +} +.icon2 { + width: 100%; + height: 100%; +} +.normal2 { + color: #06f; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.normal3 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.normal4 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.messageSecurity.messageSecurity { + width: 20px; + height: 20px; +} +.icon3 { + width: 100%; + height: 100%; +} +.icon4 { + width: 100%; + height: 100%; +} +.icon5 { + width: 100%; + height: 100%; +} +.icon6 { + width: 100%; + height: 100%; +} +.normal5 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.normal6 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.normal7 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.normal8 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.normal9 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.viewList.viewList { + width: 20px; + height: 20px; +} +.union2.union2 { + left: 2.5px; + top: 0.8333px; + width: 15px; + height: 18.3333px; +} +.union2 { + left: 2.5px; + top: 0.8333px; + width: 15px; + height: 18.3333px; +} +.icon7 { + width: 100%; + height: 100%; +} +.normal10 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.normal11 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.me.me { + width: 20px; + height: 20px; +} +.icon8 { + width: 100%; + height: 100%; +} +.union3.union3 { + left: 0.8333px; + top: 0.8333px; + width: 18.3333px; + height: 18.3333px; +} +.union3 { + left: 0.8333px; + top: 0.8333px; + width: 18.3333px; + height: 18.3333px; +} +.icon9 { + width: 100%; + height: 100%; +} +.normal12 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.normal13 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.normal14 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.normal15 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.settingTwo.settingTwo { + width: 20px; + height: 20px; +} +.icon10 { + width: 100%; + height: 100%; +} +.icon11 { + width: 100%; + height: 100%; +} +.normal16 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.normal17 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.vector.vector { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon12 { + width: 100%; + height: 100%; +} +.text { + color: #fff; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.text2 { + color: #1d2129; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.text3 { + color: #1d2129; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.text4 { + color: #1d2129; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.text5 { + color: #1d2129; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.text6 { + color: #1d2129; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.text7 { + color: #1d2129; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.right.right { + width: 14px; + height: 14px; +} +.icon13 { + width: 100%; + height: 100%; +} +.unnamed2.unnamed2 { + width: initial; + flex: 1; +} +.icon14 { + width: 100%; + height: 100%; +} +.unnamed { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed4.unnamed4 { + width: initial; + flex: 1; +} +.icon15 { + width: 100%; + height: 100%; +} +.icon16 { + width: 100%; + height: 100%; +} +.unnamed3 { + color: #06f; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed6.unnamed6 { + width: initial; + flex: 1; +} +.icon17 { + width: 100%; + height: 100%; +} +.icon18 { + width: 100%; + height: 100%; +} +.icon19 { + width: 100%; + height: 100%; +} +.unnamed5 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed8.unnamed8 { + width: initial; + flex: 1; +} +.icon20 { + width: 100%; + height: 100%; +} +.icon21 { + width: 100%; + height: 100%; +} +.icon22 { + width: 100%; + height: 100%; +} +.unnamed7 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed11.unnamed11 { + width: initial; + flex: 1; +} +.icon23 { + width: 100%; + height: 100%; +} +.icon24 { + width: 100%; + height: 100%; +} +.icon25 { + width: 100%; + height: 100%; +} +.unnamed9 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed10 { + color: #86909c; + font-size: 12px; + line-height: 16px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + height: min-content; + align-self: stretch; + text-align: center; + align-items: center; + flex-direction: column; +} +.unnamed13.unnamed13 { + width: initial; + flex: 1; +} +.icon26 { + width: 100%; + height: 100%; +} +.icon27 { + width: 100%; + height: 100%; +} +.unnamed12 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.right2.right2 { + width: 14px; + height: 14px; +} +.icon28 { + width: 100%; + height: 100%; +} +.right3.right3 { + width: 14px; + height: 14px; +} +.icon29 { + width: 100%; + height: 100%; +} +.group1085.group1085 { + width: 18px; + height: 24px; +} +.group761.group761 { + width: 18px; + height: 24px; +} +.group761 { + width: 18px; + height: 24px; +} +.icon30 { + width: 100%; + height: 100%; +} +.icon31 { + width: 100%; + height: 100%; +} +.group10852.group10852 { + width: 18px; + height: 24px; +} +.group7612.group7612 { + width: 18px; + height: 24px; +} +.group7612 { + width: 18px; + height: 24px; +} +.icon32 { + width: 100%; + height: 100%; +} +.icon33 { + width: 100%; + height: 100%; +} +.right4.right4 { + width: 14px; + height: 14px; +} +.icon34 { + width: 100%; + height: 100%; +} +.license { + color: #000; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.license2 { + color: #000; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.right5.right5 { + width: 14px; + height: 14px; +} +.icon35 { + width: 100%; + height: 100%; +} +._1 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + height: min-content; + align-self: stretch; + flex-direction: column; +} +._12 { + color: #06f; + font-size: 12px; + line-height: 16px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._13 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + height: min-content; + align-self: stretch; + flex-direction: column; +} +._14 { + color: #06f; + font-size: 12px; + line-height: 16px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._15 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + height: min-content; + align-self: stretch; + flex-direction: column; +} +.refresh.refresh { + width: 14px; + height: 14px; +} +.union4.union4 { + left: 1.1667px; + top: 1.1667px; + width: 11.6667px; + height: 11.6667px; +} +.union4 { + left: 1.1667px; + top: 1.1667px; + width: 11.6667px; + height: 11.6667px; +} +.icon36 { + width: 100%; + height: 100%; +} +.unnamed14 { + color: #06f; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._2 { + color: #165dff; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed15 { + color: #4e5969; + font-size: 16px; + line-height: 24px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._22 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed16 { + color: #4e5969; + font-size: 16px; + line-height: 24px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._23 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed17 { + color: #4e5969; + font-size: 16px; + line-height: 24px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._24 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed18 { + color: #4e5969; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._323 { + color: #1d2129; + font-size: 32px; + line-height: 40px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed19 { + color: #4e5969; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed20 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed21 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.lineGraph.lineGraph { + width: 192px; + height: 100px; +} +.icon37 { + width: 100%; + height: 100%; +} +.icon38 { + width: 100%; + height: 100%; +} +.unnamed22 { + color: #4e5969; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._3232 { + color: #1d2129; + font-size: 32px; + line-height: 40px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed23 { + color: #4e5969; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed24 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed25 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.lineGraph2.lineGraph2 { + width: 192px; + height: 100px; +} +.icon39 { + width: 100%; + height: 100%; +} +.icon40 { + width: 100%; + height: 100%; +} +.unnamed26 { + color: #4e5969; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._3233 { + color: #1d2129; + font-size: 32px; + line-height: 40px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed27 { + color: #4e5969; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed28 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed29 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.lineGraph3.lineGraph3 { + width: 192px; + height: 100px; +} +.icon41 { + width: 100%; + height: 100%; +} +.icon42 { + width: 100%; + height: 100%; +} +.right6.right6 { + width: 14px; + height: 14px; +} +.icon43 { + width: 100%; + height: 100%; +} +.label { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.square.square { + background-color: #3bb346; +} +.label2 { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.square2.square2 { + background-color: #4e5969; +} +.label3 { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.square3.square3 { + background-color: #f3c641; +} +.label4 { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.square4.square4 { + background-color: #f53f3f; +} +.label5 { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.right7.right7 { + width: 14px; + height: 14px; +} +.icon44 { + width: 100%; + height: 100%; +} +.frame912.frame912 { + height: initial; + flex: 1; +} +.unnamed30 { + color: #4e5969; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: end; + align-items: end; + white-space: nowrap; + flex-direction: column; +} +._100 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: 32px; + height: min-content; + text-align: end; + align-items: end; + flex-direction: column; +} +.frame913.frame913 { + width: 457px; + height: initial; + flex: 1; + align-self: initial; +} +.unnamed31 { + color: #4e5969; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: end; + align-items: end; + white-space: nowrap; + flex-direction: column; +} +._1002 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: 32px; + height: min-content; + text-align: end; + align-items: end; + flex-direction: column; +} +.rectangle678.rectangle678 { + background-color: #6b7785; +} +.frame914.frame914 { + width: 389px; + height: initial; + flex: 1; + align-self: initial; +} +.unnamed32 { + color: #4e5969; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: end; + align-items: end; + white-space: nowrap; + flex-direction: column; +} +._1003 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: 32px; + height: min-content; + text-align: end; + align-items: end; + flex-direction: column; +} +.rectangle6782.rectangle6782 { + background-color: #6b7785; +} +.frame915.frame915 { + width: 336px; + height: initial; + flex: 1; + align-self: initial; +} +.unnamed33 { + color: #4e5969; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: end; + align-items: end; + white-space: nowrap; + flex-direction: column; +} +._1004 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: 32px; + height: min-content; + text-align: end; + align-items: end; + flex-direction: column; +} +.rectangle6783.rectangle6783 { + background-color: #6b7785; +} +.right8.right8 { + width: 14px; + height: 14px; +} +.icon45 { + width: 100%; + height: 100%; +} +.unnamed34.unnamed34 { + width: 120px; +} +.text8 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + height: min-content; + flex: 1; + flex-direction: column; +} +.unnamed35.unnamed35 { + width: 120px; +} +.text9 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + height: min-content; + flex: 1; + flex-direction: column; +} +.unnamed36.unnamed36 { + width: 120px; +} +.text10 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + height: min-content; + flex: 1; + flex-direction: column; +} +.unnamed37.unnamed37 { + align-self: initial; +} +.frame427319527.frame427319527 { + width: 1118px; +} +.frame427319529.frame427319529 { + width: 1118px; +} +.frame427319530.frame427319530 { + width: 1118px; +} +.frame427319531.frame427319531 { + width: 1118px; +} +.frame427319532.frame427319532 { + width: 1118px; +} +.unnamed38.unnamed38 { + width: initial; + align-self: stretch; +} +.unnamed39 { + color: #06f; + font-size: 12px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed40 { + color: #333; + font-size: 12px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed41 { + color: #333; + font-size: 12px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed42 { + color: #333; + font-size: 12px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319520.frame427319520 { + width: initial; + flex: 1; +} +.frame427319521.frame427319521 { + width: initial; + flex: 1; +} +.unnamed43 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._1995526 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame4273195202.frame4273195202 { + width: initial; + flex: 1; +} +.unnamed44 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._19955262 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame4273195212.frame4273195212 { + width: initial; + flex: 1; +} +.unnamed45 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._19955263 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed46 { + color: #fff; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed47 { + color: #1d2129; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed48 { + color: #1d2129; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.right9.right9 { + width: 14px; + height: 14px; +} +.icon46 { + width: 100%; + height: 100%; +} +.unnamed49.unnamed49 { + align-items: flex-start; +} +._16 { + color: #06f; + font-size: 12px; + line-height: 16px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.input.input { + width: initial; + flex: 1; +} +.text11 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + height: min-content; + flex: 1; + flex-direction: column; +} +.text12 { + color: #fff; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.right10.right10 { + width: 14px; + height: 14px; +} +.icon47 { + width: 100%; + height: 100%; +} +.icon48 { + width: 100%; + height: 100%; +} +.frame.frame { + width: 42px; + height: 42px; +} +.vector2.vector2 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon49 { + width: 100%; + height: 100%; +} +.unnamed50 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame2.frame2 { + width: 42px; + height: 42px; +} +.vector3.vector3 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon50 { + width: 100%; + height: 100%; +} +.unnamed51 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame3.frame3 { + width: 42px; + height: 42px; +} +.vector4.vector4 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon51 { + width: 100%; + height: 100%; +} +.unnamed52 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.right11.right11 { + width: 14px; + height: 14px; +} +.icon52 { + width: 100%; + height: 100%; +} +.label6 { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.square5.square5 { + background-color: #3bb346; +} +.label7 { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.square6.square6 { + background-color: #4e5969; +} +.label8 { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.square7.square7 { + background-color: #f3c641; +} +.label9 { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.square8.square8 { + background-color: #f53f3f; +} +.label10 { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.right12.right12 { + width: 14px; + height: 14px; +} +.icon53 { + width: 100%; + height: 100%; +} +.unnamed53 { + color: #06f; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed54 { + color: #4e5969; + font-size: 16px; + line-height: 24px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed55 { + color: #4e5969; + font-size: 16px; + line-height: 24px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed56 { + color: #4e5969; + font-size: 16px; + line-height: 24px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed57 { + color: #4e5969; + font-size: 16px; + line-height: 24px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed58.unnamed58 { + width: initial; + align-self: stretch; +} +._2022613 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed61.unnamed61 { + width: initial; + align-self: stretch; +} +._20226132 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed59 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed60 { + color: #333; + font-size: 12px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed63.unnamed63 { + width: initial; + align-self: stretch; +} +._20226133 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed62 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed65.unnamed65 { + width: initial; + align-self: stretch; +} +._20226134 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed64 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed67.unnamed67 { + width: initial; + align-self: stretch; +} +._20226135 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed66 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.right13.right13 { + width: 14px; + height: 14px; +} +.icon54 { + width: 100%; + height: 100%; +} +.label11 { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.square9.square9 { + background-color: #3bb346; +} +.label12 { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.square10.square10 { + background-color: #4e5969; +} +.label13 { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.right14.right14 { + width: 14px; + height: 14px; +} +.icon55 { + width: 100%; + height: 100%; +} +.frame427319454.frame427319454 { + width: initial; + align-self: stretch; +} +._20226136 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: 329px; + height: 20px; + justify-content: center; + flex-direction: column; +} +.frame427319456.frame427319456 { + width: initial; + align-self: stretch; +} +._20226137 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: 329px; + height: 20px; + justify-content: center; + flex-direction: column; +} +.frame427319457.frame427319457 { + width: initial; + align-self: stretch; +} +._20226138 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: 329px; + height: 20px; + justify-content: center; + flex-direction: column; +} +.frame427319458.frame427319458 { + width: initial; + align-self: stretch; +} +._20226139 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: 329px; + height: 20px; + justify-content: center; + flex-direction: column; +} +.frame427319459.frame427319459 { + width: initial; + align-self: stretch; +} +._202261310 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: 329px; + height: 20px; + justify-content: center; + flex-direction: column; +} +.frame427319460.frame427319460 { + width: initial; + align-self: stretch; +} +._202261311 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: 329px; + height: 20px; + justify-content: center; + flex-direction: column; +} +.refresh2.refresh2 { + width: 14px; + height: 14px; +} +.union5.union5 { + left: 1.1667px; + top: 1.1667px; + width: 11.6667px; + height: 11.6667px; +} +.union5 { + left: 1.1667px; + top: 1.1667px; + width: 11.6667px; + height: 11.6667px; +} +.icon56 { + width: 100%; + height: 100%; +} +.unnamed68 { + color: #06f; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._25 { + color: #165dff; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed69 { + color: #4e5969; + font-size: 16px; + line-height: 24px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._26 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed70 { + color: #4e5969; + font-size: 16px; + line-height: 24px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._27 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed71 { + color: #4e5969; + font-size: 16px; + line-height: 24px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._28 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.content1.content1 { + width: initial; + flex: 1; +} +.icon57 { + width: 100%; + height: 100%; +} +.unnamed72 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._17 { + color: #1d2129; + font-size: 32px; + line-height: 40px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed73 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.content2.content2 { + width: initial; + flex: 1; +} +.icon58 { + width: 100%; + height: 100%; +} +.unnamed74 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._18 { + color: #1d2129; + font-size: 32px; + line-height: 40px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed75 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed76 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed77 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.content3.content3 { + width: initial; + flex: 1; +} +.icon59 { + width: 100%; + height: 100%; +} +.unnamed78 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._19 { + color: #1d2129; + font-size: 32px; + line-height: 40px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed79 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.content4.content4 { + width: initial; + flex: 1; +} +.icon60 { + width: 100%; + height: 100%; +} +.unnamed80 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._110 { + color: #1d2129; + font-size: 32px; + line-height: 40px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed81 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.right15.right15 { + width: 14px; + height: 14px; +} +.icon61 { + width: 100%; + height: 100%; +} +.right16.right16 { + width: 14px; + height: 14px; +} +.icon62 { + width: 100%; + height: 100%; +} +.customItem.customItem { + left: 0; + top: 0; + width: 338.6667px; + flex: 1; +} +.customItem2.customItem2 { + left: 354.6667px; + top: 0; + width: 338.6667px; + flex: 1; +} +.customItem3.customItem3 { + left: 709.3333px; + top: 0; + width: 338.6667px; + flex: 1; +} +.customItem4.customItem4 { + left: 0; + top: 100px; + width: 338.6667px; + flex: 1; +} +.customItem5.customItem5 { + left: 354.6667px; + top: 100px; + width: 338.6667px; + flex: 1; +} +.customItem6.customItem6 { + left: 709.3333px; + top: 100px; + width: 338.6667px; + flex: 1; +} +.right17.right17 { + width: 14px; + height: 14px; +} +.icon63 { + width: 100%; + height: 100%; +} +.rankPicker.rankPicker { + width: 120px; +} +.text13 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + height: min-content; + flex: 1; + flex-direction: column; +} +.prizePicker.prizePicker { + width: 120px; +} +.text14 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + height: min-content; + flex: 1; + flex-direction: column; +} +.search.search { + align-self: initial; +} +.listItem.listItem { + width: initial; + align-self: stretch; +} +.frame427319528.frame427319528 { + width: initial; + align-self: stretch; +} +.frame4273195292.frame4273195292 { + width: initial; + align-self: stretch; +} +.frame4273195302.frame4273195302 { + width: initial; + align-self: stretch; +} +.frame4273195322.frame4273195322 { + width: initial; + align-self: stretch; +} +.frame427319533.frame427319533 { + width: initial; + align-self: stretch; +} +.frame4273195312.frame4273195312 { + width: initial; + align-self: stretch; +} +.iconbutton.iconbutton { + border-radius: 99px; +} +.comment.comment { + z-index: 0; + width: 16px; + height: 16px; +} +.union6.union6 { + left: 0.6667px; + top: 1.3333px; + width: 14.6667px; + height: 13px; +} +.union6 { + left: 0.6667px; + top: 1.3333px; + width: 14.6667px; + height: 13px; +} +.icon64 { + width: 100%; + height: 100%; +} +.iconbutton2.iconbutton2 { + border-radius: 99px; +} +.unnamed82.unnamed82 { + z-index: 0; + width: 16px; + height: 16px; +} +.icon65 { + width: 100%; + height: 100%; +} +.icon66 { + width: 100%; + height: 100%; +} +.icon67 { + width: 100%; + height: 100%; +} +.rM { + color: #fff; + font-size: 14px; + font-family: Roboto, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + letter-spacing: -0.5px; + position: absolute; + left: calc(50% - -0.3914px); + top: calc(50% - -0.6085px); + width: 21.1304px; + height: 16.4348px; + text-align: center; + align-items: center; + flex-direction: column; + transform: translate(-50%, -50%); +} +.downOne1.downOne1 { + width: 16px; + height: 16px; +} +.icon68 { + width: 100%; + height: 100%; +} +.icon69 { + width: 100%; + height: 100%; +} +.root { + width: min-content; + height: 1748px; + max-height: 100%; +} +.navigation { + width: 225px; + align-self: stretch; + flex-direction: column; + align-items: center; + gap: 4px; + padding: 0 0 30px; + background-color: #fff; + box-shadow: inset -1px 0px 0px 0px #dfe3e899; +} +.logo { + height: 72px; + align-self: stretch; + flex-direction: column; + place-content: center; + align-items: flex-start; + padding: 24px 42px 24px 24px; +} +.logo2 { + color: #c9cdd4; + font-size: 24px; + line-height: 32px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.nav { + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; +} +.right18 { + position: relative; + width: 1695px; + align-self: stretch; + align-items: flex-start; + gap: 10px; + padding: 10px; + background-color: #f4f6f8; + overflow: hidden; +} +.content { + position: absolute; + left: 0; + top: 0; + width: 1695px; + height: 1762px; +} +.project { + position: absolute; + left: 0; + top: 0; + width: 1695px; + height: 1281px; + align-items: flex-start; + gap: 10px; + padding: 10px; + background-color: #f4f6f8; + overflow: hidden; +} +.frame427319481 { + position: absolute; + left: 20px; + top: 132px; + width: 1655px; + height: min-content; + place-content: space-between; + align-items: center; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame427319500 { + width: min-content; + height: min-content; + align-items: center; + gap: 12px; +} +._2022 { + color: #1d2129; + font-size: 24px; + line-height: 32px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319501 { + width: min-content; + height: min-content; + place-content: center; + align-items: center; + gap: 12px; +} +.frame427319499 { + position: absolute; + left: 20px; + top: 232px; + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 20px; +} +.frame427319490 { + width: 1096px; + height: min-content; + flex-direction: column; + place-content: flex-end; + align-items: flex-start; + gap: 24px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame9122 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.unnamed83 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame911 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text15 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.frame427319491 { + height: min-content; + align-self: stretch; + align-items: flex-end; + gap: 32px; +} +.frame427319545 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 16px; +} +.frame4273194902 { + width: min-content; + height: min-content; + flex-direction: column; + align-items: center; + gap: 4px; + padding: 16px 32px; + background-color: #f7f8fa; +} +.unnamed84 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed85 { + width: min-content; + height: min-content; + align-items: baseline; + gap: 7px; +} +._111 { + color: #1d2129; + font-size: 32px; + line-height: 40px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed86 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame4273194912 { + width: min-content; + height: min-content; + flex-direction: column; + align-items: center; + gap: 4px; + padding: 16px 32px; + background-color: #f7f8fa; +} +.frame427319546 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 4px; +} +.unnamed87 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed88 { + color: #06f; + font-size: 14px; + line-height: 20px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed89 { + width: min-content; + height: min-content; + align-items: baseline; + gap: 7px; +} +._112 { + color: #1d2129; + font-size: 32px; + line-height: 40px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed90 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.line58 { + width: 96px; + max-width: 100%; + max-height: 100%; + align-self: stretch; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +.frame427319489 { + height: min-content; + flex: 1; + flex-direction: column; + align-items: center; + gap: 5px; +} +.frame427319484 { + height: min-content; + align-self: stretch; + align-items: flex-start; +} +.frame427319488 { + width: min-content; + height: min-content; + flex-direction: column; + align-items: center; +} +.frame427319487 { + width: min-content; + height: min-content; + padding: 6px 10px; + border-radius: 4px; + background-color: #06f; + overflow: hidden; +} +.unnamed91 { + color: #fff; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.polygon2 { + width: 12px; + height: 6px; + overflow: visible; +} +.icon70 { + width: 100%; + height: 100%; +} +.frame427319492 { + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 12px; +} +.frame427319498 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 24px; +} +._29 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed92 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed93 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._210 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed94 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._93 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._211 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed95 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed96 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._212 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed97 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed98 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._213 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed99 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed100 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319496 { + width: 1096px; + height: min-content; +} +.frame427319493 { + height: min-content; + flex: 1; + flex-direction: column; + place-content: flex-end; + align-items: flex-start; + gap: 24px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame9123 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.unnamed101 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame9112 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text16 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +._214 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed102 { + color: #86909c; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._20222 { + color: #06f; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame4273194932 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 54px; +} +.frame427319485 { + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 4px; +} +.unnamed103 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed104 { + width: min-content; + height: min-content; + align-items: baseline; + gap: 7px; +} +._113 { + color: #06f; + font-size: 32px; + line-height: 40px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed105 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.line56 { + width: 64px; + max-width: 100%; + height: 0; + max-height: 100%; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +.frame427319486 { + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 4px; +} +.unnamed106 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed107 { + width: min-content; + height: min-content; + align-items: baseline; + gap: 7px; +} +._114 { + color: #1d2129; + font-size: 32px; + line-height: 40px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed108 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.line582 { + width: 64px; + max-width: 100%; + height: 0; + max-height: 100%; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +.frame4273194922 { + height: min-content; + align-self: stretch; + flex-direction: column; + align-items: flex-start; + gap: 12px; +} +.frame427319503 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 24px; +} +._215 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed109 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._202331 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._216 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed110 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._2023315 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._217 { + height: min-content; + align-self: stretch; + flex-direction: column; + align-items: flex-start; + gap: 4px; +} +.unnamed111 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._151396281482 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + height: min-content; + align-self: stretch; + flex-direction: column; +} +._218 { + height: min-content; + align-self: stretch; + flex-direction: column; + align-items: flex-start; + gap: 4px; +} +.unnamed112 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed113 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + height: min-content; + align-self: stretch; + flex-direction: column; +} +.frame427319495 { + width: 1096px; + height: min-content; +} +.frame4273194952 { + width: 1096px; + height: min-content; + align-self: flex-start; +} +.frame4273194933 { + height: min-content; + flex: 1; + flex-direction: column; + place-content: flex-end; + align-items: flex-start; + gap: 24px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame9124 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.unnamed114 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame9113 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text17 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.frame427319506 { + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 24px; +} +.frame427319507 { + height: min-content; + align-self: stretch; + flex-direction: column; + align-items: flex-start; + padding: 16px; + border-radius: 4px; + background-color: #e6f0ff; +} +.frame427319505 { + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 8px; +} +._219 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed115 { + color: #86909c; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed116 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319504 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 32px; +} +._220 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed117 { + color: #86909c; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed118 { + color: #06f; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._221 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed119 { + color: #86909c; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._33036170 { + color: #06f; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._222 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed120 { + color: #86909c; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._1005 { + color: #06f; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame4273194923 { + width: 1048px; + height: min-content; + flex-direction: column; + gap: 12px; +} +.frame4273195032 { + height: min-content; + align-self: stretch; + align-items: flex-start; + gap: 24px; +} +._223 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed121 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._2023312 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._224 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed122 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._11N76470572120231 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._225 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed123 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._2023316 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._226 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed124 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._2023313 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame4273195042 { + height: min-content; + align-self: stretch; + align-items: flex-start; + gap: 24px; +} +._227 { + width: 246px; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed125 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._20233162 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._228 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed126 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._20233163 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319513 { + height: min-content; + align-self: stretch; + align-items: flex-start; + gap: 16px; +} +.frame427319512 { + height: min-content; + flex: 1; + align-items: center; + gap: 12px; + padding: 12px; + border-radius: 4px; + background-color: #f7f8fa; +} +.unnamed127 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319510 { + height: min-content; + flex: 1; + align-items: center; + gap: 8px; +} +.frame427319509 { + height: min-content; + flex: 1; + place-content: space-between; + align-items: center; +} +._2022Pdf { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._88k { + color: #a9aeb8; + font-size: 12px; + line-height: 16px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319514 { + height: min-content; + flex: 1; + align-items: center; + gap: 12px; + padding: 12px; + border-radius: 4px; + background-color: #f7f8fa; +} +.unnamed128 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame4273195102 { + height: min-content; + flex: 1; + align-items: center; + gap: 8px; +} +.frame4273195092 { + height: min-content; + flex: 1; + place-content: space-between; + align-items: center; +} +._2022Pdf2 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._88k2 { + color: #a9aeb8; + font-size: 12px; + line-height: 16px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319502 { + position: absolute; + left: 1136px; + top: 232px; + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 20px; +} +.frame4273194842 { + height: min-content; + align-self: stretch; + flex-direction: column; + gap: 24px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame9125 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.frame4273195332 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 12px; +} +.unnamed129 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame4273195323 { + width: min-content; + height: min-content; + flex-direction: column; + padding: 1px 16px; + border-radius: 99px; + background-color: #f53f3f0f; +} +.unnamed130 { + color: #f53f3f; + font-size: 16px; + line-height: 22px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame9114 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text18 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.frame427319515 { + height: min-content; + align-self: stretch; + flex-direction: column; + gap: 24px; +} +.frame427319483 { + height: min-content; + align-self: stretch; + padding: 16px; + border-radius: 8px; + background-color: #f53f3f0f; +} +.frame427319463 { + width: min-content; + height: min-content; + align-self: flex-start; + flex-direction: column; + align-items: flex-start; + gap: 4px; +} +.unnamed131 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319462 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 12px; +} +._2023326 { + color: #fa664c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.Zhuk { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame4273194843 { + height: min-content; + align-self: stretch; + padding: 16px; + border-radius: 8px; + background-color: #fda6330f; +} +.frame4273194632 { + width: min-content; + height: min-content; + align-self: flex-start; + flex-direction: column; + align-items: flex-start; + gap: 4px; +} +.unnamed132 { + color: #000; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame4273194622 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 12px; +} +._20233262 { + color: #fda633; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.Zhuk2 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319494 { + width: 539px; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 24px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.unnamed133 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame4273194953 { + width: 538.3333px; + height: min-content; + flex-direction: column; + gap: 24px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame9126 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.unnamed134 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame9115 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text19 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.frame4273194962 { + height: min-content; + align-self: stretch; + flex-direction: column; + gap: 16px; +} +.line59 { + max-width: 100%; + height: 0; + max-height: 100%; + align-self: stretch; + border-bottom: solid 1px #f2f3f5; + margin-bottom: -1px; +} +.line60 { + max-width: 100%; + height: 0; + max-height: 100%; + align-self: stretch; + border-bottom: solid 1px #f2f3f5; + margin-bottom: -1px; +} +.breadcrumbs { + position: absolute; + left: 7px; + top: 92px; + width: min-content; + height: min-content; + align-items: flex-start; + gap: 12px; +} +.unnamed135 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed136 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed137 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.customer { + position: absolute; + left: 0; + top: 0; + width: 1695px; + height: 1485px; + align-items: flex-start; + gap: 10px; + padding: 10px; + background-color: #f4f6f8; + overflow: hidden; +} +.frame427319555 { + position: absolute; + left: 509px; + top: 132px; + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 20px; +} +.frame902 { + width: 1166px; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 24px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame903 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: flex-start; +} +.unnamed138 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame9116 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text20 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.frame427319461 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 24px; +} +.frame986 { + height: min-content; + align-self: stretch; + align-items: flex-start; + gap: 12px; +} +.frame978 { + height: min-content; + flex: 1; + flex-direction: column; + align-items: flex-start; + gap: 10px; + padding: 20px 24px; + border-radius: 4px; + background-color: #0066ff0f; +} +.frame983 { + height: min-content; + flex: 1; + flex-direction: column; + align-items: flex-start; + gap: 10px; + padding: 20px 24px; + border-radius: 4px; + background-color: #f7f8fa; +} +.frame984 { + height: min-content; + flex: 1; + flex-direction: column; + align-items: flex-start; + gap: 10px; + padding: 20px 24px; + border-radius: 4px; + background-color: #f7f8fa; +} +.frame427319548 { + width: 1166px; + height: min-content; + align-items: flex-start; + gap: 20px; +} +.frame916 { + height: min-content; + flex: 1; + flex-direction: column; + gap: 24px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame9127 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.unnamed139 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame9117 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text21 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.frame51 { + height: 220px; + align-self: stretch; + align-items: center; + gap: 48px; + padding: 24px 16px; +} +.frame32 { + position: relative; + width: 180px; + height: 180px; + align-items: flex-start; +} +.ellipse6 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon71 { + width: 100%; + height: 100%; +} +.ellipse11 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon72 { + width: 100%; + height: 100%; +} +.ellipse10 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon73 { + width: 100%; + height: 100%; +} +.ellipse9 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon74 { + width: 100%; + height: 100%; +} +.ellipse8 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon75 { + width: 100%; + height: 100%; +} +.ellipse7 { + position: absolute; + left: -5px; + right: -5px; + top: -5px; + bottom: -5px; + overflow: visible; +} +.icon76 { + width: 100%; + height: 100%; +} +.frame33 { + position: absolute; + left: 50%; + top: calc(50% - 1px); + width: min-content; + height: min-content; + flex-direction: column; + place-content: center; + align-items: center; + transform: translate(-50%, -50%); +} +.a { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._45 { + color: #1d2129; + font-size: 28px; + line-height: 36px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame892 { + height: min-content; + flex: 1; + flex-direction: column; + gap: 8px; +} +.frame889 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.frame888 { + width: min-content; + height: min-content; + align-items: center; + gap: 12px; +} +.line43 { + width: 18px; + max-width: 100%; + height: 0; + max-height: 100%; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +._64 { + color: #86909c; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._120 { + color: #1d2129; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame890 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.frame8882 { + width: min-content; + height: min-content; + align-items: center; + gap: 12px; +} +.line432 { + width: 18px; + max-width: 100%; + height: 0; + max-height: 100%; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +._162 { + color: #86909c; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._30 { + color: #1d2129; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame891 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.frame8883 { + width: min-content; + height: min-content; + align-items: center; + gap: 12px; +} +.line433 { + width: 18px; + max-width: 100%; + height: 0; + max-height: 100%; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +._642 { + color: #86909c; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._122 { + color: #1d2129; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame8922 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.frame8884 { + width: min-content; + height: min-content; + align-items: center; + gap: 12px; +} +.line434 { + width: 18px; + max-width: 100%; + height: 0; + max-height: 100%; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +._643 { + color: #86909c; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._123 { + color: #1d2129; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame893 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.frame8885 { + width: min-content; + height: min-content; + align-items: center; + gap: 12px; +} +.line435 { + width: 18px; + max-width: 100%; + height: 0; + max-height: 100%; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +._644 { + color: #86909c; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._124 { + color: #1d2129; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame4273194832 { + height: 316px; + flex: 1; + flex-direction: column; + gap: 24px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame9128 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.unnamed140 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame9118 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text22 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.frame883 { + flex: 1; + align-self: stretch; + flex-direction: column; + align-items: flex-start; + gap: 16px; +} +.frame4273194844 { + width: 1166px; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 16px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame9032 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: flex-start; +} +.unnamed141 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame9129 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text23 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.frame427319553 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: flex-start; +} +.frame427319552 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 12px; +} +.frame4273195313 { + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 16px; +} +.frame427319556 { + position: absolute; + left: 20px; + top: 132px; + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 20px; +} +.frame4273194812 { + width: 469px; + height: min-content; + flex-direction: column; + place-content: center; + align-items: flex-start; + gap: 24px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame427319518 { + height: min-content; + align-self: stretch; + align-items: flex-start; + gap: 20px; +} +._202332621561 { + width: 118px; + height: 112px; + background-image:/* webpackIgnore: true */ url('/assets/_202332621561.jpg'); + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} +.frame427319516 { + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 8px; +} +.unnamed142 { + color: #1d2129; + font-size: 24px; + line-height: 32px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319517 { + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 4px; +} +._229 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed143 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._2637 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._230 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 2px; +} +.unnamed144 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.httpWwwBrightfoodComCn { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319522 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 8px; + padding: 8px 0 0; +} +.line562 { + max-width: 100%; + height: 0; + max-height: 100%; + align-self: stretch; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(-1, 0, 0, -1, 0, 0); +} +.frame427319519 { + height: min-content; + align-self: stretch; + align-items: flex-start; + gap: 32px; +} +.line563 { + width: 46px; + max-width: 100%; + max-height: 100%; + align-self: stretch; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +.frame4273195203 { + height: min-content; + align-self: stretch; + align-items: flex-start; + gap: 32px; +} +.line564 { + width: 46px; + max-width: 100%; + max-height: 100%; + align-self: stretch; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +.line57 { + max-width: 100%; + height: 0; + max-height: 100%; + align-self: stretch; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(-1, 0, 0, -1, 0, 0); +} +.frame427319523 { + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 16px; +} +.frame427319465 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 8px; +} +._365968583300 { + width: 421px; + height: min-content; + flex-direction: column; +} +.labelWrapper { + font-size: 14px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + flex-shrink: 1; +} +.label14 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label15 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label16 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label17 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label18 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label19 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label20 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label21 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label22 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label23 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label24 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label25 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label26 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label27 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label28 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label29 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label30 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label31 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label32 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label33 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label34 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label35 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label36 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label37 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label38 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.line583 { + max-width: 100%; + height: 0; + max-height: 100%; + align-self: stretch; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(-1, 0, 0, -1, 0, 0); +} +.frame427319524 { + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 16px; +} +.unnamed145 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._160 { + width: 421px; + height: min-content; + flex-direction: column; +} +.labelWrapper2 { + font-size: 14px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + flex-shrink: 1; +} +.label39 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label40 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label41 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label42 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label43 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label44 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label45 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label46 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label47 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label48 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label49 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label50 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label51 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.textBlock { + margin-top: 0; +} +.labelWrapper3 { + font-size: 14px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + flex-shrink: 1; +} +.label52 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label53 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label54 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label55 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label56 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label57 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label58 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label59 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label60 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label61 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label62 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label63 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label64 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label65 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + text-decoration: underline; +} +.label66 { + color: #1d2129; + font-size: 14px; + line-height: 150%; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.frame9162 { + width: 469px; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 24px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame91210 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.unnamed146 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame9119 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text24 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.line592 { + max-width: 100%; + height: 0; + max-height: 100%; + align-self: stretch; + border-bottom: solid 1px #f2f3f5; + margin-bottom: -1px; +} +.breadcrumbs2 { + position: absolute; + left: 7px; + top: 92px; + width: min-content; + height: min-content; + align-items: flex-start; + gap: 12px; +} +.unnamed147 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed148 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed149 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.dashboard { + position: absolute; + left: 0; + top: 0; + width: 1692px; + height: 1762px; + align-items: flex-start; + gap: 10px; + padding: 10px; + background-color: #f4f6f8; + overflow: hidden; +} +.dashBoardRight { + position: absolute; + left: 1135px; + top: 92px; + width: 537px; + height: min-content; + flex-direction: column; + gap: 20px; +} +.searchBox { + height: min-content; + align-self: stretch; + flex-direction: column; + place-content: center; + gap: 16px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.searchTitleBox { + height: min-content; + align-self: stretch; +} +.unnamed150 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.searchContentBox { + height: min-content; + align-self: stretch; + align-items: flex-start; + gap: 12px; +} +.quickEntry { + height: min-content; + align-self: stretch; + flex-direction: column; + gap: 24px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame91211 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.unnamed151 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame91110 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text25 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.frame427319476 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: flex-start; +} +.zoneAnalyze { + height: min-content; + align-self: stretch; + flex-direction: column; + gap: 24px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame91212 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.unnamed152 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame91111 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text26 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.frame512 { + height: 220px; + align-self: stretch; + align-items: center; + gap: 48px; + padding: 24px 16px; +} +.frame322 { + position: relative; + width: 180px; + height: 180px; + align-items: flex-start; +} +.ellipse62 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon77 { + width: 100%; + height: 100%; +} +.ellipse112 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon78 { + width: 100%; + height: 100%; +} +.ellipse102 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon79 { + width: 100%; + height: 100%; +} +.ellipse92 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon80 { + width: 100%; + height: 100%; +} +.ellipse82 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon81 { + width: 100%; + height: 100%; +} +.ellipse72 { + position: absolute; + left: -5px; + right: -5px; + top: -5px; + bottom: -5px; + overflow: visible; +} +.icon82 { + width: 100%; + height: 100%; +} +.frame332 { + position: absolute; + left: 50%; + top: calc(50% - 1px); + width: min-content; + height: min-content; + flex-direction: column; + place-content: center; + align-items: center; + transform: translate(-50%, -50%); +} +.a2 { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._452 { + color: #1d2129; + font-size: 28px; + line-height: 36px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame8923 { + height: min-content; + flex: 1; + flex-direction: column; + gap: 8px; +} +.frame8892 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.frame8886 { + width: min-content; + height: min-content; + align-items: center; + gap: 12px; +} +.line436 { + width: 18px; + max-width: 100%; + height: 0; + max-height: 100%; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +._645 { + color: #86909c; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._1202 { + color: #1d2129; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame8902 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.frame8887 { + width: min-content; + height: min-content; + align-items: center; + gap: 12px; +} +.line437 { + width: 18px; + max-width: 100%; + height: 0; + max-height: 100%; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +._163 { + color: #86909c; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._302 { + color: #1d2129; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame8912 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.frame8888 { + width: min-content; + height: min-content; + align-items: center; + gap: 12px; +} +.line438 { + width: 18px; + max-width: 100%; + height: 0; + max-height: 100%; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +._646 { + color: #86909c; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._125 { + color: #1d2129; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame8924 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.frame8889 { + width: min-content; + height: min-content; + align-items: center; + gap: 12px; +} +.line439 { + width: 18px; + max-width: 100%; + height: 0; + max-height: 100%; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +._647 { + color: #86909c; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._126 { + color: #1d2129; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame8932 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.frame88810 { + width: min-content; + height: min-content; + align-items: center; + gap: 12px; +} +.line4310 { + width: 18px; + max-width: 100%; + height: 0; + max-height: 100%; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +._648 { + color: #86909c; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._127 { + color: #1d2129; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.receptionDetial { + height: min-content; + align-self: stretch; + flex-direction: column; + align-items: flex-start; + gap: 16px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame91213 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.unnamed153 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame91112 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text27 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.frame4273194612 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 24px; +} +.missPie { + height: min-content; + align-self: stretch; + flex-direction: column; + gap: 24px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame91214 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.unnamed154 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame91113 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text28 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.frame513 { + height: min-content; + align-self: stretch; + align-items: center; + gap: 48px; + padding: 0 16px; +} +.frame323 { + position: relative; + width: 180px; + height: 180px; + align-items: flex-start; +} +.ellipse63 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon83 { + width: 100%; + height: 100%; +} +.ellipse93 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon84 { + width: 100%; + height: 100%; +} +.ellipse83 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon85 { + width: 100%; + height: 100%; +} +.ellipse73 { + position: absolute; + left: -5px; + right: -5px; + top: -5px; + bottom: -5px; + overflow: visible; +} +.icon86 { + width: 100%; + height: 100%; +} +.frame333 { + position: absolute; + left: 50%; + top: calc(50% - 1px); + width: min-content; + height: min-content; + flex-direction: column; + place-content: center; + align-items: center; + transform: translate(-50%, -50%); +} +.a3 { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._453 { + color: #1d2129; + font-size: 28px; + line-height: 36px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame8925 { + height: min-content; + flex: 1; + flex-direction: column; + gap: 6px; +} +.frame8893 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.frame88811 { + width: min-content; + height: min-content; + align-items: center; + gap: 12px; +} +.line4311 { + width: 18px; + max-width: 100%; + height: 0; + max-height: 100%; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +._649 { + color: #86909c; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._1203 { + color: #1d2129; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame8903 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.frame88812 { + width: min-content; + height: min-content; + align-items: center; + gap: 12px; +} +.line4312 { + width: 18px; + max-width: 100%; + height: 0; + max-height: 100%; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +._164 { + color: #86909c; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._303 { + color: #1d2129; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame8913 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.frame88813 { + width: min-content; + height: min-content; + align-items: center; + gap: 12px; +} +.line4313 { + width: 18px; + max-width: 100%; + height: 0; + max-height: 100%; + border-bottom: solid 1px #e5e6eb; + margin-bottom: -1px; + transform: matrix(0, 1, -1, 0, 0, 0); +} +._6410 { + color: #86909c; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._128 { + color: #1d2129; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.departmentDocument { + height: min-content; + align-self: stretch; + flex-direction: column; + gap: 16px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.frame91215 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.unnamed155 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame91114 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text29 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.dashBoardLeft { + position: absolute; + left: 20px; + top: 92px; + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 20px; +} +.dayData { + width: 1096px; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 24px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.titleBox { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: flex-start; +} +.title { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.refresh3 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text30 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.tab { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 24px; +} +.tabContetBox { + height: min-content; + align-self: stretch; + align-items: flex-start; + gap: 32px; +} +.riskBox { + width: 1096px; + height: min-content; + flex-direction: column; + gap: 24px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.riskTitle { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.frame4273195333 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 12px; +} +.unnamed156 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame4273195324 { + width: min-content; + height: min-content; + flex-direction: column; + padding: 1px 16px; + border-radius: 99px; + background-color: #f53f3f0f; +} +.unnamed157 { + color: #f53f3f; + font-size: 16px; + line-height: 22px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame91115 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text31 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.riskContent { + height: min-content; + align-self: stretch; + align-items: flex-start; + gap: 24px; +} +.riskItemRed { + height: min-content; + flex: 1; + padding: 16px; + border-radius: 8px; + background-color: #f53f3f0f; +} +.riskItemContent { + width: min-content; + height: min-content; + align-self: flex-start; + flex-direction: column; + align-items: flex-start; + gap: 4px; +} +.title2 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.detail { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 12px; +} +.date { + color: #fa664c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.name { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.riskItemYellow { + height: min-content; + flex: 1; + padding: 16px; + border-radius: 8px; + background-color: #fda6330f; +} +.frame4273194633 { + width: min-content; + height: min-content; + align-self: flex-start; + flex-direction: column; + align-items: flex-start; + gap: 4px; +} +.unnamed158 { + color: #000; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame4273194623 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 12px; +} +._20233263 { + color: #fda633; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.Zhuk3 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.riskItemYellow2 { + height: min-content; + flex: 1; + padding: 16px; + border-radius: 8px; + background-color: #fda6330f; +} +.frame4273194634 { + width: min-content; + height: min-content; + align-self: flex-start; + flex-direction: column; + align-items: flex-start; + gap: 4px; +} +.unnamed159 { + color: #000; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame4273194624 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 12px; +} +._20233264 { + color: #fda633; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.Zhuk4 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.importantCustomer { + width: 1096px; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 16px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.title3 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: center; +} +.unnamed160 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame91116 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text32 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.content5 { + position: relative; + width: 1048px; + height: 184px; + align-items: flex-start; +} +.importantProject { + width: 1096px; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 16px; + padding: 24px; + border-radius: 8px; + background-color: #fff; +} +.titleBox2 { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: flex-start; +} +.title4 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.more { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.text33 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.filterBox { + height: min-content; + align-self: stretch; + place-content: space-between; + align-items: flex-start; +} +.filters { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 12px; +} +.list { + height: min-content; + align-self: stretch; + flex-direction: column; + gap: 16px; +} +.header { + position: absolute; + left: 0; + right: 0; + top: 0; + height: 72px; + align-items: flex-start; +} +.headerFrame { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: #fff; + backdrop-filter: blur(9px); +} +.title5 { + color: #1d2129; + font-size: 18px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + position: absolute; + left: 36px; + top: 24px; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.userInfo { + position: absolute; + right: 30px; + top: 18px; + width: min-content; + height: min-content; + align-items: flex-start; + gap: 16px; +} +.unnamed161 { + width: min-content; + height: min-content; + align-items: center; + gap: 12px; + background-color: #fff; +} +.frame707 { + width: min-content; + height: min-content; + align-items: center; + gap: 8px; +} +.unnamed162 { + color: #000; + font-size: 16px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: end; + align-items: end; + white-space: nowrap; + flex-direction: column; +} +.datetime { + color: #86909c; + font-size: 16px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + position: absolute; + left: 1239px; + top: 25px; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/Yidian.tsx b/src/components/Yidian/Yidian.tsx new file mode 100644 index 0000000..b615e8a --- /dev/null +++ b/src/components/Yidian/Yidian.tsx @@ -0,0 +1,2583 @@ +import { memo } from "react"; +import type { FC } from "react"; + +import resets from "../_resets.module.css"; +import { _2_Off } from "./_2_Off/_2_Off"; +import { _2_On } from "./_2_On/_2_On"; +import { _3 } from "./_3/_3"; +import { _4 } from "./_4/_4"; +import { _5 } from "./_5/_5"; +import { _22 } from "./_22/_22"; +import { _ } from "./_/_"; +import { _Fill } from "./_Fill/_Fill"; +import { _OffRegular } from "./_OffRegular/_OffRegular"; +import { _OffSelected } from "./_OffSelected/_OffSelected"; +import { _OnRegular } from "./_OnRegular/_OnRegular"; +import { _OnSelected } from "./_OnSelected/_OnSelected"; +import { _Property1 } from "./_Property1/_Property1"; +import { _Property1LargeProperty2Regula } from "./_Property1LargeProperty2Regula/_Property1LargeProperty2Regula"; +import { _Property1Property2 } from "./_Property1Property2/_Property1Property2"; +import { _Property1Property22 } from "./_Property1Property22/_Property1Property22"; +import { _Small2 } from "./_Small2/_Small2"; +import { _Small } from "./_Small/_Small"; +import { AreaIcon2 } from "./AreaIcon2.js"; +import { AreaIcon3 } from "./AreaIcon3.js"; +import { AreaIcon } from "./AreaIcon.js"; +import { Avatar_Property1MediumProperty } from "./Avatar_Property1MediumProperty/Avatar_Property1MediumProperty"; +import { Bill } from "./Bill/Bill"; +import { Button_PrimaryDefaultRegular } from "./Button_PrimaryDefaultRegular/Button_PrimaryDefaultRegular"; +import { Button_PrimaryLargeRegular } from "./Button_PrimaryLargeRegular/Button_PrimaryLargeRegular"; +import { Button_TertiaryDefaultRegular } from "./Button_TertiaryDefaultRegular/Button_TertiaryDefaultRegular"; +import { Comment } from "./Comment/Comment"; +import { DownOne1 } from "./DownOne1/DownOne1"; +import { Ellipse6Icon2 } from "./Ellipse6Icon2.js"; +import { Ellipse6Icon3 } from "./Ellipse6Icon3.js"; +import { Ellipse6Icon } from "./Ellipse6Icon.js"; +import { Ellipse7Icon2 } from "./Ellipse7Icon2.js"; +import { Ellipse7Icon3 } from "./Ellipse7Icon3.js"; +import { Ellipse7Icon } from "./Ellipse7Icon.js"; +import { Ellipse8Icon2 } from "./Ellipse8Icon2.js"; +import { Ellipse8Icon3 } from "./Ellipse8Icon3.js"; +import { Ellipse8Icon } from "./Ellipse8Icon.js"; +import { Ellipse9Icon2 } from "./Ellipse9Icon2.js"; +import { Ellipse9Icon3 } from "./Ellipse9Icon3.js"; +import { Ellipse9Icon } from "./Ellipse9Icon.js"; +import { Ellipse10Icon2 } from "./Ellipse10Icon2.js"; +import { Ellipse10Icon } from "./Ellipse10Icon.js"; +import { Ellipse11Icon2 } from "./Ellipse11Icon2.js"; +import { Ellipse11Icon } from "./Ellipse11Icon.js"; +import { Frame7 } from "./Frame7/Frame7"; +import { Frame8 } from "./Frame8/Frame8"; +import { Frame876_Property1Variant2 } from "./Frame876_Property1Variant2/Frame876_Property1Variant2"; +import { Frame427319454 } from "./Frame427319454/Frame427319454"; +import { Frame427319464 } from "./Frame427319464/Frame427319464"; +import { Frame427319471 } from "./Frame427319471/Frame427319471"; +import { Frame427319482 } from "./Frame427319482/Frame427319482"; +import { Frame427319483 } from "./Frame427319483/Frame427319483"; +import { Frame427319520 } from "./Frame427319520/Frame427319520"; +import { Frame427319527 } from "./Frame427319527/Frame427319527"; +import { Frame427319538 } from "./Frame427319538/Frame427319538"; +import { Frame } from "./Frame/Frame"; +import { Group761Icon2 } from "./Group761Icon2.js"; +import { Group761Icon } from "./Group761Icon.js"; +import { Group1085 } from "./Group1085/Group1085"; +import { HomeTwo } from "./HomeTwo/HomeTwo"; +import { Icon2 } from "./Icon2.js"; +import { Icon3 } from "./Icon3.js"; +import { Icon4 } from "./Icon4.js"; +import { Icon5 } from "./Icon5.js"; +import { Icon6 } from "./Icon6.js"; +import { Icon7 } from "./Icon7.js"; +import { Icon8 } from "./Icon8.js"; +import { Icon9 } from "./Icon9.js"; +import { Icon10 } from "./Icon10.js"; +import { Icon11 } from "./Icon11.js"; +import { Icon12 } from "./Icon12.js"; +import { Icon13 } from "./Icon13.js"; +import { Icon14 } from "./Icon14.js"; +import { Icon } from "./Icon.js"; +import { Iconbutton_TertiaryLarge } from "./Iconbutton_TertiaryLarge/Iconbutton_TertiaryLarge"; +import { LineGraph2 } from "./LineGraph2/LineGraph2"; +import { LineGraph3 } from "./LineGraph3/LineGraph3"; +import { LineGraph } from "./LineGraph/LineGraph"; +import { LineIcon2 } from "./LineIcon2.js"; +import { LineIcon3 } from "./LineIcon3.js"; +import { LineIcon } from "./LineIcon.js"; +import { MaskIcon } from "./MaskIcon.js"; +import { Me } from "./Me/Me"; +import { MessageSecurity } from "./MessageSecurity/MessageSecurity"; +import { PdfIcon2 } from "./PdfIcon2.js"; +import { PdfIcon } from "./PdfIcon.js"; +import { Polygon2Icon } from "./Polygon2Icon.js"; +import { Refresh } from "./Refresh/Refresh"; +import { Right } from "./Right/Right"; +import { SettingTwo } from "./SettingTwo/SettingTwo"; +import { UnionIcon2 } from "./UnionIcon2.js"; +import { UnionIcon3 } from "./UnionIcon3.js"; +import { UnionIcon4 } from "./UnionIcon4.js"; +import { UnionIcon5 } from "./UnionIcon5.js"; +import { UnionIcon6 } from "./UnionIcon6.js"; +import { UnionIcon7 } from "./UnionIcon7.js"; +import { UnionIcon8 } from "./UnionIcon8.js"; +import { UnionIcon9 } from "./UnionIcon9.js"; +import { UnionIcon10 } from "./UnionIcon10.js"; +import { UnionIcon11 } from "./UnionIcon11.js"; +import { UnionIcon12 } from "./UnionIcon12.js"; +import { UnionIcon13 } from "./UnionIcon13.js"; +import { UnionIcon14 } from "./UnionIcon14.js"; +import { UnionIcon15 } from "./UnionIcon15.js"; +import { UnionIcon16 } from "./UnionIcon16.js"; +import { UnionIcon17 } from "./UnionIcon17.js"; +import { UnionIcon18 } from "./UnionIcon18.js"; +import { UnionIcon } from "./UnionIcon.js"; +import { Unnamed6 } from "./unnamed6/unnamed6"; +import { Unnamed7 } from "./unnamed7/unnamed7"; +import { Unnamed10 } from "./unnamed10/unnamed10"; +import { Unnamed11 } from "./unnamed11/unnamed11"; +import { Unnamed13 } from "./unnamed13/unnamed13"; +import { Unnamed14 } from "./unnamed14/unnamed14"; +import { VectorIcon2 } from "./VectorIcon2.js"; +import { VectorIcon3 } from "./VectorIcon3.js"; +import { VectorIcon4 } from "./VectorIcon4.js"; +import { VectorIcon5 } from "./VectorIcon5.js"; +import { VectorIcon6 } from "./VectorIcon6.js"; +import { VectorIcon } from "./VectorIcon.js"; +import { VectorStrokeIcon2 } from "./VectorStrokeIcon2.js"; +import { VectorStrokeIcon3 } from "./VectorStrokeIcon3.js"; +import { VectorStrokeIcon4 } from "./VectorStrokeIcon4.js"; +import { VectorStrokeIcon5 } from "./VectorStrokeIcon5.js"; +import { VectorStrokeIcon6 } from "./VectorStrokeIcon6.js"; +import { VectorStrokeIcon7 } from "./VectorStrokeIcon7.js"; +import { VectorStrokeIcon8 } from "./VectorStrokeIcon8.js"; +import { VectorStrokeIcon9 } from "./VectorStrokeIcon9.js"; +import { VectorStrokeIcon10 } from "./VectorStrokeIcon10.js"; +import { VectorStrokeIcon11 } from "./VectorStrokeIcon11.js"; +import { VectorStrokeIcon12 } from "./VectorStrokeIcon12.js"; +import { VectorStrokeIcon13 } from "./VectorStrokeIcon13.js"; +import { VectorStrokeIcon14 } from "./VectorStrokeIcon14.js"; +import { VectorStrokeIcon15 } from "./VectorStrokeIcon15.js"; +import { VectorStrokeIcon16 } from "./VectorStrokeIcon16.js"; +import { VectorStrokeIcon17 } from "./VectorStrokeIcon17.js"; +import { VectorStrokeIcon18 } from "./VectorStrokeIcon18.js"; +import { VectorStrokeIcon19 } from "./VectorStrokeIcon19.js"; +import { VectorStrokeIcon20 } from "./VectorStrokeIcon20.js"; +import { VectorStrokeIcon } from "./VectorStrokeIcon.js"; +import { ViewList2 } from "./ViewList2/ViewList2"; +import { ViewList } from "./ViewList/ViewList"; +import classes from "./Yidian.module.css"; + +interface Props { + className?: string; + hide?: { + point?: boolean; + point2?: boolean; + point3?: boolean; + point4?: boolean; + point5?: boolean; + keyboard_arrow_down?: boolean; + keyboard_arrow_down2?: boolean; + point6?: boolean; + point7?: boolean; + point8?: boolean; + point9?: boolean; + point10?: boolean; + Unnamed?: boolean; + Unnamed2?: boolean; + Unnamed3?: boolean; + Unnamed4?: boolean; + Unnamed5?: boolean; + _2?: boolean; + _22?: boolean; + _23?: boolean; + _24?: boolean; + iconBasicDropdownChevronDown?: boolean; + frame?: boolean; + Icon?: boolean; + _25?: boolean; + _26?: boolean; + _27?: boolean; + _28?: boolean; + projectorTwo?: boolean; + projectorTwo2?: boolean; + projectorTwo3?: boolean; + projectorTwo4?: boolean; + iconBasicDropdownChevronDown2?: boolean; + }; +} +/* @figmaId 5711:168021 */ +export const Yidian: FC = memo(function Yidian(props = {}) { + return ( +

logo

+ <_OnSelected + swap={{ + notebookOne: ( + + +

+ ), + union2: , + }} + /> + ), + }} + text={{ + normal:

首页

, + }} + /> + <_OffSelected + text={{ + normal:

工作台

, + }} + /> + <_OffRegular + hide={{ + point: true, + }} + text={{ + normal:

驾驶舱

, + }} + /> + <_OnRegular + swap={{ + notebookOne: ( + , + union2: , + union3: , + union4: , + }} + /> + ), + }} + text={{ + normal:

项目管理

, + }} + /> + <_OffRegular + hide={{ + point: true, + }} + text={{ + normal:

项目库

, + }} + /> + <_OffRegular + hide={{ + point: true, + }} + text={{ + normal:

项目进度

, + }} + /> + <_OffRegular + hide={{ + point: true, + }} + text={{ + normal:

金额汇总

, + }} + /> + <_OffRegular + hide={{ + point: true, + }} + text={{ + normal:

项目支持记录单表

, + }} + /> + <_OnRegular + swap={{ + notebookOne: ( + + +

+ ), + }} + /> + ), + }} + hide={{ + keyboard_arrow_down: true, + }} + text={{ + normal:

客户信息

, + }} + /> + <_OnRegular + hide={{ + keyboard_arrow_down: true, + }} + text={{ + normal:

供应商信息

, + }} + /> + <_OnRegular + swap={{ + notebookOne: ( + , + union2: ( +

+ +

+ ), + }} + /> + ), + }} + text={{ + normal:

用户管理

, + }} + /> + <_OffRegular + hide={{ + point: true, + }} + text={{ + normal:

用户列表

, + }} + /> + <_OffRegular + hide={{ + point: true, + }} + text={{ + normal:

角色管理

, + }} + /> + <_OffRegular + hide={{ + point: true, + }} + text={{ + normal:

权限管理

, + }} + /> + <_OnRegular + swap={{ + notebookOne: ( + , + union2: , + }} + /> + ), + }} + text={{ + normal:

系统设置

, + }} + /> + <_OffRegular + hide={{ + point: true, + }} + text={{ + normal:

日志管理

, + }} + /> + <_OffRegular + hide={{ + point: true, + }} + text={{ + normal:

推送管理

, + }} + /> +

+ +

+ , + }} + /> +

2022年标准化考点建设

+ +

+ 快速上报

, + }} + /> + + 项目状况报告(商机落地前） +

+ ), + }} + /> + 合同信息登记表

, + }} + /> + + 项目状况报告(项目实施阶段) +

+ ), + }} + /> + 项目支持记录表

, + }} + /> + + 项目紧急状况报告(商机落地前) + + ), + }} + /> + 项目采购单, + }} + /> + + +

项目基础信息

查看详情

+ + ), + }} + /> +

项目等级

级

评分

优秀

分

+ <_ + className={classes.unnamed2} + swap={{ + Unnamed: , + }} + hide={{ + Unnamed: true, + }} + text={{ + Unnamed: ( +

商机登记

+ ), + }} + /> + <_3 + className={classes.unnamed4} + swap={{ + Unnamed: , + Unnamed2: , + }} + hide={{ + Unnamed: true, + }} + text={{ + Unnamed: ( +

合同签订

+ ), + }} + /> + <_4 + className={classes.unnamed6} + swap={{ + Unnamed: , + Unnamed2: , + Unnamed3: , + }} + hide={{ + Unnamed: true, + }} + text={{ + Unnamed: ( +

合同履约追踪

+ ), + }} + /> + <_4 + className={classes.unnamed8} + swap={{ + Unnamed: , + Unnamed2: , + Unnamed3: , + }} + hide={{ + Unnamed: true, + }} + text={{ + Unnamed: ( +

跟踪推进

+ ), + }} + /> + <_4 + className={classes.unnamed11} + swap={{ + Unnamed: , + Unnamed2: , + Unnamed3: , + }} + text={{ + Unnamed: ( +

项目节点

+ ), + Unnamed2: ( +

未开始

+ ), + }} + /> + <_5 + className={classes.unnamed13} + swap={{ + Unnamed: , + Unnamed2: , + }} + hide={{ + Unnamed: true, + }} + text={{ + Unnamed: ( +

项目结束

+ ), + }} + /> +

当前阶段

+ +

项目单位：

仪电鑫森

项目编号：

云赛智联-仪电鑫森-093

商机板块：

智慧教卫

填报人：

刘俊

客户单位名称：

+ 上海市浦东新区招生办公室(上海市浦东新区教育招生考试中心) +

商机初步分析

查看详情

+ + ), + }} + /> +

+ 项目商机登记表审批流程： +

2022年标准化考点建设

项目合同金额预估

3315.0000

万元

项目毛利率预估

10.00

+ 招标公告发布的实际日期： +

2023-03-01

+ 招标文件中要求的投标日期： +

2023-03-15

+ 项目工作范围简述： +

+ 新建化考点 15 所，临港指挥分中心 1个。其中笔纸考场 396 + 间,外语听说考场 28 + 间，标化考场建设需配置网上巡查、应急指挥、考务兵系统、信号屏蔽和金属探测等系统设备。新建高考标准化考点 + 1 所，其中笔纸考场 48 间，外语听说考场 2 间。 +

+ 商机优势和劣势分析： +

项目合同信息

查看详情

+ + ), + }} + /> +

+ 甲方单位名称： +

+ 上海市浦东新区招生办公室(上海市浦东新区教育招生考试中心) +

+ 合同信息登记表审批流程： +

+ 合同信息登记表 +

+ 合同总金额(万元)： +

3303.6170

+ 项目毛利率： +

10.00%

+ 合同信息登记表发送日期： +

2023-03-01

合同编号：

+ 11N76470572120231 +

+ 合同到达总部日期： +

2023-03-16

+ 合同签署日期： +

2023-03-01

+ 合同到达总部日期： +

2023-03-16

+ 项目开工的实际日期： +

2023-03-16

+ 中标通知书复印件： +

+ + +

+ ), + pDF: , + }} + /> +

+ 2022年标准化考点建设中标通知书.pdf +

88k

+ 中标通知书复印件： +

+ + +

+ ), + pDF: , + }} + /> +

+ 2022年标准化考点建设中标通知书.pdf +

88k

+ + +

风险点

查看详情

+ + ), + }} + /> +

回款风险

2023-03-26 截止

古丽-zhuk

人员变动风险

2023-03-26 截止

古丽-zhuk

项目后评价

+ 项目后评价报告

+ ), + }} + /> + 项目后评价报告

+ ), + }} + /> + +

项目工作进展

查看详情

+ + ), + }} + /> +

+ 工作进展

, + }} + /> +

+ 2

, + _1:

工作进展

, + }} + /> +

+ 3, + _1:

工作进展

, + }} + /> + + + +

项目库

项目详情

+ +

业务数据概览

刷新

+ + +

+ ), + }} + /> +

+ <_2_On + hide={{ + _2: false, + }} + text={{ + Unnamed:

全部

, + _2: !props.hide?._2 && ( +

(1340)

+ ), + }} + /> + <_2_Off + hide={{ + _2: false, + }} + text={{ + Unnamed:

A级项目

, + _2: !props.hide?._22 && ( +

(600)

+ ), + }} + /> + <_2_Off + hide={{ + _2: false, + }} + text={{ + Unnamed:

B级项目

, + _2: !props.hide?._23 && ( +

(200)

+ ), + }} + /> + <_2_Off + hide={{ + _2: false, + }} + text={{ + Unnamed:

C级项目

, + _2: !props.hide?._24 && ( +

(640)

+ ), + }} + /> +

+ <_22 + text={{ + Unnamed: ( +

合同额

+ ), + _323:

2,000

, + Unnamed2:

万元

, + Unnamed3: ( +

较上月

+ ), + Unnamed4:

, + }} + /> + , + line: , + }} + /> +

+ <_22 + text={{ + Unnamed: ( +

利润额

+ ), + _323:

1,400

, + Unnamed2:

万元

, + Unnamed3: ( +

较上月

+ ), + Unnamed4:

, + }} + /> + , + line: , + }} + /> +

+ <_22 + text={{ + Unnamed:

回款

, + _323:

1,400

, + Unnamed2:

万元

, + Unnamed3: ( +

较上月

+ ), + Unnamed4:

, + }} + /> + , + line: , + }} + /> +

涉及板块分析

查看详情

+ + ), + }} + /> +

+ +

A级

45%

+ <_Property1 + text={{ + label: ( +

+ 云服务大数据 +

+ ), + }} + /> +

64.0%

120

+ <_Property1 + classes={{ square: classes.square }} + text={{ + label: ( +

智慧照明

+ ), + }} + /> +

16.0%

+ <_Property1 + classes={{ square: classes.square2 }} + text={{ + label: ( +

智慧教卫

+ ), + }} + /> +

6.4%

+ <_Property1 + classes={{ square: classes.square3 }} + text={{ + label: ( +

智慧交通

+ ), + }} + /> +

6.4%

+ <_Property1 + classes={{ square: classes.square4 }} + text={{ + label: ( +

智能安防

+ ), + }} + /> +

6.4%

重点项目排名

查看详情

+ + ), + }} + /> +

+ + 2022年标准化考点建设 +

+ ), + _100:

, + }} + /> + + 2022年标准化考点建设 +

+ ), + _100:

, + }} + /> + + 2022年标准化考点建设 +

+ ), + _100:

, + }} + /> + + 2022年标准化考点建设 +

+ ), + _100:

, + }} + /> + + + +

项目合作情况

查看详情

+ + ), + }} + /> +

+ <_Fill + className={classes.unnamed34} + text={{ + text:

A级项目

, + }} + /> + <_Fill + className={classes.unnamed35} + text={{ + text:

优秀项目

, + }} + /> + <_Fill + className={classes.unnamed36} + text={{ + text:

项目阶段

, + }} + /> +

+ +

+ + + + + +

+ +

+ 上海光明食品有限公司 +

地址：

+ 上海市华山路263弄7号 +

网址：

+ http://www.brightfood.com/cn +

+ <_Small + text={{ + Unnamed: ( +

战略客户

+ ), + }} + /> + <_Small2 + text={{ + Unnamed: ( +

食品

+ ), + }} + /> + <_Small2 + text={{ + Unnamed: ( +

销售

+ ), + }} + /> + <_Small2 + text={{ + Unnamed: ( +

零售

+ ), + }} + /> +

+ +

+ 是否上市

+ ), + _1995526:

是

, + }} + /> +

+ 注册资本

+ ), + _1995526: ( +

+ 496585.7098万元人民币 +

+ ), + }} + /> +

+ 实缴资本

+ ), + _1995526: ( +

+ 496585.7098万元人民币 +

+ ), + }} + /> + +

+ <_Property1Property2 + text={{ + Unnamed: ( +

公司介绍

+ ), + }} + /> + <_Property1Property22 + text={{ + Unnamed: ( +

经营范围

+ ), + }} + /> + <_Property1Property22 + text={{ + Unnamed: ( +

主营业务

+ ), + }} + /> +

+ + 光明食品集团是一家以 + + + 食品产业链 + + + 为核心的现代都市产业集团。重点发展以种源、生态、装备和标准农业为核心的现代都市农业，包括乳业、大米、 + + + 猪肉 + + + 、蔬菜、鲜花、生态森林等；以食品和 + + + 农产品深加工 + + + 为核心的现代都市工业，包括冷饮、罐头、 + + + 食糖 + + 和 + + 糖果 + + 、蜂蜜、 + + 黄酒 + + + 、饮料、休闲食品等；以商业流通和物流配送为核心的 + + + 现代服务业 + + ，包括农工商、 + + 好德 + + + 、伍缘、可的、光明、捷强、 + + 第一食品 + + 商店、易购365和96858电子商务网络等 + + + 连锁门店 + + + 近3300家，以及都市 + + + 房地产业 + + 、 + + 出租汽车 + + + 和物流业、品牌代理服务。 + +

注册商标

+ + 光明食品集团拥有光明、 + + + 大白兔 + + 、 + + 冠生园 + + 、 + + 梅林 + + + 、正广和、一只鼎、海丰、爱森、大瀛、石库门 + 、金枫、和酒、玉棠、天喔、佛手等众多 + + + 中国驰名商标 + + 、中国 + + 名牌产品 + + 和上海市 + + 著名商标 + + + 、上海市名牌产品。 + +

+ + 光明食品集团业务网络覆盖全国，与160多个 + + + 国家和地区 + + + 的上万家客户建有稳定的贸易关系，并与 + + + 可口可乐 + + 、 + + 百事可乐 + + 、 + + 雀巢 + + 、 + + 达能 + + 、 + + 三得利 + + + 、麒麟、统一、谢赫、 + + + 大金 + + + 等国际著名公司开展了广泛的合资合作。 + +

+ +

来访会议纪要

查看详情

+ + ), + }} + /> +

+ + +

+ 2

, + }} + /> + + +

项目库

项目详情

+ +

查找

+ <_Property1LargeProperty2Regula + className={classes.input} + text={{ + text: ( +

+ 请输入您想要查找的内容 +

+ ), + }} + /> + 确定

, + }} + /> +

快捷入口

查看详情

+ + ), + }} + /> +

+ , + }} + /> + , + }} + /> + ), + }} + text={{ + Unnamed: ( +

项目支持记录单

+ ), + }} + /> + , + }} + /> + ), + }} + text={{ + Unnamed: ( +

合同信息登记表

+ ), + }} + /> + , + }} + /> + ), + }} + text={{ + Unnamed: ( +

项目采购单

+ ), + }} + /> +

涉及板块分析

查看详情

+ + ), + }} + /> +

+ +

A级

45%

+ <_Property1 + text={{ + label: ( +

云服务大数据

+ ), + }} + /> +

64.0%

120

+ <_Property1 + classes={{ square: classes.square5 }} + text={{ + label: ( +

智慧照明

+ ), + }} + /> +

16.0%

+ <_Property1 + classes={{ square: classes.square6 }} + text={{ + label: ( +

智慧教卫

+ ), + }} + /> +

6.4%

+ <_Property1 + classes={{ square: classes.square7 }} + text={{ + label: ( +

智慧交通

+ ), + }} + /> +

6.4%

+ <_Property1 + classes={{ square: classes.square8 }} + text={{ + label: ( +

智能安防

+ ), + }} + /> +

6.4%

接待详情

查看详情

+ + ), + }} + /> +

+ <_2_On + text={{ + Unnamed:

全部

, + }} + /> + <_2_Off + text={{ + Unnamed:

近3天

, + }} + /> + <_2_Off + text={{ + Unnamed:

近一周

, + }} + /> + <_2_Off + text={{ + Unnamed:

近一月

, + }} + /> + <_2_Off + text={{ + Unnamed:

近3月

, + }} + /> +

+ 2023-04-17

+ ), + }} + /> + 2023-04-16

+ ), + Unnamed: ( +

接待河北中拓网络

+ ), + Unnamed2:

其他

, + }} + /> + 2023-04-13 + ), + Unnamed: ( +

+ 参加上海教字化转型体验周专额会议 +

+ ), + }} + /> + 2023-04-17 + ), + Unnamed: ( +

+ 拜访上海激集建设发展有限公司 +

+ ), + }} + /> + 2023-04-12 + ), + Unnamed: ( +

+ 参加智慧馨城专员会议 +

+ ), + }} + /> + +

各单位漏报情况

查看详情

+ + ), + }} + /> +

+ +

A级

45%

+ <_Property1 + text={{ + label: ( +

A级项目

+ ), + }} + /> +

64.0%

120

+ <_Property1 + classes={{ square: classes.square9 }} + text={{ + label: ( +

B级项目

+ ), + }} + /> +

16.0%

+ <_Property1 + classes={{ square: classes.square10 }} + text={{ + label: ( +

C级项目

+ ), + }} + /> +

6.4%

部门文档

查看详情

+ + ), + }} + /> +

+ + 战略合作协议汇总及执行情况表 +

+ ), + }} + /> + + 上海仪电集团统建应用系统安全访问用户手册 + + ), + }} + /> + + 2022年上海市重大建设项目投资计划表 + + ), + }} + /> + + 仪电集团《项目管理系统》用户提作手册(20211228) + + ), + }} + /> + + 2021年仪电集团及子公司展会计划 + + ), + }} + /> + + 2022年上海市重大建设项目投资计划表 + + ), + }} + /> + + +

今日数据

刷新

+ + +

+ ), + }} + /> +

+ <_2_On + hide={{ + _2: false, + }} + text={{ + Unnamed:

全部

, + _2: !props.hide?._25 && ( +

(1340)

+ ), + }} + /> + <_2_Off + hide={{ + _2: false, + }} + text={{ + Unnamed: ( +

优秀项目

+ ), + _2: !props.hide?._26 && ( +

(600)

+ ), + }} + /> + <_2_Off + hide={{ + _2: false, + }} + text={{ + Unnamed: ( +

标杆项目

+ ), + _2: !props.hide?._27 && ( +

(200)

+ ), + }} + /> + <_2_Off + hide={{ + _2: false, + }} + text={{ + Unnamed: ( +

一般项目

+ ), + _2: !props.hide?._28 && ( +

(640)

+ ), + }} + /> +

+ , + }} + /> + ), + }} + hide={{ + projectorTwo: true, + }} + text={{ + Unnamed: ( +

项目总数

+ ), + _1:

1340

, + Unnamed2:

较上月

, + }} + /> + , + }} + /> + ), + }} + hide={{ + projectorTwo: true, + }} + text={{ + Unnamed: ( +

合同金额预估

+ ), + _1:

130

, + Unnamed3:

亿

, + Unnamed2:

较上月

, + Unnamed4:

, + }} + /> + , + }} + /> + ), + }} + hide={{ + projectorTwo: true, + }} + text={{ + Unnamed: ( +

待办事宜

+ ), + _1:

, + Unnamed2:

较上月

, + }} + /> + , + }} + /> + ), + }} + hide={{ + projectorTwo: true, + }} + text={{ + Unnamed: ( +

已办事宜

+ ), + _1:

123

, + Unnamed2:

较上月

, + }} + /> +

风险点

查看详情

+ + ), + }} + /> +

+ 2022年标准化考点建设项目有欠款 +

2023-03-26 截止

古丽-zhuk

合同到期请查看

2023-03-26 截止

古丽-zhuk

合同到期请查看

2023-03-26 截止

古丽-zhuk

重点客户

+ + ), + }} + /> +

+ + + + + + +

重点项目

+ + ), + }} + /> +

+ <_Fill + className={classes.rankPicker} + text={{ + text:

A级项目

, + }} + /> + <_Fill + className={classes.prizePicker} + text={{ + text:

优秀项目

, + }} + /> +

+ +

+ + + + + + + +

+ +

+ + + +

工作站台👏🏻

+ + +

+ ), + }} + /> + ), + }} + /> + + ), + vectorStroke2: ( + + ), + }} + /> + ), + }} + /> +

+ , + }} + text={{ + rM:

, + }} + /> +

黄鑫鑫

+ , + vectorStroke: ( + + ), + }} + /> +

2023年2月24日星期五

+ + + + ); +}); diff --git a/src/components/Yidian/_/Icon.tsx b/src/components/Yidian/_/Icon.tsx new file mode 100644 index 0000000..2b4a99a --- /dev/null +++ b/src/components/Yidian/_/Icon.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon = (props: SVGProps) => ( + +); +const Memo = memo(Icon); +export { Memo as Icon }; diff --git a/src/components/Yidian/_/Icon2.tsx b/src/components/Yidian/_/Icon2.tsx new file mode 100644 index 0000000..57d507c --- /dev/null +++ b/src/components/Yidian/_/Icon2.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon2 = (props: SVGProps) => ( + +); +const Memo = memo(Icon2); +export { Memo as Icon2 }; diff --git a/src/components/Yidian/_/_.module.css b/src/components/Yidian/_/_.module.css new file mode 100644 index 0000000..60f4cfb --- /dev/null +++ b/src/components/Yidian/_/_.module.css @@ -0,0 +1,63 @@ +.root { + width: 110px; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 2px; +} +.unnamed { + height: min-content; + align-self: stretch; + align-items: center; +} +.unnamed2 { + width: 24px; + height: 24px; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.unnamed3 { + max-width: 100%; + height: 1px; + max-height: 100%; + flex: 1; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} +.unnamed4 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.unnamed5 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed6 { + color: #86909c; + font-size: 12px; + line-height: 16px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/_/_.tsx b/src/components/Yidian/_/_.tsx new file mode 100644 index 0000000..ce1d3ce --- /dev/null +++ b/src/components/Yidian/_/_.tsx @@ -0,0 +1,50 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import classes from "./_.module.css"; +import { Icon2 } from "./Icon2.js"; +import { Icon } from "./Icon.js"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + Unnamed?: ReactNode; + }; + hide?: { + Unnamed?: boolean; + }; + text?: { + Unnamed?: ReactNode; + }; +} +/* @figmaId 5526:23369 */ +export const _: FC = memo(function _(props = {}) { + return ( +

+ +

+ {props.swap?.unnamed || } +

+ {props.text?.unnamed != null ? ( + props.text?.unnamed + ) : ( +

标题

+ )} +

+ {!props.hide?.unnamed &&

描述内容

} +

+ ); +}); diff --git a/src/components/Yidian/_2/UnionIcon.tsx b/src/components/Yidian/_2/UnionIcon.tsx new file mode 100644 index 0000000..c752ad9 --- /dev/null +++ b/src/components/Yidian/_2/UnionIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/_2/_2.module.css b/src/components/Yidian/_2/_2.module.css new file mode 100644 index 0000000..e29405f --- /dev/null +++ b/src/components/Yidian/_2/_2.module.css @@ -0,0 +1,19 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; + overflow: hidden; +} +.union { + position: absolute; + left: 5px; + top: 8.5px; + width: 14.0001px; + height: 8px; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/_2/_2.tsx b/src/components/Yidian/_2/_2.tsx new file mode 100644 index 0000000..952c938 --- /dev/null +++ b/src/components/Yidian/_2/_2.tsx @@ -0,0 +1,20 @@ +import { memo } from 'react'; +import type { FC } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './_2.module.css'; +import { UnionIcon } from './UnionIcon.js'; + +interface Props { + className?: string; +} +/* @figmaId 5403:952 */ +export const _2: FC = memo(function _2(props = {}) { + return ( +

+ +

+ ); +}); diff --git a/src/components/Yidian/_22/VectorIcon.tsx b/src/components/Yidian/_22/VectorIcon.tsx new file mode 100644 index 0000000..a5dce9d --- /dev/null +++ b/src/components/Yidian/_22/VectorIcon.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/_22/VectorStrokeIcon.tsx b/src/components/Yidian/_22/VectorStrokeIcon.tsx new file mode 100644 index 0000000..f6c509c --- /dev/null +++ b/src/components/Yidian/_22/VectorStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon); +export { Memo as VectorStrokeIcon }; diff --git a/src/components/Yidian/_22/_22.module.css b/src/components/Yidian/_22/_22.module.css new file mode 100644 index 0000000..1218610 --- /dev/null +++ b/src/components/Yidian/_22/_22.module.css @@ -0,0 +1,96 @@ +.upOne1.upOne1 { + width: 12px; + height: 12px; +} +.icon { + width: 100%; + height: 100%; +} +.icon2 { + width: 100%; + height: 100%; +} +.root { + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 2px; +} +.unnamed { + color: #4e5969; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame17 { + width: min-content; + height: min-content; + align-items: flex-end; + gap: 2px; +} +._323 { + color: #1d2129; + font-size: 32px; + line-height: 40px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame18 { + width: min-content; + height: min-content; + flex-direction: column; + padding: 0 0 5px; +} +.unnamed2 { + color: #4e5969; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed3 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.unnamed4 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed5 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/_22/_22.tsx b/src/components/Yidian/_22/_22.tsx new file mode 100644 index 0000000..b69922a --- /dev/null +++ b/src/components/Yidian/_22/_22.tsx @@ -0,0 +1,64 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { UpOne1 } from "../UpOne1/UpOne1"; +import classes from "./_22.module.css"; +import { VectorIcon } from "./VectorIcon.js"; +import { VectorStrokeIcon } from "./VectorStrokeIcon.js"; + +interface Props { + className?: string; + text?: { + Unnamed?: ReactNode; + _323?: ReactNode; + Unnamed2?: ReactNode; + Unnamed3?: ReactNode; + Unnamed4?: ReactNode; + }; +} +/* @figmaId 5407:5205 */ +export const _22: FC = memo(function _22(props = {}) { + return ( +

+ {props.text?.unnamed != null ? ( + props.text?.unnamed + ) : ( +

标题

+ )} +

+ {props.text?._323 != null ? ( + props.text?._323 + ) : ( +

323

+ )} +

+ {props.text?.unnamed2 != null ? ( + props.text?.unnamed2 + ) : ( +

单位

+ )} +

+ {props.text?.unnamed3 != null ? ( + props.text?.unnamed3 + ) : ( +

较昨天

+ )} + , + vectorStroke: , + }} + /> + {props.text?.unnamed4 != null ? ( + props.text?.unnamed4 + ) : ( +

+ )} +

+ ); +}); diff --git a/src/components/Yidian/_2_Off/_2_Off.module.css b/src/components/Yidian/_2_Off/_2_Off.module.css new file mode 100644 index 0000000..c188fa1 --- /dev/null +++ b/src/components/Yidian/_2_Off/_2_Off.module.css @@ -0,0 +1,36 @@ +.root { + width: min-content; + height: min-content; + flex-direction: column; + padding: 0 0 12px; +} +.frame3060 { + width: min-content; + height: min-content; + align-self: flex-start; + place-content: center; + align-items: center; + gap: 4px; +} +.unnamed { + color: #4e5969; + font-size: 16px; + line-height: 24px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._2 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/_2_Off/_2_Off.tsx b/src/components/Yidian/_2_Off/_2_Off.tsx new file mode 100644 index 0000000..8fdc497 --- /dev/null +++ b/src/components/Yidian/_2_Off/_2_Off.tsx @@ -0,0 +1,37 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { Unnamed3 } from "../unnamed3/unnamed3"; +import classes from "./_2_Off.module.css"; + +interface Props { + className?: string; + hide?: { + _2?: boolean; + }; + text?: { + Unnamed?: ReactNode; + _2?: ReactNode; + }; +} +/* @figmaId 5403:2021 */ +export const _2_Off: FC = memo(function _2_Off(props = {}) { + return ( +

+ {props.text?.unnamed != null ? ( + props.text?.unnamed + ) : ( +

标题

+ )} + {props.hide?._2 === false && + (props.text?._2 != null ? ( + props.text?._2 + ) : ( +

+ ))} +

+ ); +}); diff --git a/src/components/Yidian/_2_On/_2_On.module.css b/src/components/Yidian/_2_On/_2_On.module.css new file mode 100644 index 0000000..dd26016 --- /dev/null +++ b/src/components/Yidian/_2_On/_2_On.module.css @@ -0,0 +1,38 @@ +.root { + width: min-content; + height: min-content; + flex-direction: column; + padding: 0 0 12px; + box-shadow: inset 0px -3px 0px #06f; +} +.frame3060 { + width: min-content; + height: min-content; + align-self: flex-start; + place-content: center; + align-items: center; + gap: 2px; +} +.unnamed { + color: #06f; + font-size: 16px; + line-height: 24px; + font-weight: bold; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +._2 { + color: #165dff; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/_2_On/_2_On.tsx b/src/components/Yidian/_2_On/_2_On.tsx new file mode 100644 index 0000000..eaa11e9 --- /dev/null +++ b/src/components/Yidian/_2_On/_2_On.tsx @@ -0,0 +1,37 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { Unnamed3 } from "../unnamed3/unnamed3"; +import classes from "./_2_On.module.css"; + +interface Props { + className?: string; + hide?: { + _2?: boolean; + }; + text?: { + Unnamed?: ReactNode; + _2?: ReactNode; + }; +} +/* @figmaId 5403:2016 */ +export const _2_On: FC = memo(function _2_On(props = {}) { + return ( +

+ {props.text?.unnamed != null ? ( + props.text?.unnamed + ) : ( +

标题

+ )} + {props.hide?._2 === false && + (props.text?._2 != null ? ( + props.text?._2 + ) : ( +

+ ))} +

+ ); +}); diff --git a/src/components/Yidian/_3/Ellipse41Icon.tsx b/src/components/Yidian/_3/Ellipse41Icon.tsx new file mode 100644 index 0000000..44b2709 --- /dev/null +++ b/src/components/Yidian/_3/Ellipse41Icon.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse41Icon = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse41Icon); +export { Memo as Ellipse41Icon }; diff --git a/src/components/Yidian/_3/Icon.tsx b/src/components/Yidian/_3/Icon.tsx new file mode 100644 index 0000000..28afcce --- /dev/null +++ b/src/components/Yidian/_3/Icon.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon = (props: SVGProps) => ( + +); +const Memo = memo(Icon); +export { Memo as Icon }; diff --git a/src/components/Yidian/_3/Icon2.tsx b/src/components/Yidian/_3/Icon2.tsx new file mode 100644 index 0000000..6340057 --- /dev/null +++ b/src/components/Yidian/_3/Icon2.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon2 = (props: SVGProps) => ( + +); +const Memo = memo(Icon2); +export { Memo as Icon2 }; diff --git a/src/components/Yidian/_3/Vector12StrokeIcon.tsx b/src/components/Yidian/_3/Vector12StrokeIcon.tsx new file mode 100644 index 0000000..fd73144 --- /dev/null +++ b/src/components/Yidian/_3/Vector12StrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const Vector12StrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(Vector12StrokeIcon); +export { Memo as Vector12StrokeIcon }; diff --git a/src/components/Yidian/_3/_3.module.css b/src/components/Yidian/_3/_3.module.css new file mode 100644 index 0000000..5012727 --- /dev/null +++ b/src/components/Yidian/_3/_3.module.css @@ -0,0 +1,89 @@ +.unnamed.unnamed { + width: 12px; + height: 12px; +} +.icon { + width: 100%; + height: 100%; +} +.root { + width: 136px; + height: min-content; + flex-direction: column; + align-items: center; + gap: 2px; +} +.unnamed2 { + height: min-content; + align-self: stretch; + align-items: center; +} +.unnamed3 { + max-width: 100%; + height: 1px; + max-height: 100%; + flex: 1; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} +.unnamed4 { + width: 24px; + height: 24px; + place-content: center; + align-items: center; + gap: 10px; + padding: 7px; +} +.ellipse41 { + width: 8px; + height: 8px; + overflow: visible; +} +.icon3 { + width: 100%; + height: 100%; +} +.unnamed5 { + max-width: 100%; + height: 1px; + max-height: 100%; + flex: 1; + overflow: visible; +} +.icon4 { + width: 100%; + height: 100%; +} +.unnamed6 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.unnamed7 { + color: #06f; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed8 { + color: #86909c; + font-size: 12px; + line-height: 16px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + height: min-content; + align-self: stretch; + text-align: center; + align-items: center; + flex-direction: column; +} diff --git a/src/components/Yidian/_3/_3.tsx b/src/components/Yidian/_3/_3.tsx new file mode 100644 index 0000000..3c9aca1 --- /dev/null +++ b/src/components/Yidian/_3/_3.tsx @@ -0,0 +1,59 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { Unnamed2 } from "../unnamed2/unnamed2"; +import classes from "./_3.module.css"; +import { Ellipse41Icon } from "./Ellipse41Icon.js"; +import { Icon2 } from "./Icon2.js"; +import { Icon } from "./Icon.js"; +import { Vector12StrokeIcon } from "./Vector12StrokeIcon.js"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + Unnamed?: ReactNode; + Unnamed2?: ReactNode; + }; + hide?: { + Unnamed?: boolean; + }; + text?: { + Unnamed?: ReactNode; + }; +} +/* @figmaId 5526:23497 */ +export const _3: FC = memo(function _3(props = {}) { + return ( +

+ {props.swap?.unnamed || } +

+ +

+ {props.swap?.unnamed2 || } +

+ {props.text?.unnamed != null ? ( + props.text?.unnamed + ) : ( +

标题

+ )} +

+ {!props.hide?.unnamed &&

描述内容

} +

+ ); +}); diff --git a/src/components/Yidian/_4/Icon.tsx b/src/components/Yidian/_4/Icon.tsx new file mode 100644 index 0000000..e9385a8 --- /dev/null +++ b/src/components/Yidian/_4/Icon.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon = (props: SVGProps) => ( + +); +const Memo = memo(Icon); +export { Memo as Icon }; diff --git a/src/components/Yidian/_4/Icon2.tsx b/src/components/Yidian/_4/Icon2.tsx new file mode 100644 index 0000000..009ede4 --- /dev/null +++ b/src/components/Yidian/_4/Icon2.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon2 = (props: SVGProps) => ( + +); +const Memo = memo(Icon2); +export { Memo as Icon2 }; diff --git a/src/components/Yidian/_4/Icon3.tsx b/src/components/Yidian/_4/Icon3.tsx new file mode 100644 index 0000000..e17ce79 --- /dev/null +++ b/src/components/Yidian/_4/Icon3.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon3 = (props: SVGProps) => ( + +); +const Memo = memo(Icon3); +export { Memo as Icon3 }; diff --git a/src/components/Yidian/_4/_4.module.css b/src/components/Yidian/_4/_4.module.css new file mode 100644 index 0000000..fc64828 --- /dev/null +++ b/src/components/Yidian/_4/_4.module.css @@ -0,0 +1,73 @@ +.root { + width: 136px; + height: min-content; + flex-direction: column; + align-items: center; + gap: 2px; +} +.unnamed { + height: min-content; + align-self: stretch; + align-items: center; +} +.unnamed2 { + max-width: 100%; + height: 1px; + max-height: 100%; + flex: 1; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.unnamed3 { + width: 24px; + height: 24px; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} +.unnamed4 { + max-width: 100%; + height: 1px; + max-height: 100%; + flex: 1; + overflow: visible; +} +.icon3 { + width: 100%; + height: 100%; +} +.unnamed5 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.unnamed6 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed7 { + color: #86909c; + font-size: 12px; + line-height: 16px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + height: min-content; + align-self: stretch; + text-align: center; + align-items: center; + flex-direction: column; +} diff --git a/src/components/Yidian/_4/_4.tsx b/src/components/Yidian/_4/_4.tsx new file mode 100644 index 0000000..7e7704f --- /dev/null +++ b/src/components/Yidian/_4/_4.tsx @@ -0,0 +1,62 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import classes from "./_4.module.css"; +import { Icon2 } from "./Icon2.js"; +import { Icon3 } from "./Icon3.js"; +import { Icon } from "./Icon.js"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + Unnamed?: ReactNode; + Unnamed2?: ReactNode; + Unnamed3?: ReactNode; + }; + hide?: { + Unnamed?: boolean; + }; + text?: { + Unnamed?: ReactNode; + Unnamed2?: ReactNode; + }; +} +/* @figmaId 5526:23525 */ +export const _4: FC = memo(function _4(props = {}) { + return ( +

+ {props.swap?.unnamed || } +

+ {props.swap?.unnamed2 || } +

+ {props.swap?.unnamed3 || } +

+ {props.text?.unnamed != null ? ( + props.text?.unnamed + ) : ( +

标题

+ )} +

+ {!props.hide?.unnamed && + (props.text?.unnamed2 != null ? ( + props.text?.unnamed2 + ) : ( +

描述内容

+ ))} +

+ ); +}); diff --git a/src/components/Yidian/_5/Icon.tsx b/src/components/Yidian/_5/Icon.tsx new file mode 100644 index 0000000..56239c7 --- /dev/null +++ b/src/components/Yidian/_5/Icon.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon = (props: SVGProps) => ( + +); +const Memo = memo(Icon); +export { Memo as Icon }; diff --git a/src/components/Yidian/_5/Icon2.tsx b/src/components/Yidian/_5/Icon2.tsx new file mode 100644 index 0000000..009ede4 --- /dev/null +++ b/src/components/Yidian/_5/Icon2.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Icon2 = (props: SVGProps) => ( + +); +const Memo = memo(Icon2); +export { Memo as Icon2 }; diff --git a/src/components/Yidian/_5/_5.module.css b/src/components/Yidian/_5/_5.module.css new file mode 100644 index 0000000..d3a5e4e --- /dev/null +++ b/src/components/Yidian/_5/_5.module.css @@ -0,0 +1,63 @@ +.root { + width: 110px; + height: min-content; + flex-direction: column; + align-items: flex-end; + gap: 2px; +} +.unnamed { + height: min-content; + align-self: stretch; + align-items: center; +} +.unnamed2 { + max-width: 100%; + height: 1px; + max-height: 100%; + flex: 1; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.unnamed3 { + width: 24px; + height: 24px; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} +.unnamed4 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.unnamed5 { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed6 { + color: #86909c; + font-size: 12px; + line-height: 16px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/_5/_5.tsx b/src/components/Yidian/_5/_5.tsx new file mode 100644 index 0000000..ff6bc8d --- /dev/null +++ b/src/components/Yidian/_5/_5.tsx @@ -0,0 +1,51 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import classes from "./_5.module.css"; +import { Icon2 } from "./Icon2.js"; +import { Icon } from "./Icon.js"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + Unnamed?: ReactNode; + Unnamed2?: ReactNode; + }; + hide?: { + Unnamed?: boolean; + }; + text?: { + Unnamed?: ReactNode; + }; +} +/* @figmaId 5526:23477 */ +export const _5: FC = memo(function _5(props = {}) { + return ( +

+ {props.swap?.unnamed || } +

+ {props.swap?.unnamed2 || } +

+ {props.text?.unnamed != null ? ( + props.text?.unnamed + ) : ( +

标题

+ )} +

+ {!props.hide?.unnamed &&

描述内容

} +

+ ); +}); diff --git a/src/components/Yidian/_Fill/_Fill.module.css b/src/components/Yidian/_Fill/_Fill.module.css new file mode 100644 index 0000000..888685c --- /dev/null +++ b/src/components/Yidian/_Fill/_Fill.module.css @@ -0,0 +1,22 @@ +.unnamed.unnamed { + width: initial; + align-self: stretch; + align-items: flex-start; +} +.text { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + height: min-content; + flex: 1; + flex-direction: column; +} +.root { + width: 300px; + height: min-content; + flex-direction: column; +} diff --git a/src/components/Yidian/_Fill/_Fill.tsx b/src/components/Yidian/_Fill/_Fill.tsx new file mode 100644 index 0000000..a87c325 --- /dev/null +++ b/src/components/Yidian/_Fill/_Fill.tsx @@ -0,0 +1,33 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { Unnamed4 } from "../unnamed4/unnamed4"; +import classes from "./_Fill.module.css"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + text?: { + text?: ReactNode; + }; +} +/* @figmaId 5403:1979 */ +export const _Fill: FC = memo(function _Fill(props = {}) { + return ( +

+ 选择器

, + }} + /> + + ); +}); diff --git a/src/components/Yidian/_Mini/_Mini.module.css b/src/components/Yidian/_Mini/_Mini.module.css new file mode 100644 index 0000000..eb2eecf --- /dev/null +++ b/src/components/Yidian/_Mini/_Mini.module.css @@ -0,0 +1,22 @@ +.unnamed2.unnamed2 { + align-self: flex-start; + gap: 4px; + padding: 0 6px; + border-radius: 4px; +} +.unnamed { + color: #06f; + font-size: 12px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.root { + width: min-content; + height: min-content; +} diff --git a/src/components/Yidian/_Mini/_Mini.tsx b/src/components/Yidian/_Mini/_Mini.tsx new file mode 100644 index 0000000..18026b2 --- /dev/null +++ b/src/components/Yidian/_Mini/_Mini.tsx @@ -0,0 +1,28 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { Unnamed8 } from "../unnamed8/unnamed8"; +import classes from "./_Mini.module.css"; + +interface Props { + className?: string; + text?: { + Unnamed?: ReactNode; + }; +} +/* @figmaId 5403:2117 */ +export const _Mini: FC = memo(function _Mini(props = {}) { + return ( +

+ 标签

+ ), + }} + /> + + ); +}); diff --git a/src/components/Yidian/_Mini2/_Mini2.module.css b/src/components/Yidian/_Mini2/_Mini2.module.css new file mode 100644 index 0000000..6e8bc67 --- /dev/null +++ b/src/components/Yidian/_Mini2/_Mini2.module.css @@ -0,0 +1,23 @@ +.unnamed2.unnamed2 { + align-self: flex-start; + gap: 4px; + padding: 0 6px; + border-radius: 4px; + background-color: #f7f8fa; +} +.unnamed { + color: #333; + font-size: 12px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.root { + width: min-content; + height: min-content; +} diff --git a/src/components/Yidian/_Mini2/_Mini2.tsx b/src/components/Yidian/_Mini2/_Mini2.tsx new file mode 100644 index 0000000..7d38384 --- /dev/null +++ b/src/components/Yidian/_Mini2/_Mini2.tsx @@ -0,0 +1,28 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { Unnamed8 } from "../unnamed8/unnamed8"; +import classes from "./_Mini2.module.css"; + +interface Props { + className?: string; + text?: { + Unnamed?: ReactNode; + }; +} +/* @figmaId 5403:2123 */ +export const _Mini2: FC = memo(function _Mini2(props = {}) { + return ( +

+ 标签

+ ), + }} + /> + + ); +}); diff --git a/src/components/Yidian/_OffRegular/Ellipse1Icon.tsx b/src/components/Yidian/_OffRegular/Ellipse1Icon.tsx new file mode 100644 index 0000000..ebda0b4 --- /dev/null +++ b/src/components/Yidian/_OffRegular/Ellipse1Icon.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Ellipse1Icon = (props: SVGProps) => ( + +); +const Memo = memo(Ellipse1Icon); +export { Memo as Ellipse1Icon }; diff --git a/src/components/Yidian/_OffRegular/_OffRegular.module.css b/src/components/Yidian/_OffRegular/_OffRegular.module.css new file mode 100644 index 0000000..298e863 --- /dev/null +++ b/src/components/Yidian/_OffRegular/_OffRegular.module.css @@ -0,0 +1,42 @@ +.point.point { + width: 20px; + height: 20px; +} +.icon { + width: 100%; + height: 100%; +} +.root { + position: relative; + width: 225px; + height: 48px; + align-items: flex-start; +} +.frame681 { + position: absolute; + left: 24px; + top: 50%; + width: min-content; + height: min-content; + place-content: center; + align-items: center; + gap: 12px; + padding: 0 0 0 32px; + transform: translateY(-50%); +} +.frame680 { + width: min-content; + height: min-content; + overflow: hidden; +} +.normal { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/_OffRegular/_OffRegular.tsx b/src/components/Yidian/_OffRegular/_OffRegular.tsx new file mode 100644 index 0000000..f214251 --- /dev/null +++ b/src/components/Yidian/_OffRegular/_OffRegular.tsx @@ -0,0 +1,39 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import { Checkbox_Property1WithoutLabel } from '../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel'; +import { Keyboard_arrow_down } from '../Keyboard_arrow_down/Keyboard_arrow_down'; +import { Point } from '../Point/Point'; +import classes from './_OffRegular.module.css'; +import { Ellipse1Icon } from './Ellipse1Icon.js'; + +interface Props { + className?: string; + hide?: { + point?: boolean; + }; + text?: { + normal?: ReactNode; + }; +} +/* @figmaId 5401:45189 */ +export const _OffRegular: FC = memo(function _OffRegular(props = {}) { + return ( +

+ {props.text?.normal != null ? props.text?.normal :

item

} +

+ {!props.hide?.point && ( + , + }} + /> + )} +

+ ); +}); diff --git a/src/components/Yidian/_OffSelected/Rectangle295Icon.tsx b/src/components/Yidian/_OffSelected/Rectangle295Icon.tsx new file mode 100644 index 0000000..80d6f64 --- /dev/null +++ b/src/components/Yidian/_OffSelected/Rectangle295Icon.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const Rectangle295Icon = (props: SVGProps) => ( + +); +const Memo = memo(Rectangle295Icon); +export { Memo as Rectangle295Icon }; diff --git a/src/components/Yidian/_OffSelected/_OffSelected.module.css b/src/components/Yidian/_OffSelected/_OffSelected.module.css new file mode 100644 index 0000000..f738cbd --- /dev/null +++ b/src/components/Yidian/_OffSelected/_OffSelected.module.css @@ -0,0 +1,48 @@ +.root { + position: relative; + width: 225px; + height: 48px; + align-items: flex-start; + background-color: #0066ff1a; +} +.frame681 { + position: absolute; + left: 24px; + top: 50%; + width: min-content; + height: min-content; + place-content: center; + align-items: center; + gap: 12px; + padding: 0 0 0 32px; + transform: translateY(-50%); +} +.frame680 { + width: min-content; + height: min-content; + overflow: hidden; +} +.normal { + color: #06f; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.rectangle295 { + position: absolute; + left: 99.1111%; + right: 0; + top: 0; + bottom: 0; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/_OffSelected/_OffSelected.tsx b/src/components/Yidian/_OffSelected/_OffSelected.tsx new file mode 100644 index 0000000..5cb6e54 --- /dev/null +++ b/src/components/Yidian/_OffSelected/_OffSelected.tsx @@ -0,0 +1,31 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import { Checkbox_Property1WithoutLabel } from '../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel'; +import { Keyboard_arrow_down } from '../Keyboard_arrow_down/Keyboard_arrow_down'; +import { Point2 } from '../Point2/Point2'; +import classes from './_OffSelected.module.css'; +import { Rectangle295Icon } from './Rectangle295Icon.js'; + +interface Props { + className?: string; + text?: { + normal?: ReactNode; + }; +} +/* @figmaId 5401:45205 */ +export const _OffSelected: FC = memo(function _OffSelected(props = {}) { + return ( +

+ {props.text?.normal != null ? props.text?.normal :

item

} +

+ +

+ ); +}); diff --git a/src/components/Yidian/_OnRegular/UnionIcon.tsx b/src/components/Yidian/_OnRegular/UnionIcon.tsx new file mode 100644 index 0000000..da98e7e --- /dev/null +++ b/src/components/Yidian/_OnRegular/UnionIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/_OnRegular/UnionIcon2.tsx b/src/components/Yidian/_OnRegular/UnionIcon2.tsx new file mode 100644 index 0000000..bd3c7f1 --- /dev/null +++ b/src/components/Yidian/_OnRegular/UnionIcon2.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon2); +export { Memo as UnionIcon2 }; diff --git a/src/components/Yidian/_OnRegular/UnionIcon3.tsx b/src/components/Yidian/_OnRegular/UnionIcon3.tsx new file mode 100644 index 0000000..8f3131e --- /dev/null +++ b/src/components/Yidian/_OnRegular/UnionIcon3.tsx @@ -0,0 +1,15 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon3 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon3); +export { Memo as UnionIcon3 }; diff --git a/src/components/Yidian/_OnRegular/UnionIcon4.tsx b/src/components/Yidian/_OnRegular/UnionIcon4.tsx new file mode 100644 index 0000000..ad9fbdf --- /dev/null +++ b/src/components/Yidian/_OnRegular/UnionIcon4.tsx @@ -0,0 +1,15 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon4 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon4); +export { Memo as UnionIcon4 }; diff --git a/src/components/Yidian/_OnRegular/UnionIcon5.tsx b/src/components/Yidian/_OnRegular/UnionIcon5.tsx new file mode 100644 index 0000000..e7cbe9f --- /dev/null +++ b/src/components/Yidian/_OnRegular/UnionIcon5.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon5 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon5); +export { Memo as UnionIcon5 }; diff --git a/src/components/Yidian/_OnRegular/UnionIcon6.tsx b/src/components/Yidian/_OnRegular/UnionIcon6.tsx new file mode 100644 index 0000000..bd5d4d3 --- /dev/null +++ b/src/components/Yidian/_OnRegular/UnionIcon6.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon6 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon6); +export { Memo as UnionIcon6 }; diff --git a/src/components/Yidian/_OnRegular/VectorIcon.tsx b/src/components/Yidian/_OnRegular/VectorIcon.tsx new file mode 100644 index 0000000..bb3eb41 --- /dev/null +++ b/src/components/Yidian/_OnRegular/VectorIcon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/_OnRegular/_OnRegular.module.css b/src/components/Yidian/_OnRegular/_OnRegular.module.css new file mode 100644 index 0000000..5515660 --- /dev/null +++ b/src/components/Yidian/_OnRegular/_OnRegular.module.css @@ -0,0 +1,74 @@ +.notebookOne.notebookOne { + width: 20px; + height: 20px; +} +.icon { + width: 100%; + height: 100%; +} +.icon2 { + width: 100%; + height: 100%; +} +.icon3 { + width: 100%; + height: 100%; +} +.icon4 { + width: 100%; + height: 100%; +} +.icon5 { + width: 100%; + height: 100%; +} +.icon6 { + width: 100%; + height: 100%; +} +.keyboard_arrow_down.keyboard_arrow_down { + right: 16px; + left: initial; + top: 50%; + width: 20px; + height: 20px; + transform: translateY(-50%); +} +.icon7 { + width: 100%; + height: 100%; +} +.root { + position: relative; + width: 225px; + height: 48px; + align-items: flex-start; +} +.frame681 { + position: absolute; + left: 24px; + top: 50%; + width: min-content; + height: min-content; + place-content: center; + align-items: center; + gap: 12px; + padding: 0 0 0 32px; + transform: translateY(-50%); +} +.frame680 { + width: min-content; + height: min-content; + overflow: hidden; +} +.normal { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/_OnRegular/_OnRegular.tsx b/src/components/Yidian/_OnRegular/_OnRegular.tsx new file mode 100644 index 0000000..c506cac --- /dev/null +++ b/src/components/Yidian/_OnRegular/_OnRegular.tsx @@ -0,0 +1,61 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import { Checkbox_Property1WithoutLabel } from '../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel'; +import { Keyboard_arrow_down } from '../Keyboard_arrow_down/Keyboard_arrow_down'; +import { NotebookOne } from '../NotebookOne/NotebookOne'; +import classes from './_OnRegular.module.css'; +import { UnionIcon2 } from './UnionIcon2.js'; +import { UnionIcon3 } from './UnionIcon3.js'; +import { UnionIcon4 } from './UnionIcon4.js'; +import { UnionIcon5 } from './UnionIcon5.js'; +import { UnionIcon6 } from './UnionIcon6.js'; +import { UnionIcon } from './UnionIcon.js'; +import { VectorIcon } from './VectorIcon.js'; + +interface Props { + className?: string; + swap?: { + notebookOne?: ReactNode; + }; + hide?: { + keyboard_arrow_down?: boolean; + }; + text?: { + normal?: ReactNode; + }; +} +/* @figmaId 5401:45181 */ +export const _OnRegular: FC = memo(function _OnRegular(props = {}) { + return ( +

+ {props.text?.normal != null ? props.text?.normal :

item

} +

+ {props.swap?.notebookOne || ( + , + union2: , + union3: , + union4: , + union5: , + union6: , + }} + /> + )} +

+ {!props.hide?.keyboard_arrow_down && ( + , + }} + /> + )} +

+ ); +}); diff --git a/src/components/Yidian/_OnSelected/UnionIcon.tsx b/src/components/Yidian/_OnSelected/UnionIcon.tsx new file mode 100644 index 0000000..b8d8be3 --- /dev/null +++ b/src/components/Yidian/_OnSelected/UnionIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/_OnSelected/UnionIcon2.tsx b/src/components/Yidian/_OnSelected/UnionIcon2.tsx new file mode 100644 index 0000000..0bd51fa --- /dev/null +++ b/src/components/Yidian/_OnSelected/UnionIcon2.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon2); +export { Memo as UnionIcon2 }; diff --git a/src/components/Yidian/_OnSelected/UnionIcon3.tsx b/src/components/Yidian/_OnSelected/UnionIcon3.tsx new file mode 100644 index 0000000..32f75dd --- /dev/null +++ b/src/components/Yidian/_OnSelected/UnionIcon3.tsx @@ -0,0 +1,15 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon3 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon3); +export { Memo as UnionIcon3 }; diff --git a/src/components/Yidian/_OnSelected/UnionIcon4.tsx b/src/components/Yidian/_OnSelected/UnionIcon4.tsx new file mode 100644 index 0000000..bfa847e --- /dev/null +++ b/src/components/Yidian/_OnSelected/UnionIcon4.tsx @@ -0,0 +1,15 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon4 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon4); +export { Memo as UnionIcon4 }; diff --git a/src/components/Yidian/_OnSelected/UnionIcon5.tsx b/src/components/Yidian/_OnSelected/UnionIcon5.tsx new file mode 100644 index 0000000..8450361 --- /dev/null +++ b/src/components/Yidian/_OnSelected/UnionIcon5.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon5 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon5); +export { Memo as UnionIcon5 }; diff --git a/src/components/Yidian/_OnSelected/UnionIcon6.tsx b/src/components/Yidian/_OnSelected/UnionIcon6.tsx new file mode 100644 index 0000000..4e4ec26 --- /dev/null +++ b/src/components/Yidian/_OnSelected/UnionIcon6.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon6 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon6); +export { Memo as UnionIcon6 }; diff --git a/src/components/Yidian/_OnSelected/VectorIcon.tsx b/src/components/Yidian/_OnSelected/VectorIcon.tsx new file mode 100644 index 0000000..7186cdb --- /dev/null +++ b/src/components/Yidian/_OnSelected/VectorIcon.tsx @@ -0,0 +1,12 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/_OnSelected/_OnSelected.module.css b/src/components/Yidian/_OnSelected/_OnSelected.module.css new file mode 100644 index 0000000..b04ca3d --- /dev/null +++ b/src/components/Yidian/_OnSelected/_OnSelected.module.css @@ -0,0 +1,75 @@ +.notebookOne.notebookOne { + width: 20px; + height: 20px; +} +.icon { + width: 100%; + height: 100%; +} +.icon2 { + width: 100%; + height: 100%; +} +.icon3 { + width: 100%; + height: 100%; +} +.icon4 { + width: 100%; + height: 100%; +} +.icon5 { + width: 100%; + height: 100%; +} +.icon6 { + width: 100%; + height: 100%; +} +.keyboard_arrow_up.keyboard_arrow_up { + right: 16px; + left: initial; + top: 50%; + width: 20px; + height: 20px; + transform: translateY(-50%); +} +.icon7 { + width: 100%; + height: 100%; +} +.root { + position: relative; + width: 225px; + height: 48px; + align-items: flex-start; +} +.frame681 { + position: absolute; + left: 24px; + top: 50%; + width: min-content; + height: min-content; + place-content: center; + align-items: center; + gap: 12px; + padding: 0 0 0 32px; + transform: translateY(-50%); +} +.frame680 { + width: min-content; + height: min-content; + overflow: hidden; +} +.normal { + color: #06f; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/_OnSelected/_OnSelected.tsx b/src/components/Yidian/_OnSelected/_OnSelected.tsx new file mode 100644 index 0000000..237d067 --- /dev/null +++ b/src/components/Yidian/_OnSelected/_OnSelected.tsx @@ -0,0 +1,56 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import { Checkbox_Property1WithoutLabel } from '../Checkbox_Property1WithoutLabel/Checkbox_Property1WithoutLabel'; +import { Keyboard_arrow_up } from '../Keyboard_arrow_up/Keyboard_arrow_up'; +import { NotebookOne } from '../NotebookOne/NotebookOne'; +import classes from './_OnSelected.module.css'; +import { UnionIcon2 } from './UnionIcon2.js'; +import { UnionIcon3 } from './UnionIcon3.js'; +import { UnionIcon4 } from './UnionIcon4.js'; +import { UnionIcon5 } from './UnionIcon5.js'; +import { UnionIcon6 } from './UnionIcon6.js'; +import { UnionIcon } from './UnionIcon.js'; +import { VectorIcon } from './VectorIcon.js'; + +interface Props { + className?: string; + swap?: { + notebookOne?: ReactNode; + }; + text?: { + normal?: ReactNode; + }; +} +/* @figmaId 5401:45221 */ +export const _OnSelected: FC = memo(function _OnSelected(props = {}) { + return ( +

+ {props.text?.normal != null ? props.text?.normal :

item

} +

+ {props.swap?.notebookOne || ( + , + union2: , + union3: , + union4: , + union5: , + union6: , + }} + /> + )} +

+ , + }} + /> +

+ ); +}); diff --git a/src/components/Yidian/_Property1/_Property1.module.css b/src/components/Yidian/_Property1/_Property1.module.css new file mode 100644 index 0000000..931ebc2 --- /dev/null +++ b/src/components/Yidian/_Property1/_Property1.module.css @@ -0,0 +1,31 @@ +.root { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 12px; +} +.LegendSymbol { + width: min-content; + height: min-content; + place-content: center; + align-items: center; + gap: 10px; +} +.square { + width: 12px; + height: 12px; + border-radius: 2px; + background-color: #165dff; +} +.label { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/_Property1/_Property1.tsx b/src/components/Yidian/_Property1/_Property1.tsx new file mode 100644 index 0000000..9cc9d75 --- /dev/null +++ b/src/components/Yidian/_Property1/_Property1.tsx @@ -0,0 +1,26 @@ +import { memo } from 'react'; +import type { FC, ReactNode } from 'react'; + +import resets from '../../_resets.module.css'; +import classes from './_Property1.module.css'; + +interface Props { + className?: string; + classes?: { + square?: string; + }; + text?: { + label?: ReactNode; + }; +} +/* @figmaId 5407:6003 */ +export const _Property1: FC = memo(function _Property1(props = {}) { + return ( +

+ {props.text?.label != null ? props.text?.label :

Label

} +

+ ); +}); diff --git a/src/components/Yidian/_Property1LargeProperty2Regula/_Property1LargeProperty2Regula.module.css b/src/components/Yidian/_Property1LargeProperty2Regula/_Property1LargeProperty2Regula.module.css new file mode 100644 index 0000000..b29e137 --- /dev/null +++ b/src/components/Yidian/_Property1LargeProperty2Regula/_Property1LargeProperty2Regula.module.css @@ -0,0 +1,10 @@ +.unnamed.unnamed { + width: initial; + align-self: stretch; + align-items: flex-start; +} +.root { + width: 300px; + height: min-content; + flex-direction: column; +} diff --git a/src/components/Yidian/_Property1LargeProperty2Regula/_Property1LargeProperty2Regula.tsx b/src/components/Yidian/_Property1LargeProperty2Regula/_Property1LargeProperty2Regula.tsx new file mode 100644 index 0000000..4e52aac --- /dev/null +++ b/src/components/Yidian/_Property1LargeProperty2Regula/_Property1LargeProperty2Regula.tsx @@ -0,0 +1,43 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { Unnamed12 } from "../unnamed12/unnamed12"; +import classes from "./_Property1LargeProperty2Regula.module.css"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + hide?: { + frame?: boolean; + Icon?: boolean; + }; + text?: { + text?: ReactNode; + }; +} +/* @figmaId 5403:1960 */ +export const _Property1LargeProperty2Regula: FC = memo( + function _Property1LargeProperty2Regula(props = {}) { + return ( +

+ +

+ ); + } +); diff --git a/src/components/Yidian/_Property1Property2/_Property1Property2.module.css b/src/components/Yidian/_Property1Property2/_Property1Property2.module.css new file mode 100644 index 0000000..164575b --- /dev/null +++ b/src/components/Yidian/_Property1Property2/_Property1Property2.module.css @@ -0,0 +1,23 @@ +.root { + width: min-content; + height: min-content; + place-content: center; + align-items: center; + gap: 8px; + padding: 5px 12px; + border-radius: 99px; + background-color: #06f; + overflow: hidden; +} +.unnamed { + color: #fff; + font-size: 14px; + line-height: 22px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/_Property1Property2/_Property1Property2.tsx b/src/components/Yidian/_Property1Property2/_Property1Property2.tsx new file mode 100644 index 0000000..4b8b1e4 --- /dev/null +++ b/src/components/Yidian/_Property1Property2/_Property1Property2.tsx @@ -0,0 +1,27 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { SemiIconsSearch } from "../SemiIconsSearch/SemiIconsSearch"; +import classes from "./_Property1Property2.module.css"; + +interface Props { + className?: string; + text?: { + Unnamed?: ReactNode; + }; +} +/* @figmaId 5403:2081 */ +export const _Property1Property2: FC = memo(function _Property1Property2( + props = {} +) { + return ( +

+ {props.text?.unnamed != null ? ( + props.text?.unnamed + ) : ( +

标签

+ )} +

+ ); +}); diff --git a/src/components/Yidian/_Property1Property22/_Property1Property22.module.css b/src/components/Yidian/_Property1Property22/_Property1Property22.module.css new file mode 100644 index 0000000..e8c6475 --- /dev/null +++ b/src/components/Yidian/_Property1Property22/_Property1Property22.module.css @@ -0,0 +1,22 @@ +.root { + width: min-content; + height: min-content; + place-content: center; + align-items: center; + gap: 8px; + padding: 5px 12px; + border-radius: 99px; + background-color: #fff; + overflow: hidden; +} +.unnamed { + color: #1d2129; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/_Property1Property22/_Property1Property22.tsx b/src/components/Yidian/_Property1Property22/_Property1Property22.tsx new file mode 100644 index 0000000..84a140f --- /dev/null +++ b/src/components/Yidian/_Property1Property22/_Property1Property22.tsx @@ -0,0 +1,27 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { SemiIconsSearch } from "../SemiIconsSearch/SemiIconsSearch"; +import classes from "./_Property1Property22.module.css"; + +interface Props { + className?: string; + text?: { + Unnamed?: ReactNode; + }; +} +/* @figmaId 5403:2063 */ +export const _Property1Property22: FC = memo( + function _Property1Property22(props = {}) { + return ( +

+ {props.text?.unnamed != null ? ( + props.text?.unnamed + ) : ( +

标签

+ )} +

+ ); + } +); diff --git a/src/components/Yidian/_Small/_Small.module.css b/src/components/Yidian/_Small/_Small.module.css new file mode 100644 index 0000000..66f6b5f --- /dev/null +++ b/src/components/Yidian/_Small/_Small.module.css @@ -0,0 +1,21 @@ +.unnamed2.unnamed2 { + align-self: flex-start; + gap: 4px; + padding: 2px 8px; +} +.unnamed { + color: #06f; + font-size: 12px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.root { + width: min-content; + height: min-content; +} diff --git a/src/components/Yidian/_Small/_Small.tsx b/src/components/Yidian/_Small/_Small.tsx new file mode 100644 index 0000000..05ccd44 --- /dev/null +++ b/src/components/Yidian/_Small/_Small.tsx @@ -0,0 +1,28 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { Unnamed8 } from "../unnamed8/unnamed8"; +import classes from "./_Small.module.css"; + +interface Props { + className?: string; + text?: { + Unnamed?: ReactNode; + }; +} +/* @figmaId 5403:2125 */ +export const _Small: FC = memo(function _Small(props = {}) { + return ( +

+ 标签

+ ), + }} + /> + + ); +}); diff --git a/src/components/Yidian/_Small2/_Small2.module.css b/src/components/Yidian/_Small2/_Small2.module.css new file mode 100644 index 0000000..3cd31f4 --- /dev/null +++ b/src/components/Yidian/_Small2/_Small2.module.css @@ -0,0 +1,22 @@ +.unnamed2.unnamed2 { + align-self: flex-start; + gap: 4px; + padding: 2px 8px; + background-color: #f7f8fa; +} +.unnamed { + color: #333; + font-size: 12px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.root { + width: min-content; + height: min-content; +} diff --git a/src/components/Yidian/_Small2/_Small2.tsx b/src/components/Yidian/_Small2/_Small2.tsx new file mode 100644 index 0000000..b48c8e2 --- /dev/null +++ b/src/components/Yidian/_Small2/_Small2.tsx @@ -0,0 +1,28 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { Unnamed8 } from "../unnamed8/unnamed8"; +import classes from "./_Small2.module.css"; + +interface Props { + className?: string; + text?: { + Unnamed?: ReactNode; + }; +} +/* @figmaId 5403:2131 */ +export const _Small2: FC = memo(function _Small2(props = {}) { + return ( +

+ 标签

+ ), + }} + /> + + ); +}); diff --git a/src/components/Yidian/unnamed/UnionIcon.tsx b/src/components/Yidian/unnamed/UnionIcon.tsx new file mode 100644 index 0000000..2d77d8b --- /dev/null +++ b/src/components/Yidian/unnamed/UnionIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/unnamed/unnamed.module.css b/src/components/Yidian/unnamed/unnamed.module.css new file mode 100644 index 0000000..107611c --- /dev/null +++ b/src/components/Yidian/unnamed/unnamed.module.css @@ -0,0 +1,19 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; + overflow: hidden; +} +.union { + position: absolute; + left: 4px; + top: 4px; + width: 16px; + height: 16px; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/unnamed/unnamed.tsx b/src/components/Yidian/unnamed/unnamed.tsx new file mode 100644 index 0000000..13c603a --- /dev/null +++ b/src/components/Yidian/unnamed/unnamed.tsx @@ -0,0 +1,31 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { UnionIcon } from "./UnionIcon.js"; +import classes from "./unnamed.module.css"; + +interface Props { + className?: string; + classes?: { + union?: string; + root?: string; + }; + swap?: { + union?: ReactNode; + }; +} +/* @figmaId 5403:2383 */ +export const Unnamed: FC = memo(function Unnamed(props = {}) { + return ( +

+ {props.swap?.union || } +

+ ); +}); diff --git a/src/components/Yidian/unnamed10/IconBackStrokeIcon.tsx b/src/components/Yidian/unnamed10/IconBackStrokeIcon.tsx new file mode 100644 index 0000000..1d2d027 --- /dev/null +++ b/src/components/Yidian/unnamed10/IconBackStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const IconBackStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(IconBackStrokeIcon); +export { Memo as IconBackStrokeIcon }; diff --git a/src/components/Yidian/unnamed10/unnamed10.module.css b/src/components/Yidian/unnamed10/unnamed10.module.css new file mode 100644 index 0000000..03cda0a --- /dev/null +++ b/src/components/Yidian/unnamed10/unnamed10.module.css @@ -0,0 +1,382 @@ +.button.button { + height: 32px; + gap: 10px; + padding: 4px 11px; + outline: solid 1px #e5e6eb; + border-radius: 4px; + background-color: #fff; + box-shadow: 0px 1px 2px 0px #919eab1f; +} +.Label { + color: #06f; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.iconBasicDropdownChevronDown.iconBasicDropdownChevronDown.iconBasicDropdownChevronDown { + z-index: 0; +} +.icon { + width: 100%; + height: 100%; +} +.root { + position: relative; + width: 1050px; + height: 32px; + align-items: flex-start; +} +.frame728 { + position: absolute; + left: 0; + top: 0; + width: min-content; + height: min-content; + align-items: center; + gap: 10px; +} +._150 { + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.labelWrapper { + font-size: 14px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + flex-shrink: 1; +} +.label { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label2 { + color: #06f; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.label3 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; +} +.unnamed { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame708 { + position: absolute; + right: 0; + top: 0; + width: min-content; + height: min-content; + align-items: center; + gap: 8px; +} +.frame743 { + width: min-content; + height: min-content; + flex-direction: column; + padding: 6px 11px; + outline: solid 1px #e5e6eb; + outline-offset: -1px; + border-radius: 4px; + background-color: #fff; + box-shadow: 0px 1px 2px 0px #919eab1f; +} +.unnamed2 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} +.frame745 { + position: relative; + width: 32px; + height: 32px; + align-items: flex-start; + border-radius: 4px; +} +.rectangle288 { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + border-radius: 4px; + background-color: #06f; + box-shadow: 0px 1px 2px 0px #919eab1f; +} +._1 { + color: #fff; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + position: absolute; + left: 50%; + top: 50%; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; + transform: translate(-50%, -50%); +} +.frame746 { + position: relative; + width: 32px; + height: 32px; + align-items: flex-start; + outline: solid 1px #e5e6eb; + outline-offset: -1px; + border-radius: 4px; +} +.rectangle2882 { + z-index: 0; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + outline: solid 1px #e5e6eb; + outline-offset: -1px; + border-radius: 4px; + background-color: #fff; + box-shadow: 0px 1px 2px 0px #919eab1f; +} +._2 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + position: absolute; + left: calc(50% - -0.5px); + top: 50%; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; + transform: translate(-50%, -50%); +} +.frame740 { + position: relative; + width: 32px; + height: 32px; + align-items: flex-start; + outline: solid 1px #e5e6eb; + outline-offset: -1px; + border-radius: 4px; +} +.rectangle2883 { + z-index: 0; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + outline: solid 1px #e5e6eb; + outline-offset: -1px; + border-radius: 4px; + background-color: #fff; + box-shadow: 0px 1px 2px 0px #919eab1f; +} +._3 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + position: absolute; + left: calc(50% - -0.5px); + top: 50%; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; + transform: translate(-50%, -50%); +} +.frame741 { + position: relative; + width: 32px; + height: 32px; + align-items: flex-start; + outline: solid 1px #e5e6eb; + outline-offset: -1px; + border-radius: 4px; +} +.rectangle2884 { + z-index: 0; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + outline: solid 1px #e5e6eb; + outline-offset: -1px; + border-radius: 4px; + background-color: #fff; + box-shadow: 0px 1px 2px 0px #919eab1f; +} +._4 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + position: absolute; + left: calc(50% - -0.5px); + top: 50%; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; + transform: translate(-50%, -50%); +} +.frame742 { + position: relative; + width: 32px; + height: 32px; + align-items: flex-start; + outline: solid 1px #e5e6eb; + outline-offset: -1px; + border-radius: 4px; +} +.rectangle2885 { + z-index: 0; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + outline: solid 1px #e5e6eb; + outline-offset: -1px; + border-radius: 4px; + background-color: #fff; + box-shadow: 0px 1px 2px 0px #919eab1f; +} +.unnamed3 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + position: absolute; + left: calc(50% - -0.5px); + top: 50%; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; + transform: translate(-50%, -50%); +} +.frame7422 { + position: relative; + width: 32px; + height: 32px; + align-items: flex-start; + outline: solid 1px #e5e6eb; + outline-offset: -1px; + border-radius: 4px; +} +.rectangle2886 { + z-index: 0; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + outline: solid 1px #e5e6eb; + outline-offset: -1px; + border-radius: 4px; + background-color: #fff; + box-shadow: 0px 1px 2px 0px #919eab1f; +} +._5 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + position: absolute; + left: calc(50% - -0.5px); + top: 50%; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; + transform: translate(-50%, -50%); +} +.frame744 { + width: min-content; + height: min-content; + flex-direction: column; + padding: 6px 11px; + outline: solid 1px #e5e6eb; + outline-offset: -1px; + border-radius: 4px; + background-color: #fff; + box-shadow: 0px 1px 2px 0px #919eab1f; +} +.unnamed4 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/unnamed10/unnamed10.tsx b/src/components/Yidian/unnamed10/unnamed10.tsx new file mode 100644 index 0000000..bd7a316 --- /dev/null +++ b/src/components/Yidian/unnamed10/unnamed10.tsx @@ -0,0 +1,85 @@ +import { memo } from "react"; +import type { FC } from "react"; + +import resets from "../../_resets.module.css"; +import { Button_Property1SecondarybtnPr } from "../Button_Property1SecondarybtnPr/Button_Property1SecondarybtnPr"; +import { IconBackStrokeIcon } from "./IconBackStrokeIcon.js"; +import classes from "./unnamed10.module.css"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + hide?: { + iconBasicDropdownChevronDown?: boolean; + }; +} +/* @figmaId 5415:8331 */ +export const Unnamed10: FC = memo(function Unnamed10(props = {}) { + return ( +

+ 共 + 150 + 条信息， +

每页显示:

+ , + }} + hide={{ + iconBasicDropdownChevronDown: false, + }} + text={{ + Label:

, + }} + /> +

...

+ ); +}); diff --git a/src/components/Yidian/unnamed11/VectorStrokeIcon.tsx b/src/components/Yidian/unnamed11/VectorStrokeIcon.tsx new file mode 100644 index 0000000..bb8efbc --- /dev/null +++ b/src/components/Yidian/unnamed11/VectorStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon); +export { Memo as VectorStrokeIcon }; diff --git a/src/components/Yidian/unnamed11/VectorStrokeIcon2.tsx b/src/components/Yidian/unnamed11/VectorStrokeIcon2.tsx new file mode 100644 index 0000000..1b9a75d --- /dev/null +++ b/src/components/Yidian/unnamed11/VectorStrokeIcon2.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon2); +export { Memo as VectorStrokeIcon2 }; diff --git a/src/components/Yidian/unnamed11/VectorStrokeIcon3.tsx b/src/components/Yidian/unnamed11/VectorStrokeIcon3.tsx new file mode 100644 index 0000000..2b93b98 --- /dev/null +++ b/src/components/Yidian/unnamed11/VectorStrokeIcon3.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon3 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon3); +export { Memo as VectorStrokeIcon3 }; diff --git a/src/components/Yidian/unnamed11/VectorStrokeIcon4.tsx b/src/components/Yidian/unnamed11/VectorStrokeIcon4.tsx new file mode 100644 index 0000000..33c64a2 --- /dev/null +++ b/src/components/Yidian/unnamed11/VectorStrokeIcon4.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon4 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon4); +export { Memo as VectorStrokeIcon4 }; diff --git a/src/components/Yidian/unnamed11/VectorStrokeIcon5.tsx b/src/components/Yidian/unnamed11/VectorStrokeIcon5.tsx new file mode 100644 index 0000000..bdf6f32 --- /dev/null +++ b/src/components/Yidian/unnamed11/VectorStrokeIcon5.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon5 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon5); +export { Memo as VectorStrokeIcon5 }; diff --git a/src/components/Yidian/unnamed11/VectorStrokeIcon6.tsx b/src/components/Yidian/unnamed11/VectorStrokeIcon6.tsx new file mode 100644 index 0000000..0ad2aa7 --- /dev/null +++ b/src/components/Yidian/unnamed11/VectorStrokeIcon6.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon6 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon6); +export { Memo as VectorStrokeIcon6 }; diff --git a/src/components/Yidian/unnamed11/VectorStrokeIcon7.tsx b/src/components/Yidian/unnamed11/VectorStrokeIcon7.tsx new file mode 100644 index 0000000..eb9ac14 --- /dev/null +++ b/src/components/Yidian/unnamed11/VectorStrokeIcon7.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon7 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon7); +export { Memo as VectorStrokeIcon7 }; diff --git a/src/components/Yidian/unnamed11/VectorStrokeIcon8.tsx b/src/components/Yidian/unnamed11/VectorStrokeIcon8.tsx new file mode 100644 index 0000000..7e9f3d5 --- /dev/null +++ b/src/components/Yidian/unnamed11/VectorStrokeIcon8.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon8 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon8); +export { Memo as VectorStrokeIcon8 }; diff --git a/src/components/Yidian/unnamed11/unnamed11.module.css b/src/components/Yidian/unnamed11/unnamed11.module.css new file mode 100644 index 0000000..36d6e84 --- /dev/null +++ b/src/components/Yidian/unnamed11/unnamed11.module.css @@ -0,0 +1,65 @@ +.Icon.Icon { + z-index: 0; + width: 14px; + height: 14px; +} +.icon { + width: 100%; + height: 100%; +} +.icon2 { + width: 100%; + height: 100%; +} +.icon3 { + width: 100%; + height: 100%; +} +.icon4 { + width: 100%; + height: 100%; +} +.icon5 { + width: 100%; + height: 100%; +} +.icon6 { + width: 100%; + height: 100%; +} +.icon7 { + width: 100%; + height: 100%; +} +.icon8 { + width: 100%; + height: 100%; +} +.root { + width: 268px; + height: min-content; + flex-direction: column; + gap: 6px; +} +.unnamed { + height: min-content; + align-self: stretch; + align-items: center; + gap: 10px; + padding: 7px 15px; + outline: solid 1px #e5e6eb; + outline-offset: -1px; + border-radius: 4px; + background-color: #fff; +} +.text { + color: #86909c; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + height: min-content; + flex: 1; + flex-direction: column; +} diff --git a/src/components/Yidian/unnamed11/unnamed11.tsx b/src/components/Yidian/unnamed11/unnamed11.tsx new file mode 100644 index 0000000..bbfeb6d --- /dev/null +++ b/src/components/Yidian/unnamed11/unnamed11.tsx @@ -0,0 +1,49 @@ +import { memo } from "react"; +import type { FC } from "react"; + +import resets from "../../_resets.module.css"; +import { Frame3 } from "../Frame3/Frame3"; +import { Frame5 } from "../Frame5/Frame5"; +import classes from "./unnamed11.module.css"; +import { VectorStrokeIcon2 } from "./VectorStrokeIcon2.js"; +import { VectorStrokeIcon3 } from "./VectorStrokeIcon3.js"; +import { VectorStrokeIcon4 } from "./VectorStrokeIcon4.js"; +import { VectorStrokeIcon5 } from "./VectorStrokeIcon5.js"; +import { VectorStrokeIcon6 } from "./VectorStrokeIcon6.js"; +import { VectorStrokeIcon7 } from "./VectorStrokeIcon7.js"; +import { VectorStrokeIcon8 } from "./VectorStrokeIcon8.js"; +import { VectorStrokeIcon } from "./VectorStrokeIcon.js"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; +} +/* @figmaId 5403:1931 */ +export const Unnamed11: FC = memo(function Unnamed11(props = {}) { + return ( +

请选择日期

+ , + vectorStroke2: , + vectorStroke3: , + vectorStroke4: , + vectorStroke5: , + vectorStroke6: , + vectorStroke7: , + vectorStroke8: , + }} + /> +

+ ); +}); diff --git a/src/components/Yidian/unnamed12/VectorStrokeIcon.tsx b/src/components/Yidian/unnamed12/VectorStrokeIcon.tsx new file mode 100644 index 0000000..9c387f3 --- /dev/null +++ b/src/components/Yidian/unnamed12/VectorStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon); +export { Memo as VectorStrokeIcon }; diff --git a/src/components/Yidian/unnamed12/VectorStrokeIcon2.tsx b/src/components/Yidian/unnamed12/VectorStrokeIcon2.tsx new file mode 100644 index 0000000..505045f --- /dev/null +++ b/src/components/Yidian/unnamed12/VectorStrokeIcon2.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon2); +export { Memo as VectorStrokeIcon2 }; diff --git a/src/components/Yidian/unnamed12/VectorStrokeIcon3.tsx b/src/components/Yidian/unnamed12/VectorStrokeIcon3.tsx new file mode 100644 index 0000000..255ec8e --- /dev/null +++ b/src/components/Yidian/unnamed12/VectorStrokeIcon3.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon3 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon3); +export { Memo as VectorStrokeIcon3 }; diff --git a/src/components/Yidian/unnamed12/unnamed12.module.css b/src/components/Yidian/unnamed12/unnamed12.module.css new file mode 100644 index 0000000..823666f --- /dev/null +++ b/src/components/Yidian/unnamed12/unnamed12.module.css @@ -0,0 +1,50 @@ +.frame.frame { + z-index: 0; + width: 14px; + height: 14px; +} +.icon { + width: 100%; + height: 100%; +} +.icon2 { + width: 100%; + height: 100%; +} +.Icon.Icon { + z-index: 0; + width: 14px; + height: 14px; +} +.icon3 { + width: 100%; + height: 100%; +} +.root { + width: 300px; + height: min-content; + flex-direction: column; + gap: 6px; +} +.unnamed { + height: min-content; + align-self: stretch; + align-items: center; + gap: 10px; + padding: 8px 12px; + outline: solid 1px #dcdcdc; + outline-offset: -1px; + border-radius: 4px; + background-color: #fff; +} +.text { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + height: min-content; + flex: 1; + flex-direction: column; +} diff --git a/src/components/Yidian/unnamed12/unnamed12.tsx b/src/components/Yidian/unnamed12/unnamed12.tsx new file mode 100644 index 0000000..5c23710 --- /dev/null +++ b/src/components/Yidian/unnamed12/unnamed12.tsx @@ -0,0 +1,59 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { Frame3 } from "../Frame3/Frame3"; +import { Unnamed5 } from "../unnamed5/unnamed5"; +import classes from "./unnamed12.module.css"; +import { VectorStrokeIcon2 } from "./VectorStrokeIcon2.js"; +import { VectorStrokeIcon3 } from "./VectorStrokeIcon3.js"; +import { VectorStrokeIcon } from "./VectorStrokeIcon.js"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + hide?: { + frame?: boolean; + Icon?: boolean; + }; + text?: { + text?: ReactNode; + }; +} +/* @figmaId 5403:1894 */ +export const Unnamed12: FC = memo(function Unnamed12(props = {}) { + return ( +

+ {!props.hide?.frame && ( + , + vectorStroke2: , + }} + /> + )} + {props.text?.text != null ? ( + props.text?.text + ) : ( +

输入框

+ )} + {!props.hide?.Icon && ( + , + }} + /> + )} +

+ ); +}); diff --git a/src/components/Yidian/unnamed13/unnamed13.module.css b/src/components/Yidian/unnamed13/unnamed13.module.css new file mode 100644 index 0000000..fb48f0a --- /dev/null +++ b/src/components/Yidian/unnamed13/unnamed13.module.css @@ -0,0 +1,47 @@ +.unnamed { + color: #333; + font-size: 12px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.root { + width: 332px; + height: min-content; + align-items: center; + gap: 20px; +} +._2022613 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.frame427319547 { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 8px; +} +.unnamed2 { + color: #1d2129; + font-size: 14px; + line-height: 20px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/unnamed13/unnamed13.tsx b/src/components/Yidian/unnamed13/unnamed13.tsx new file mode 100644 index 0000000..4bbb3ad --- /dev/null +++ b/src/components/Yidian/unnamed13/unnamed13.tsx @@ -0,0 +1,48 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { _Mini2 } from "../_Mini2/_Mini2"; +import classes from "./unnamed13.module.css"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + text?: { + _2022613?: ReactNode; + Unnamed?: ReactNode; + Unnamed2?: ReactNode; + }; +} +/* @figmaId 5633:6850 */ +export const Unnamed13: FC = memo(function Unnamed13(props = {}) { + return ( +

+ {props.text?._2022613 != null ? ( + props.text?._2022613 + ) : ( +

2022-06-13

+ )} +

+ {props.text?.unnamed != null ? ( + props.text?.unnamed + ) : ( +

接待中电投胜和

+ )} + <_Mini2 + text={{ + Unnamed: props.text?.unnamed2 || ( +

国有企事业单位

+ ), + }} + /> +

+ ); +}); diff --git a/src/components/Yidian/unnamed14/UnionIcon.tsx b/src/components/Yidian/unnamed14/UnionIcon.tsx new file mode 100644 index 0000000..f4c3343 --- /dev/null +++ b/src/components/Yidian/unnamed14/UnionIcon.tsx @@ -0,0 +1,42 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/unnamed14/UnionIcon2.tsx b/src/components/Yidian/unnamed14/UnionIcon2.tsx new file mode 100644 index 0000000..291965a --- /dev/null +++ b/src/components/Yidian/unnamed14/UnionIcon2.tsx @@ -0,0 +1,45 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon2); +export { Memo as UnionIcon2 }; diff --git a/src/components/Yidian/unnamed14/UnionIcon3.tsx b/src/components/Yidian/unnamed14/UnionIcon3.tsx new file mode 100644 index 0000000..3f9fe94 --- /dev/null +++ b/src/components/Yidian/unnamed14/UnionIcon3.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon3 = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon3); +export { Memo as UnionIcon3 }; diff --git a/src/components/Yidian/unnamed14/VectorIcon.tsx b/src/components/Yidian/unnamed14/VectorIcon.tsx new file mode 100644 index 0000000..a5dce9d --- /dev/null +++ b/src/components/Yidian/unnamed14/VectorIcon.tsx @@ -0,0 +1,9 @@ +import { memo, SVGProps } from 'react'; + +const VectorIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorIcon); +export { Memo as VectorIcon }; diff --git a/src/components/Yidian/unnamed14/VectorStrokeIcon.tsx b/src/components/Yidian/unnamed14/VectorStrokeIcon.tsx new file mode 100644 index 0000000..f6c509c --- /dev/null +++ b/src/components/Yidian/unnamed14/VectorStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon); +export { Memo as VectorStrokeIcon }; diff --git a/src/components/Yidian/unnamed14/unnamed14.module.css b/src/components/Yidian/unnamed14/unnamed14.module.css new file mode 100644 index 0000000..303af98 --- /dev/null +++ b/src/components/Yidian/unnamed14/unnamed14.module.css @@ -0,0 +1,128 @@ +.icon { + width: 100%; + height: 100%; +} +.icon2 { + width: 100%; + height: 100%; +} +.projectorTwo.projectorTwo { + width: 18px; + height: 18px; +} +.union.union { + left: 0.75px; + top: 3px; + width: 16.5px; + height: 12.75px; +} +.union { + left: 0.75px; + top: 3px; + width: 16.5px; + height: 12.75px; +} +.icon3 { + width: 100%; + height: 100%; +} +.upOne1.upOne1 { + width: 12px; + height: 12px; +} +.icon4 { + width: 100%; + height: 100%; +} +.icon5 { + width: 100%; + height: 100%; +} +.root { + width: min-content; + height: min-content; + align-items: flex-start; + gap: 20px; +} +.unnamed { + width: min-content; + height: min-content; + flex-direction: column; + align-items: flex-start; + gap: 4px; +} +.unnamed2 { + width: min-content; + height: min-content; + align-items: center; + gap: 6px; +} +.unnamed3 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed4 { + width: min-content; + height: min-content; + align-items: baseline; + gap: 7px; +} +._1 { + color: #1d2129; + font-size: 32px; + line-height: 40px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed5 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed6 { + width: min-content; + height: min-content; + align-items: center; + gap: 4px; +} +.unnamed7 { + color: #4e5969; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} +.unnamed8 { + color: #1d2129; + font-size: 16px; + line-height: 22px; + font-weight: bold; + font-family: DIN Alternate, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/unnamed14/unnamed14.tsx b/src/components/Yidian/unnamed14/unnamed14.tsx new file mode 100644 index 0000000..3abc85b --- /dev/null +++ b/src/components/Yidian/unnamed14/unnamed14.tsx @@ -0,0 +1,105 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { NinePointsConnected } from "../NinePointsConnected/NinePointsConnected"; +import { ProjectorTwo } from "../ProjectorTwo/ProjectorTwo"; +import { UpOne1 } from "../UpOne1/UpOne1"; +import { UnionIcon2 } from "./UnionIcon2.js"; +import { UnionIcon3 } from "./UnionIcon3.js"; +import { UnionIcon } from "./UnionIcon.js"; +import classes from "./unnamed14.module.css"; +import { VectorIcon } from "./VectorIcon.js"; +import { VectorStrokeIcon } from "./VectorStrokeIcon.js"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + ninePointsConnected?: ReactNode; + }; + hide?: { + projectorTwo?: boolean; + }; + text?: { + Unnamed?: ReactNode; + _1?: ReactNode; + Unnamed2?: ReactNode; + Unnamed3?: ReactNode; + Unnamed4?: ReactNode; + }; +} +/* @figmaId 5404:5460 */ +export const Unnamed14: FC = memo(function Unnamed14(props = {}) { + return ( +

+ {props.swap?.ninePointsConnected || ( + , + union2: , + }} + /> + )} +

+ {!props.hide?.projectorTwo && ( + + +

+ ), + }} + /> + )} + {props.text?.unnamed != null ? ( + props.text?.unnamed + ) : ( +

站内在线设备

+ )} +

+ {props.text?._1 != null ? ( + props.text?._1 + ) : ( +

2032

+ )} + {props.text?.unnamed3 != null ? ( + props.text?.unnamed3 + ) : ( +

个

+ )} +

+ {props.text?.unnamed2 != null ? ( + props.text?.unnamed2 + ) : ( +

较昨天

+ )} + , + vectorStroke: , + }} + /> + {props.text?.unnamed4 != null ? ( + props.text?.unnamed4 + ) : ( +

+ )} +

+ + ); +}); diff --git a/src/components/Yidian/unnamed2/Vector12StrokeIcon.tsx b/src/components/Yidian/unnamed2/Vector12StrokeIcon.tsx new file mode 100644 index 0000000..7aed8f1 --- /dev/null +++ b/src/components/Yidian/unnamed2/Vector12StrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const Vector12StrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(Vector12StrokeIcon); +export { Memo as Vector12StrokeIcon }; diff --git a/src/components/Yidian/unnamed2/unnamed2.module.css b/src/components/Yidian/unnamed2/unnamed2.module.css new file mode 100644 index 0000000..b5c49d3 --- /dev/null +++ b/src/components/Yidian/unnamed2/unnamed2.module.css @@ -0,0 +1,19 @@ +.root { + position: relative; + width: 20px; + height: 20px; + align-items: flex-start; + border-radius: 2px; +} +.vector12Stroke { + position: absolute; + left: 12.5%; + right: 12.5%; + top: 25%; + bottom: 20%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/unnamed2/unnamed2.tsx b/src/components/Yidian/unnamed2/unnamed2.tsx new file mode 100644 index 0000000..f51b420 --- /dev/null +++ b/src/components/Yidian/unnamed2/unnamed2.tsx @@ -0,0 +1,32 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import classes from "./unnamed2.module.css"; +import { Vector12StrokeIcon } from "./Vector12StrokeIcon.js"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + vector12Stroke?: ReactNode; + }; +} +/* @figmaId 5413:5920 */ +export const Unnamed2: FC = memo(function Unnamed2(props = {}) { + return ( +

+ {props.swap?.vector12Stroke || ( + + )} +

+ ); +}); diff --git a/src/components/Yidian/unnamed3/unnamed3.module.css b/src/components/Yidian/unnamed3/unnamed3.module.css new file mode 100644 index 0000000..7a08c6b --- /dev/null +++ b/src/components/Yidian/unnamed3/unnamed3.module.css @@ -0,0 +1,24 @@ +.root { + width: min-content; + height: min-content; + padding: 3px 7px; + outline: solid 1px #fff; + outline-offset: -1px; + border-radius: 99px; + background-color: #f53f3f; + overflow: hidden; +} +._2 { + color: #fff; + font-size: 12px; + line-height: 16px; + font-weight: 500; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + text-align: center; + align-items: center; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/unnamed3/unnamed3.tsx b/src/components/Yidian/unnamed3/unnamed3.tsx new file mode 100644 index 0000000..aa426aa --- /dev/null +++ b/src/components/Yidian/unnamed3/unnamed3.tsx @@ -0,0 +1,17 @@ +import { memo } from "react"; +import type { FC } from "react"; + +import resets from "../../_resets.module.css"; +import classes from "./unnamed3.module.css"; + +interface Props { + className?: string; +} +/* @figmaId 5403:1497 */ +export const Unnamed3: FC = memo(function Unnamed3(props = {}) { + return ( +

+ ); +}); diff --git a/src/components/Yidian/unnamed4/VectorStrokeIcon.tsx b/src/components/Yidian/unnamed4/VectorStrokeIcon.tsx new file mode 100644 index 0000000..05d0bf3 --- /dev/null +++ b/src/components/Yidian/unnamed4/VectorStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon); +export { Memo as VectorStrokeIcon }; diff --git a/src/components/Yidian/unnamed4/unnamed4.module.css b/src/components/Yidian/unnamed4/unnamed4.module.css new file mode 100644 index 0000000..4be9b5f --- /dev/null +++ b/src/components/Yidian/unnamed4/unnamed4.module.css @@ -0,0 +1,37 @@ +.Icon.Icon { + z-index: 0; + width: 14px; + height: 14px; +} +.icon { + width: 100%; + height: 100%; +} +.root { + width: 300px; + height: min-content; + flex-direction: column; + gap: 6px; +} +.unnamed { + height: min-content; + align-self: stretch; + align-items: center; + gap: 10px; + padding: 8px 12px; + outline: solid 1px #dcdcdc; + outline-offset: -1px; + border-radius: 4px; + background-color: #fff; +} +.text { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + height: min-content; + flex: 1; + flex-direction: column; +} diff --git a/src/components/Yidian/unnamed4/unnamed4.tsx b/src/components/Yidian/unnamed4/unnamed4.tsx new file mode 100644 index 0000000..40f7596 --- /dev/null +++ b/src/components/Yidian/unnamed4/unnamed4.tsx @@ -0,0 +1,42 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { Frame3 } from "../Frame3/Frame3"; +import { Unnamed5 } from "../unnamed5/unnamed5"; +import classes from "./unnamed4.module.css"; +import { VectorStrokeIcon } from "./VectorStrokeIcon.js"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + text?: { + text?: ReactNode; + }; +} +/* @figmaId 5403:1914 */ +export const Unnamed4: FC = memo(function Unnamed4(props = {}) { + return ( +

+ {props.text?.text != null ? ( + props.text?.text + ) : ( +

选择器

+ )} + , + }} + /> +

+ ); +}); diff --git a/src/components/Yidian/unnamed5/VectorStrokeIcon.tsx b/src/components/Yidian/unnamed5/VectorStrokeIcon.tsx new file mode 100644 index 0000000..c054ab2 --- /dev/null +++ b/src/components/Yidian/unnamed5/VectorStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon); +export { Memo as VectorStrokeIcon }; diff --git a/src/components/Yidian/unnamed5/unnamed5.module.css b/src/components/Yidian/unnamed5/unnamed5.module.css new file mode 100644 index 0000000..f2fb7f3 --- /dev/null +++ b/src/components/Yidian/unnamed5/unnamed5.module.css @@ -0,0 +1,19 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; + overflow: hidden; +} +.vectorStroke { + position: absolute; + left: 22.9167%; + right: 18.75%; + top: 33.3333%; + bottom: 33.3333%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/unnamed5/unnamed5.tsx b/src/components/Yidian/unnamed5/unnamed5.tsx new file mode 100644 index 0000000..f104800 --- /dev/null +++ b/src/components/Yidian/unnamed5/unnamed5.tsx @@ -0,0 +1,32 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import classes from "./unnamed5.module.css"; +import { VectorStrokeIcon } from "./VectorStrokeIcon.js"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + vectorStroke?: ReactNode; + }; +} +/* @figmaId 5403:960 */ +export const Unnamed5: FC = memo(function Unnamed5(props = {}) { + return ( +

+ {props.swap?.vectorStroke || ( + + )} +

+ ); +}); diff --git a/src/components/Yidian/unnamed6/VectorStrokeIcon.tsx b/src/components/Yidian/unnamed6/VectorStrokeIcon.tsx new file mode 100644 index 0000000..4452e78 --- /dev/null +++ b/src/components/Yidian/unnamed6/VectorStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon); +export { Memo as VectorStrokeIcon }; diff --git a/src/components/Yidian/unnamed6/VectorStrokeIcon2.tsx b/src/components/Yidian/unnamed6/VectorStrokeIcon2.tsx new file mode 100644 index 0000000..17c2cec --- /dev/null +++ b/src/components/Yidian/unnamed6/VectorStrokeIcon2.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon2); +export { Memo as VectorStrokeIcon2 }; diff --git a/src/components/Yidian/unnamed6/unnamed6.module.css b/src/components/Yidian/unnamed6/unnamed6.module.css new file mode 100644 index 0000000..e60a0c8 --- /dev/null +++ b/src/components/Yidian/unnamed6/unnamed6.module.css @@ -0,0 +1,36 @@ +.unnamed.unnamed { + z-index: 0; + width: 16px; + height: 16px; +} +.icon { + width: 100%; + height: 100%; +} +.icon2 { + width: 100%; + height: 100%; +} +.root { + width: 300px; + height: min-content; + align-self: stretch; + align-items: center; + gap: 10px; + padding: 8px 12px; + outline: solid 1px #dcdcdc; + outline-offset: -1px; + border-radius: 4px; + background-color: #fff; +} +.text { + color: #86909c; + font-size: 14px; + line-height: 20px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + z-index: 0; + height: min-content; + flex: 1; + flex-direction: column; +} diff --git a/src/components/Yidian/unnamed6/unnamed6.tsx b/src/components/Yidian/unnamed6/unnamed6.tsx new file mode 100644 index 0000000..e8baf52 --- /dev/null +++ b/src/components/Yidian/unnamed6/unnamed6.tsx @@ -0,0 +1,35 @@ +import { memo } from "react"; +import type { FC } from "react"; + +import resets from "../../_resets.module.css"; +import { Frame3 } from "../Frame3/Frame3"; +import { Unnamed7 } from "../unnamed7/unnamed7"; +import classes from "./unnamed6.module.css"; +import { VectorStrokeIcon2 } from "./VectorStrokeIcon2.js"; +import { VectorStrokeIcon } from "./VectorStrokeIcon.js"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; +} +/* @figmaId 5638:7181 */ +export const Unnamed6: FC = memo(function Unnamed6(props = {}) { + return ( +

搜索

+ , + vectorStroke2: , + }} + /> +

+ ); +}); diff --git a/src/components/Yidian/unnamed7/VectorStrokeIcon.tsx b/src/components/Yidian/unnamed7/VectorStrokeIcon.tsx new file mode 100644 index 0000000..92662ab --- /dev/null +++ b/src/components/Yidian/unnamed7/VectorStrokeIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon); +export { Memo as VectorStrokeIcon }; diff --git a/src/components/Yidian/unnamed7/VectorStrokeIcon2.tsx b/src/components/Yidian/unnamed7/VectorStrokeIcon2.tsx new file mode 100644 index 0000000..47e6f59 --- /dev/null +++ b/src/components/Yidian/unnamed7/VectorStrokeIcon2.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const VectorStrokeIcon2 = (props: SVGProps) => ( + +); +const Memo = memo(VectorStrokeIcon2); +export { Memo as VectorStrokeIcon2 }; diff --git a/src/components/Yidian/unnamed7/unnamed7.module.css b/src/components/Yidian/unnamed7/unnamed7.module.css new file mode 100644 index 0000000..17d6534 --- /dev/null +++ b/src/components/Yidian/unnamed7/unnamed7.module.css @@ -0,0 +1,31 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; + overflow: hidden; +} +.vectorStroke { + position: absolute; + left: 4.1667%; + right: 16.6667%; + top: 4.1667%; + bottom: 16.6667%; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} +.vectorStroke2 { + position: absolute; + left: 65.045%; + right: 8.944%; + top: 65.0452%; + bottom: 8.9437%; + overflow: visible; +} +.icon2 { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/unnamed7/unnamed7.tsx b/src/components/Yidian/unnamed7/unnamed7.tsx new file mode 100644 index 0000000..0b3d0b2 --- /dev/null +++ b/src/components/Yidian/unnamed7/unnamed7.tsx @@ -0,0 +1,39 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import classes from "./unnamed7.module.css"; +import { VectorStrokeIcon2 } from "./VectorStrokeIcon2.js"; +import { VectorStrokeIcon } from "./VectorStrokeIcon.js"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + swap?: { + vectorStroke?: ReactNode; + vectorStroke2?: ReactNode; + }; +} +/* @figmaId 5403:2344 */ +export const Unnamed7: FC = memo(function Unnamed7(props = {}) { + return ( +

+ {props.swap?.vectorStroke || ( + + )} +

+ {props.swap?.vectorStroke2 || ( + + )} +

+ ); +}); diff --git a/src/components/Yidian/unnamed8/unnamed8.module.css b/src/components/Yidian/unnamed8/unnamed8.module.css new file mode 100644 index 0000000..7f76bc2 --- /dev/null +++ b/src/components/Yidian/unnamed8/unnamed8.module.css @@ -0,0 +1,21 @@ +.root { + width: min-content; + height: min-content; + place-content: center; + align-items: center; + gap: 6px; + padding: 3px 10px; + border-radius: 2px; + background-color: #e8f3ff; +} +.unnamed { + color: #165dff; + font-size: 14px; + line-height: 22px; + font-family: OPPOSans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', + 'Liberation Sans', sans-serif; + width: min-content; + height: min-content; + white-space: nowrap; + flex-direction: column; +} diff --git a/src/components/Yidian/unnamed8/unnamed8.tsx b/src/components/Yidian/unnamed8/unnamed8.tsx new file mode 100644 index 0000000..a174c9e --- /dev/null +++ b/src/components/Yidian/unnamed8/unnamed8.tsx @@ -0,0 +1,33 @@ +import { memo } from "react"; +import type { FC, ReactNode } from "react"; + +import resets from "../../_resets.module.css"; +import { Frame4 } from "../Frame4/Frame4"; +import { Unnamed9 } from "../unnamed9/unnamed9"; +import classes from "./unnamed8.module.css"; + +interface Props { + className?: string; + classes?: { + root?: string; + }; + text?: { + Unnamed?: ReactNode; + }; +} +/* @figmaId 5403:1005 */ +export const Unnamed8: FC = memo(function Unnamed8(props = {}) { + return ( +

+ {props.text?.unnamed != null ? ( + props.text?.unnamed + ) : ( +

标签

+ )} +

+ ); +}); diff --git a/src/components/Yidian/unnamed9/UnionIcon.tsx b/src/components/Yidian/unnamed9/UnionIcon.tsx new file mode 100644 index 0000000..1b23435 --- /dev/null +++ b/src/components/Yidian/unnamed9/UnionIcon.tsx @@ -0,0 +1,14 @@ +import { memo, SVGProps } from 'react'; + +const UnionIcon = (props: SVGProps) => ( + +); +const Memo = memo(UnionIcon); +export { Memo as UnionIcon }; diff --git a/src/components/Yidian/unnamed9/unnamed9.module.css b/src/components/Yidian/unnamed9/unnamed9.module.css new file mode 100644 index 0000000..d08698d --- /dev/null +++ b/src/components/Yidian/unnamed9/unnamed9.module.css @@ -0,0 +1,19 @@ +.root { + position: relative; + width: 24px; + height: 24px; + align-items: flex-start; + overflow: hidden; +} +.union { + position: absolute; + left: 3px; + top: 3px; + width: 18px; + height: 18px; + overflow: visible; +} +.icon { + width: 100%; + height: 100%; +} diff --git a/src/components/Yidian/unnamed9/unnamed9.tsx b/src/components/Yidian/unnamed9/unnamed9.tsx new file mode 100644 index 0000000..954bd46 --- /dev/null +++ b/src/components/Yidian/unnamed9/unnamed9.tsx @@ -0,0 +1,20 @@ +import { memo } from "react"; +import type { FC } from "react"; + +import resets from "../../_resets.module.css"; +import { UnionIcon } from "./UnionIcon.js"; +import classes from "./unnamed9.module.css"; + +interface Props { + className?: string; +} +/* @figmaId 5403:1015 */ +export const Unnamed9: FC = memo(function Unnamed9(props = {}) { + return ( +

+ +

+ ); +}); diff --git a/src/components/_resets.module.css b/src/components/_resets.module.css new file mode 100644 index 0000000..061f1eb --- /dev/null +++ b/src/components/_resets.module.css @@ -0,0 +1,36 @@ +:where(.storybrainResets), +:where(.storybrainResets) * { + box-sizing: border-box; + margin: 0; + padding: 0; + background: none; + border: none; + flex-shrink: 0; + text-decoration: none; + min-width: 0; + overflow-wrap: anywhere; +} + +:where(.storybrainResets), +:where(.storybrainResets) :not(span, a, ul, ol, li, p) { + display: flex; +} + +:where(.storybrainResets) ul, +:where(.storybrainResets) ol { + text-indent: 0; + padding-inline-start: 1.5em; +} + +:where(.storybrainResets) p:empty::before { + content: ''; + display: inline-block; +} + +:where(.storybrainResets) img { + object-fit: contain; +} + +:where(.storybrainResets) svg { + overflow: visible; +} diff --git a/src/favicon.svg b/src/favicon.svg new file mode 100644 index 0000000..de4aedd --- /dev/null +++ b/src/favicon.svg @@ -0,0 +1,15 @@ + diff --git a/src/main.tsx b/src/main.tsx new file mode 100644 index 0000000..4093874 --- /dev/null +++ b/src/main.tsx @@ -0,0 +1,11 @@ +import { StrictMode } from 'react'; +import { createRoot } from 'react-dom/client'; + +import { App } from './App'; +import './resets.css'; + +createRoot(document.getElementById('root')!).render( + + + , +); diff --git a/src/resets.css b/src/resets.css new file mode 100644 index 0000000..f28af7c --- /dev/null +++ b/src/resets.css @@ -0,0 +1,26 @@ +html, +body, +#root { + margin: 0; + padding: 0; + min-height: 100%; + display: flex; + flex-basis: 100%; + width: 100%; +} + +#root { + position: relative; +} + +body button:not(:disabled) { + cursor: pointer; + -webkit-user-select: none; + user-select: none; +} + +body label { + cursor: pointer; + -webkit-user-select: none; + user-select: none; +} diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts new file mode 100644 index 0000000..11f02fe --- /dev/null +++ b/src/vite-env.d.ts @@ -0,0 +1 @@ +/// diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..3d0a51a --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,21 @@ +{ + "compilerOptions": { + "target": "ESNext", + "useDefineForClassFields": true, + "lib": ["DOM", "DOM.Iterable", "ESNext"], + "allowJs": false, + "skipLibCheck": true, + "esModuleInterop": false, + "allowSyntheticDefaultImports": true, + "strict": true, + "forceConsistentCasingInFileNames": true, + "module": "ESNext", + "moduleResolution": "Node", + "resolveJsonModule": true, + "isolatedModules": true, + "noEmit": true, + "jsx": "react-jsx" + }, + "include": ["src"], + "references": [{ "path": "./tsconfig.node.json" }] +} diff --git a/tsconfig.node.json b/tsconfig.node.json new file mode 100644 index 0000000..e993792 --- /dev/null +++ b/tsconfig.node.json @@ -0,0 +1,8 @@ +{ + "compilerOptions": { + "composite": true, + "module": "esnext", + "moduleResolution": "node" + }, + "include": ["vite.config.ts"] +} diff --git a/vite.config.ts b/vite.config.ts new file mode 100644 index 0000000..c406565 --- /dev/null +++ b/vite.config.ts @@ -0,0 +1,8 @@ +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; + +// https://vitejs.dev/config/ +export default defineConfig({ + server: { watch: { awaitWriteFinish: true } }, + plugins: [react()], +});